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