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