{"version":3,"sources":["webpack:///./src/components/task/edit/components/locTypeMultiplePanel/index.vue?0952","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","webpack:///./src/components/task/edit/components/locTypeMultiplePanel/index.js"],"names":["render","_vm","this","_h","$createElement","_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","callback","$$v","selectedTypes","expression","ids","length","vmode","staticClass","$event","openMdl","_v","selectedCascader","selcdProps","treeItemClick","ch","t","titl","modalObj","$set","detailObj","name","field1","field2","field3","field4","field5","staticRenderFns","components","props","type","String","default","Array","Number","Boolean","show","children","multiple","searchKeyword","mounted","init","methods","index","keyword","toLowerCase","indexOf","forEach","_lasts","push","_id","$emit","toggleBodyClass","addRemoveClass","el","classList","add","className","remove","params","api","store","$store","res","self","cascaderModelRecursive","flat","x","_selecteds","reverse","cid","pid","e","component"],"mappings":"0IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,CAAC,MAAQ,SAAS,CAACF,EAAG,MAAM,GAAG,CAAGJ,EAAIO,aAG8DP,EAAIQ,KAHpDJ,EAAG,WAAW,CAACK,MAAMT,EAAIU,KAAKC,MAAM,cAAgBC,MAAM,CAAC,eAAeZ,EAAIU,KAAK,MAAQV,EAAIa,WAAW,QAAUb,EAAIc,iBAAiB,iBAAgB,EAAK,gBAAgBd,EAAIe,WAAW,WAAa,GAAG,UAAY,IAAIC,GAAG,CAAC,OAAShB,EAAIiB,kBAAkBC,YAAYlB,EAAImB,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAASC,GACldA,EAAIC,KAAf,IACIC,EAAOF,EAAIE,KACf,MAAO,CAACpB,EAAG,OAAO,CAACqB,SAAS,CAAC,UAAYzB,EAAI0B,GAAG1B,EAAI2B,iBAAiBH,EAAKI,eAAe,MAAK,EAAM,WAAWC,MAAM,CAACC,MAAO9B,EAAiB,cAAE+B,SAAS,SAAUC,GAAMhC,EAAIiC,cAAcD,GAAKE,WAAW,mBAA6BlC,EAAImC,IAAIC,OAAS,GAAkB,GAAbpC,EAAIqC,MAAYjC,EAAG,MAAM,CAACkC,YAAY,WAAW,CAAClC,EAAG,IAAI,CAACkC,YAAY,gBAAgB1B,MAAM,CAAC,KAAO,UAAUI,GAAG,CAAC,MAAQ,SAASuB,GAAQ,OAAOvC,EAAIwC,aAAa,CAACxC,EAAIyC,GAAG,UAAUzC,EAAI0B,GAAG1B,EAAImC,IAAIC,QAAQ,SAAUpC,EAAImC,IAAIC,OAAS,GAAkB,GAAbpC,EAAIqC,MAAYjC,EAAG,MAAM,CAACA,EAAG,OAAO,CAACQ,MAAM,CAAC,WAAW,KAAK,KAAOZ,EAAI0C,iBAAiB,MAAQ1C,EAAI2C,WAAW,sBAAqB,EAAK,oBAAoB,IAAI3B,GAAG,CAAC,aAAahB,EAAI4C,eAAe1B,YAAYlB,EAAImB,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAASC,GAC9tB,IAAIC,EAAOD,EAAIC,KACXC,EAAOF,EAAIE,KACf,OAAOpB,EAAG,MAAM,CAACkC,YAAY,2BAA2B,CAAClC,EAAG,MAAM,CAACkC,YAAY,sBAAsB7B,MAAM,CAC7F,qBAAiC,MAAXe,EAAKqB,IAAgC,GAAlBrB,EAAKqB,GAAGT,QACjDxB,MAAM,CAAC,MAAQW,EAAKK,QAAQ,CAAC5B,EAAIyC,GAAG,IAAIzC,EAAI0B,GAAGF,EAAKsB,GAAG,OAAmB,MAAXtB,EAAKqB,IAAgC,GAAlBrB,EAAKqB,GAAGT,OAAahC,EAAG,MAAM,CAACkC,YAAY,oBAAoB,CAAClC,EAAG,SAAS,CAACkC,YAAY,6BAA6B,CAAClC,EAAG,UAAU,CAACkC,YAAY,kBAAkB1B,MAAM,CAAC,KAAO,iBAAiBZ,EAAIyC,GAAG,qBAAqB,KAAKzC,EAAIQ,cAAc,GAAGR,EAAIQ,MAAM,GAAGJ,EAAG,UAAU,CAACQ,MAAM,CAAC,MAAQ,YAAcZ,EAAI+C,KAAK,KAAO,KAAK,WAAa,GAAG,SAAW,GAAG,cAAc,IAAIlB,MAAM,CAACC,MAAO9B,EAAIgD,SAAa,KAAEjB,SAAS,SAAUC,GAAMhC,EAAIiD,KAAKjD,EAAIgD,SAAU,OAAQhB,IAAME,WAAW,kBAAkB,CAAC9B,EAAG,OAAO,CAACkB,IAAI,aAAaV,MAAM,CAAC,WAAW,KAAK,YAAY,QAAQ,KAAOZ,EAAI0C,iBAAiB,MAAQ1C,EAAI2C,WAAW,sBAAqB,EAAK,oBAAoB,IAAI3B,GAAG,CAAC,aAAahB,EAAI4C,eAAe1B,YAAYlB,EAAImB,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAASC,GACr0B,IAAIC,EAAOD,EAAIC,KACXC,EAAOF,EAAIE,KAC3B,OAAOpB,EAAG,MAAM,CAACkC,YAAY,2BAA2B,CAAClC,EAAG,MAAM,CAACkC,YAAY,sBAAsB7B,MAAM,CAC/F,qBAAiC,MAAXe,EAAKqB,IAAgC,GAAlBrB,EAAKqB,GAAGT,QACjDxB,MAAM,CAAC,MAAQW,EAAKK,QAAQ,CAAC5B,EAAIyC,GAAG,IAAIzC,EAAI0B,GAAGH,EAAKK,OAAO,OAAmB,MAAXJ,EAAKqB,IAAgC,GAAlBrB,EAAKqB,GAAGT,OAAahC,EAAG,MAAM,CAACkC,YAAY,oBAAoB,CAAClC,EAAG,SAAS,CAACkC,YAAY,6BAA6B,CAAClC,EAAG,UAAU,CAACkC,YAAY,kBAAkB1B,MAAM,CAAC,KAAO,iBAAiBZ,EAAIyC,GAAG,qBAAqB,KAAKzC,EAAIQ,cAAc,GAAGJ,EAAG,UAAU,CAACQ,MAAM,CAAC,cAAc,GAAG,WAAa,GAAG,MAAUZ,EAAIkD,UAAU1B,KAAS,KAAI,kBAAmB,KAAO,MAAMK,MAAM,CAACC,MAAO9B,EAAIkD,UAAc,KAAEnB,SAAS,SAAUC,GAAMhC,EAAIiD,KAAKjD,EAAIkD,UAAW,OAAQlB,IAAME,WAAW,mBAAmB,CAAElC,EAAIkD,UAAgB,OAAE9C,EAAG,MAAM,CAACA,EAAG,MAAM,CAACkC,YAAY,kBAAkBhC,YAAY,CAAC,SAAW,aAAa,CAACF,EAAG,QAAQ,CAACkC,YAAY,oBAAoB,CAACtC,EAAIyC,GAAG,gBAAgBrC,EAAG,MAAM,CAACkC,YAAY,QAAQb,SAAS,CAAC,UAAYzB,EAAI0B,GAAG1B,EAAIkD,UAAU1B,KAAK2B,WAAW/C,EAAG,MAAM,CAACkC,YAAY,kBAAkBhC,YAAY,CAAC,SAAW,aAAa,CAACF,EAAG,QAAQ,CAACkC,YAAY,oBAAoB,CAACtC,EAAIyC,GAAG,yBAAyBrC,EAAG,MAAM,CAACkC,YAAY,QAAQb,SAAS,CAAC,UAAYzB,EAAI0B,GAAG1B,EAAIkD,UAAU1B,KAAKM,YAAY1B,EAAG,MAAM,CAACkC,YAAY,kBAAkBhC,YAAY,CAAC,SAAW,aAAa,CAACF,EAAG,QAAQ,CAACkC,YAAY,oBAAoB,CAACtC,EAAIyC,GAAG,eAAerC,EAAG,MAAM,CAACkC,YAAY,QAAQb,SAAS,CAAC,UAAYzB,EAAI0B,GAAG1B,EAAIkD,UAAU1B,KAAK4B,aAAahD,EAAG,MAAM,CAACkC,YAAY,kBAAkBhC,YAAY,CAAC,SAAW,aAAa,CAACF,EAAG,QAAQ,CAACkC,YAAY,oBAAoB,CAACtC,EAAIyC,GAAG,gBAAgBrC,EAAG,MAAM,CAACkC,YAAY,QAAQb,SAAS,CAAC,UAAYzB,EAAI0B,GAAG1B,EAAIkD,UAAU1B,KAAK6B,aAAajD,EAAG,MAAM,CAACkC,YAAY,kBAAkBhC,YAAY,CAAC,SAAW,aAAa,CAACF,EAAG,QAAQ,CAACkC,YAAY,oBAAoB,CAACtC,EAAIyC,GAAG,eAAerC,EAAG,MAAM,CAACkC,YAAY,QAAQb,SAAS,CAAC,UAAYzB,EAAI0B,GAAG1B,EAAIkD,UAAU1B,KAAK8B,aAAalD,EAAG,MAAM,CAACkC,YAAY,kBAAkBhC,YAAY,CAAC,SAAW,aAAa,CAACF,EAAG,QAAQ,CAACkC,YAAY,oBAAoB,CAACtC,EAAIyC,GAAG,wBAAwBrC,EAAG,MAAM,CAACkC,YAAY,QAAQb,SAAS,CAAC,UAAYzB,EAAI0B,GAAG1B,EAAIkD,UAAU1B,KAAK+B,aAAanD,EAAG,MAAM,CAACkC,YAAY,kBAAkBhC,YAAY,CAAC,SAAW,aAAa,CAACF,EAAG,QAAQ,CAACkC,YAAY,oBAAoB,CAACtC,EAAIyC,GAAG,wBAAwBrC,EAAG,MAAM,CAACkC,YAAY,QAAQb,SAAS,CAAC,UAAYzB,EAAI0B,GAAG1B,EAAIkD,UAAU1B,KAAKgC,eAAexD,EAAIQ,QAAQ,IAC/wEiD,EAAkB,G,sHC0ItB,GACEC,WAAY,CAAd,uCACEP,KAAM,uBACNQ,MAAO,CACLZ,KAAM,CACJa,KAAMC,OACNC,QAAS,WAAf,WAEI3B,IAAK,CACHyB,KAAMG,MACND,QAAS,WAAf,WAEIpD,KAAM,CACJkD,KAAMC,OACNC,QAAS,WAAf,WAEIzB,MAAO,CACLuB,KAAMI,OACNF,QAAS,WAAf,WAEIvD,aAAc,CACZqD,KAAMK,QACNH,QAAS,WAAf,YAGEtC,KAzBF,WA0BI,MAAO,CACLwB,SAAU,CACRkB,MAAM,GAERrD,WAAY,CAKViB,MAAO,QACPF,MAAO,QACPuC,SAAU,WACVC,UAAU,GAIZzB,WAAY,CACVb,MAAO,IACPF,MAAO,IACPuC,SAAU,MAEZrD,iBAAkB,GAClB4B,iBAAkB,GAClBT,cAAe,GAEfiB,UAAW,CACT1B,KAAM,CACJ2B,KAAM,IAERpD,QAAQ,EACRmE,MAAM,GAERG,cAAe,KAInBC,QA9DF,WAiEIrE,KAAKsE,QAOPC,QAAS,CACP7C,iBADJ,SACA,GACM,IAAK1B,KAAKoE,cAAe,OAAOzC,EAEhC,IAAN,mCACA,6BAEM,IAAe,IAAX6C,EAAc,OAAO7C,EAEzB,IAAN,mBACA,4BACA,0BAEM,MAAO,GAAb,yEAEIb,WAfJ,SAeA,KACMd,KAAKoE,cAAgBK,EAErB,IAAN,cACM,OAA+D,IAAxD9C,EAAM+C,cAAcC,QAAQF,EAAQC,gBAE7C1D,iBArBJ,SAqBA,GAEM,IAAN,KACMa,EAAM+C,SAAQ,SAApB,GAQQ,IAAR,2CACQC,EAAOC,KAAKC,MAGd/E,KAAKgF,MAAM,QAASH,GACpB7E,KAAKgF,MAAM,cAAeH,IAE5BI,gBAvCJ,SAuCA,KAEM,IAAN,gBAE6B,aAAnBC,EACFC,EAAGC,UAAUC,IAAIC,GAEjBH,EAAGC,UAAUG,OAAOD,IAGxBhB,KAjDJ,WAiDA,WACA,OAEMtE,KAAKiF,gBAAgB,WAAY,kBACjC,OAAN,OAAM,CAAN,CACQO,OAAQ,CAAhB,eACQC,IAAK,CAAb,kDACQC,MAAO1F,KAAK2F,SACpB,kBAGQ,GAFA,EAAR,gDAEmB,GAAPC,IAEF,EAAV,8BAGc,EAAd,aACY,IAAZ,KACY,EAAZ,yBACcC,EAAK7D,cAAgB,GACrB6D,EAAKC,uBAAuBF,EAAIrE,KAAKwE,KAAMC,GAE3CC,EAAWnB,KAAKe,EAAK7D,cAAckE,cAErC,EAAZ,gBAEA,GAAgB,EAAhB,OACc,EAAd,eAMIJ,uBAlFJ,SAkFA,KAEM9F,KAAKgC,cAAc8C,KAAKqB,GACxB,IAAN,8CACUC,EAAM,GAERpG,KAAK8F,uBAAuBvE,EAAM6E,IAItC7D,QA5FJ,WA4FA,WACMvC,KAAKiF,gBAAgB,WAAY,kBACjC,OAAN,OAAM,CAAN,CACQ1D,KAAM,CAAd,wBACQkE,IAAK,CAAb,wDACQC,MAAO1F,KAAK2F,SACpB,kBACQ,EAAR,gDACmB,GAAPC,IACF,EAAV,8BAEA,GAAc,EAAd,QACY,EAAZ,uBAKIjD,cA7GJ,SA6GA,cAEM,GAAY,MAAR0D,EAAEzD,GAAY,OAAO,EAEzB5C,KAAKiF,gBAAgB,WAAY,kBACjC,OAAN,OAAM,CAAN,CACQO,OAAQ,CAAhB,SACQC,IAAK,CAAb,4CACQC,MAAO1F,KAAK2F,SACpB,kBACQ,EAAR,gDACmB,GAAPC,IAGF,EAAV,sBACU,EAAV,oBAEU,EAAV,sBACY,EAAZ,4BC/V2Y,I,wBCQvYU,EAAY,eACd,EACAxG,EACA0D,GACA,EACA,KACA,KACA,MAIa,aAAA8C,E,6CCnBf,yBAAohB,EAAG,G,kCCAvhB,uBACe9B,2B","file":"js/chunk-3bea178f.7b7e0b04.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',{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(ref){\nvar node = ref.node;\nvar data = ref.data;\nreturn [_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(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:{\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(ref){\n            var node = ref.node;\n            var data = ref.data;\nreturn _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)}\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&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&\"","import index from \"./index.vue\";\nexport default index;\n"],"sourceRoot":""}