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