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