| 1 |
- {"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\components\\labelList\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\labelList\\index.vue","mtime":1677828270150},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkubWFwLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuZmlsdGVyLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LnNwbGljZS5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmpzb24uc3RyaW5naWZ5LmpzIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgcHJvZHVjdFVzZXJMYWJlbCB9IGZyb20gJ0AvYXBpL3Byb2R1Y3QnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ3VzZXJMYWJlbCcsCiAgcHJvcHM6IHsvLyBkYXRhTGFiZWw6IHsKICAgIC8vIAl0eXBlOiBBcnJheSwKICAgIC8vIAlkZWZhdWx0OiAoKSA9PiBbXQogICAgLy8gfQogIH0sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGxhYmVsTGlzdDogW10sCiAgICAgIGRhdGFMYWJlbDogW10sCiAgICAgIGlzVXNlcjogZmFsc2UKICAgIH07CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkge30sCiAgbWV0aG9kczogewogICAgaW5BcnJheTogZnVuY3Rpb24gaW5BcnJheShzZWFyY2gsIGFycmF5KSB7CiAgICAgIGZvciAodmFyIGkgaW4gYXJyYXkpIHsKICAgICAgICBpZiAoYXJyYXlbaV0uaWQgPT0gc2VhcmNoKSB7CiAgICAgICAgICByZXR1cm4gdHJ1ZTsKICAgICAgICB9CiAgICAgIH0KCiAgICAgIHJldHVybiBmYWxzZTsKICAgIH0sCiAgICAvLyDnlKjmiLfmoIfnrb4KICAgIHVzZXJMYWJlbDogZnVuY3Rpb24gdXNlckxhYmVsKGRhdGEpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKCiAgICAgIHRoaXMuZGF0YUxhYmVsID0gZGF0YTsKICAgICAgcHJvZHVjdFVzZXJMYWJlbCgpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIHJlcy5kYXRhLm1hcChmdW5jdGlvbiAoZWwpIHsKICAgICAgICAgIGlmIChlbC5jaGlsZHJlbikgewogICAgICAgICAgICBfdGhpcy5pc1VzZXIgPSB0cnVlOwogICAgICAgICAgICBlbC5jaGlsZHJlbi5tYXAoZnVuY3Rpb24gKGxhYmVsKSB7CiAgICAgICAgICAgICAgaWYgKF90aGlzLmluQXJyYXkobGFiZWwuaWQsIF90aGlzLmRhdGFMYWJlbCkpIHsKICAgICAgICAgICAgICAgIGxhYmVsLmRpc2FibGVkID0gdHJ1ZTsKICAgICAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICAgICAgbGFiZWwuZGlzYWJsZWQgPSBmYWxzZTsKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0pOwogICAgICAgICAgfQogICAgICAgIH0pOwogICAgICAgIF90aGlzLmxhYmVsTGlzdCA9IHJlcy5kYXRhOwogICAgICB9KS5jYXRjaChmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgX3RoaXMuJE1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7CiAgICAgIH0pOwogICAgfSwKICAgIHNlbGVjdExhYmVsOiBmdW5jdGlvbiBzZWxlY3RMYWJlbChsYWJlbCkgewogICAgICBpZiAobGFiZWwuZGlzYWJsZWQpIHsKICAgICAgICB2YXIgaW5kZXggPSB0aGlzLmRhdGFMYWJlbC5pbmRleE9mKHRoaXMuZGF0YUxhYmVsLmZpbHRlcihmdW5jdGlvbiAoZCkgewogICAgICAgICAgcmV0dXJuIGQuaWQgPT0gbGFiZWwuaWQ7CiAgICAgICAgfSlbMF0pOwogICAgICAgIHRoaXMuZGF0YUxhYmVsLnNwbGljZShpbmRleCwgMSk7CiAgICAgICAgbGFiZWwuZGlzYWJsZWQgPSBmYWxzZTsKICAgICAgfSBlbHNlIHsKICAgICAgICB0aGlzLmRhdGFMYWJlbC5wdXNoKHsKICAgICAgICAgIGxhYmVsX25hbWU6IGxhYmVsLmxhYmVsX25hbWUsCiAgICAgICAgICBpZDogbGFiZWwuaWQKICAgICAgICB9KTsKICAgICAgICBsYWJlbC5kaXNhYmxlZCA9IHRydWU7CiAgICAgIH0KICAgIH0sCiAgICAvLyDnoa7lrpoKICAgIHN1YkJ0bjogZnVuY3Rpb24gc3ViQnRuKCkgewogICAgICB0aGlzLiRlbWl0KCdhY3RpdmVEYXRhJywgSlNPTi5wYXJzZShKU09OLnN0cmluZ2lmeSh0aGlzLmRhdGFMYWJlbCkpKTsKICAgIH0sCiAgICBjYW5jZWw6IGZ1bmN0aW9uIGNhbmNlbCgpIHsKICAgICAgdGhpcy4kZW1pdCgnY2xvc2UnKTsKICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;AACA;EACAA,iBADA;EAEAC,QACA;IACA;IACA;IACA;EAJA,CAFA;EAQAC,IARA,kBAQA;IACA;MACAC,aADA;MAEAC,aAFA;MAGAC;IAHA;EAKA,CAdA;EAeAC,OAfA,qBAeA,EAfA;EAgBAC;IACAC;MACA;QACA;UACA;QACA;MACA;;MACA;IACA,CARA;IASA;IACAC,SAVA,qBAUAP,IAVA,EAUA;MAAA;;MACA;MACAQ,mBACAC,IADA,CACA;QACAC;UACA;YACA;YACAC;cACA;gBACAC;cACA,CAFA,MAEA;gBACAA;cACA;YACA,CANA;UAOA;QACA,CAXA;QAYA;MACA,CAfA,EAgBAC,KAhBA,CAgBA;QACA;MACA,CAlBA;IAmBA,CA/BA;IAgCAC,WAhCA,uBAgCAF,KAhCA,EAgCA;MACA;QACA;UAAA;QAAA;QACA;QACAA;MACA,CAJA,MAIA;QACA;UAAAG;UAAAC;QAAA;QACAJ;MACA;IACA,CAzCA;IA0CA;IACAK,MA3CA,oBA2CA;MACA;IACA,CA7CA;IA8CAC,MA9CA,oBA8CA;MACA;IACA;EAhDA;AAhBA","names":["name","props","data","labelList","dataLabel","isUser","mounted","methods","inArray","userLabel","productUserLabel","then","res","el","label","catch","selectLabel","label_name","id","subBtn","cancel"],"sourceRoot":"src/components/labelList","sources":["index.vue"],"sourcesContent":["<template>\r\n <div class=\"label-wrapper\">\r\n <div class=\"list-box\">\r\n <div class=\"label-box\" v-for=\"(item, index) in labelList\" :key=\"index\" v-if=\"isUser\">\r\n <div class=\"title\" v-if=\"item.children\">{{ item.label_name }}</div>\r\n <div class=\"list\" v-if=\"item.children && item.children.length\">\r\n <div\r\n class=\"label-item\"\r\n :class=\"{ on: label.disabled }\"\r\n v-for=\"(label, j) in item.children\"\r\n :key=\"j\"\r\n @click=\"selectLabel(label)\"\r\n >\r\n {{ label.label_name }}\r\n </div>\r\n </div>\r\n </div>\r\n <div v-if=\"!isUser\">暂无标签</div>\r\n </div>\r\n <div class=\"footer\">\r\n <Button type=\"primary\" class=\"btns\" @click=\"subBtn\">确定</Button>\r\n <Button type=\"primary\" class=\"btns\" ghost @click=\"cancel\">取消</Button>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { productUserLabel } from '@/api/product';\r\nexport default {\r\n name: 'userLabel',\r\n props: {\r\n // dataLabel: {\r\n // \ttype: Array,\r\n // \tdefault: () => []\r\n // }\r\n },\r\n data() {\r\n return {\r\n labelList: [],\r\n dataLabel: [],\r\n isUser: false,\r\n };\r\n },\r\n mounted() {},\r\n methods: {\r\n inArray: function (search, array) {\r\n for (let 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 // 用户标签\r\n userLabel(data) {\r\n this.dataLabel = data;\r\n productUserLabel()\r\n .then((res) => {\r\n res.data.map((el) => {\r\n if (el.children) {\r\n this.isUser = true;\r\n el.children.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) {\r\n if (label.disabled) {\r\n let 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.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=\"stylus\" scoped>\r\n.label-wrapper\r\n .list\r\n display flex\r\n flex-wrap wrap\r\n .label-item\r\n margin 10px 8px 10px 0\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 &.on\r\n color #fff\r\n background #1890FF\r\n .footer\r\n display flex\r\n justify-content flex-end\r\n margin-top 40px\r\n button\r\n margin-left 10px\r\n.btn\r\n width 60px\r\n height 24px\r\n.title\r\n font-size 13px\r\n.list-box\r\n\t\toverflow-y auto\r\n\t\toverflow-x hidden\r\n\t\tmax-height 240px\r\n</style>\r\n"]}]}
|
