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