{"version":3,"sources":["webpack:///./src/components/task/edit/components/locTypeMultiplePanel/index.vue","webpack:///src/components/task/edit/components/locTypeMultiplePanel/index.vue","webpack:///./src/components/task/edit/components/locTypeMultiplePanel/index.vue?e06d","webpack:///./src/components/task/edit/components/locTypeMultiplePanel/index.vue?f9f0","webpack:///./src/components/task/edit/components/locTypeMultiplePanel/index.vue?21a1"],"names":["render","_vm","this","_c","_self","staticStyle","hidedroptree","_e","class","lkey","style","attrs","cscdrProps","locTypesCascader","filterNode","on","cascaderOnChange","scopedSlots","_u","key","fn","_ref","node","data","domProps","_s","highlightKeyword","label","model","value","selectedTypes","callback","$$v","expression","ids","length","vmode","staticClass","$event","openMdl","_v","selectedCascader","selcdProps","treeItemClick","_ref2","ch","t","titl","modalObj","show","$set","ref","_ref3","concat","detailObj","name","field1","field2","field3","field4","field5","staticRenderFns","components","Cascader","Tree","props","type","String","default","Array","Number","Boolean","children","multiple","searchKeyword","mounted","init","methods","keyword","toLowerCase","index","indexOf","before","substring","matched","after","_lasts","forEach","x","_id","undefined","push","$emit","toggleBodyClass","addRemoveClass","className","el","document","body","classList","add","remove","_this","self","request","params","api","url","method","store","$store","then","res","types","_selecteds","cascaderModelRecursive","flat","reverse","cid","pid","filter","d","i","p","_this2","e","_this3","id","$nextTick","component"],"mappings":"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","file":"js/chunk-61345ed8.5818349f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticStyle:{\"width\":\"100%\"}},[_c('div',{},[(!_vm.hidedroptree)?_c('Cascader',{class:_vm.lkey,style:(`width: 100%`),attrs:{\"popper-class\":_vm.lkey,\"props\":_vm.cscdrProps,\"options\":_vm.locTypesCascader,\"collapse-tags\":true,\"filter-method\":_vm.filterNode,\"filterable\":\"\",\"clearable\":\"\"},on:{\"change\":_vm.cascaderOnChange},scopedSlots:_vm._u([{key:\"default\",fn:function({ node, data }){return [_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.highlightKeyword(data.label))}})]}}],null,false,971285763),model:{value:(_vm.selectedTypes),callback:function ($$v) {_vm.selectedTypes=$$v},expression:\"selectedTypes\"}}):_vm._e(),(_vm.ids.length > 0 && _vm.vmode == 0)?_c('div',{staticClass:\"mg-l-20\"},[_c('a',{staticClass:\"btn btn-light\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){return _vm.openMdl()}}},[_vm._v(\"Харах (\"+_vm._s(_vm.ids.length)+\")\")])]):(_vm.ids.length > 0 && _vm.vmode == 1)?_c('div',[_c('Tree',{attrs:{\"node-key\":\"id\",\"data\":_vm.selectedCascader,\"props\":_vm.selcdProps,\"default-expand-all\":true,\"highlight-current\":\"\"},on:{\"node-click\":_vm.treeItemClick},scopedSlots:_vm._u([{key:\"default\",fn:function({ node, data }){return _c('div',{staticClass:\"custom-tree-node mg-y-5\"},[_c('div',{staticClass:\"text-truncate tx-12\",class:{\n              'font-weight-bolder': data.ch == null || data.ch.length == 0,\n            },attrs:{\"title\":node.label}},[_vm._v(\" \"+_vm._s(data.t)+\" \")]),(data.ch == null || data.ch.length == 0)?_c('div',{staticClass:\"btn-group btn-xs\"},[_c('button',{staticClass:\"btn btn-xs btn-uppsercase\"},[_c('feather',{staticClass:\"wd-15-f ht-15-f\",attrs:{\"type\":\"arrow-right\"}}),_vm._v(\" мэдээлэл харах \")],1)]):_vm._e()])}}])})],1):_vm._e()],1),_c('b-modal',{attrs:{\"title\":'Сонгосон ' + _vm.titl,\"size\":\"xl\",\"scrollable\":\"\",\"centered\":\"\",\"hide-footer\":\"\"},model:{value:(_vm.modalObj.show),callback:function ($$v) {_vm.$set(_vm.modalObj, \"show\", $$v)},expression:\"modalObj.show\"}},[_c('Tree',{ref:\"folterTree\",attrs:{\"node-key\":\"id\",\"node-key1\":\"label\",\"data\":_vm.selectedCascader,\"props\":_vm.selcdProps,\"default-expand-all\":true,\"highlight-current\":\"\"},on:{\"node-click\":_vm.treeItemClick},scopedSlots:_vm._u([{key:\"default\",fn:function({ node, data }){return _c('div',{staticClass:\"custom-tree-node mg-y-5\"},[_c('div',{staticClass:\"text-truncate tx-12\",class:{\n            'font-weight-bolder': data.ch == null || data.ch.length == 0,\n          },attrs:{\"title\":node.label}},[_vm._v(\" \"+_vm._s(node.label)+\" \")]),(data.ch == null || data.ch.length == 0)?_c('div',{staticClass:\"btn-group btn-xs\"},[_c('button',{staticClass:\"btn btn-xs btn-uppsercase\"},[_c('feather',{staticClass:\"wd-15-f ht-15-f\",attrs:{\"type\":\"arrow-right\"}}),_vm._v(\" мэдээлэл харах \")],1)]):_vm._e()])}}])})],1),_c('b-modal',{attrs:{\"hide-footer\":\"\",\"scrollable\":\"\",\"title\":`${_vm.detailObj.data.name}-н тодорхойлолт`,\"size\":\"lg\"},model:{value:(_vm.detailObj.show),callback:function ($$v) {_vm.$set(_vm.detailObj, \"show\", $$v)},expression:\"detailObj.show\"}},[(_vm.detailObj.render)?_c('div',[_c('div',{staticClass:\"mail-group-body\",staticStyle:{\"position\":\"relative\"}},[_c('label',{staticClass:\"mail-group-label\"},[_vm._v(\"Монгол нэр\")]),_c('div',{staticClass:\"pd-10\",domProps:{\"innerHTML\":_vm._s(_vm.detailObj.data.name)}})]),_c('div',{staticClass:\"mail-group-body\",staticStyle:{\"position\":\"relative\"}},[_c('label',{staticClass:\"mail-group-label\"},[_vm._v(\"Тодорхойлолт монгол\")]),_c('div',{staticClass:\"pd-10\",domProps:{\"innerHTML\":_vm._s(_vm.detailObj.data.value)}})]),_c('div',{staticClass:\"mail-group-body\",staticStyle:{\"position\":\"relative\"}},[_c('label',{staticClass:\"mail-group-label\"},[_vm._v(\"Англи нэр\")]),_c('div',{staticClass:\"pd-10\",domProps:{\"innerHTML\":_vm._s(_vm.detailObj.data.field1)}})]),_c('div',{staticClass:\"mail-group-body\",staticStyle:{\"position\":\"relative\"}},[_c('label',{staticClass:\"mail-group-label\"},[_vm._v(\"Эх сурвалж\")]),_c('div',{staticClass:\"pd-10\",domProps:{\"innerHTML\":_vm._s(_vm.detailObj.data.field2)}})]),_c('div',{staticClass:\"mail-group-body\",staticStyle:{\"position\":\"relative\"}},[_c('label',{staticClass:\"mail-group-label\"},[_vm._v(\"Хам сэдэв\")]),_c('div',{staticClass:\"pd-10\",domProps:{\"innerHTML\":_vm._s(_vm.detailObj.data.field3)}})]),_c('div',{staticClass:\"mail-group-body\",staticStyle:{\"position\":\"relative\"}},[_c('label',{staticClass:\"mail-group-label\"},[_vm._v(\"Тодорхойлолт англи\")]),_c('div',{staticClass:\"pd-10\",domProps:{\"innerHTML\":_vm._s(_vm.detailObj.data.field4)}})]),_c('div',{staticClass:\"mail-group-body\",staticStyle:{\"position\":\"relative\"}},[_c('label',{staticClass:\"mail-group-label\"},[_vm._v(\"Нэр /Монгол бичиг/\")]),_c('div',{staticClass:\"pd-10\",domProps:{\"innerHTML\":_vm._s(_vm.detailObj.data.field5)}})])]):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section style=\"width: 100%\">\n    <div class=\"\">\n      <!-- ${vmode==0?(ids.length>0 && vmode==0?'80%':'inherit'):'100%'} -->\n      <Cascader\n        :class=\"lkey\"\n        :popper-class=\"lkey\"\n        v-if=\"!hidedroptree\"\n        :props=\"cscdrProps\"\n        :options=\"locTypesCascader\"\n        @change=\"cascaderOnChange\"\n        v-model=\"selectedTypes\"\n        :collapse-tags=\"true\"\n        :filter-method=\"filterNode\"\n        filterable\n        clearable\n        :style=\"`width: 100%`\"\n      >\n      <template slot-scope=\"{ node, data }\">\n          <span v-html=\"highlightKeyword(data.label)\"></span>\n        </template>\n      </Cascader>\n      <div v-if=\"ids.length > 0 && vmode == 0\" class=\"mg-l-20\">\n        <a role=\"button\" @click=\"openMdl()\" class=\"btn btn-light\"\n          >Харах ({{ ids.length }})</a\n        >\n      </div>\n      <div v-else-if=\"ids.length > 0 && vmode == 1\">\n        <Tree\n          node-key=\"id\"\n          :data=\"selectedCascader\"\n          :props=\"selcdProps\"\n          :default-expand-all=\"true\"\n          highlight-current\n          @node-click=\"treeItemClick\"\n        >\n          <div class=\"custom-tree-node mg-y-5\" slot-scope=\"{ node, data }\">\n            <div\n              class=\"text-truncate tx-12\"\n              :title=\"node.label\"\n              :class=\"{\n                'font-weight-bolder': data.ch == null || data.ch.length == 0,\n              }\"\n            >\n              {{ data.t }}\n            </div>\n            <div\n              v-if=\"data.ch == null || data.ch.length == 0\"\n              class=\"btn-group btn-xs\"\n            >\n              <button class=\"btn btn-xs btn-uppsercase\">\n                <feather type=\"arrow-right\" class=\"wd-15-f ht-15-f\"></feather>\n                мэдээлэл харах\n              </button>\n            </div>\n          </div>\n        </Tree>\n      </div>\n    </div>\n    <b-modal\n      v-model=\"modalObj.show\"\n      :title=\"'Сонгосон ' + titl\"\n      size=\"xl\"\n      scrollable\n      centered\n      hide-footer\n    >\n      <Tree\n        ref=\"folterTree\"\n        node-key=\"id\"\n        node-key1=\"label\"\n        :data=\"selectedCascader\"\n        :props=\"selcdProps\"\n        :default-expand-all=\"true\"\n        highlight-current\n        @node-click=\"treeItemClick\"\n      >\n        <div class=\"custom-tree-node mg-y-5\" slot-scope=\"{ node, data }\">\n          <div\n            class=\"text-truncate tx-12\"\n            :title=\"node.label\"\n            :class=\"{\n              'font-weight-bolder': data.ch == null || data.ch.length == 0,\n            }\"\n          >\n            {{ node.label }}\n          </div>\n          <div\n            v-if=\"data.ch == null || data.ch.length == 0\"\n            class=\"btn-group btn-xs\"\n          >\n            <button class=\"btn btn-xs btn-uppsercase\">\n              <feather type=\"arrow-right\" class=\"wd-15-f ht-15-f\"></feather>\n              мэдээлэл харах\n            </button>\n          </div>\n        </div>\n      </Tree>\n    </b-modal>\n\n    <b-modal\n      v-model=\"detailObj.show\"\n      hide-footer\n      scrollable\n      :title=\"`${detailObj.data.name}-н тодорхойлолт`\"\n      size=\"lg\"\n    >\n      <div v-if=\"detailObj.render\">\n        <div class=\"mail-group-body\" style=\"position: relative\">\n          <label class=\"mail-group-label\">Монгол нэр</label>\n          <div class=\"pd-10\" v-html=\"detailObj.data.name\"></div>\n        </div>\n\n        <div class=\"mail-group-body\" style=\"position: relative\">\n          <label class=\"mail-group-label\">Тодорхойлолт монгол</label>\n          <div class=\"pd-10\" v-html=\"detailObj.data.value\"></div>\n        </div>\n\n        <div class=\"mail-group-body\" style=\"position: relative\">\n          <label class=\"mail-group-label\">Англи нэр</label>\n          <div class=\"pd-10\" v-html=\"detailObj.data.field1\"></div>\n        </div>\n\n        <div class=\"mail-group-body\" style=\"position: relative\">\n          <label class=\"mail-group-label\">Эх сурвалж</label>\n          <div class=\"pd-10\" v-html=\"detailObj.data.field2\"></div>\n        </div>\n\n        <div class=\"mail-group-body\" style=\"position: relative\">\n          <label class=\"mail-group-label\">Хам сэдэв</label>\n          <div class=\"pd-10\" v-html=\"detailObj.data.field3\"></div>\n        </div>\n\n        <div class=\"mail-group-body\" style=\"position: relative\">\n          <label class=\"mail-group-label\">Тодорхойлолт англи</label>\n          <div class=\"pd-10\" v-html=\"detailObj.data.field4\"></div>\n        </div>\n\n        <div class=\"mail-group-body\" style=\"position: relative\">\n          <label class=\"mail-group-label\">Нэр /Монгол бичиг/</label>\n          <div class=\"pd-10\" v-html=\"detailObj.data.field5\"></div>\n        </div>\n      </div>\n    </b-modal>\n  </section>\n</template>\n\n<script>\nimport { request } from \"@/api/all\";\nimport \"element-ui/lib/theme-chalk/index.css\";\nimport { Cascader, Tree } from \"element-ui\";\n\nexport default {\n  components: { Cascader, Tree },\n  name: \"locTypeCascaderPanel\",\n  props: {\n    titl: {\n      type: String,\n      default: () => \"\",\n    },\n    ids: {\n      type: Array,\n      default: () => [],\n    },\n    lkey: {\n      type: String,\n      default: () => \"\",\n    },\n    vmode: {\n      type: Number,\n      default: () => 0,\n    },\n    hidedroptree: {\n      type: Boolean,\n      default: () => false,\n    },\n  },\n  data() {\n    return {\n      modalObj: {\n        show: false,\n      },\n      cscdrProps: {\n        // value: 'i',\n        // label: 't',\n        // children: \"ch\",\n\n        value: \"value\",\n        label: \"label\",\n        children: \"children\",\n        multiple: true,\n        // checkStrictly: true\n      },\n\n      selcdProps: {\n        value: \"i\",\n        label: \"t\",\n        children: \"ch\",\n      },\n      locTypesCascader: [],\n      selectedCascader: [],\n      selectedTypes: [],\n\n      detailObj: {\n        data: {\n          name: \"\",\n        },\n        render: true,\n        show: false,\n      },\n      searchKeyword: '', // Add this line\n      \n    };\n  },\n  mounted() {\n    // console.log('this.lkey', this.lkey, this.ids);\n    //if(this.vmode==0){\n    this.init();\n    //}\n\n    // if(this.vmode==1){\n    //   this.cascaderOnChange(this.ids);\n    // }\n  },\n  methods: {\n    highlightKeyword(label) {\n      if (!this.searchKeyword) return label;\n      \n      const keyword = this.searchKeyword.toLowerCase();\n      const index = label.toLowerCase().indexOf(keyword);\n      \n      if (index === -1) return label;\n      \n      const before = label.substring(0, index);\n      const matched = label.substring(index, index + keyword.length);\n      const after = label.substring(index + keyword.length);\n      \n      return `${before}<span class=\"highlight-text\">${matched}</span>${after}`;\n    },\n    filterNode(node, keyword) {\n      this.searchKeyword = keyword; // Store the keyword\n      \n      const label = node.label || '';\n      return label.toLowerCase().indexOf(keyword.toLowerCase()) !== -1;\n    },\n    cascaderOnChange(value) {\n      //console.log(\"cascaderOnChange\", value);\n      let _lasts = [];\n      value.forEach((x) => {\n        // if (Array.isArray(e[x])) {\n        //   e[x].forEach((a) => {\n        //     params += \"&\" + x + \"=\" + a;\n        //   });\n        // } else {\n        //   params += \"&\" + x + \"=\" + e[x];\n        // }\n        let _id = x[x.length - 1] != undefined ? x[x.length - 1] : null;\n        _lasts.push(_id);\n      });\n      //console.log('_lasts', _lasts);\n      this.$emit(\"input\", _lasts);\n      this.$emit(\"on-selected\", _lasts);\n    },\n    toggleBodyClass(addRemoveClass, className) {\n      //console.log('toggleBodyClass fired');\n      const el = document.body;\n\n      if (addRemoveClass === \"addClass\") {\n        el.classList.add(className);\n      } else {\n        el.classList.remove(className);\n      }\n    },\n    init() {\n      let self = this;\n\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n      request({\n        params: { key: this.lkey },\n        api: { url: \"Type/GetAsyncTreeDataFullname\", method: \"get\" },\n        store: this.$store,\n      }).then((res) => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n\n        if (res != false) {\n          //console.log('res.data s', res.data, this.lkey);\n          this.locTypesCascader = res.data.types;\n          //this.selectedTypes = this.ids\n\n          if (this.ids.length) {\n            let _selecteds = [];\n            this.ids.forEach((x) => {\n              self.selectedTypes = [];\n              self.cascaderModelRecursive(res.data.flat, x);\n              //console.log('x', x, );\n              _selecteds.push(self.selectedTypes.reverse());\n            });\n            this.selectedTypes = _selecteds;\n\n            if (this.vmode == 1) {\n              this.openMdl();\n            }\n          }\n        }\n      });\n    },\n    cascaderModelRecursive(data, cid) {\n      //console.log('data', data);\n      this.selectedTypes.push(cid);\n      let pid = data.filter((d) => d.i == cid)[0].p;\n      if (pid > 0) {\n        //console.log('pid olsnu', pid);\n        this.cascaderModelRecursive(data, pid);\n      }\n    },\n\n    openMdl() {\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n      request({\n        data: { ids: this.selectedTypes },\n        api: { url: \"Type/getAsyncTreeDataBySelectedIdS\", method: \"POST\" },\n        store: this.$store,\n      }).then((res) => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n        if (res != false) {\n          this.selectedCascader = res.data.types;\n\n          if (this.vmode == 0) {\n            this.modalObj.show = true;\n          }\n        }\n      });\n    },\n    treeItemClick(e) {\n      //console.log(e);\n      if (e.ch != null) return false;\n\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n      request({\n        params: { id: e.id },\n        api: { method: \"GET\", url: \"Type/GetInheritedDetail\" },\n        store: this.$store,\n      }).then((res) => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n        if (res != false) {\n          //console.log(res, e.id);\n          //this.selectedCascader= res.data.types;\n          this.detailObj.data = res.data;\n          this.detailObj.render = true;\n\n          this.$nextTick(() => {\n            this.detailObj.show = true;\n          });\n        }\n      });\n      //e.id\n    },\n  },\n};\n</script>\n<style>\n.custom-tree-node {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 14px;\n  padding-right: 8px;\n}\n.highlight-text {\n  color: #409EFF;\n  font-weight: bold;\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../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/thread-loader/dist/cjs.js!../../../../../../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\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0d5f6a80\"\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=0d5f6a80&prod&lang=css\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../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=0d5f6a80&prod&lang=css\""],"sourceRoot":""}