| 1 |
- import{_ as l,a as d,b as p,c as u,d as _,e as h,f as m}from"./square.c70e9585.js";import{H as f}from"./header.339fc24e.js";import{n as v,c as o,C as g,e as y}from"./index.4fdc1c7a.js";const C={name:"upload-makeup-suit",components:{Header:f},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(s=>{const{code:t,msg:e=a,data:i=[]}=s.data;if(t==0){if(i.length>1){const n=i.find(r=>r.id===this.containerId),c=i.find(r=>r.id===this.shapeId);this.getContainers(n),this.getShapes(c)}}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]}).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)},fillEmpty(a){for(let s=5;s>=0;s--)if(!a[s]){a[s]={type:"empty"};continue}return a},rebuildContainers(a){let s=o[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/base/filter/containers/suit/blow.png":l,"../../../../assets/images/base/filter/containers/suit/glass.png":d,"../../../../assets/images/base/filter/containers/suit/plastic.png":p})[`../../../../assets/images/base/filter/containers/suit/${i}.png`],self.location).href}});return this.fillEmpty(t)},rebuildShapes(a){const{id:s}=this.$route.query;let t=o[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/base/filter/shapes/suit/oval.png":u,"../../../../assets/images/base/filter/shapes/suit/quadrangle.png":_,"../../../../assets/images/base/filter/shapes/suit/round.png":h,"../../../../assets/images/base/filter/shapes/suit/square.png":m})[`../../../../assets/images/base/filter/shapes/suit/${n}.png`],self.location).href}});return this.fillEmpty(e)},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)})}},computed:{id(){const{id:a}=this.$route.query;return parseInt(a)},pid(){const{pid:a}=this.$route.query;return parseInt(a)},containerId(){return g[this.id]},shapeId(){return y[this.id]},disabled(){return!(this.curContainerId&&this.curShapeId)},nameKey(){return this.$store.state.nameKey}}};var b=function(){var s=this,t=s._self._c;return t("div",{staticClass:"upload-makeup-suit"},[t("Header",{attrs:{id:s.id}}),t("div",{staticClass:"filter-container"},[t("div",{staticClass:"row"},[t("div",{staticClass:"all column-item vh-center"},[t("div",{staticClass:"selection"}),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(0,!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(1),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(2,!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:"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)},I=[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"})])}],$=v(C,b,I,!1,null,"49c5b91a",null,null);const x=$.exports;export{x as default};
|
