{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\mobileConfigRight\\c_goods_label.vue?vue&type=style&index=0&id=fb99bd90&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobileConfigRight\\c_goods_label.vue","mtime":1761614938966},{"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: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"]}]}