| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\mobileConfig\\c_home_product.vue?vue&type=style&index=0&id=6c2b41f6&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobileConfig\\c_home_product.vue","mtime":1761614938959},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoucHJvIHsNCiAgcGFkZGluZzogMTVweCAxNXB4IDA7DQogIC50aXBzIHsNCiAgICBoZWlnaHQ6IDUwcHg7DQogICAgbGluZS1oZWlnaHQ6IDUwcHg7DQogICAgY29sb3I6ICM5OTk7DQogICAgZm9udC1zaXplOiAxMnB4Ow0KICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMDUpOw0KICB9DQp9DQouYnRuLWJveCB7DQogIHBhZGRpbmctYm90dG9tOiAyMHB4Ow0KfQ0K"},{"version":3,"sources":["c_home_product.vue"],"names":[],"mappings":";AAkeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"c_home_product.vue","sourceRoot":"src/components/mobileConfig","sourcesContent":["<template>\r\n <div class=\"mobile-config\">\r\n <div v-for=\"(item, key) in rCom\" :key=\"key\">\r\n <component\r\n :is=\"item.components.name\"\r\n :configObj=\"configObj\"\r\n ref=\"childData\"\r\n :configNme=\"item.configNme\"\r\n :key=\"key\"\r\n @getConfig=\"getConfig\"\r\n :index=\"activeIndex\"\r\n :num=\"item.num\"\r\n ></component>\r\n </div>\r\n <rightBtn :activeIndex=\"activeIndex\" :configObj=\"configObj\"></rightBtn>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport toolCom from '@/components/mobileConfigRight/index.js';\r\nimport { mapState, mapMutations, mapActions } from 'vuex';\r\nimport rightBtn from '@/components/rightBtn/index.vue';\r\nimport { getProProduct } from '@/api/diy';\r\nexport default {\r\n name: 'c_home_product',\r\n componentsName: 'home_product',\r\n cname: '商品选项卡',\r\n props: {\r\n activeIndex: {\r\n type: null,\r\n },\r\n num: {\r\n type: null,\r\n },\r\n index: {\r\n type: null,\r\n },\r\n },\r\n components: {\r\n ...toolCom,\r\n rightBtn,\r\n },\r\n data() {\r\n return {\r\n configObj: {},\r\n rCom: [\r\n {\r\n components: toolCom.c_set_up,\r\n configNme: 'setUp',\r\n },\r\n ],\r\n oneContent: [\r\n {\r\n components: toolCom.c_title,\r\n configNme: 'titleLeft',\r\n },\r\n {\r\n components: toolCom.c_radio,\r\n configNme: 'styleConfig',\r\n },\r\n {\r\n components: toolCom.c_radio,\r\n configNme: 'slideConfig',\r\n },\r\n {\r\n components: toolCom.c_title,\r\n configNme: 'titleTab',\r\n },\r\n {\r\n components: toolCom.c_promotion,\r\n configNme: 'tabConfig',\r\n },\r\n {\r\n components: toolCom.c_title,\r\n configNme: 'titleCart',\r\n },\r\n {\r\n components: toolCom.c_radio,\r\n configNme: 'cartConfig',\r\n },\r\n ],\r\n twoContent: [\r\n {\r\n components: toolCom.c_button_img,\r\n configNme: 'bntStyleConfig',\r\n },\r\n {\r\n components: toolCom.c_radio,\r\n configNme: 'bntConfig',\r\n },\r\n ],\r\n oneStyle: [\r\n {\r\n components: toolCom.c_title,\r\n configNme: 'titleRight',\r\n },\r\n {\r\n components: toolCom.c_radio,\r\n configNme: 'toneConfig',\r\n },\r\n ],\r\n twoStyle: [\r\n {\r\n components: toolCom.c_bg_color,\r\n configNme: 'decorateColor',\r\n },\r\n ],\r\n twoStyle2: [\r\n {\r\n components: toolCom.c_bg_color,\r\n configNme: 'decorateColor2',\r\n },\r\n ],\r\n threeStyle: [\r\n {\r\n components: toolCom.c_bg_color,\r\n configNme: 'textColor2',\r\n },\r\n ],\r\n threeStyle2: [\r\n {\r\n components: toolCom.c_bg_color,\r\n configNme: 'textColor',\r\n },\r\n ],\r\n threeStyle3: [\r\n {\r\n components: toolCom.c_bg_color,\r\n configNme: 'textColor3',\r\n },\r\n ],\r\n fourStyle: [\r\n {\r\n components: toolCom.c_title,\r\n configNme: 'titleCart',\r\n },\r\n {\r\n components: toolCom.c_radio,\r\n configNme: 'toneCartConfig',\r\n },\r\n ],\r\n fourStyle2: [\r\n {\r\n components: toolCom.c_bg_color,\r\n configNme: 'bntBgColor',\r\n },\r\n ],\r\n currencyStyle: [\r\n {\r\n components: toolCom.c_title,\r\n configNme: 'titleCurrency',\r\n },\r\n {\r\n components: toolCom.c_bg_color,\r\n configNme: 'moduleColor',\r\n },\r\n {\r\n components: toolCom.c_bg_color,\r\n configNme: 'bottomBgColor',\r\n },\r\n {\r\n components: toolCom.c_slider,\r\n configNme: 'topConfig',\r\n },\r\n {\r\n components: toolCom.c_slider,\r\n configNme: 'bottomConfig',\r\n },\r\n {\r\n components: toolCom.c_slider,\r\n configNme: 'prConfig',\r\n },\r\n {\r\n components: toolCom.c_slider,\r\n configNme: 'mbConfig',\r\n },\r\n {\r\n components: toolCom.c_fillet,\r\n configNme: 'fillet',\r\n },\r\n ],\r\n setUp: 0,\r\n type: 0,\r\n type2: 0,\r\n type3: 0,\r\n type4: 0,\r\n };\r\n },\r\n watch: {\r\n num(nVal) {\r\n // debugger;\r\n let value = JSON.parse(JSON.stringify(this.$store.state.mobildConfig.defaultArray[nVal]));\r\n this.configObj = value;\r\n },\r\n configObj: {\r\n handler(nVal, oVal) {\r\n this.$store.commit('mobildConfig/UPDATEARR', { num: this.num, val: nVal });\r\n },\r\n deep: true,\r\n },\r\n 'configObj.setUp.tabVal': {\r\n handler(nVal, oVal) {\r\n this.setUp = nVal;\r\n var arr = [this.rCom[0]];\r\n if (nVal == 0) {\r\n this.getRComContent(arr, this.type3);\r\n } else {\r\n this.getRComStyle(arr, this.type, this.type2, this.type3, this.type4);\r\n }\r\n },\r\n deep: true,\r\n },\r\n 'configObj.styleConfig.tabVal': {\r\n handler(nVal, oVal) {\r\n this.type = nVal;\r\n var arr = [this.rCom[0]];\r\n if (this.setUp) {\r\n this.getRComStyle(arr, nVal, this.type2, this.type3, this.type4);\r\n }\r\n },\r\n },\r\n 'configObj.cartConfig.tabVal': {\r\n handler(nVal, oVal) {\r\n this.type3 = nVal;\r\n var arr = [this.rCom[0]];\r\n if (this.setUp == 0) {\r\n this.getRComContent(arr, nVal);\r\n } else {\r\n this.getRComStyle(arr, this.type, this.type2, nVal, this.type4);\r\n }\r\n },\r\n },\r\n 'configObj.toneConfig.tabVal': {\r\n handler(nVal, oVal) {\r\n this.type2 = nVal;\r\n var arr = [this.rCom[0]];\r\n if (this.setUp) {\r\n this.getRComStyle(arr, this.type, nVal, this.type3, this.type4);\r\n }\r\n },\r\n },\r\n 'configObj.toneCartConfig.tabVal': {\r\n handler(nVal, oVal) {\r\n this.type4 = nVal;\r\n var arr = [this.rCom[0]];\r\n if (this.setUp) {\r\n this.getRComStyle(arr, this.type, this.type2, this.type3, nVal);\r\n }\r\n },\r\n },\r\n },\r\n mounted() {\r\n this.$nextTick(() => {\r\n let value = JSON.parse(JSON.stringify(this.$store.state.mobildConfig.defaultArray[this.num]));\r\n this.configObj = value;\r\n });\r\n },\r\n methods: {\r\n getRComContent(arr, type3) {\r\n if (type3 == 0) {\r\n this.rCom = [...arr, ...this.oneContent, ...this.twoContent];\r\n } else {\r\n this.rCom = [...arr, ...this.oneContent];\r\n }\r\n },\r\n getRComStyle(arr, type, type2, type3, type4) {\r\n let obj = [...arr, ...this.oneStyle, ...this.currencyStyle];\r\n let obj2 = [...arr, ...this.oneStyle, ...this.fourStyle, ...this.currencyStyle];\r\n if (type == 0) {\r\n if (type2 == 0) {\r\n if (type3 == 0) {\r\n if (type4 == 0) {\r\n this.rCom = obj2;\r\n } else {\r\n this.rCom = [...arr, ...this.oneStyle, ...this.fourStyle, ...this.fourStyle2, ...this.currencyStyle];\r\n }\r\n } else {\r\n this.rCom = obj;\r\n }\r\n } else {\r\n if (type3 == 0) {\r\n if (type4 == 0) {\r\n this.rCom = [\r\n ...arr,\r\n ...this.oneStyle,\r\n ...this.twoStyle,\r\n ...this.threeStyle,\r\n ...this.fourStyle,\r\n ...this.currencyStyle,\r\n ];\r\n } else {\r\n this.rCom = [\r\n ...arr,\r\n ...this.oneStyle,\r\n ...this.twoStyle,\r\n ...this.threeStyle,\r\n ...this.fourStyle,\r\n ...this.fourStyle2,\r\n ...this.currencyStyle,\r\n ];\r\n }\r\n } else {\r\n this.rCom = [\r\n ...arr,\r\n ...this.oneStyle,\r\n ...this.twoStyle,\r\n ...this.threeStyle,\r\n ...this.fourStyle,\r\n ...this.currencyStyle,\r\n ];\r\n }\r\n }\r\n } else if (type == 1) {\r\n if (type2 == 0) {\r\n if (type3 == 0) {\r\n if (type4 == 0) {\r\n this.rCom = obj2;\r\n } else {\r\n this.rCom = [...arr, ...this.oneStyle, ...this.fourStyle, ...this.fourStyle2, ...this.currencyStyle];\r\n }\r\n } else {\r\n this.rCom = obj;\r\n }\r\n } else {\r\n if (type3 == 0) {\r\n if (type4 == 0) {\r\n this.rCom = [\r\n ...arr,\r\n ...this.oneStyle,\r\n ...this.twoStyle,\r\n ...this.threeStyle2,\r\n ...this.fourStyle,\r\n ...this.currencyStyle,\r\n ];\r\n } else {\r\n this.rCom = [\r\n ...arr,\r\n ...this.oneStyle,\r\n ...this.twoStyle,\r\n ...this.threeStyle2,\r\n ...this.fourStyle,\r\n ...this.fourStyle2,\r\n ...this.currencyStyle,\r\n ];\r\n }\r\n } else {\r\n this.rCom = [\r\n ...arr,\r\n ...this.oneStyle,\r\n ...this.twoStyle,\r\n ...this.threeStyle2,\r\n ...this.fourStyle,\r\n ...this.currencyStyle,\r\n ];\r\n }\r\n }\r\n } else if (type == 2) {\r\n if (type2 == 0) {\r\n if (type3 == 0) {\r\n if (type4 == 0) {\r\n this.rCom = obj2;\r\n } else {\r\n this.rCom = [...arr, ...this.oneStyle, ...this.fourStyle, ...this.fourStyle2, ...this.currencyStyle];\r\n }\r\n } else {\r\n this.rCom = obj;\r\n }\r\n } else {\r\n if (type3 == 0) {\r\n if (type4 == 0) {\r\n this.rCom = [\r\n ...arr,\r\n ...this.oneStyle,\r\n ...this.twoStyle2,\r\n ...this.threeStyle,\r\n ...this.fourStyle,\r\n ...this.currencyStyle,\r\n ];\r\n } else {\r\n this.rCom = [\r\n ...arr,\r\n ...this.oneStyle,\r\n ...this.twoStyle2,\r\n ...this.threeStyle,\r\n ...this.fourStyle,\r\n ...this.fourStyle2,\r\n ...this.currencyStyle,\r\n ];\r\n }\r\n } else {\r\n this.rCom = [\r\n ...arr,\r\n ...this.oneStyle,\r\n ...this.twoStyle2,\r\n ...this.threeStyle,\r\n ...this.fourStyle,\r\n ...this.currencyStyle,\r\n ];\r\n }\r\n }\r\n } else {\r\n if (type2 == 0) {\r\n if (type3 == 0) {\r\n if (type4 == 0) {\r\n this.rCom = obj2;\r\n } else {\r\n this.rCom = [...arr, ...this.oneStyle, ...this.fourStyle, ...this.fourStyle2, ...this.currencyStyle];\r\n }\r\n } else {\r\n this.rCom = obj;\r\n }\r\n } else {\r\n if (type3 == 0) {\r\n if (type4 == 0) {\r\n this.rCom = [\r\n ...arr,\r\n ...this.oneStyle,\r\n ...this.twoStyle,\r\n ...this.threeStyle3,\r\n ...this.fourStyle,\r\n ...this.currencyStyle,\r\n ];\r\n } else {\r\n this.rCom = [\r\n ...arr,\r\n ...this.oneStyle,\r\n ...this.twoStyle,\r\n ...this.threeStyle3,\r\n ...this.fourStyle,\r\n ...this.fourStyle2,\r\n ...this.currencyStyle,\r\n ];\r\n }\r\n } else {\r\n this.rCom = [\r\n ...arr,\r\n ...this.oneStyle,\r\n ...this.twoStyle,\r\n ...this.threeStyle3,\r\n ...this.fourStyle,\r\n ...this.currencyStyle,\r\n ];\r\n }\r\n }\r\n }\r\n },\r\n getConfig(data) {\r\n console.log(data, 'data');\r\n let configObj = this.configObj.tabConfig.list[this.configObj.tabConfig.tabCur];\r\n let activeValue = configObj.selectConfig.activeValue;\r\n if (!data.name) {\r\n return;\r\n }\r\n if (data.name == 'selectType' && data.values == 1) {\r\n return;\r\n }\r\n console.log(configObj, 'configObj.tabVal');\r\n let type = configObj.tabVal;\r\n let dataObj = {\r\n page: 1,\r\n limit: configObj.numConfig.val,\r\n priceOrder: configObj.goodsSort == 2 ? 'desc' : '',\r\n salesOrder: configObj.goodsSort == 1 ? 'desc' : '',\r\n };\r\n if (type == 1) {\r\n this.configObj.productList.list = [];\r\n return;\r\n } else if (type == 3) {\r\n // this.configObj.productList.list = [];\r\n dataObj.cate_id = activeValue;\r\n } else {\r\n dataObj.store_label_id = configObj.goodsLabel.activeValue;\r\n }\r\n getProProduct(dataObj).then((res) => {\r\n configObj.productList.list = res.data;\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.pro {\r\n padding: 15px 15px 0;\r\n .tips {\r\n height: 50px;\r\n line-height: 50px;\r\n color: #999;\r\n font-size: 12px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n }\r\n}\r\n.btn-box {\r\n padding-bottom: 20px;\r\n}\r\n</style>\r\n"]}]}
|
