{"version":3,"file":"9.js","sources":["webpack:///src/views/business/knowledge/components/knowledge-classification/index.vue","webpack:///./src/views/business/knowledge/components/knowledge-classification/index.vue","webpack:///./src/views/business/knowledge/components/knowledge-classification/index.vue?6c40","webpack:///./src/views/business/knowledge/components/knowledge-classification/index.vue?87ff","webpack:///./src/views/business/knowledge/components/knowledge-classification/index.vue?ad18","webpack:///./src/views/business/knowledge/components/knowledge-classification/index.vue?f240","webpack:///./src/views/business/knowledge/components/knowledge-classification/index.vue?2a2d"],"sourcesContent":["<template>\n  <div style=\"font-size: 14px\">\n    <div class=\"select-container\">\n      <span class=\"select-title\">已选:</span>\n      <div class=\"tag-container\">\n        <el-tag\n          v-for=\"tag in showList\"\n          :key=\"tag.id\"\n          type=\"success\"\n          :closable=\"view\"\n          @close=\"closeTag(tag)\"\n        >\n          {{ tag.mergeName }}\n        </el-tag>\n      </div>\n      <!-- <i\n        @click=\"changeArrow\"\n        v-if=\"showArrow\"\n        class=\"arrow-icon\"\n        :class=\"clickArrow ? 'el-icon-arrow-down' : 'el-icon-arrow-up'\"\n        ><span>{{ clickArrow ? \"展开\" : \"收起\" }}</span></i\n      > -->\n    </div>\n    <div\n      v-if=\"showTagContent\"\n      ref=\"allTagBox\"\n      :class=\"openAll ? '' : 'allBigBox'\"\n      :style=\"{ height: moreThree ? '' : 'auto !important' }\"\n    >\n      <div class=\"item-container\" v-for=\"item in tagList\" :key=\"item.id\">\n        <div class=\"item-content\">\n          <span class=\"item-title\">{{ item.cateName }}:</span>\n          <div class=\"item-tag\">\n            <el-tooltip v-for=\"child in item.showkmCategoryLineList\"\n              :key=\"child.id\" class=\"item\" effect=\"dark\" :content=\"child.cateLineName\" placement=\"bottom\">\n            <el-tag\n              :type=\"child.isClick ? 'info' : ''\"\n              @click=\"clickItemTag(child, item.cateName)\"\n              >{{ child.cateLineName }}</el-tag\n            >\n          </el-tooltip>\n          </div>\n          <div\n            v-if=\"item.showArrow\"\n            class=\"arrow\"\n            @click=\"changeItemArrow(item)\"\n          >\n            <i\n              class=\"arrow-icon\"\n              :style=\"{ color: themeColor }\"\n              :class=\"\n                item.clickArrow ? 'el-icon-arrow-down' : 'el-icon-arrow-up'\n              \"\n            ></i>\n            <span :style=\"{ color: themeColor }\">{{\n              item.clickArrow ? \"展开\" : \"收起\"\n            }}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div\n      class=\"openAll\"\n      @click=\"openAllOption\"\n      :style=\"{ color: themeColor }\"\n      v-if=\"showTagContent && tagList.length > 3\"\n    >\n      <span v-if=\"openAll\">收起</span><span v-else>展开</span>全部选项<i\n        :class=\"openAll ? 'el-icon-arrow-up' : 'el-icon-arrow-down'\"\n        style=\"margin-left: 12px\"\n      ></i>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getListAndChildren } from \"@/api/knowledgeClassifcation/knowledge\";\nimport { mapGetters } from \"vuex\";\nimport { getDictionary } from \"@/api/system/dictbiz\";\nexport default {\n  props: {\n    selectedTagId: {\n      type: String,\n      default: \"\",\n    },\n    view: {\n      type: Boolean,\n      default: true,\n    },\n    showTagContent: {\n      type: Boolean,\n      default: true,\n    },\n    isCheck: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  data() {\n    return {\n      selectTags: [],\n      showList: [],\n      showArrow: false,\n      clickArrow: true,\n      openAll: false,\n      tagList: [],\n      showNum: 10,\n      knowledgeActive: 0,\n      knowledgeValue: \"\",\n    };\n  },\n  components: {},\n  computed: {\n    ...mapGetters([\"themeColor\"]),\n    moreThree() {\n      let Boolean = false;\n      if (this.tagList.length >= 3) {\n        Boolean = true;\n      }\n      return Boolean;\n    },\n  },\n\n  mounted() {\n    this.$nextTick(() => {\n      this.getShowNum();\n    });\n  },\n  methods: {\n    chooseKnowledge(e) {\n      this.showList = [];\n      this.selectTags = [];\n      this.$emit(\"select-tag\", this.selectTags);\n      this.getList(e);\n    },\n    openAllOption() {\n      this.openAll = !this.openAll;\n      if (this.openAll) {\n        this.$refs.allTagBox.style.cssText = \"height: auto\";\n        this.tagList.forEach((item) => {\n          if (item.clickArrow == true) {\n            item.clickArrow = false;\n            item.showkmCategoryLineList = item.kmCategoryLineList;\n          }\n        });\n      } else {\n        this.$refs.allTagBox.style.cssText = \"\";\n        this.tagList.forEach((item) => {\n          if (item.clickArrow == false) {\n            item.clickArrow = true;\n            item.showkmCategoryLineList = this.showItemList(\n              item.kmCategoryLineList\n            );\n          }\n        });\n      }\n    },\n    getShowNum() {\n      let contentWidth =\n        document.getElementsByClassName(\"select-container\")[0].scrollWidth;\n      let tagContent = contentWidth - 194;\n      this.showNum = Math.floor(tagContent / 112);\n    },\n    getList(knowledgeClassify) {\n      getListAndChildren(knowledgeClassify).then((res) => {\n        this.tagList = res.data.data;\n        this.tagList.forEach((item) => {\n          if (item.kmCategoryLineList.length > 0) {\n            item.kmCategoryLineList.forEach((chi) => {\n              this.$set(chi, \"isClick\", false);\n            });\n            if (item.kmCategoryLineList.length > this.showNum) {\n              item.showkmCategoryLineList = this.showItemList(\n                item.kmCategoryLineList\n              );\n              this.$set(item, \"showArrow\", true);\n              this.$set(item, \"clickArrow\", true);\n            } else {\n              item.showkmCategoryLineList = item.kmCategoryLineList;\n              this.$set(item, \"showArrow\", false);\n            }\n            //回显已选择tag\n            if (this.selectedTagId) {\n              let selectedTagIds = this.selectedTagId.split(\",\");\n              selectedTagIds.forEach((tag) => {\n                item.kmCategoryLineList.forEach((child) => {\n                  if (tag == child.id) {\n                    child.isClick = true;\n                    child.mergeName = item.cateName + \"：\" + child.cateLineName;\n                    this.selectTags.push(child);\n                  }\n                });\n              });\n              this.showTagList();\n            }\n          }\n        });\n      });\n    },\n    showItemList(list) {\n      let showList = [];\n      for (let i = 0; i < this.showNum; i++) {\n        showList.push(list[i]);\n      }\n      return showList;\n    },\n    showTagList() {\n      // this.showList = [];\n      // if (this.selectTags.length > this.showNum) {\n      //   for (let i = 0; i < this.showNum; i++) {\n      //     this.showList.push(this.selectTags[i]);\n      //   }\n      //   this.showArrow = true;\n      // } else {\n      //   this.showList = this.selectTags;\n      //   this.showArrow = false;\n      // }\n      this.showList = this.selectTags;\n    },\n    clickItemTag(item, cateName) {\n      if (this.view) {\n        item.isClick = !item.isClick;\n        if (item.isClick) {\n          item.mergeName = cateName + \"：\" + item.cateLineName;\n          if (this.isCheck) {\n            if (this.selectTags.indexOf(item) == -1) {\n              this.selectTags.push(item);\n            }\n          } else {\n            if (this.selectTags.length > 0) {\n              const index = this.selectTags.findIndex(obj => obj.cateId === item.cateId);\n              if (index !== -1) {\n                this.selectTags[index].isClick = false;\n                // 如果id已存在，替换整个对象\n                this.selectTags[index] = item;\n              } else {\n                // 如果id不存在，将对象推入数组\n                this.selectTags.push(item);\n              }\n            } else {\n              this.selectTags.push(item);\n            }\n          }\n          this.$emit(\"select-tag\", this.selectTags);\n          this.showTagList();\n        } else {\n          this.closeTag(item);\n        }\n      }\n    },\n    changeArrow() {\n      this.clickArrow = !this.clickArrow;\n      if (this.clickArrow) {\n        this.showTagList();\n      } else {\n        this.showList = this.selectTags;\n      }\n    },\n    changeItemArrow(item) {\n      item.clickArrow = !item.clickArrow;\n      if (!item.clickArrow) {\n        item.showkmCategoryLineList = item.kmCategoryLineList;\n        this.$refs.allTagBox.style.cssText =\n          \"height:\" + Number(this.$refs.allTagBox.clientHeight + 37) + \"px\";\n      } else {\n        this.$refs.allTagBox.style.cssText =\n          \"height:\" + Number(this.$refs.allTagBox.clientHeight - 37) + \"px\";\n        item.showkmCategoryLineList = this.showItemList(\n          item.kmCategoryLineList\n        );\n      }\n    },\n    closeTag(tag) {\n      tag.isClick = false;\n      this.selectTags = this.selectTags.filter((item) => item.id !== tag.id);\n      this.$emit(\"select-tag\", this.selectTags);\n      this.showTagList();\n    },\n    showItemTag() {},\n  },\n};\n</script>\n\n<style scoped lang='scss'>\n.select-container {\n  display: flex;\n  align-items: center;\n  padding-top: 5px;\n  border: 1px solid #ccc;\n  line-height: 30px;\n  .select-title {\n    width: 100px;\n    text-align: right;\n    padding-left: 12px;\n    margin-right: 10px;\n  }\n  .tag-container {\n    display: flex;\n    flex-wrap: wrap;\n    overflow: hidden;\n    .el-tag {\n      height: 32px;\n      line-height: 32px;\n      margin-right: 12px;\n      margin-bottom: 5px;\n      .el-icon-close {\n        font-size: 16px;\n      }\n    }\n  }\n  .arrow-icon {\n    cursor: pointer;\n    font-size: 14px;\n    color: #66b1ff;\n    span {\n      margin-left: 5px;\n    }\n  }\n}\n.item-container {\n  border-left: 1px solid #ccc;\n  border-right: 1px solid #ccc;\n  .item-content {\n    line-height: 30px;\n    padding: 5px 12px 0 12px;\n    border-bottom: 1px solid #ccc;\n    display: flex;\n    align-items: center;\n    .item-tag {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      .el-tag {\n        height: 32px;\n        line-height: 32px;\n        margin-right: 12px;\n        margin-bottom: 5px;\n        cursor: pointer;\n        width: 100px;\n        text-align: center;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n\n    .item-title {\n      width: 100px;\n      text-align: right;\n      display: inline-block;\n      margin-right: 10px;\n    }\n    .arrow {\n      width: 50px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      .arrow-icon {\n        font-size: 14px;\n        color: #66b1ff;\n      }\n      span {\n        font-size: 14px;\n        margin-left: 5px;\n        color: #66b1ff;\n      }\n    }\n  }\n}\n.allBigBox {\n  height: 129px;\n  overflow: hidden;\n}\n.openAll {\n  width: calc(100% - 2px);\n  text-align: center;\n  border: 1px solid #ccc;\n  border-top: none;\n  height: 43px;\n  line-height: 43px;\n  cursor: pointer;\n}\n.item-name {\n  width: 100%;\n  text-align: center;\n  font-size: 16px;\n  font-weight: bold;\n  height: 40px;\n  line-height: 40px;\n  border-bottom: 1px solid #ccc;\n}\n</style>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticStyle: { \"font-size\": \"14px\" } }, [\n    _c(\"div\", { staticClass: \"select-container\" }, [\n      _c(\"span\", { staticClass: \"select-title\" }, [_vm._v(\"已选:\")]),\n      _c(\n        \"div\",\n        { staticClass: \"tag-container\" },\n        _vm._l(_vm.showList, function (tag) {\n          return _c(\n            \"el-tag\",\n            {\n              key: tag.id,\n              attrs: { type: \"success\", closable: _vm.view },\n              on: {\n                close: function ($event) {\n                  return _vm.closeTag(tag)\n                },\n              },\n            },\n            [_vm._v(\"\\n        \" + _vm._s(tag.mergeName) + \"\\n      \")]\n          )\n        }),\n        1\n      ),\n    ]),\n    _vm.showTagContent\n      ? _c(\n          \"div\",\n          {\n            ref: \"allTagBox\",\n            class: _vm.openAll ? \"\" : \"allBigBox\",\n            style: { height: _vm.moreThree ? \"\" : \"auto !important\" },\n          },\n          _vm._l(_vm.tagList, function (item) {\n            return _c(\"div\", { key: item.id, staticClass: \"item-container\" }, [\n              _c(\"div\", { staticClass: \"item-content\" }, [\n                _c(\"span\", { staticClass: \"item-title\" }, [\n                  _vm._v(_vm._s(item.cateName) + \":\"),\n                ]),\n                _c(\n                  \"div\",\n                  { staticClass: \"item-tag\" },\n                  _vm._l(item.showkmCategoryLineList, function (child) {\n                    return _c(\n                      \"el-tooltip\",\n                      {\n                        key: child.id,\n                        staticClass: \"item\",\n                        attrs: {\n                          effect: \"dark\",\n                          content: child.cateLineName,\n                          placement: \"bottom\",\n                        },\n                      },\n                      [\n                        _c(\n                          \"el-tag\",\n                          {\n                            attrs: { type: child.isClick ? \"info\" : \"\" },\n                            on: {\n                              click: function ($event) {\n                                return _vm.clickItemTag(child, item.cateName)\n                              },\n                            },\n                          },\n                          [_vm._v(_vm._s(child.cateLineName))]\n                        ),\n                      ],\n                      1\n                    )\n                  }),\n                  1\n                ),\n                item.showArrow\n                  ? _c(\n                      \"div\",\n                      {\n                        staticClass: \"arrow\",\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeItemArrow(item)\n                          },\n                        },\n                      },\n                      [\n                        _c(\"i\", {\n                          staticClass: \"arrow-icon\",\n                          class: item.clickArrow\n                            ? \"el-icon-arrow-down\"\n                            : \"el-icon-arrow-up\",\n                          style: { color: _vm.themeColor },\n                        }),\n                        _c(\"span\", { style: { color: _vm.themeColor } }, [\n                          _vm._v(_vm._s(item.clickArrow ? \"展开\" : \"收起\")),\n                        ]),\n                      ]\n                    )\n                  : _vm._e(),\n              ]),\n            ])\n          }),\n          0\n        )\n      : _vm._e(),\n    _vm.showTagContent && _vm.tagList.length > 3\n      ? _c(\n          \"div\",\n          {\n            staticClass: \"openAll\",\n            style: { color: _vm.themeColor },\n            on: { click: _vm.openAllOption },\n          },\n          [\n            _vm.openAll\n              ? _c(\"span\", [_vm._v(\"收起\")])\n              : _c(\"span\", [_vm._v(\"展开\")]),\n            _vm._v(\"全部选项\"),\n            _c(\"i\", {\n              class: _vm.openAll ? \"el-icon-arrow-up\" : \"el-icon-arrow-down\",\n              staticStyle: { \"margin-left\": \"12px\" },\n            }),\n          ]\n        )\n      : _vm._e(),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1739954813864\n      var cssReload = require(\"/var/jenkins_home/workspace/181_hse_web/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  ","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a4426e2a&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a4426e2a&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a4426e2a\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/var/jenkins_home/workspace/181_hse_web/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('a4426e2a')) {\n      api.createRecord('a4426e2a', component.options)\n    } else {\n      api.reload('a4426e2a', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=a4426e2a&scoped=true\", function () {\n      api.rerender('a4426e2a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/business/knowledge/components/knowledge-classification/index.vue\"\nexport default component.exports","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=a4426e2a&scoped=true&lang=scss\"","export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"bdb7defc-vue-loader-template\\\"}!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=template&id=a4426e2a&scoped=true\""],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;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;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;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACxRA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAGA;AAAA;AAEA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAQA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAKA;AAAA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAGA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAQA;AAQA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAOA;AACA;AAAA;AAAA;AACA;AAKA;AACA;AACA;;;;;;;;;;;;ACjIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACPA;AAAA;AAAA;AAAA;AAAA;AAAA;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;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACvCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;A","sourceRoot":""}