(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-5ef316a9"],{"1b0c":function(t,e,s){},"30ec":function(t,e,s){"use strict";s.r(e);var i=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",[s("div",[t.bannerImageUrl?s("img",{staticClass:"page-header-picture",attrs:{alt:"page-header-picture",src:t.bannerImageUrl}}):t._e()]),s("div",{staticClass:"search-input-box"},[s("el-input",{staticClass:"search-input",attrs:{placeholder:"Accessory product iD, template sku, Applicable product id, Applicable product name, Applicable pod product sku",maxlength:"100","suffix-icon":"el-icon-search"},nativeOn:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.getPage()}},model:{value:t.query.keyword,callback:function(e){t.$set(t.query,"keyword",e)},expression:"query.keyword"}})],1),s("div",{staticClass:"page-content"},[s("div",{staticClass:"accessory-list-box"},[s("div",{staticClass:"accessory-list-box-container"},[s("div",{staticClass:"type-list"},[s("el-collapse",{attrs:{accordion:""}},t._l(t.typeList,(function(e){return s("el-collapse-item",{key:e.id,attrs:{title:e.name},on:{click:function(s){return t.changeType(e.id)}}},t._l(e.childList,(function(e){return s("div",{key:e.id,staticClass:"item-child",style:{color:e.id==t.query.typeId?"black":""},on:{click:function(s){return t.changeType(e.id)}}},[t._v(" "+t._s(e.name)+" ")])})),0)})),1)],1),s("AccessoryList",{directives:[{name:"loading",rawName:"v-loading",value:t.accessoryListLoading,expression:"accessoryListLoading"}],staticClass:"accessory-list",attrs:{list:t.accessoryList}})],1),s("el-pagination",{staticClass:"accessory-pagination",attrs:{"current-page":t.query.current,"page-size":t.query.size,total:t.total,align:"right",background:"",layout:"total, sizes, prev, pager, next, jumper"},on:{"current-change":t.handleCurrentChange}})],1)])])},a=[],c=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"accessory-list"},[s("div",{staticClass:"accessory-bottom"},[t.list?t._l(t.list,(function(e){return s("div",{key:e.id,staticClass:"accessory-item-box"},[s("div",{staticClass:"accessory-item"},[s("AccessoryImg",{staticClass:"accessory-item-img",attrs:{id:e.id,"image-url":e.mainShowImageUrl,"hover-image-url":e.suspendImageUrl?e.suspendImageUrl:e.mainShowImageUrl,"show-plus":e.level>1,fn:t.jumpToDetail}}),s("div",{staticClass:"accessory-item-info"},[s("div",{staticClass:"accessory-item-title surplus-hidden"},[t._v(t._s(e.fullName))]),s("div",{staticClass:"accessory-item-description surplus-hidden",domProps:{innerHTML:t._s(e.blankContent)}}),s("div",{staticClass:"accessory-item-price-box"},[s("div",{staticClass:"accessory-item-price"},[s("span",{staticClass:"accessory-item-price-num"},[t._v(t._s(0===e.price?"Free":"$ "+e.price))])]),s("div",{staticClass:"accessory-item-minimum-order"},[s("span",{staticClass:"accessory-item-minimum-order-num"},[t._v(" "+t._s(t.getStocking(e.stockingStrategy,e.minStockingNum))+" ")])])])]),s("div",{staticClass:"button-box"},[s("div",{staticClass:"accessory-item-button"},[s("el-button",{staticClass:"button-item-detail",attrs:{type:"primary"},on:{click:function(s){return t.jumpToDetail(e.id)}}},[s("span",{staticClass:"button-item-detail-inner"},[t._v("Detail")])])],1),e.customizable?s("div",{staticClass:"accessory-item-button"},[s("el-button",{staticClass:"button-item-custom",attrs:{type:"primary"},on:{click:function(s){return t.jumpToDetailAndShowCustomizePage(e)}}},[s("span",{staticClass:"button-item-custom-inner"},[t._v("Customize")])])],1):s("div",{staticClass:"accessory-item-button"},[e.dropshiped?s("el-button",{staticClass:"button-item-detail",attrs:{type:"primary",disabled:""}},[s("span",{staticClass:"button-item-detail-inner"},[t._v("Already added")])]):s("el-button",{staticClass:"button-item-custom",attrs:{type:"primary"},on:{click:function(s){return t.jumpToFreeBlankProductFreePage(e)}}},[s("span",{staticClass:"button-item-custom-inner"},[t._v("Add")])])],1)])],1)])})):[s("el-empty",{staticStyle:{margin:"0 auto"},attrs:{description:"No accessories"}})]],2),t.showDetail?s("Detail",{ref:"detailPage"}):t._e()],1)},o=[],r=s("2f62"),n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{on:{mouseenter:function(e){t.isHover=!0},mouseleave:function(e){t.isHover=!1},click:function(e){return t.fn(t.id)}}},[i("Transition",[i("my-img",{directives:[{name:"show",rawName:"v-show",value:t.isHover&&t.hoverImageUrl,expression:"isHover && hoverImageUrl"}],staticClass:"image-style",attrs:{"image-style":{width:"100%",height:"100%"},width:444,height:444,src:t.hoverImageUrl,onerror:"this.src='"+s("e803")+"'"}})],1),i("Transition",[i("my-img",{directives:[{name:"show",rawName:"v-show",value:!(t.isHover&&t.imageUrl),expression:"!(isHover && imageUrl)"}],staticClass:"image-style",attrs:{"image-style":{width:"100%",height:"100%"},width:444,height:444,src:t.imageUrl,onerror:"this.src='"+s("e803")+"'"}})],1),i("div",{directives:[{name:"show",rawName:"v-show",value:t.showPlus,expression:"showPlus"}],staticClass:"plus-icon-div"},[i("div",{staticClass:"plus-icon-inner-div"},[i("img",{staticClass:"plus-icon",attrs:{alt:"plus-icon",src:s("bca9")}}),i("span",{staticClass:"plus-icon-text"},[t._v("Plus")])])])],1)},l=[],u={name:"AccessoryImg",props:{imageUrl:{type:String,default:null},hoverImageUrl:{type:String,default:null},showPlus:{type:Boolean,default:!1},fn:{type:Function,default:()=>{}},id:{type:Number,default:null}},data(){return{isHover:!1}}},d=u,m=(s("4b67"),s("2877")),p=Object(m["a"])(d,n,l,!1,null,"3893f914",null),h=p.exports,g=s("5a0d"),y={name:"AccessoryList",components:{AccessoryImg:h,Detail:g["a"]},props:{title:{type:String,default:""},list:{type:Array,default:()=>[]}},data(){return{showDetail:!1,dataObject:{}}},computed:{...Object(r["b"])("user",{userBaseInfo:"getUserBaseInfo"}),userFittingLevel(){return this.userBaseInfo.fittingsLevel||0}},watch:{list:{handler(t){this.accessoryList=t.map(t=>(t.isHover=!1,t.labels=t.labels||[],t))},immediate:!0,deep:!0},showDetail:{handler(t){t||(document.body.style.overflow="auto")}}},methods:{setClickItemData(t){this.$store.commit("aopCustomize/setCustomProductId",t.id),this.dataObject=t},close(){this.showDetail=!1,this.$refs.detailPage.$destroy()},openDetailClick(t){this.setClickItemData(t),this.$store.commit("aopCustomize/setNotCustomizable",!0),this.$store.commit("aopCustomize/setBlankProductId",t.id),this.$store.commit("aopCustomize/setClosePage",this.close),this.showDetail=!0},showCancelFn(t,e){this.$set(t,"showCancel",e)},check(t){const e=this.$store.getters["user/getUserBaseInfo"];return e.id?!(t.level&&this.userFittingLevel<t.level)||(this.$confirm("Dear Customer, Premium Accessories require a subscription plan.",{confirmButtonText:"Subscribe",cancelButtonText:"Details",type:"warning"}).then(async()=>{this.$refs.SubscriptionAction.SelectSubscription(2)}).catch(()=>{this.callNewPage("/Subscription")}),!1):(this.$loginDialog({loginType:"login"}),!1)},jumpToFreeBlankProductFreePage(t){this.check(t)&&(this.$store.commit("aopCustomize/setNotCustomizable",!0),this.jumpToDetail(t.id))},jumpToDetailAndShowCustomizePage(t){this.check(t)&&(this.$store.commit("aopCustomize/setJumpToDetailShowAopPreview",!0),this.$store.commit("aopCustomize/setStep",1),this.jumpToDetail(t.id))},jumpToDetail(t){this.callNewPage("/AccessoryDetail/"+t)},getStocking(t,e){return 1===t?"No need to stock":"Mini order of "+e+" PCS"}}},v=y,b=(s("36ea"),Object(m["a"])(v,c,o,!1,null,"1a5ad6aa",null)),C=b.exports,f=s("6d68"),w=s("623f"),k={name:"CustomAccessories",components:{AccessoryList:C},data(){return{accessoryListLoading:!1,query:{keyword:"",current:1,size:9,category1:2,typeId:null},total:10,accessoryList:[],bannerImageUrl:"",typeList:[]}},created(){this.getBanners(),this.getTypeList()},methods:{changeType(t){this.query.typeId=t,this.getPage()},async getTypeList(){const t=await Object(f["d"])({current:1,size:1e3,category1:2});if(200!==t.code)return;const e=[],s=t.data.records;s.forEach(t=>{0===t.pid&&(t.childList=[],e.push(t))}),s.forEach(t=>{0!==t.pid&&e.forEach(e=>{e.id===t.pid&&e.childList.push(t)})}),this.typeList=e,await this.getPage()},async getPage(){this.accessoryListLoading=!0;const t=await Object(f["c"])(this.query);null!=t&&null!=t.data&&"success"===t.msg&&(this.total=t.data.total,this.accessoryList=t.data.records,this.accessoryListLoading=!1,document.body.style.overflow="auto")},handleCurrentChange(t){this.query.current=t,this.getPage()},async getBanners(){const t=await Object(w["c"])();200===t.code&&(this.bannerImageUrl=t.data.imageUrlList[0])}}},L=k,P=(s("32e2"),Object(m["a"])(L,i,a,!1,null,"51777724",null));e["default"]=P.exports},"32e2":function(t,e,s){"use strict";s("6400")},"36ea":function(t,e,s){"use strict";s("1b0c")},"4b67":function(t,e,s){"use strict";s("7986")},"5a0d":function(t,e,s){"use strict";var i=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"detail-container"},[i("div",{staticClass:"header"},[i("div",{staticClass:"back",on:{click:t.closePage}},[i("img",{staticClass:"back-icon",attrs:{alt:"back-icon",src:s("ccb8")}}),i("span",{staticClass:"back-title"},[t._v("Back")])])]),i("ShippingPage")],1)},a=[],c=s("2f62"),o=s("01ad"),r={name:"Detail",components:{ShippingPage:o["a"]},data(){return{}},computed:{...Object(c["c"])("aopCustomize",["closePage"])},mounted(){document.body.style.overflow="hidden"}},n=r,l=(s("82c7"),s("2877")),u=Object(l["a"])(n,i,a,!1,null,"33c9312d",null);e["a"]=u.exports},6400:function(t,e,s){},7986:function(t,e,s){},"82c7":function(t,e,s){"use strict";s("8719")},8719:function(t,e,s){},bca9:function(t,e,s){t.exports=s.p+"static/img/vip-icon.bb0e808f.svg"}}]);