{"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"]}]}