{"version":3,"sources":["webpack:///./src/views/master-data/regions/list.vue?2b5a","webpack:///./src/views/master-data/regions/list.vue?4827","webpack:///src/views/master-data/regions/list.vue","webpack:///./src/views/master-data/regions/list.vue?947f","webpack:///./src/views/master-data/regions/list.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slot","_v","on","$event","preventDefault","search","model","value","searchForm","callback","$$v","$set","expression","ref","gridOptions","scopedSlots","_u","key","fn","breadCrumbRegions","length","_e","breadCrumbClick","_l","item","index","_s","name","proxy","row","provinceId","districtId","stopPropagation","exportExcel","authorize","isBTCUser","path","remove","target","searchByProvince","searchByDistrict","staticRenderFns","component"],"mappings":"mHAAA,0BAAugB,EAAG,G,2CCA1gB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACG,MAAM,CAAC,GAAK,OAAO,CAACH,EAAG,SAAS,CAACA,EAAG,MAAM,CAACG,MAAM,CAAC,KAAO,UAAUC,KAAK,UAAU,CAACJ,EAAG,SAAS,CAACJ,EAAIS,GAAG,iCAAiCL,EAAG,SAAS,CAACG,MAAM,CAAC,OAAS,IAAIG,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBZ,EAAIa,OAAOF,MAAW,CAACP,EAAG,QAAQ,CAACE,YAAY,sDAAsDC,MAAM,CAAC,IAAM,WAAW,CAACP,EAAIS,GAAG,uBAAuBL,EAAG,eAAe,CAACE,YAAY,mBAAmBC,MAAM,CAAC,KAAO,OAAO,GAAK,SAAS,YAAc,+BAA+BO,MAAM,CAACC,MAAOf,EAAIgB,WAAc,IAAEC,SAAS,SAAUC,GAAMlB,EAAImB,KAAKnB,EAAIgB,WAAY,MAAOE,IAAME,WAAW,oBAAoBhB,EAAG,WAAW,CAACG,MAAM,CAAC,KAAO,SAAS,QAAU,YAAY,CAACP,EAAIS,GAAG,eAAe,GAAGL,EAAG,MAAMA,EAAG,SAAS,CAACiB,IAAI,cAAcd,MAAM,CAAC,WAAaP,EAAIgB,WAAW,YAAchB,EAAIsB,YAAY,QAAU,sBAAsB,SAAW,IAAIC,YAAYvB,EAAIwB,GAAG,CAAC,CAACC,IAAI,WAAWC,GAAG,WAAW,MAAO,CAACtB,EAAG,QAAQ,CAACE,YAAY,aAAa,CAAkC,GAAhCN,EAAI2B,kBAAkBC,OAAaxB,EAAG,KAAK,CAACJ,EAAIS,GAAG,uBAAuBT,EAAI6B,KAAM7B,EAAI2B,kBAAkBC,OAAS,EAAGxB,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACF,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,sBAAsBG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAI8B,qBAAqB,CAAC9B,EAAIS,GAAG,yBAAyBT,EAAI6B,KAAKzB,EAAG,KAAK,CAACE,YAAY,aAAaC,MAAM,CAAC,GAAK,sBAAsBP,EAAI+B,GAAI/B,EAAqB,mBAAE,SAASgC,EAAKC,GAAO,OAAO7B,EAAG,KAAK,CAACE,YAAY,mBAAmB,CAAE2B,GAASjC,EAAI2B,kBAAkBC,OAAS,EAAGxB,EAAG,IAAI,CAACE,YAAY,cAAcC,MAAM,CAAC,KAAO,sBAAsBG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAI8B,gBAAgBE,EAAKC,MAAU,CAACjC,EAAIS,GAAG,IAAIT,EAAIkC,GAAGF,EAAKG,MAAM,OAAOnC,EAAI6B,KAAMI,GAASjC,EAAI2B,kBAAkBC,OAAS,EAAGxB,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAIS,GAAG,IAAIT,EAAIkC,GAAGF,EAAKG,MAAM,OAAOnC,EAAI6B,UAAS,OAAOO,OAAM,GAAM,CAACX,IAAI,4BAA4BC,GAAG,SAASW,GAAK,MAAO,CAACrC,EAAIS,GAAG,IAAIT,EAAIkC,GAAGG,EAAIL,KAAKM,WAAaD,EAAIL,KAAKO,WAAa,YAAc,aAAgB,kBAAkB,QAAQ,CAACd,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACtB,EAAG,WAAW,CAACG,MAAM,CAAC,KAAO,KAAK,QAAU,aAAaG,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAO6B,kBAAyBxC,EAAIyC,YAAY9B,MAAW,CAACX,EAAIS,GAAG,kBAAmBT,EAAI0C,UAAU,CAAC,kBAAoB1C,EAAI2C,UAAW,CAACvC,EAAG,cAAc,CAACE,YAAY,kBAAkBC,MAAM,CAAC,GAAK,WAAW,IAAM,SAAS,KAAO,OAAO,CAACP,EAAIS,GAAG,iBAAiBT,EAAI6B,OAAOO,OAAM,GAAM,CAACX,IAAI,iBAAiBC,GAAG,SAASW,GAAK,MAAO,CAACjC,EAAG,iBAAiB,CAAEJ,EAAI0C,UAAU,CAAC,eAAgBtC,EAAG,WAAW,CAACG,MAAM,CAAC,KAAO,KAAK,GAAK,CAAEqC,KAAO,KAAQP,EAAIL,KAAO,IAAK,MAAQ,MAAM,QAAU,SAAS,CAAChC,EAAIS,GAAG,WAAWT,EAAI6B,KAAM7B,EAAI0C,UAAU,CAAC,kBAAoB1C,EAAI2C,UAAWvC,EAAG,WAAW,CAACG,MAAM,CAAC,KAAO,KAAK,GAAK,CAAEqC,KAAO,KAAQP,EAAIL,KAAO,GAAI,SAAW,MAAQ,MAAM,QAAU,YAAY,CAAChC,EAAIS,GAAG,WAAWT,EAAI6B,KAAM7B,EAAI0C,UAAU,CAAC,kBAAoB1C,EAAI2C,UAAWvC,EAAG,WAAW,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,KAAK,MAAQ,MAAM,QAAU,UAAUG,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAO6B,kBAAyBxC,EAAI6C,OAAOR,EAAIL,KAAMK,EAAIJ,MAAOtB,EAAOmC,WAAW,CAAC9C,EAAIS,GAAG,WAAWT,EAAI6B,KAA6B,MAAvBQ,EAAIL,KAAKM,WAAoBlC,EAAG,WAAW,CAACG,MAAM,CAAC,KAAO,KAAK,MAAQ,iBAAiB,QAAU,WAAWG,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAO6B,kBAAyBxC,EAAI+C,iBAAiBV,EAAIL,SAAS,CAAChC,EAAIS,GAAG,kBAAkBT,EAAI6B,KAA6B,MAAvBQ,EAAIL,KAAKM,YAA6C,MAAvBD,EAAIL,KAAKO,WAAoBnC,EAAG,WAAW,CAACG,MAAM,CAAC,KAAO,KAAK,MAAQ,gBAAgB,QAAU,WAAWG,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAO6B,kBAAyBxC,EAAIgD,iBAAiBX,EAAIL,SAAS,CAAChC,EAAIS,GAAG,iBAAiBT,EAAI6B,MAAM,MAAM,CAACJ,IAAI,iBAAiBC,GAAG,SAASW,GAAK,MAAO,CAACjC,EAAG,kBAAkB,CAACG,MAAM,CAAC,SAAW,IAAIO,MAAM,CAACC,MAAOsB,EAAIL,KAAa,SAAEf,SAAS,SAAUC,GAAMlB,EAAImB,KAAKkB,EAAIL,KAAM,WAAYd,IAAME,WAAW,+BAA+B,IAAI,IAAI,IAAI,IACv8H6B,EAAkB,G,wBCqHtB,GACE,KAAF,aACE,OAAF,SACE,KAHF,WAII,MAAJ,CACM,WAAN,CACQ,IAAR,KACQ,WAAR,KACQ,WAAR,MAEM,kBAAN,EACM,YAAN,CACQ,OAAR,CACA,CAAU,IAAV,OAAU,MAAV,aAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,OAAU,MAAV,cAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,sBAAU,MAAV,cAAU,UAAV,EAAU,cAAV,OAKQ,CAAE,IAAV,WAAU,MAAV,uBAAU,UAAV,IAEQ,OAAR,QAEM,kBAAN,GACM,iBAAN,IAGE,SAAF,GAEE,QA9BF,aAgCE,QAhCF,WAgCI,IAAJ,OACI,KAAJ,QACA,WACM,OAAN,oCAEA,YACM,EAAN,gCAIE,QAAF,CACI,OADJ,WAEM,KAAN,mBACA,2BACQ,KAAR,oBACA,uBACQ,KAAR,oBAEQ,KAAR,oBAEM,KAAN,6BAEI,iBAZJ,SAYA,GACM,KAAN,oBACM,KAAN,2BACM,KAAN,2BAEM,KAAN,qBAEM,KAAN,wBACQ,KAAR,OACQ,WAAR,KACQ,WAAR,OAGM,KAAN,oBAEM,KAAN,6BAEI,iBA7BJ,SA6BA,GACM,KAAN,oBACM,KAAN,mCACM,KAAN,2BAEM,KAAN,qBAEM,KAAN,wBACQ,KAAR,eACQ,WAAR,aACQ,WAAR,OAGM,KAAN,wBACQ,KAAR,OACQ,WAAR,aACQ,WAAR,OAGM,KAAN,oBAEM,KAAN,6BAEI,iBApDJ,SAoDA,GAEQ,KAAR,iCADA,KACA,CACA,CAAU,IAAV,OAAU,MAAV,aAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,OAAU,MAAV,cAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,sBAAU,MAAV,cAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,eAAU,MAAV,aAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,eAAU,MAAV,cAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,WAAU,MAAV,uBAAU,UAAV,IAEA,KACA,CACA,CAAU,IAAV,OAAU,MAAV,aAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,OAAU,MAAV,cAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,sBAAU,MAAV,cAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,eAAU,MAAV,gBAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,eAAU,MAAV,iBAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,eAAU,MAAV,aAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,eAAU,MAAV,cAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,WAAU,MAAV,uBAAU,UAAV,IAGA,CACA,CAAU,IAAV,OAAU,MAAV,aAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,OAAU,MAAV,cAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,sBAAU,MAAV,cAAU,UAAV,EAAU,cAAV,OACA,CAAU,IAAV,WAAU,MAAV,uBAAU,UAAV,IAIM,KAAN,iCAGI,eArFJ,SAqFA,KACM,OAAN,GACQ,KAAR,EAEY,KAAZ,2BACY,KAAZ,yBACY,KAAZ,oBACY,KAAZ,oBACY,IAAZ,GACc,KAAd,OACc,WAAd,gBACc,WAAd,GACc,kBAAd,wBAEY,KAAZ,0BACY,MAEJ,KAAR,EAEY,KAAZ,oBACY,KAAZ,mCACY,KAAZ,2BACY,KAAZ,oBACA,GACc,KAAd,OACc,WAAd,aACc,WAAd,KACc,kBAAd,wBAEY,KAAZ,0BACY,MAEJ,KAAR,EACY,KAAZ,oBACY,KAAZ,yBACY,KAAZ,yBACY,KAAZ,oBACA,GACc,KAAd,OACc,WAAd,GACc,WAAd,GACc,kBAAd,wBAEY,KAAZ,0BACY,KAAZ,qBACY,MAGN,KAAN,6BAEI,YAvIJ,WAwIM,KAAN,iDAEI,OA1IJ,SA0IA,OACM,IAAN,OACA,mDACQ,KAAR,wEACA,EACY,EAAZ,oCAGY,EAAZ,qEAEU,EAAV,aAII,QAxJJ,WAyJM,IAAN,OACA,sCACM,GAAN,YACQ,GAAR,uDACU,IAAV,qBAAY,OAAZ,kBACU,KAAV,yEACA,EACc,EAAd,wCAGc,EAAd,qEAEY,EAAZ,kBAKQ,EAAR,4CAGI,gBA7KJ,SA6KA,KACM,GAAN,GACQ,KAAR,mCACQ,KAAR,mCACQ,KAAR,sCACQ,IAAR,kCACA,KACU,KAAV,kCAEQ,KAAR,gDACQ,KAAR,iCAGQ,KAAR,oBACQ,KAAR,yBACQ,KAAR,yBACQ,KAAR,oBACQ,KAAR,4BACQ,KAAR,wBC/V4W,I,yBCQxWC,EAAY,eACd,EACAnD,EACAkD,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-35b6299e.614602b1.js","sourcesContent":["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!./list.vue?vue&type=style&index=0&id=5beb24ed&scoped=true&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!./list.vue?vue&type=style&index=0&id=5beb24ed&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"animated fadeIn\"},[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"12\"}},[_c('b-card',[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('strong',[_vm._v(\"Tra cứu, tìm kiếm địa bàn\")])]),_c('b-form',{attrs:{\"inline\":\"\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.search($event)}}},[_c('label',{staticClass:\"col-md-2 form-label d-inline offset-md-2 text-right\",attrs:{\"for\":\"search\"}},[_vm._v(\" Mã/Tên địa bàn: \")]),_c('b-form-input',{staticClass:\"col-md-3 mr-sm-2\",attrs:{\"type\":\"text\",\"id\":\"search\",\"placeholder\":\"Nhập tên hoặc mã địa bàn...\"},model:{value:(_vm.searchForm.str),callback:function ($$v) {_vm.$set(_vm.searchForm, \"str\", $$v)},expression:\"searchForm.str\"}}),_c('b-button',{attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\"Tìm kiếm\")])],1),_c('br'),_c('b-grid',{ref:\"regionTable\",attrs:{\"searchForm\":_vm.searchForm,\"gridOptions\":_vm.gridOptions,\"dataUrl\":\"master-data/regions\",\"gridName\":\"\"},scopedSlots:_vm._u([{key:\"gridName\",fn:function(){return [_c('b-row',{staticClass:\"container\"},[(_vm.breadCrumbRegions.length == 0)?_c('h2',[_vm._v(\"Danh sách địa bàn\")]):_vm._e(),(_vm.breadCrumbRegions.length > 0)?_c('h2',{staticClass:\"breadcrumb-sub\"},[_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.breadCrumbClick()}}},[_vm._v(\"Danh sách địa bàn\")])]):_vm._e(),_c('ol',{staticClass:\"breadcrumb\",attrs:{\"id\":\"breadcrumb-custom\"}},_vm._l((_vm.breadCrumbRegions),function(item,index){return _c('li',{staticClass:\"breadcrumb-item\"},[(index != _vm.breadCrumbRegions.length - 1)?_c('a',{staticClass:\"open active\",attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.breadCrumbClick(item,index)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \")]):_vm._e(),(index == _vm.breadCrumbRegions.length - 1)?_c('span',{staticClass:\"open active\"},[_vm._v(\" \"+_vm._s(item.name)+\" \")]):_vm._e()])}),0)])]},proxy:true},{key:\"cell(administrativeLevel)\",fn:function(row){return [_vm._v(\" \"+_vm._s(row.item.provinceId? (row.item.districtId ? 'Phường/Xã' : 'Quận/Huyện') : 'Tỉnh/Thành phố')+\" \")]}},{key:\"actions\",fn:function(){return [_c('b-button',{attrs:{\"size\":\"md\",\"variant\":\"secondary\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.exportExcel($event)}}},[_vm._v(\" Xuất Excel \")]),(_vm.authorize(['ManageRegion']) && _vm.isBTCUser)?[_c('router-link',{staticClass:\"btn btn-primary\",attrs:{\"to\":\"./create\",\"tag\":\"button\",\"size\":\"md\"}},[_vm._v(\" Thêm mới \")])]:_vm._e()]},proxy:true},{key:\"cell(_actions)\",fn:function(row){return [_c('b-button-group',[(_vm.authorize(['ViewRegion']))?_c('b-button',{attrs:{\"size\":\"sm\",\"to\":{ path: (\"./\" + (row.item.id)) },\"title\":\"xem\",\"variant\":\"info\"}},[_vm._v(\" Xem \")]):_vm._e(),(_vm.authorize(['ManageRegion']) && _vm.isBTCUser)?_c('b-button',{attrs:{\"size\":\"sm\",\"to\":{ path: (\"./\" + (row.item.id) + \"/edit\") },\"title\":\"sửa\",\"variant\":\"primary\"}},[_vm._v(\" Sửa \")]):_vm._e(),(_vm.authorize(['ManageRegion']) && _vm.isBTCUser)?_c('b-button',{staticClass:\"mr-1\",attrs:{\"size\":\"sm\",\"title\":\"xóa\",\"variant\":\"danger\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.remove(row.item, row.index, $event.target)}}},[_vm._v(\" Xoá \")]):_vm._e(),(row.item.provinceId == null)?_c('b-button',{attrs:{\"size\":\"sm\",\"title\":\"Xem quận/huyện\",\"variant\":\"success\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.searchByProvince(row.item)}}},[_vm._v(\" Quận/Huyện \")]):_vm._e(),(row.item.provinceId != null && row.item.districtId == null)?_c('b-button',{attrs:{\"size\":\"sm\",\"title\":\"xem xã/phường\",\"variant\":\"success\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.searchByDistrict(row.item)}}},[_vm._v(\" Xã/Phường \")]):_vm._e()],1)]}},{key:\"cell(isActive)\",fn:function(row){return [_c('b-form-checkbox',{attrs:{\"disabled\":\"\"},model:{value:(row.item.isActive),callback:function ($$v) {_vm.$set(row.item, \"isActive\", $$v)},expression:\"row.item.isActive\"}})]}}])})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"animated fadeIn\">\r\n        <b-row>\r\n            <b-col lg=\"12\">\r\n                <b-card>\r\n                    <div slot=\"header\">\r\n                        <strong>Tra cứu, tìm kiếm địa bàn</strong>\r\n                    </div>\r\n                    <b-form @submit.prevent=\"search\" inline>\r\n                        <!--<b-row>\r\n                            <b-col>\r\n                                <b-form-group label=\"Địa bàn:\"\r\n                                              label-for=\"input-name\"\r\n                                              :label-cols=\"4\"\r\n                                              :horizontal=\"true\"\r\n                                              label-align=\"right\">\r\n                                    <b-form-input type=\"text\"\r\n                                                  class=\"col-6\"\r\n                                                  id=\"input-name\"\r\n                                                  v-model=\"searchForm.str\"\r\n                                                  placeholder=\"Nhập tên hoặc mã ...\"></b-form-input>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                        </b-row>\r\n                        <b-row>\r\n                            <b-col>\r\n                                <b-form-group label=\"\" :label-cols=\"4\">\r\n                                    <b-button type=\"submit\" variant=\"primary\">Tìm kiếm</b-button>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                        </b-row>-->\r\n                        <label class=\"col-md-2 form-label d-inline offset-md-2 text-right\" for=\"search\">\r\n                            Mã/Tên địa bàn:\r\n                        </label>\r\n                        <b-form-input type=\"text\" id=\"search\"\r\n                                      class=\"col-md-3 mr-sm-2\"\r\n                                      placeholder=\"Nhập tên hoặc mã địa bàn...\"\r\n                                      v-model=\"searchForm.str\">\r\n                        </b-form-input>\r\n                        <b-button type=\"submit\" variant=\"primary\">Tìm kiếm</b-button>\r\n                    </b-form>\r\n                    <br />\r\n                    <b-grid :searchForm=\"searchForm\"\r\n                            :gridOptions=\"gridOptions\"\r\n                            dataUrl=\"master-data/regions\"\r\n                            gridName=\"\"\r\n                            ref=\"regionTable\">\r\n                        <template v-slot:gridName>\r\n                            <b-row class=\"container\">\r\n                                <h2 v-if=\"breadCrumbRegions.length == 0\">Danh sách địa bàn</h2>\r\n                                <h2 v-if=\"breadCrumbRegions.length > 0\" class=\"breadcrumb-sub\"><a href=\"javascript:void(0)\" @click=\"breadCrumbClick()\">Danh sách địa bàn</a> </h2>\r\n                                <ol class=\"breadcrumb\" id=\"breadcrumb-custom\">\r\n                                    <li class=\"breadcrumb-item\" v-for=\"(item,index) in breadCrumbRegions\">\r\n                                        <a href=\"javascript:void(0)\" @click=\"breadCrumbClick(item,index)\"\r\n                                           class=\"open active\"\r\n                                           v-if=\"index != breadCrumbRegions.length - 1\">\r\n                                            {{item.name}}\r\n                                        </a>\r\n                                        <span v-if=\"index == breadCrumbRegions.length - 1\" class=\"open active\">\r\n                                            {{item.name}}\r\n                                        </span>\r\n                                    </li>\r\n                                </ol>\r\n                            </b-row>\r\n                        </template>\r\n                        <template v-slot:cell(administrativeLevel)=\"row\">\r\n                            {{ row.item.provinceId? (row.item.districtId ? 'Phường/Xã' : 'Quận/Huyện') : 'Tỉnh/Thành phố' }}\r\n                        </template>\r\n                        <template v-slot:actions>\r\n                            <b-button size=\"md\" @click.stop=\"exportExcel\" variant=\"secondary\">\r\n                                Xuất Excel\r\n                            </b-button>\r\n                            <template v-if=\"authorize(['ManageRegion']) && isBTCUser\">\r\n                                <router-link to=\"./create\" tag=\"button\" class=\"btn btn-primary\" size=\"md\">\r\n                                    Thêm mới\r\n                                </router-link>\r\n                                <!--<b-button size=\"md\" @click.stop=\"deletes\" variant=\"danger\" :disabled=\"isShowBtnDelete\">\r\n                                    Xóa\r\n                                </b-button>-->\r\n                            </template>\r\n                        </template>\r\n                        <template v-slot:cell(_actions)=\"row\">\r\n                            <b-button-group>\r\n                                <b-button size=\"sm\" v-if=\"authorize(['ViewRegion'])\" :to=\"{ path: `./${row.item.id}` }\" title=\"xem\" variant=\"info\">\r\n                                    Xem\r\n                                </b-button>\r\n                                <b-button size=\"sm\" v-if=\"authorize(['ManageRegion']) && isBTCUser\" :to=\"{ path: `./${row.item.id}/edit` }\" title=\"sửa\" variant=\"primary\">\r\n                                    Sửa\r\n                                </b-button>\r\n                                <b-button size=\"sm\"\r\n                                          v-if=\"authorize(['ManageRegion']) && isBTCUser\"\r\n                                          @click.stop=\"remove(row.item, row.index, $event.target)\" class=\"mr-1\" title=\"xóa\" variant=\"danger\">\r\n                                    Xoá\r\n                                </b-button>\r\n                                <b-button size=\"sm\" v-if=\"row.item.provinceId == null\" @click.stop=\"searchByProvince(row.item)\" title=\"Xem quận/huyện\" variant=\"success\">\r\n                                    Quận/Huyện\r\n                                </b-button>\r\n                                <b-button size=\"sm\" v-if=\"row.item.provinceId != null && row.item.districtId == null\" @click.stop=\"searchByDistrict(row.item)\" title=\"xem xã/phường\" variant=\"success\">\r\n                                    Xã/Phường\r\n                                </b-button>\r\n                                <!--<b-button size=\"sm\" v-if=\"checkLoadChildren == 2\" @click.stop=\"detailchildren(row.item,checkLoadChildren)\" title=\"xem địa bàn\">\r\n                                    <i class=\"fa fa-play fa-rotate-180\" aria-hidden=\"true\"></i>\r\n                                </b-button>-->\r\n                            </b-button-group>\r\n                        </template>\r\n                        <template v-slot:cell(isActive)=\"row\">\r\n                            <b-form-checkbox v-model=\"row.item.isActive\" disabled></b-form-checkbox>\r\n                        </template>\r\n                    </b-grid>\r\n                </b-card>\r\n            </b-col>\r\n        </b-row>\r\n    </div>\r\n</template>\r\n<script>\r\n    import { mapState } from 'vuex'\r\n    import { mixins } from '@/shared/mixins'\r\n\r\n    export default {\r\n        name: 'ListRegion',\r\n        mixins: [mixins],\r\n        data() {\r\n            return {\r\n                searchForm: {\r\n                    str: null,\r\n                    provinceId: null,\r\n                    districtId: null\r\n                },\r\n                checkLoadChildren: 0,\r\n                gridOptions: {\r\n                    fields: [\r\n                        { key: 'code', label: 'Mã địa bàn', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'name', label: 'Tên địa bàn', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'administrativeLevel', label: 'Cấp địa bàn', sortable: true, sortDirection: 'asc' },\r\n                        //{ key: 'districtCode', label: 'Mã quận/huyện', sortable: true, sortDirection: 'asc' },\r\n                        //{ key: 'districtName', label: 'Tên quận/huyện', sortable: true, sortDirection: 'asc' },\r\n                        //{ key: 'provinceCode', label: 'Mã tỉnh/TP', sortable: true, sortDirection: 'asc' },\r\n                        //{ key: 'provinceName', label: 'Tên tỉnh/TP', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'isActive', label: 'Trạng thái hoạt động', sortable: true }\r\n                    ],\r\n                    sortBy: 'code',\r\n                },\r\n                breadCrumbRegions: [],\r\n                isShowBtnDelete: true\r\n            }\r\n        },\r\n        computed: {\r\n        },\r\n        created() {\r\n        },\r\n        mounted() {\r\n            this.$watch(\r\n                () => {\r\n                    return this.$refs.regionTable.selectedRows\r\n                },\r\n                (val) => {\r\n                    this.isShowBtnDelete = val.length == 0;\r\n                }\r\n            )\r\n        },\r\n        methods: {\r\n            search() {\r\n                this.gridOptions.page = 1;\r\n                if (this.searchForm.districtId) {\r\n                    this.resetGridColumns(2);\r\n                } else if (this.search.provinceId) {\r\n                    this.resetGridColumns(1);\r\n                } else {\r\n                    this.resetGridColumns(2);\r\n                }\r\n                this.$refs.regionTable.refresh();\r\n            },\r\n            searchByProvince(item) {\r\n                this.searchForm.str = null;\r\n                this.searchForm.provinceId = item.id;\r\n                this.searchForm.districtId = null;\r\n\r\n                this.breadCrumbRegions = [];\r\n\r\n                this.breadCrumbRegions.push({\r\n                    name: item.name,\r\n                    provinceId: item.id,\r\n                    districtId: null,\r\n                })\r\n\r\n                this.resetGridColumns(1);\r\n\r\n                this.$refs.regionTable.refresh();\r\n            },\r\n            searchByDistrict(item) {\r\n                this.searchForm.str = null;\r\n                this.searchForm.provinceId = item.provinceId;\r\n                this.searchForm.districtId = item.id;\r\n\r\n                this.breadCrumbRegions = [];\r\n\r\n                this.breadCrumbRegions.push({\r\n                    name: item.provinceName,\r\n                    provinceId: item.provinceId,\r\n                    districtId: null,\r\n                })\r\n\r\n                this.breadCrumbRegions.push({\r\n                    name: item.name,\r\n                    provinceId: item.provinceId,\r\n                    districtId: item.id,\r\n                })\r\n\r\n                this.resetGridColumns(2);\r\n\r\n                this.$refs.regionTable.refresh();\r\n            },\r\n            resetGridColumns(level) {\r\n                if (level == 1) {\r\n                    this.$refs.regionTable.options.fields = [\r\n                        { key: 'code', label: 'Mã địa bàn', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'name', label: 'Tên địa bàn', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'administrativeLevel', label: 'Cấp địa bàn', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'provinceCode', label: 'Mã tỉnh/TP', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'provinceName', label: 'Tên tỉnh/TP', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'isActive', label: 'Trạng thái hoạt động', sortable: true }\r\n                    ];\r\n                } else if (level == 2) {\r\n                    this.$refs.regionTable.options.fields = [\r\n                        { key: 'code', label: 'Mã địa bàn', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'name', label: 'Tên địa bàn', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'administrativeLevel', label: 'Cấp địa bàn', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'districtCode', label: 'Mã quận/huyện', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'districtName', label: 'Tên quận/huyện', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'provinceCode', label: 'Mã tỉnh/TP', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'provinceName', label: 'Tên tỉnh/TP', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'isActive', label: 'Trạng thái hoạt động', sortable: true }\r\n                    ];\r\n                } else {\r\n                    this.$refs.regionTable.options.fields = [\r\n                        { key: 'code', label: 'Mã địa bàn', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'name', label: 'Tên địa bàn', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'administrativeLevel', label: 'Cấp địa bàn', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'isActive', label: 'Trạng thái hoạt động', sortable: true }\r\n                    ];\r\n                }\r\n\r\n                this.$refs.regionTable.initColumns();\r\n\r\n            },\r\n            detailchildren(item, a) {\r\n                switch (a) {\r\n                    case 0: {\r\n                        //cấp thành phố\r\n                        this.searchForm.provinceId = item.id;\r\n                        this.searchForm.districtId = '';\r\n                        this.searchForm.str = null;\r\n                        this.checkLoadChildren++;\r\n                        var objSearch = {\r\n                            name: item.name,\r\n                            provinceId: `${item.id}`,\r\n                            districtId: '',\r\n                            checkLoadChildren: this.checkLoadChildren\r\n                        };\r\n                        this.breadCrumbRegions.push(objSearch);\r\n                        break;\r\n                    }\r\n                    case 1: {\r\n                        //cấp quận huyện\r\n                        this.checkLoadChildren++;\r\n                        this.searchForm.provinceId = item.provinceId;\r\n                        this.searchForm.districtId = item.id;\r\n                        this.searchForm.str = null;\r\n                        var objSearch = {\r\n                            name: item.name,\r\n                            provinceId: item.provinceId,\r\n                            districtId: item.id,\r\n                            checkLoadChildren: this.checkLoadChildren\r\n                        };\r\n                        this.breadCrumbRegions.push(objSearch);\r\n                        break;\r\n                    }\r\n                    case 2: {\r\n                        this.checkLoadChildren = 0;\r\n                        this.searchForm.provinceId = '';\r\n                        this.searchForm.districtId = '';\r\n                        this.searchForm.str = null;\r\n                        var objSearch = {\r\n                            name: item.name,\r\n                            provinceId: '',\r\n                            districtId: '',\r\n                            checkLoadChildren: this.checkLoadChildren\r\n                        };\r\n                        this.breadCrumbRegions.push(objSearch);\r\n                        this.breadCrumbRegions = [];\r\n                        break;\r\n                    }\r\n                }\r\n                this.$refs.regionTable.refresh();\r\n            },\r\n            exportExcel() {\r\n                this.$services.download('master-data/regions/excel');\r\n            },\r\n            remove(item, index, button) {\r\n                var vm = this;\r\n                if (confirm('Bạn có chắc chắn muốn xóa địa bàn này?')) {\r\n                    this.$services.delete(`master-data/regions/${item.id}`).done((data) => {\r\n                        if (data) {\r\n                            vm.$toastr.s('Xóa địa bàn thành công');\r\n                        }\r\n                        else {\r\n                            vm.$toastr.e('Xóa địa bàn không thành công, do có dữ liệu phụ thuộc !');\r\n                        }\r\n                        vm.search();\r\n                    });\r\n                }\r\n            },\r\n            deletes() {\r\n                var vm = this;\r\n                var selectedRows = this.$refs.regionTable.selectedRows;\r\n                if (selectedRows.length > 0) {\r\n                    if (confirm('Bạn có chắc chắn muốn xóa các địa bàn này?')) {\r\n                        var data = selectedRows.map(x => x.id).join(',');\r\n                        this.$services.delete(`master-data/regions?ids=${data}`).done((data) => {\r\n                            if (data) {\r\n                                vm.$toastr.s('Xóa các địa bàn thành công');\r\n                            }\r\n                            else {\r\n                                vm.$toastr.e('Xóa địa bàn không thành công, do có dữ liệu phụ thuộc !');\r\n                            }\r\n                            vm.search();\r\n                        });\r\n                    }\r\n                }\r\n                else {\r\n                    vm.$toastr.e('Vui lòng chọn địa bàn cần xóa');\r\n                }\r\n            },\r\n            breadCrumbClick(item, index) {\r\n                if (item) {\r\n                    this.searchForm.provinceId = item.provinceId;\r\n                    this.searchForm.districtId = item.districtId;\r\n                    this.checkLoadChildren = item.checkLoadChildren;\r\n                    var length = this.breadCrumbRegions.length - 1;\r\n                    if (index < length) {\r\n                        this.breadCrumbRegions.splice(index + 1, length - index);\r\n                    }\r\n                    this.resetGridColumns(this.breadCrumbRegions.length);\r\n                    this.$refs.regionTable.refresh();\r\n                }\r\n                else {\r\n                    this.checkLoadChildren = 0;\r\n                    this.searchForm.provinceId = '';\r\n                    this.searchForm.districtId = '';\r\n                    this.resetGridColumns(0);\r\n                    this.$refs.regionTable.refresh();\r\n                    this.breadCrumbRegions = [];\r\n                }\r\n            }\r\n        }\r\n    }\r\n</script>\r\n<style scoped>\r\n\r\n    #breadcrumb-custom {\r\n        border-bottom: none !important;\r\n        line-height: 9px;\r\n        font-size: 18px;\r\n        margin-bottom: 0px;\r\n        padding-left: 0.5rem;\r\n    }\r\n\r\n        #breadcrumb-custom .breadcrumb-item + .breadcrumb-item::before {\r\n            display: inline-block;\r\n            padding-right: 0.5rem;\r\n            color: #73818f;\r\n            content: \">\";\r\n        }\r\n\r\n    .breadcrumb-sub::after {\r\n        display: inline-block;\r\n        padding-left: 0.5rem;\r\n        color: #73818f;\r\n        content: \">\";\r\n    }\r\n</style>\r\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!./list.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!./list.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./list.vue?vue&type=template&id=5beb24ed&scoped=true&\"\nimport script from \"./list.vue?vue&type=script&lang=js&\"\nexport * from \"./list.vue?vue&type=script&lang=js&\"\nimport style0 from \"./list.vue?vue&type=style&index=0&id=5beb24ed&scoped=true&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  \"5beb24ed\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}