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