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