1 |
- !function(){function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,a)}return i}function i(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?e(Object(n),!0).forEach((function(e){a(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):e(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function a(e,i,a){return(i=function(e){var i=function(e,i){if("object"!==t(e)||null===e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var n=a.call(e,i||"default");if("object"!==t(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===i?String:Number)(e)}(e,"string");return"symbol"===t(i)?i:String(i)}(i))in e?Object.defineProperty(e,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[i]=a,e}System.register(["./triangle-legacy.f7dca798.js","./header-legacy.ca85acbc.js","./index-legacy.88892f9c.js"],(function(t,e){"use strict";var a,n,s,r,o,c,l,d,u,p,m,f,h,g,v,y,x=document.createElement("style");return x.textContent=".upload-makeup-eyeliner[data-v-8f64063d]{width:1100px;height:706px;padding:60px 70px;background:var(--color-white);box-shadow:0 0 20px rgba(0,0,0,.16);border-radius:34px;margin:206px auto 168px}.filter-container[data-v-8f64063d]{margin:40px 0 37px}.filter-container .row[data-v-8f64063d]{margin-bottom:8px;display:flex}.filter-container .row[data-v-8f64063d]:last-child{margin-bottom:0}.row.horizontal .column-item[data-v-8f64063d]{padding:21px 10px 19px;display:flex;align-items:center;flex-direction:row;justify-content:center}.column-item .horizontal-item[data-v-8f64063d]{margin-right:8px}.column-item i[data-v-8f64063d]{display:none}.column-item.selected i[data-v-8f64063d]{display:block}.column-item .horizontal-item[data-v-8f64063d]:last-child{margin-right:0}.row .column-item[data-v-8f64063d]{position:relative;width:130px;color:var(--color-black);font-size:14px;line-height:20px;padding:10px 20px 14px 10px;box-shadow:2px 2px 6px rgba(0,0,0,.17);border-radius:10px;margin-right:8px;cursor:pointer;display:flex;flex-direction:column}.row .column-item[data-v-8f64063d]:hover{box-shadow:2px 2px 6px rgba(0,0,0,.3)}.column-item.horizontal .content[data-v-8f64063d]{flex:1;display:flex;align-items:flex-end;justify-content:space-between}.row .column-item[data-v-8f64063d]:last-child{margin-right:0}.column-item i[data-v-8f64063d],.column-item .selection[data-v-8f64063d]{position:absolute;top:10px;left:10px;height:16px;font-size:16px;color:var(--color-blue)}.column-item i[data-v-8f64063d]{top:50%;transform:translateY(-50%)}.column-item .selection i[data-v-8f64063d]{display:none}.column-item.selected .selection i[data-v-8f64063d]{display:block}.horizontal .column-item .horizontal-item i[data-v-8f64063d]{position:static}.content .top[data-v-8f64063d]{height:70px;display:flex;align-items:center;justify-content:center}.content .bottom[data-v-8f64063d]{text-align:center}.column-item.fluid img[data-v-8f64063d]{width:20px;height:89px}.column-item.fluidPen img[data-v-8f64063d],.column-item.threeFluidPen img[data-v-8f64063d]{width:37px;height:87px}.column-item.doublePen img[data-v-8f64063d]{width:57px;height:87px}.column-item.pen img[data-v-8f64063d]{width:37px;height:87px}.column-item.glue img[data-v-8f64063d]{width:35px;height:86px}.column-item.round img[data-v-8f64063d]{width:19px;height:57px}.column-item.oval img[data-v-8f64063d]{width:24px;height:57px}.column-item.triangle img[data-v-8f64063d]{width:20px;height:57px}.column-item.polygon img[data-v-8f64063d]{width:24px;height:70px}.upload-makeup-footer[data-v-8f64063d]{text-align:right}.upload-makeup-footer .el-button[data-v-8f64063d]{width:82px;height:38px;border-radius:20px}\n",document.head.appendChild(x),{setters:[function(t){a=t._,n=t.a,s=t.b,r=t.c,o=t.d,c=t.e,l=t.f,d=t.g,u=t.h,p=t.i},function(t){m=t.H},function(t){f=t.n,h=t.c,g=t.C,v=t.e,y=t.i}],execute:function(){t("default",f({name:"upload-makeup-eyeliner",components:{Header:m},data:function(){return{containers:[],shapes:[],capacities:[],curContainerId:"",curShapeId:"",curCapacityId:""}},mounted:function(){var t=this,e=this.$t("common.failure");this.$axios.get("/api/upload_type_list",{params:{pid:this.id}}).then((function(i){var a=i.data,n=a.code,s=a.msg,r=void 0===s?e:s,o=a.data,c=void 0===o?[]:o;if(0==n){var l=c.find((function(e){return e.id===t.containerId})),d=c.find((function(e){return e.id===t.shapeId})),u=c.find((function(e){return e.id===t.capacityId}));t.getContainers(l),t.getShapes(d),t.getCapacities(u)}else t.$message.error(r||e)}))},methods:{toSuccess:function(){this.$router.push({path:"/upload/success"})},uploadFile:function(){var t=this,e=this.$t("common.failure"),a=JSON.parse(sessionStorage.getItem("conf_upload"));this.$axios.post("/api/product/add_product",i(i({},a),{},{type:[this.pid,this.id,this.curContainerId,this.curShapeId,this.curCapacityId]})).then((function(i){var a=i.data,n=a.code,s=a.msg,r=void 0===s?e:s;0==n?t.toSuccess():t.$message.error(r||e)}))},changeContainer:function(t){var e=t.id;"empty"!==t.type&&(this.curContainerId=e)},changeShape:function(t){var e=t.id;"empty"!==t.type&&(this.curShapeId=e)},changeCapacity:function(t){var e=t.id;"empty"!==t.type&&(this.curCapacityId=e)},fillEmpty:function(t){for(var e=5;e>=0;e--)t[e]||(t[e]={type:"empty"});return t},rebuildContainers:function(t){var e=h[this.id];e=e[this.containerId];var l=t.map((function(t){var l=e[t.id];return i(i({},t),{},{type:l,image:new URL(Object.assign({"../../../../assets/images/makeup/filter/containers/eyeliner/doublePen.png":a,"../../../../assets/images/makeup/filter/containers/eyeliner/fluid.png":n,"../../../../assets/images/makeup/filter/containers/eyeliner/fluidPen.png":s,"../../../../assets/images/makeup/filter/containers/eyeliner/glue.png":r,"../../../../assets/images/makeup/filter/containers/eyeliner/pen.png":o,"../../../../assets/images/makeup/filter/containers/eyeliner/threeFluidPen.png":c})["../../../../assets/images/makeup/filter/containers/eyeliner/".concat(l,".png")],self.location).href})}));return this.fillEmpty(l)},rebuildShapes:function(t){var e=this.$route.query.id,a=h[parseInt(e)];a=a[this.shapeId];var n=t.map((function(t){var e=a[t.id];return i(i({},t),{},{type:e,image:new URL(Object.assign({"../../../../assets/images/makeup/filter/shapes/eyeliner/oval.png":l,"../../../../assets/images/makeup/filter/shapes/eyeliner/polygon.png":d,"../../../../assets/images/makeup/filter/shapes/eyeliner/round.png":u,"../../../../assets/images/makeup/filter/shapes/eyeliner/triangle.png":p})["../../../../assets/images/makeup/filter/shapes/eyeliner/".concat(e,".png")],self.location).href})}));return this.fillEmpty(n)},rebuildCapacities:function(t){return this.fillEmpty(t)},getContainers:function(t){var e=this,i=t.id,a=this.$t("common.failure");this.$axios.get("/api/upload_type_list",{params:{pid:i}}).then((function(t){var i=t.data,n=i.code,s=i.msg,r=void 0===s?a:s,o=i.data,c=void 0===o?[]:o;0==n?e.containers=e.rebuildContainers(c):e.$message.error(r||a)}))},getShapes:function(t){var e=this,i=t.id,a=this.$t("common.failure");this.$axios.get("/api/upload_type_list",{params:{pid:i}}).then((function(t){var i=t.data,n=i.code,s=i.msg,r=void 0===s?a:s,o=i.data,c=void 0===o?[]:o;0==n?e.shapes=e.rebuildShapes(c):e.$message.error(r||a)}))},getCapacities:function(t){var e=this,i=t.id,a=this.$t("common.failure");this.$axios.get("/api/upload_type_list",{params:{pid:i}}).then((function(t){var i=t.data,n=i.code,s=i.msg,r=void 0===s?a:s,o=i.data,c=void 0===o?[]:o;0==n?e.capacities=e.rebuildCapacities(c):e.$message.error(r||a)}))}},computed:{id:function(){var t=this.$route.query.id;return parseInt(t)},pid:function(){var t=this.$route.query.pid;return parseInt(t)},containerId:function(){return g[this.id]},shapeId:function(){return v[this.id]},capacityId:function(){return y[this.id]},disabled:function(){return!(this.curContainerId&&this.curShapeId&&this.curCapacityId)},nameKey:function(){return this.$store.state.nameKey}}},(function(){var t=this,e=t._self._c;return e("div",{staticClass:"upload-makeup-eyeliner"},[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(i){return e("div",{key:i.id,class:["column-item","horizontal",i.type,t.curContainerId===i.id?"selected":""],on:{click:function(e){return t.changeContainer(i)}}},[t._m(0,!0),e("div",{staticClass:"content"},[e("div",{staticClass:"left"},[t._v(" "+t._s(i[t.nameKey])+" ")]),e("div",{staticClass:"right"},[e("img",{attrs:{src:i.image}})])])])}))],2),e("div",{staticClass:"row"},[e("div",{staticClass:"all column-item vh-center"},[t._m(1),e("div",{staticClass:"content"},[t._v(" "+t._s(t.$t("common.filter.shape"))+" ")])]),t._l(t.shapes,(function(i){return e("div",{key:i.id,class:["column-item",i.type,"other"===i.type?"vh-center":"","empty"===i.type?"filter":"",t.curShapeId===i.id?"selected":""],on:{click:function(e){return t.changeShape(i)}}},["empty"===i.type?void 0:[t._m(2,!0),e("div",{staticClass:"content"},[e("div",{staticClass:"top"},["other"===i.type?e("span",[t._v(t._s(i[t.nameKey]))]):e("img",{attrs:{src:i.image,alt:"plastic"}})]),"other"===i.type?e("div",{staticClass:"bottom"}):e("div",{staticClass:"bottom"},[t._v(" "+t._s(i[t.nameKey])+" ")])])]],2)}))],2),e("div",{staticClass:"row horizontal"},[e("div",{staticClass:"column-item vh-center"},[t._m(3),e("div",{staticClass:"horizontal-item"},[t._v(" "+t._s(t.$t("common.filter.capacity"))+" ")])]),t._l(t.capacities,(function(i){return e("div",{key:i.id,class:["column-item",t.curCapacityId===i.id?"selected":""],on:{click:function(e){return t.changeCapacity(i)}}},[e("i",{staticClass:"el-icon-success"}),e("div",{staticClass:"horizontal-item"},[t._v(" "+t._s(i[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)}),[function(){var t=this._self._c;return t("div",{staticClass:"selection"},[t("i",{staticClass:"el-icon-success"})])},function(){var t=this._self._c;return t("div",{staticClass:"selection"},[t("i",{staticClass:"el-icon-success"})])},function(){var t=this._self._c;return t("div",{staticClass:"selection"},[t("i",{staticClass:"el-icon-success"})])},function(){var t=this._self._c;return t("div",{staticClass:"horizontal-item"},[t("i",{staticClass:"el-icon-success"})])}],!1,null,"8f64063d",null,null).exports)}}}))}();
|