| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\mobileConfigRight\\c_goods_label.vue?vue&type=style&index=0&id=fb99bd90&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\mobileConfigRight\\c_goods_label.vue","mtime":1761185179990},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouc2xpZGVyLWJveCB7DQogIHBhZGRpbmc6IDAgMTVweDsNCn0NCi5jX3Jvdy1pdGVtIHsNCiAgbWFyZ2luLWJvdHRvbTogMjBweDsNCn0NCi5sYWJlbCB7DQogIGNvbG9yOiAjOTk5OTk5Ow0KICBmb250LXNpemU6IDEycHg7DQp9DQoubGFiZWxJbnB1dCB7DQogIGJvcmRlcjogMXB4IHNvbGlkICNkY2RlZTI7DQogIHdpZHRoOiAxMDAlOw0KICBwYWRkaW5nOiAwIDVweDsNCiAgYm9yZGVyLXJhZGl1czogNXB4Ow0KICBtaW4taGVpZ2h0OiAzMHB4Ow0KICBjdXJzb3I6IHBvaW50ZXI7DQogIC5zcGFuIHsNCiAgICBmb250LXNpemU6IDEycHg7DQogICAgY29sb3I6ICNjNWM4Y2U7DQogICAgcGFkZGluZy1sZWZ0OiAxMHB4Ow0KICB9DQogIC5pY29ueGlheWkgew0KICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgfQ0KfQ0K"},{"version":3,"sources":["c_goods_label.vue"],"names":[],"mappings":";AAmHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"c_goods_label.vue","sourceRoot":"src/components/mobileConfigRight","sourcesContent":["<template>\r\n <div class=\"slider-box\">\r\n <div class=\"c_row-item\">\r\n <el-col class=\"label\" :span=\"4\" v-if=\"configData.title\">\r\n {{ configData.title }}\r\n </el-col>\r\n <el-col :span=\"18\">\r\n <div class=\"labelInput acea-row row-between-wrapper\" @click=\"openStoreLabel\">\r\n <div style=\"width: 90%\">\r\n <div v-if=\"configData.list.length\">\r\n <el-tag closable v-for=\"(item, index) in configData.list\" :key=\"index\" @close=\"closeStoreLabel(item)\">{{\r\n item.label_name\r\n }}</el-tag>\r\n </div>\r\n <span class=\"span\" v-else>选择商品标签</span>\r\n </div>\r\n <div class=\"iconfont iconxiayi\"></div>\r\n </div>\r\n </el-col>\r\n </div>\r\n <!-- 商品标签 -->\r\n <el-dialog :visible.sync=\"storeLabelShow\" title=\"选择商品标签\" width=\"540\">\r\n <storeLabelList\r\n v-if=\"storeLabelShow\"\r\n ref=\"storeLabel\"\r\n @activeData=\"activeStoreData\"\r\n @close=\"storeLabelClose\"\r\n ></storeLabelList>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport storeLabelList from '@/components/storeLabelList';\r\nexport default {\r\n name: 'c_goods_label',\r\n components: {\r\n storeLabelList,\r\n },\r\n props: {\r\n configObj: {\r\n type: Object,\r\n },\r\n configNme: {\r\n type: String,\r\n },\r\n number: {\r\n type: null,\r\n },\r\n },\r\n data() {\r\n return {\r\n defaults: {},\r\n configData: {},\r\n timeStamp: '',\r\n storeLabelShow: false,\r\n };\r\n },\r\n mounted() {\r\n this.$nextTick(() => {\r\n this.defaults = this.configObj;\r\n this.configData = this.configObj[this.configNme];\r\n });\r\n },\r\n watch: {\r\n configObj: {\r\n handler(nVal, oVal) {\r\n this.defaults = nVal;\r\n this.configData = nVal[this.configNme];\r\n },\r\n deep: true,\r\n },\r\n number(nVal) {\r\n this.timeStamp = nVal;\r\n },\r\n },\r\n methods: {\r\n openStoreLabel(row) {\r\n this.storeLabelShow = true;\r\n this.$nextTick(() => {\r\n // 深拷贝配置数据列表，避免直接修改原数据\r\n const listData = this.configData.list?.length ? JSON.parse(JSON.stringify(this.configData.list)) : undefined;\r\n // 调用storeLabel方法，传入处理后的数据\r\n this.$refs.storeLabel.storeLabel(listData);\r\n });\r\n },\r\n closeStoreLabel(label) {\r\n if (this.configData.list.length) {\r\n let index = this.configData.list.indexOf(this.configData.list.filter((d) => d.id == label.id)[0]);\r\n this.configData.list.splice(index, 1);\r\n this.getLabelId(this.configData.list);\r\n }\r\n },\r\n activeStoreData(storeDataLabel) {\r\n this.storeLabelShow = false;\r\n this.configData.list = storeDataLabel;\r\n this.getLabelId(storeDataLabel);\r\n },\r\n getLabelId(storeDataLabel) {\r\n let storeActiveIds = [];\r\n storeDataLabel.forEach((item) => {\r\n storeActiveIds.push(item.id);\r\n });\r\n this.configData.activeValue = storeActiveIds;\r\n this.$emit('getConfig', { name: 'goodsLabel' });\r\n },\r\n // 标签弹窗关闭\r\n storeLabelClose() {\r\n this.storeLabelShow = false;\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.slider-box {\r\n padding: 0 15px;\r\n}\r\n.c_row-item {\r\n margin-bottom: 20px;\r\n}\r\n.label {\r\n color: #999999;\r\n font-size: 12px;\r\n}\r\n.labelInput {\r\n border: 1px solid #dcdee2;\r\n width: 100%;\r\n padding: 0 5px;\r\n border-radius: 5px;\r\n min-height: 30px;\r\n cursor: pointer;\r\n .span {\r\n font-size: 12px;\r\n color: #c5c8ce;\r\n padding-left: 10px;\r\n }\r\n .iconxiayi {\r\n font-size: 12px;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
