| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!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\\storeLabelList\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\storeLabelList\\index.vue","mtime":1761185180029},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\babel.config.js","mtime":1761185179818},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\.babelrc","mtime":1761185179813},{"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\\babel-loader\\lib\\index.js","mtime":456789000000},{"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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuZmlsdGVyLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkubWFwLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkucHVzaC5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LnNwbGljZS5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmZ1bmN0aW9uLm5hbWUuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5pdGVyYXRvci5jb25zdHJ1Y3Rvci5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLml0ZXJhdG9yLmZpbHRlci5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLml0ZXJhdG9yLm1hcC5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmpzb24uc3RyaW5naWZ5LmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LmtleXMuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5vYmplY3QudG8tc3RyaW5nLmpzIjsKaW1wb3J0IHsgcHJvZHVjdExhYmVsVXNlTGlzdEFwaSB9IGZyb20gJ0AvYXBpL3Byb2R1Y3QnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ3N0b3JlTGFiZWxMaXN0JywKICBwcm9wczoge30sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGxhYmVsTGlzdDogW10sCiAgICAgIGRhdGFMYWJlbDogW10sCiAgICAgIGlzU3RvcmU6IGZhbHNlCiAgICB9OwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHt9LAogIG1ldGhvZHM6IHsKICAgIGluQXJyYXk6IGZ1bmN0aW9uIGluQXJyYXkoc2VhcmNoLCBhcnJheSkgewogICAgICBmb3IgKHZhciBpIGluIGFycmF5KSB7CiAgICAgICAgaWYgKGFycmF5W2ldLmlkID09PSBzZWFyY2gpIHsKICAgICAgICAgIHJldHVybiB0cnVlOwogICAgICAgIH0KICAgICAgfQogICAgICByZXR1cm4gZmFsc2U7CiAgICB9LAogICAgc3RvcmVMYWJlbDogZnVuY3Rpb24gc3RvcmVMYWJlbChkYXRhKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICAgIHRoaXMuZGF0YUxhYmVsID0gZGF0YSB8fCBbXTsKICAgICAgcHJvZHVjdExhYmVsVXNlTGlzdEFwaSgpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIHJlcy5kYXRhLm1hcChmdW5jdGlvbiAoZWwpIHsKICAgICAgICAgIGlmIChlbC5saXN0ICYmIGVsLmxpc3QubGVuZ3RoKSB7CiAgICAgICAgICAgIF90aGlzLmlzU3RvcmUgPSB0cnVlOwogICAgICAgICAgICBlbC5saXN0Lm1hcChmdW5jdGlvbiAobGFiZWwpIHsKICAgICAgICAgICAgICBpZiAoX3RoaXMuaW5BcnJheShsYWJlbC5pZCwgX3RoaXMuZGF0YUxhYmVsKSkgewogICAgICAgICAgICAgICAgbGFiZWwuZGlzYWJsZWQgPSB0cnVlOwogICAgICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgICAgICBsYWJlbC5kaXNhYmxlZCA9IGZhbHNlOwogICAgICAgICAgICAgIH0KICAgICAgICAgICAgfSk7CiAgICAgICAgICB9CiAgICAgICAgfSk7CiAgICAgICAgX3RoaXMubGFiZWxMaXN0ID0gcmVzLmRhdGE7CiAgICAgIH0pLmNhdGNoKGZ1bmN0aW9uIChyZXMpIHsKICAgICAgICBfdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsKICAgICAgfSk7CiAgICB9LAogICAgc2VsZWN0TGFiZWw6IGZ1bmN0aW9uIHNlbGVjdExhYmVsKGxhYmVsLCBpbmRleCkgewogICAgICBjb25zb2xlLmxvZyh0aGlzLmRhdGFMYWJlbCk7CiAgICAgIGlmIChsYWJlbC5kaXNhYmxlZCkgewogICAgICAgIHZhciBfaW5kZXggPSB0aGlzLmRhdGFMYWJlbC5pbmRleE9mKHRoaXMuZGF0YUxhYmVsLmZpbHRlcihmdW5jdGlvbiAoZCkgewogICAgICAgICAgcmV0dXJuIGQuaWQgPT09IGxhYmVsLmlkOwogICAgICAgIH0pWzBdKTsKICAgICAgICB0aGlzLmRhdGFMYWJlbC5zcGxpY2UoX2luZGV4LCAxKTsKICAgICAgICBsYWJlbC5kaXNhYmxlZCA9IGZhbHNlOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuZGF0YUxhYmVsLnB1c2goewogICAgICAgICAgbGFiZWxfbmFtZTogbGFiZWwubmFtZSwKICAgICAgICAgIGlkOiBsYWJlbC5pZAogICAgICAgIH0pOwogICAgICAgIGxhYmVsLmRpc2FibGVkID0gdHJ1ZTsKICAgICAgfQogICAgfSwKICAgIC8vIOehruWumgogICAgc3ViQnRuOiBmdW5jdGlvbiBzdWJCdG4oKSB7CiAgICAgIHRoaXMuJGVtaXQoJ2FjdGl2ZURhdGEnLCBKU09OLnBhcnNlKEpTT04uc3RyaW5naWZ5KHRoaXMuZGF0YUxhYmVsKSkpOwogICAgfSwKICAgIGNhbmNlbDogZnVuY3Rpb24gY2FuY2VsKCkgewogICAgICB0aGlzLiRlbWl0KCdjbG9zZScpOwogICAgfQogIH0KfTs="},{"version":3,"names":["productLabelUseListApi","name","props","data","labelList","dataLabel","isStore","mounted","methods","inArray","search","array","i","id","storeLabel","_this","then","res","map","el","list","length","label","disabled","catch","$message","error","msg","selectLabel","index","console","log","indexOf","filter","d","splice","push","label_name","subBtn","$emit","JSON","parse","stringify","cancel"],"sources":["src/components/storeLabelList/index.vue"],"sourcesContent":["<template>\r\n <div class=\"label-wrapper\">\r\n <div v-if=\"!labelList.length\" class=\"nonefont\">暂无标签</div>\r\n <div v-else class=\"label-box\" v-for=\"(item, index) in labelList\" :key=\"index\">\r\n <div class=\"title\">{{ item.cate_name }}</div>\r\n <div class=\"list\">\r\n <div\r\n class=\"label\"\r\n :class=\"{ on: label.disabled }\"\r\n v-for=\"(label, j) in item.list\"\r\n :key=\"j\"\r\n v-db-click\r\n @click=\"selectLabel(label, index)\"\r\n >\r\n <div\r\n class=\"label-item\"\r\n :style=\"{\r\n backgroundColor: label.bg_color,\r\n color: label.font_color,\r\n border: label.border_color ? '1px solid ' + label.border_color : 'none',\r\n }\"\r\n v-if=\"!label.image\"\r\n >\r\n {{ label.name }}\r\n </div>\r\n <img :src=\"label.image\" class=\"img-tag\" v-else />\r\n <div class=\"sanjiao\" v-show=\"label.disabled\">\r\n <span class=\"iconfont iconwancheng\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"footer\">\r\n <el-button type=\"primary\" class=\"btns\" ghost @click=\"cancel\">取消</el-button>\r\n <el-button type=\"primary\" class=\"btns\" @click=\"subBtn\">确定</el-button>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { productLabelUseListApi } from '@/api/product';\r\nexport default {\r\n name: 'storeLabelList',\r\n props: {},\r\n data() {\r\n return {\r\n labelList: [],\r\n dataLabel: [],\r\n isStore: false,\r\n };\r\n },\r\n mounted() {},\r\n methods: {\r\n inArray: function (search, array) {\r\n for (const i in array) {\r\n if (array[i].id === search) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n },\r\n storeLabel(data) {\r\n this.dataLabel = data || [];\r\n productLabelUseListApi()\r\n .then((res) => {\r\n res.data.map((el) => {\r\n if (el.list && el.list.length) {\r\n this.isStore = true;\r\n el.list.map((label) => {\r\n if (this.inArray(label.id, this.dataLabel)) {\r\n label.disabled = true;\r\n } else {\r\n label.disabled = false;\r\n }\r\n });\r\n }\r\n });\r\n this.labelList = res.data;\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n selectLabel(label, index) {\r\n console.log(this.dataLabel);\r\n if (label.disabled) {\r\n const index = this.dataLabel.indexOf(this.dataLabel.filter((d) => d.id === label.id)[0]);\r\n this.dataLabel.splice(index, 1);\r\n label.disabled = false;\r\n } else {\r\n this.dataLabel.push({ label_name: label.name, id: label.id });\r\n label.disabled = true;\r\n }\r\n },\r\n // 确定\r\n subBtn() {\r\n this.$emit('activeData', JSON.parse(JSON.stringify(this.dataLabel)));\r\n },\r\n cancel() {\r\n this.$emit('close');\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.label-wrapper {\r\n .list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n .label {\r\n position: relative;\r\n border: 1px solid #ffffff;\r\n padding: 2px;\r\n border-radius: 4px;\r\n margin: 0 8px 10px 0;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n &.on {\r\n border: 1px solid #2d8cf0;\r\n }\r\n }\r\n .label-item {\r\n padding: 3px 8px;\r\n background: #eeeeee;\r\n color: #333333;\r\n border-radius: 2px;\r\n cursor: pointer;\r\n font-size: 12px;\r\n }\r\n\r\n .img-tag {\r\n height: 22px;\r\n border-radius: 2px;\r\n }\r\n .sanjiao {\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n width: 20px;\r\n height: 20px;\r\n background: #2d8cf0;\r\n clip-path: polygon(100% 100%, 100% 0, 0 100%);\r\n color: #fff;\r\n text-align: right;\r\n .iconfont {\r\n font-size: 10px;\r\n }\r\n }\r\n }\r\n\r\n .footer {\r\n display: flex;\r\n justify-content: flex-end;\r\n margin-top: 40px;\r\n\r\n button {\r\n margin-left: 10px;\r\n }\r\n }\r\n}\r\n.label-box {\r\n margin-bottom: 10px;\r\n}\r\n.btn {\r\n width: 60px;\r\n height: 24px;\r\n}\r\n\r\n.title {\r\n font-size: 13px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.nonefont {\r\n text-align: center;\r\n padding-top: 20px;\r\n}\r\n</style>\r\n"],"mappings":";;;;;;;;;;;AAwCA,SAAAA,sBAAA;AACA;EACAC,IAAA;EACAC,KAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,SAAA;MACAC,SAAA;MACAC,OAAA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;EACAC,OAAA;IACAC,OAAA,WAAAA,QAAAC,MAAA,EAAAC,KAAA;MACA,SAAAC,CAAA,IAAAD,KAAA;QACA,IAAAA,KAAA,CAAAC,CAAA,EAAAC,EAAA,KAAAH,MAAA;UACA;QACA;MACA;MACA;IACA;IACAI,UAAA,WAAAA,WAAAX,IAAA;MAAA,IAAAY,KAAA;MACA,KAAAV,SAAA,GAAAF,IAAA;MACAH,sBAAA,GACAgB,IAAA,WAAAC,GAAA;QACAA,GAAA,CAAAd,IAAA,CAAAe,GAAA,WAAAC,EAAA;UACA,IAAAA,EAAA,CAAAC,IAAA,IAAAD,EAAA,CAAAC,IAAA,CAAAC,MAAA;YACAN,KAAA,CAAAT,OAAA;YACAa,EAAA,CAAAC,IAAA,CAAAF,GAAA,WAAAI,KAAA;cACA,IAAAP,KAAA,CAAAN,OAAA,CAAAa,KAAA,CAAAT,EAAA,EAAAE,KAAA,CAAAV,SAAA;gBACAiB,KAAA,CAAAC,QAAA;cACA;gBACAD,KAAA,CAAAC,QAAA;cACA;YACA;UACA;QACA;QACAR,KAAA,CAAAX,SAAA,GAAAa,GAAA,CAAAd,IAAA;MACA,GACAqB,KAAA,WAAAP,GAAA;QACAF,KAAA,CAAAU,QAAA,CAAAC,KAAA,CAAAT,GAAA,CAAAU,GAAA;MACA;IACA;IACAC,WAAA,WAAAA,YAAAN,KAAA,EAAAO,KAAA;MACAC,OAAA,CAAAC,GAAA,MAAA1B,SAAA;MACA,IAAAiB,KAAA,CAAAC,QAAA;QACA,IAAAM,MAAA,QAAAxB,SAAA,CAAA2B,OAAA,MAAA3B,SAAA,CAAA4B,MAAA,WAAAC,CAAA;UAAA,OAAAA,CAAA,CAAArB,EAAA,KAAAS,KAAA,CAAAT,EAAA;QAAA;QACA,KAAAR,SAAA,CAAA8B,MAAA,CAAAN,MAAA;QACAP,KAAA,CAAAC,QAAA;MACA;QACA,KAAAlB,SAAA,CAAA+B,IAAA;UAAAC,UAAA,EAAAf,KAAA,CAAArB,IAAA;UAAAY,EAAA,EAAAS,KAAA,CAAAT;QAAA;QACAS,KAAA,CAAAC,QAAA;MACA;IACA;IACA;IACAe,MAAA,WAAAA,OAAA;MACA,KAAAC,KAAA,eAAAC,IAAA,CAAAC,KAAA,CAAAD,IAAA,CAAAE,SAAA,MAAArC,SAAA;IACA;IACAsC,MAAA,WAAAA,OAAA;MACA,KAAAJ,KAAA;IACA;EACA;AACA","ignoreList":[]}]}
|
