| 1 |
- import{_ as h,a as u,b as _,c as m,d as g}from"./spray.b2af0bc4.js";import{_ as f,a as v,b as y,c as C}from"./square.0d739171.js";import{H as I}from"./header.e8d4f73a.js";import{n as b,b as $,c as o,d as S,F as E,C as A,e as P,i as T,P as k,f as w,h as r}from"./index.4fdc1c7a.js";const D={name:"base-filter-glass",components:{Header:I},data(){return{containers:[],shapes:[],capacities:[],products:[],containerIds:[],shapeIds:[],capacityIds:[],productIds:[],level1Count:0,level2Count:0}},mounted(){const e=this.$t("common.failure");this.$axios.get("/api/upload_type_list",{params:{pid:this.id}}).then(s=>{const{code:t,msg:i=e,data:a=[]}=s.data;if(t==0){const c=a.find(n=>n.id===this.containerId),l=a.find(n=>n.id===this.shapeId),d=a.find(n=>n.id===this.capacityId),p=a.find(n=>n.id===this.productId);this.getContainers(c),this.getShapes(l),this.getCapacities(d),this.getProducts(p)}else this.$message.error(i||e)}),this.getFilterTypes()},methods:{toggleContainers(){this.containerAll?this.containerIds=[]:this.containerIds=this.containers.filter(e=>e.type!=="empty").map(e=>e.id)},toggleShapes(){this.shapeAll?this.shapeIds=[]:this.shapeIds=this.shapes.filter(e=>e.type!=="empty").map(e=>e.id)},toggleCapacities(){this.capacityAll?this.capacityIds=[]:this.capacityIds=this.capacities.filter(e=>e.type!=="empty").map(e=>e.id)},toggleProducts(){this.productAll?this.productIds=[]:this.productIds=this.products.filter(e=>e.type!=="empty").map(e=>e.id)},getFilterTypes(){const e=this.$t("common.failure");this.$axios.get("/api/filter_type_list").then(s=>{const{code:t,msg:i=e,data:a=[]}=s.data;if(t==0){const[c,l]=$(r.base,w[r.base].glass,a);this.level1Count=c,this.level2Count=l}else this.$message.error(i||e)})},toBase(){sessionStorage.setItem("conf_filters",JSON.stringify([this.containers,this.shapes,this.capacities,this.products])),this.$router.push({path:"/base",query:{filter:`${this.containerIds},${this.shapeIds},${this.capacityIds},${this.productIds}`}})},changeContainer({id:e,type:s}){s!=="empty"&&(this.containerIds=[],this.containerIds.push(e))},changeShape({id:e,type:s}){s!=="empty"&&(this.shapeIds=[],this.shapeIds.push(e))},changeCapacity({id:e,type:s}){s!=="empty"&&(this.capacityIds=[],this.capacityIds.push(e))},changeProduct({id:e,type:s}){s!=="empty"&&(this.productIds=[],this.productIds.push(e))},fillEmpty(e){for(let s=5;s>=0;s--)if(!e[s]){e[s]={type:"empty"};continue}return e},rebuildContainers(e){let s=o[this.id];s=s[this.containerId];const t=e.map(i=>{const a=s[i.id];return{...i,type:a,image:new URL(Object.assign({"../../../../assets/images/base/filter/containers/glass/cover.png":h,"../../../../assets/images/base/filter/containers/glass/dropper.png":u,"../../../../assets/images/base/filter/containers/glass/glass.png":_,"../../../../assets/images/base/filter/containers/glass/press.png":m,"../../../../assets/images/base/filter/containers/glass/spray.png":g})[`../../../../assets/images/base/filter/containers/glass/${a}.png`],self.location).href}});return this.fillEmpty(t)},rebuildShapes(e){let s=o[parseInt(this.id)];s=s[this.shapeId];const t=e.map(i=>{const a=s[i.id];return{...i,type:a,image:new URL(Object.assign({"../../../../assets/images/base/filter/shapes/blow/oval.png":f,"../../../../assets/images/base/filter/shapes/blow/quadrangle.png":v,"../../../../assets/images/base/filter/shapes/blow/round.png":y,"../../../../assets/images/base/filter/shapes/blow/square.png":C})[`../../../../assets/images/base/filter/shapes/blow/${a}.png`],self.location).href}});return this.fillEmpty(t)},rebuildProducts(e){return this.fillEmpty(e)},getContainers({id:e}){const s=this.$t("common.failure");this.$axios.get("/api/upload_type_list",{params:{pid:e}}).then(t=>{const{code:i,msg:a=s,data:c=[]}=t.data;i==0?this.containers=this.rebuildContainers(c):this.$message.error(a||s)})},getShapes({id:e}){const s=this.$t("common.failure");this.$axios.get("/api/upload_type_list",{params:{pid:e}}).then(t=>{const{code:i,msg:a=s,data:c=[]}=t.data;i==0?this.shapes=this.rebuildShapes(c):this.$message.error(a||s)})},getCapacities({id:e}){const s=this.$t("common.failure");this.$axios.get("/api/upload_type_list",{params:{pid:e}}).then(t=>{const{code:i,msg:a=s,data:c=[]}=t.data;i==0?this.capacities=c:this.$message.error(a||s)})},getProducts({id:e}){const s=this.$t("common.failure");this.$axios.get("/api/upload_type_list",{params:{pid:e}}).then(t=>{const{code:i,msg:a=s,data:c=[]}=t.data;i==0?this.products=this.rebuildProducts(c):this.$message.error(a||s)})}},computed:{id(){return S[E.mode].glass},containerAll(){return this.containerIds.length===this.containers.filter(e=>e.type!=="empty").length},shapeAll(){return this.shapeIds.length===this.shapes.filter(e=>e.type!=="empty").length},capacityAll(){return this.capacityIds.length===this.capacities.filter(e=>e.type!=="empty").length},productAll(){return this.productIds.length===this.products.filter(e=>e.type!=="empty").length},containerId(){return A[this.id]},shapeId(){return P[this.id]},capacityId(){return T[this.id]},productId(){return k[this.id]},disabled(){return!(this.containerIds.length&&this.shapeIds.length&&this.capacityIds.length&&this.productIds.length)},nameKey(){return this.$store.state.nameKey}}};var R=function(){var s=this,t=s._self._c;return t("div",{staticClass:"base-filter-glass"},[t("div",{staticClass:"filter-content"},[t("Header",{attrs:{type:"glass"}}),t("div",{staticClass:"filter-container"},[t("div",{staticClass:"row"},[t("div",{class:["column-item",s.containerAll?"selected":""],on:{click:s.toggleContainers}},[s._m(0),t("div",{staticClass:"content"},[t("div",{staticClass:"top"},[t("b",[s._v(s._s(s.$t("common.filter.all")))])]),t("div",{staticClass:"bottom"},[s._v(" "+s._s(s.$t("common.filter.container"))+" ")])])]),s._l(s.containers,function(i){return t("div",{key:i.id,class:["column-item",i.type,i.type==="other"?"vh-center":"",i.type==="empty"?"filter":"",s.containerIds.includes(i.id)?"selected":""],on:{click:function(a){return s.changeContainer(i)}}},[i.type==="empty"?void 0:[s._m(1,!0),t("div",{staticClass:"content"},[t("div",{staticClass:"top"},[i.type==="other"?t("span",[s._v(s._s(i[s.nameKey]))]):t("img",{attrs:{src:i.image,alt:"plastic"}})]),i.type==="other"?t("div",{staticClass:"bottom"}):t("div",{staticClass:"bottom"},[s._v(" "+s._s(i[s.nameKey])+" ")])])]],2)})],2),t("div",{staticClass:"row"},[t("div",{class:["column-item",s.shapeAll?"selected":""],on:{click:s.toggleShapes}},[s._m(2),t("div",{staticClass:"content"},[t("div",{staticClass:"top"},[t("b",[s._v(s._s(s.$t("common.filter.all")))])]),t("div",{staticClass:"bottom"},[s._v(" "+s._s(s.$t("common.filter.shape"))+" ")])])]),s._l(s.shapes,function(i){return t("div",{key:i.id,class:["column-item",i.type,i.type==="other"?"vh-center":"",i.type==="empty"?"filter":"",s.shapeIds.includes(i.id)?"selected":""],on:{click:function(a){return s.changeShape(i)}}},[i.type==="empty"?void 0:[s._m(3,!0),t("div",{staticClass:"content"},[t("div",{staticClass:"top"},[i.type==="other"?t("span",[s._v(s._s(i[s.nameKey]))]):t("img",{attrs:{src:i.image,alt:"plastic"}})]),i.type==="other"?t("div",{staticClass:"bottom"}):t("div",{staticClass:"bottom"},[s._v(" "+s._s(i[s.nameKey])+" ")])])]],2)})],2),t("div",{staticClass:"row horizontal"},[t("div",{class:["column-item",s.capacityAll?"selected":""],on:{click:s.toggleCapacities}},[t("i",{staticClass:"el-icon-success"}),t("div",{staticClass:"horizontal-item"},[t("b",[s._v(s._s(s.$t("common.filter.all")))])]),t("div",{staticClass:"horizontal-item"},[s._v(" "+s._s(s.$t("common.filter.capacity"))+" ")])]),s._l(s.capacities,function(i){return t("div",{key:i.id,class:["column-item",s.capacityIds.includes(i.id)?"selected":""],on:{click:function(a){return s.changeCapacity(i)}}},[t("i",{staticClass:"el-icon-success"}),t("div",{staticClass:"horizontal-item"},[s._v(" "+s._s(i[s.nameKey])+" ")])])})],2),t("div",{staticClass:"row horizontal"},[t("div",{class:["column-item",s.productAll?"selected":""],on:{click:s.toggleProducts}},[t("i",{staticClass:"el-icon-success"}),t("div",{staticClass:"horizontal-item"},[t("b",[s._v(s._s(s.$t("common.filter.all")))])]),t("div",{staticClass:"horizontal-item"},[s._v(" "+s._s(s.$t("common.filter.product"))+" ")])]),s._l(s.products,function(i){return t("div",{key:i.id,class:["column-item",s.productIds.includes(i.id)?"selected":""],on:{click:function(a){return s.changeProduct(i)}}},[t("i",{staticClass:"el-icon-success"}),t("div",{staticClass:"horizontal-item"},[s._v(" "+s._s(i[s.nameKey])+" ")])])})],2)]),t("div",{staticClass:"upload-makeup-footer"},[t("div",{staticClass:"footer-count"},[t("ul",[t("li",[s._v(" "+s._s(s.$t("header.navs.nav1"))+" "+s._s(s.level1Count)+" ")]),s._v(" \xA0\xA0 > \xA0\xA0 "),t("li",[s._v(" "+s._s(s.$t("base.nav.glass"))+" "+s._s(s.level2Count)+" ")])])]),t("el-button",{attrs:{type:"primary",disabled:s.disabled,round:""},on:{click:s.toBase}},[s._v(s._s(s.$t("common.resume")))])],1)],1)])},x=[function(){var e=this,s=e._self._c;return s("div",{staticClass:"selection"},[s("i",{staticClass:"el-icon-success"})])},function(){var e=this,s=e._self._c;return s("div",{staticClass:"selection"},[s("i",{staticClass:"el-icon-success"})])},function(){var e=this,s=e._self._c;return s("div",{staticClass:"selection"},[s("i",{staticClass:"el-icon-success"})])},function(){var e=this,s=e._self._c;return s("div",{staticClass:"selection"},[s("i",{staticClass:"el-icon-success"})])}],z=b(D,R,x,!1,null,"7931d77b",null,null);const U=z.exports;export{U as default};
|
