| 1 |
- System.register(["./index-legacy.88892f9c.js"],(function(t,i){"use strict";var a,e,s,o,n=document.createElement("style");return n.textContent=".oem-company[data-v-ff5c5426]{padding:0 65px}.oem-company ul[data-v-ff5c5426]{display:flex;flex-wrap:wrap}ul .company-item[data-v-ff5c5426]{margin:0 23px 35px 0;cursor:pointer}.company-item .top[data-v-ff5c5426]{width:236px;height:136px;border-radius:12px;padding:6px 6px 7px;box-shadow:0 0 10px rgba(0,0,0,.2);background:var(--color-white);margin-bottom:10px}.company-item .bottom[data-v-ff5c5426]{color:var(--color-black);font-size:12px;display:flex;align-items:center}.bottom .selection[data-v-ff5c5426]{width:26px;height:26px;background:#DBDBDB;border-radius:50%;margin-right:10px}.company-item .item-content[data-v-ff5c5426]{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.item-content .title[data-v-ff5c5426]{color:var(--color-white);font-size:13px;line-height:16px}.item-content .name[data-v-ff5c5426]{color:#707070;font-size:15px;line-height:27px;margin-top:26px}.blue .item-content[data-v-ff5c5426]{background-color:#c8d4e8}.red .item-content[data-v-ff5c5426]{background-color:#e8c8d5}.yellow .item-content[data-v-ff5c5426]{background-color:#e2d7be}.green .item-content[data-v-ff5c5426]{background-color:#c1dfdd}.oem[data-v-2ffa8c86]{background:var(--color-white);min-height:calc(100vh - 112px)}.oem .header[data-v-2ffa8c86]{position:fixed;left:0;top:50px;width:100%;height:60px;background:var(--color-white);z-index:1}.header .header-content[data-v-2ffa8c86]{width:960px;height:100%;display:flex;margin:0 auto;color:var(--color-black);align-items:center;justify-content:space-between}.header-content .left[data-v-2ffa8c86],.header-content .right[data-v-2ffa8c86]{font-size:12px;font-weight:400}.header-content .left[data-v-2ffa8c86]{align-items:flex-end}.right span[data-v-2ffa8c86]{cursor:pointer}.header .el-button[data-v-2ffa8c86]{width:68px;height:27px;font-size:12px;margin-left:20px}.header .left b[data-v-2ffa8c86]{font-size:18px;margin-right:15px}.oem .bottom[data-v-2ffa8c86]{padding:100px 0}\n",document.head.appendChild(n),{setters:[function(t){a=t.n,e=t.W,s=t.d,o=t.F}],execute:function(){var i=a({name:"oem-company"},(function(){return this._self._c,this._m(0)}),[function(){var t=this,i=t._self._c;return i("div",{staticClass:"oem-company"},[i("ul",[i("li",{staticClass:"blue company-item"},[i("div",{staticClass:"top"},[i("div",{staticClass:"item-content"},[i("div",{staticClass:"title"},[t._v("화장품 기초 용기 전문 생산")]),i("div",{staticClass:"name"},[t._v("上海艺蒂化妆品有限公司")])])]),i("div",{staticClass:"bottom"},[i("div",{staticClass:"selection"}),i("div",{staticClass:"type"},[t._v("PARK BEOM SOO")])])]),i("li",{staticClass:"red company-item"},[i("div",{staticClass:"top"},[i("div",{staticClass:"item-content"},[i("div",{staticClass:"title"},[t._v("화장품 기초 용기 전문 생산")]),i("div",{staticClass:"name"},[t._v("上海艺蒂化妆品有限公司")])])]),i("div",{staticClass:"bottom"},[i("div",{staticClass:"selection"}),i("div",{staticClass:"type"},[t._v("PARK BEOM SOO")])])]),i("li",{staticClass:"yellow company-item"},[i("div",{staticClass:"top"},[i("div",{staticClass:"item-content"},[i("div",{staticClass:"title"},[t._v("화장품 기초 용기 전문 생산")]),i("div",{staticClass:"name"},[t._v("上海艺蒂化妆品有限公司")])])]),i("div",{staticClass:"bottom"},[i("div",{staticClass:"selection"}),i("div",{staticClass:"type"},[t._v("PARK BEOM SOO")])])]),i("li",{staticClass:"green company-item"},[i("div",{staticClass:"top"},[i("div",{staticClass:"item-content"},[i("div",{staticClass:"title"},[t._v("화장품 기초 용기 전문 생산")]),i("div",{staticClass:"name"},[t._v("上海艺蒂化妆品有限公司")])])]),i("div",{staticClass:"bottom"},[i("div",{staticClass:"selection"}),i("div",{staticClass:"type"},[t._v("PARK BEOM SOO")])])]),i("li",{staticClass:"blue company-item"},[i("div",{staticClass:"top"},[i("div",{staticClass:"item-content"},[i("div",{staticClass:"title"},[t._v("화장품 기초 용기 전문 생산")]),i("div",{staticClass:"name"},[t._v("上海艺蒂化妆品有限公司")])])]),i("div",{staticClass:"bottom"},[i("div",{staticClass:"selection"}),i("div",{staticClass:"type"},[t._v("PARK BEOM SOO")])])]),i("li",{staticClass:"red company-item"},[i("div",{staticClass:"top"},[i("div",{staticClass:"item-content"},[i("div",{staticClass:"title"},[t._v("화장품 기초 용기 전문 생산")]),i("div",{staticClass:"name"},[t._v("上海艺蒂化妆品有限公司")])])]),i("div",{staticClass:"bottom"},[i("div",{staticClass:"selection"}),i("div",{staticClass:"type"},[t._v("PARK BEOM SOO")])])]),i("li",{staticClass:"yellow company-item"},[i("div",{staticClass:"top"},[i("div",{staticClass:"item-content"},[i("div",{staticClass:"title"},[t._v("화장품 기초 용기 전문 생산")]),i("div",{staticClass:"name"},[t._v("上海艺蒂化妆品有限公司")])])]),i("div",{staticClass:"bottom"},[i("div",{staticClass:"selection"}),i("div",{staticClass:"type"},[t._v("PARK BEOM SOO")])])]),i("li",{staticClass:"blue company-item"},[i("div",{staticClass:"top"},[i("div",{staticClass:"item-content"},[i("div",{staticClass:"title"},[t._v("화장품 기초 용기 전문 생산")]),i("div",{staticClass:"name"},[t._v("上海艺蒂化妆品有限公司")])])]),i("div",{staticClass:"bottom"},[i("div",{staticClass:"selection"}),i("div",{staticClass:"type"},[t._v("PARK BEOM SOO")])])])])])}],!1,null,"ff5c5426",null,null).exports,n={name:"design",components:{Waterfall:e,CompanyList:i},data:function(){return{showCompany:!1,loading:!1,products:[],limit:10,page:1,totalPage:1}},mounted:function(){this.getProducts()},methods:{toggleShowCompany:function(){this.showCompany=!this.showCompany},loadData:function(t){this.getProducts({page:t,newload:!1})},getProducts:function(){var t=this,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=i.page,e=void 0===a?this.page:a,s=i.columnSize,o=void 0===s?this.columnSize:s,n=i.newload,c=void 0===n||n;this.loading=!0,this.page=e;var l=this.$t("common.failure");this.$axios.get("/api/index/product_list",{params:{type:this.types,limit:this.limit,page:e,go:o}}).then((function(i){var a=i.data,e=a.code,s=a.msg,o=void 0===s?l:s,n=a.data,d=void 0===n?{}:n,r=d.items,m=void 0===r?[]:r,v=d.totalPage;0==e?(t.products=c?m:refillData(t.products,m),t.totalPage=v):t.$message.error(o)})).finally((function(){t.loading=!1}))}},watch:{columnSize:function(t,i){this.getProducts({page:this.page,columnSize:t})},filterType:function(){this.getProducts({newload:!0})}},computed:{columnSize:function(){return this.$store.state.columnSize},types:function(){return this.filterType?this.isFilterTypeArray?this.filterType:s[o.oem][this.filterType]?[o.oem,s[o.oem][this.filterType]].join(","):[o.oem].join(","):""},isFilterTypeArray:function(){return this.$route.query.filter.includes(",")},filterType:function(){return this.$route.query.filter},filter:function(){var t=this,i=JSON.parse(sessionStorage.getItem("conf_oem_filters")),a=i.find((function(i){return i.id==t.filterType})),e=this.filterType.split(",");return!a&&e.length>1&&(a=i.find((function(t){return t.id==e[1]}))),a},nameKey:function(){return this.$store.state.nameKey}}};t("default",a(n,(function(){var t=this,i=t._self._c;return i("div",{staticClass:"oem"},[t.filterType?i("div",{staticClass:"header",attrs:{id:"scrollHeader"}},[i("div",{staticClass:"header-content"},[i("div",{staticClass:"left v-center"},[i("b",[t._v(t._s(t.filter&&t.filter[t.nameKey]||t.$t("common.viewAll")))]),t.filter&&t.filter.describe?i("span",[t._v(" "+t._s(t.filter.describe)+" ")]):t._e()]),i("div",{staticClass:"right"},[i("span",{on:{click:t.toggleShowCompany}},[t._v(t._s(t.showCompany?t.$t("oem.showPicture"):t.$t("oem.showCompany")))]),i("router-link",{attrs:{to:{path:"/oem",query:{filter:"all"}}}},[i("el-button",{attrs:{type:"primary",round:""}},[t._v(t._s(t.$t("common.viewAll")))])],1)],1)])]):t._e(),i("div",{staticClass:"bottom"},[t.showCompany?i("CompanyList"):[t.products.length?i("Waterfall",{attrs:{page:t.page,totalPage:t.totalPage,loading:t.loading,data:t.products},on:{loadData:t.loadData}}):t._e()]],2)])}),[],!1,null,"2ffa8c86",null,null).exports)}}}));
|
