| 1 |
- import{_ as p,a as d,b as u,c as _}from"./soft.b2666f5d.js";import{_ as h,a as m,b as g,c as f,d as v}from"./triangle.f2c12499.js";import{H as y}from"./header.339fc24e.js";import{n as C,c,C as I,e as b,i as $}from"./index.4fdc1c7a.js";const k={name:"upload-makeup-gloss",components:{Header:y},data(){return{containers:[],shapes:[],capacities:[],curContainerId:"",curShapeId:"",curCapacityId:""}},mounted(){const a=this.$t("common.failure");this.$axios.get("/api/upload_type_list",{params:{pid:this.id}}).then(s=>{const{code:t,msg:e=a,data:i=[]}=s.data;if(t==0){const n=i.find(r=>r.id===this.containerId),o=i.find(r=>r.id===this.shapeId),l=i.find(r=>r.id===this.capacityId);this.getContainers(n),this.getShapes(o),this.getCapacities(l)}else this.$message.error(e||a)})},methods:{toSuccess(){this.$router.push({path:"/upload/success"})},uploadFile(){const a=this.$t("common.failure"),s=JSON.parse(sessionStorage.getItem("conf_upload"));this.$axios.post("/api/product/add_product",{...s,type:[this.pid,this.id,this.curContainerId,this.curShapeId,this.curCapacityId]}).then(t=>{const{code:e,msg:i=a}=t.data;e==0?this.toSuccess():this.$message.error(i||a)})},changeContainer({id:a,type:s}){s!=="empty"&&(this.curContainerId=a)},changeShape({id:a,type:s}){s!=="empty"&&(this.curShapeId=a)},changeCapacity({id:a,type:s}){s!=="empty"&&(this.curCapacityId=a)},fillEmpty(a){for(let s=5;s>=0;s--)if(!a[s]){a[s]={type:"empty"};continue}return a},rebuildContainers(a){let s=c[this.id];s=s[this.containerId];const t=a.map(e=>{const i=s[e.id];return{...e,type:i,image:new URL(Object.assign({"../../../../assets/images/makeup/filter/containers/gloss/double.png":p,"../../../../assets/images/makeup/filter/containers/gloss/general.png":d,"../../../../assets/images/makeup/filter/containers/gloss/ring.png":u,"../../../../assets/images/makeup/filter/containers/gloss/soft.png":_})[`../../../../assets/images/makeup/filter/containers/gloss/${i}.png`],self.location).href}});return this.fillEmpty(t)},rebuildShapes(a){const{id:s}=this.$route.query;let t=c[parseInt(s)];t=t[this.shapeId];const e=a.map(i=>{const n=t[i.id];return{...i,type:n,image:new URL(Object.assign({"../../../../assets/images/makeup/filter/shapes/lipstick/oval.png":h,"../../../../assets/images/makeup/filter/shapes/lipstick/polygon.png":m,"../../../../assets/images/makeup/filter/shapes/lipstick/quadrangle.png":g,"../../../../assets/images/makeup/filter/shapes/lipstick/round.png":f,"../../../../assets/images/makeup/filter/shapes/lipstick/triangle.png":v})[`../../../../assets/images/makeup/filter/shapes/lipstick/${n}.png`],self.location).href}});return this.fillEmpty(e)},rebuildCapacities(a){return this.fillEmpty(a)},getContainers({id:a}){const s=this.$t("common.failure");this.$axios.get("/api/upload_type_list",{params:{pid:a}}).then(t=>{const{code:e,msg:i=s,data:n=[]}=t.data;e==0?this.containers=this.rebuildContainers(n):this.$message.error(i||s)})},getShapes({id:a}){const s=this.$t("common.failure");this.$axios.get("/api/upload_type_list",{params:{pid:a}}).then(t=>{const{code:e,msg:i=s,data:n=[]}=t.data;e==0?this.shapes=this.rebuildShapes(n):this.$message.error(i||s)})},getCapacities({id:a}){const s=this.$t("common.failure");this.$axios.get("/api/upload_type_list",{params:{pid:a}}).then(t=>{const{code:e,msg:i=s,data:n=[]}=t.data;e==0?this.capacities=this.rebuildCapacities(n):this.$message.error(i||s)})}},computed:{id(){const{id:a}=this.$route.query;return parseInt(a)},pid(){const{pid:a}=this.$route.query;return parseInt(a)},containerId(){return I[this.id]},shapeId(){return b[this.id]},capacityId(){return $[this.id]},disabled(){return!(this.curContainerId&&this.curShapeId&&this.curCapacityId)},nameKey(){return this.$store.state.nameKey}}};var S=function(){var s=this,t=s._self._c;return t("div",{staticClass:"upload-makeup-gloss"},[t("Header",{attrs:{id:s.id}}),t("div",{staticClass:"filter-container"},[t("div",{staticClass:"row"},[t("div",{staticClass:"all column-item vh-center"},[s._m(0),t("div",{staticClass:"content"},[s._v(" "+s._s(s.$t("common.filter.container"))+" ")])]),s._l(s.containers,function(e){return t("div",{key:e.id,class:["column-item",e.type,e.type==="other"?"vh-center":"",e.type==="empty"?"filter":"",s.curContainerId===e.id?"selected":""],on:{click:function(i){return s.changeContainer(e)}}},[e.type==="empty"?void 0:[s._m(1,!0),t("div",{staticClass:"content"},[t("div",{staticClass:"top"},[e.type==="other"?t("span",[s._v(s._s(e[s.nameKey]))]):t("img",{attrs:{src:e.image,alt:"plastic"}})]),e.type==="other"?t("div",{staticClass:"bottom"}):t("div",{staticClass:"bottom"},[s._v(" "+s._s(e[s.nameKey])+" ")])])]],2)})],2),t("div",{staticClass:"row"},[t("div",{staticClass:"all column-item vh-center"},[s._m(2),t("div",{staticClass:"content"},[s._v(" "+s._s(s.$t("common.filter.shape"))+" ")])]),s._l(s.shapes,function(e){return t("div",{key:e.id,class:["column-item",e.type,e.type==="other"?"vh-center":"",e.type==="empty"?"filter":"",s.curShapeId===e.id?"selected":""],on:{click:function(i){return s.changeShape(e)}}},[e.type==="empty"?void 0:[s._m(3,!0),t("div",{staticClass:"content"},[t("div",{staticClass:"top"},[e.type==="other"?t("span",[s._v(s._s(e[s.nameKey]))]):t("img",{attrs:{src:e.image,alt:"plastic"}})]),e.type==="other"?t("div",{staticClass:"bottom"}):t("div",{staticClass:"bottom"},[s._v(" "+s._s(e[s.nameKey])+" ")])])]],2)})],2),t("div",{staticClass:"row horizontal"},[t("div",{staticClass:"column-item"},[s._m(4),t("div",{staticClass:"horizontal-item"},[s._v(" "+s._s(s.$t("common.filter.capacity"))+" ")])]),s._l(s.capacities,function(e){return t("div",{key:e.id,class:["column-item",s.curCapacityId===e.id?"selected":""],on:{click:function(i){return s.changeCapacity(e)}}},[t("i",{staticClass:"el-icon-success"}),t("div",{staticClass:"horizontal-item"},[s._v(" "+s._s(e[s.nameKey])+" ")])])})],2)]),t("div",{staticClass:"upload-makeup-footer"},[t("el-button",{attrs:{type:"primary",disabled:s.disabled,round:""},on:{click:s.uploadFile}},[s._v(s._s(s.$t("common.resume")))])],1)],1)},E=[function(){var a=this,s=a._self._c;return s("div",{staticClass:"selection"},[s("i",{staticClass:"el-icon-success"})])},function(){var a=this,s=a._self._c;return s("div",{staticClass:"selection"},[s("i",{staticClass:"el-icon-success"})])},function(){var a=this,s=a._self._c;return s("div",{staticClass:"selection"},[s("i",{staticClass:"el-icon-success"})])},function(){var a=this,s=a._self._c;return s("div",{staticClass:"selection"},[s("i",{staticClass:"el-icon-success"})])},function(){var a=this,s=a._self._c;return s("div",{staticClass:"horizontal-item"},[s("i",{staticClass:"el-icon-success"})])}],x=C(k,S,E,!1,null,"d76eb33e",null,null);const R=x.exports;export{R as default};
|
