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