{"version":3,"sources":["webpack:///./src/views/screens/administration/GroupRoleManager.vue?b796","webpack:///src/views/screens/administration/GroupRoleManager.vue","webpack:///./src/views/screens/administration/GroupRoleManager.vue?3cbc","webpack:///./src/views/screens/administration/GroupRoleManager.vue","webpack:///./src/views/screens/administration/GroupRoleManager.vue?e53e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","directives","name","rawName","value","expression","on","$event","type","indexOf","_k","keyCode","key","searchTK","model","callback","$$v","valueGroupName","addNewGroups","columns","dataTK","enabled","perPageDropdownEnabled","nextLabel","prevLabel","ofLabel","perPage","placeholder","scopedSlots","_u","fn","props","column","field","row","status","proxy","goGroupDetal","displayGroupRoles","id","LockGroups","_e","staticStyle","slot","SubmitLock","state","dialog","lock","$set","SubmitEditGroup","edit_group_name","AddGroupsSubmit","new_group_name","role_columns","role_data_update","check_role","checkGroupRole","SubmitAddRole","staticRenderFns","components","VueGoodTable","data","label","hidden","thClass","width","session","tdClass","methods","index","role_data","checkResponseData","console","log","closeLoading","computed","component"],"mappings":"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","file":"js/chunk-5f4de157.bb1b9bc9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Group\"},[_c('CCard',{staticClass:\"mb-2\",attrs:{\"title\":\"Tìm kiếm\"}},[_c('CCardHeader',{staticClass:\"pt-1 pb-1\"},[_c('h4',[_vm._v(\"Tìm kiếm\")])]),_c('CCardBody',{staticClass:\"pt-1 pb-1\"},[_c('CRow',[_c('CCol',{attrs:{\"sm\":\"6\"}},[_c('CInput',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\" pt-1\",attrs:{\"label\":\"Nhóm quyền\",\"placeholder\":\"Điền tên nhóm quyền để tìm kiếm\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.searchTK()}},model:{value:(_vm.valueGroupName),callback:function ($$v) {_vm.valueGroupName=$$v},expression:\"valueGroupName\"}})],1),_c('CCol',{staticClass:\"custom_btn\",attrs:{\"sm\":\"6\"}},[_c('vs-button',{staticClass:\"custom_btn_search float-left\",attrs:{\"warn\":\"\",\"square\":\"\"},on:{\"click\":function($event){return _vm.searchTK()}}},[_c('i',{staticClass:\"bx bx-search\"}),_vm._v(\" Tìm kiếm\")]),_c('vs-button',{staticClass:\"float-left\",attrs:{\"square\":\"\"},on:{\"click\":function($event){return _vm.addNewGroups()}}},[_c('i',{staticClass:\"bx bx-plus\"}),_vm._v(\" Thêm nhóm\")])],1)],1)],1)],1),_c('CCard',{staticClass:\"mb-2\"},[_c('vue-good-table',{attrs:{\"columns\":_vm.columns,\"rows\":_vm.dataTK,\"compactMode\":\"\",\"pagination-options\":{\n        enabled: true,\n        perPageDropdownEnabled: false,\n        nextLabel: 'Trang sau',\n        prevLabel: 'Trang trước',\n        ofLabel: 'của',\n        perPage: 20,\n      },\"line-numbers\":true,\"search-options\":{\n        enabled: false,\n        placeholder: 'Tìm kiếm',\n      },\"sort-options\":{\n        enabled: false,\n      }},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field === 'status')?_c('div',{staticClass:\"center\"},[(props.row.status == 1)?_c('CBadge',{attrs:{\"color\":\"success\"}},[_vm._v(\"Hoạt động\")]):_c('CBadge',{attrs:{\"color\":\"warning\"}},[_vm._v(\"Không hoạt động\")])],1):(props.column.field === 'action')?_c('div',{staticClass:\"row center\"},[(props.row.status == 1)?_c('div',{staticClass:\"center\"},[_c('vs-tooltip',{attrs:{\"color\":\"square\"},scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(\" Sửa nhóm quyền \")]},proxy:true}],null,true)},[_c('vs-button',{attrs:{\"transparent\":\"\",\"circle\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.goGroupDetal(props.row)}}},[_c('i',{staticClass:\"bx bx-calendar-edit\"})])],1),_c('vs-tooltip',{attrs:{\"color\":\"success\"},scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(\" Gán quyền vào nhóm \")]},proxy:true}],null,true)},[_c('vs-button',{attrs:{\"transparent\":\"\",\"success\":\"\",\"circle\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.displayGroupRoles(props.row.id)}}},[_c('i',{staticClass:\"bx bxs-user-account\"})])],1),_c('vs-tooltip',{attrs:{\"color\":\"danger\"},scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(\" Khoá \")]},proxy:true}],null,true)},[_c('vs-button',{attrs:{\"transparent\":\"\",\"danger\":\"\",\"circle\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.LockGroups(props.row)}}},[_c('i',{staticClass:\"bx bx-lock-alt\"})])],1)],1):_vm._e(),(props.row.status == -1)?_c('div',{staticClass:\"center\"},[_c('vs-tooltip',{attrs:{\"color\":\"success\"},scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(\" Mở khoá \")]},proxy:true}],null,true)},[_c('vs-button',{attrs:{\"transparent\":\"\",\"success\":\"\",\"circle\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.LockGroups(props.row)}}},[_c('i',{staticClass:\"bx bx-lock-open-alt\"})])],1)],1):_vm._e()]):_vm._e()]}}])},[_c('div',{staticStyle:{\"margin-top\":\"10px\",\"margin-bottom\":\"10px\"},attrs:{\"slot\":\"emptystate\"},slot:\"emptystate\"},[_vm._v(\" Không có dữ liệu \")])])],1),_c('vs-dialog',{attrs:{\"prevent-close\":\"\",\"width\":\"450px\"},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('h4',{staticClass:\"not-margin\"},[_vm._v(\" Xác nhận \")])]},proxy:true},{key:\"footer\",fn:function(){return [_c('div',{staticClass:\"con-footer flex flex-end\"},[_c('vs-button',{attrs:{\"danger\":\"\",\"transparent\":\"\"},on:{\"click\":function($event){return _vm.SubmitLock()}}},[_vm._v(\" Đồng ý \")]),_c('vs-button',{attrs:{\"dark\":\"\",\"transparent\":\"\"},on:{\"click\":function($event){_vm.state.dialog.lock = false}}},[_vm._v(\" Hủy \")])],1)]},proxy:true}]),model:{value:(_vm.state.dialog.lock),callback:function ($$v) {_vm.$set(_vm.state.dialog, \"lock\", $$v)},expression:\"state.dialog.lock\"}},[_c('span',{staticClass:\"center\"},[_vm._v(\"Bạn có chắc chắn muốn thực hiện thao tác này không?\")])]),_c('vs-dialog',{attrs:{\"prevent-close\":\"\",\"width\":\"550px\"},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('h4',{staticClass:\"not-margin\"},[_vm._v(\" Cập nhật nhóm quyền \")])]},proxy:true},{key:\"footer\",fn:function(){return [_c('div',{staticClass:\"footer-dialog\"},[_c('vs-button',{attrs:{\"block\":\"\"},on:{\"click\":_vm.SubmitEditGroup}},[_vm._v(\" Cập nhật \")])],1)]},proxy:true}]),model:{value:(_vm.state.dialog.EditGroup),callback:function ($$v) {_vm.$set(_vm.state.dialog, \"EditGroup\", $$v)},expression:\"state.dialog.EditGroup\"}},[_c('div',{staticClass:\"con-form\"},[_c('CRow',{staticClass:\"mb-2\"},[_c('CCol',{staticClass:\"mb-2\",attrs:{\"sm\":\"12\"}},[_c('CInput',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"label\":\"Tên nhóm quyền (*)\",\"placeholder\":\"\"},model:{value:(_vm.edit_group_name),callback:function ($$v) {_vm.edit_group_name=$$v},expression:\"edit_group_name\"}})],1)],1)],1)]),_c('vs-dialog',{staticClass:\"employee-dialog\",attrs:{\"prevent-close\":\"\",\"width\":\"800px\"},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('h4',{staticClass:\"not-margin\"},[_vm._v(\" Thêm mới nhóm quyền \")])]},proxy:true},{key:\"footer\",fn:function(){return [_c('div',{staticClass:\"footer-dialog\"},[_c('vs-button',{attrs:{\"block\":\"\"},on:{\"click\":_vm.AddGroupsSubmit}},[_vm._v(\" Thêm mới \")])],1)]},proxy:true}]),model:{value:(_vm.state.dialog.NewGroupsDetail),callback:function ($$v) {_vm.$set(_vm.state.dialog, \"NewGroupsDetail\", $$v)},expression:\"state.dialog.NewGroupsDetail\"}},[_c('div',{staticClass:\"con-form\"},[_c('CRow',{staticClass:\"mb-2\"},[_c('CCol',{staticClass:\"mb-2\",attrs:{\"sm\":\"12\"}},[_c('CInput',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"label\":\"Nhóm quyền (*)\",\"placeholder\":\"\"},model:{value:(_vm.new_group_name),callback:function ($$v) {_vm.new_group_name=$$v},expression:\"new_group_name\"}})],1)],1)],1)]),_c('vs-dialog',{staticClass:\"employee-dialog\",attrs:{\"prevent-close\":\"\",\"width\":\"650px\"},model:{value:(_vm.state.dialog.GroupRole),callback:function ($$v) {_vm.$set(_vm.state.dialog, \"GroupRole\", $$v)},expression:\"state.dialog.GroupRole\"}},[_c('CCard',{staticClass:\"pb-0\"},[_c('CCardHeader',{staticClass:\"pt-0 pb-0\"},[_c('h4',[_vm._v(\"Danh sách Role\")])]),_c('CCardBody',{staticClass:\"pt-2 pb-0\"},[_c('vue-good-table',{attrs:{\"columns\":_vm.role_columns,\"rows\":_vm.role_data_update,\"max-height\":\"450px\",\"fixed-header\":true,\"sort-options\":{\n            enabled: false,\n          }},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field === 'action')?_c('div',{staticClass:\"checkbox-left center\"},[_c('div',[_c('vs-checkbox',{attrs:{\"value\":props.row.check_role},on:{\"click\":function($event){return _vm.checkGroupRole(props.row.id)}},model:{value:(props.row.check_role),callback:function ($$v) {_vm.$set(props.row, \"check_role\", $$v)},expression:\"props.row.check_role\"}})],1)]):_vm._e()]}}])},[_c('div',{attrs:{\"slot\":\"emptystate\"},slot:\"emptystate\"},[_vm._v(\" Không có dữ liệu \")])])],1),_c('CCardFooter',{staticClass:\"pt-1 pb-1 center\"},[_c('vs-button',{attrs:{\"square\":\"\"},on:{\"click\":function($event){return _vm.SubmitAddRole()}}},[_c('i',{staticClass:\"bx bx-send\"}),_vm._v(\" Lưu lại \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"Group\">\r\n    <CCard title=\"Tìm kiếm\" class=\"mb-2\">\r\n      <CCardHeader class=\"pt-1 pb-1\">\r\n        <h4>Tìm kiếm</h4>\r\n      </CCardHeader>\r\n      <CCardBody class=\"pt-1 pb-1\">\r\n        <CRow>\r\n          <CCol sm=\"6\">\r\n            <CInput\r\n              label=\"Nhóm quyền\"\r\n              placeholder=\"Điền tên nhóm quyền để tìm kiếm\"\r\n              v-validate=\"'required'\"\r\n              v-model=\"valueGroupName\"\r\n              v-on:keyup.enter=\"searchTK()\"\r\n              class=\" pt-1\"\r\n            />\r\n          </CCol>\r\n          <CCol sm=\"6\" class=\"custom_btn\">\r\n            <vs-button\r\n              warn\r\n              square\r\n              class=\"custom_btn_search float-left\"\r\n              @click=\"searchTK()\"\r\n            >\r\n              <i class=\"bx bx-search\"></i>&nbsp;Tìm kiếm</vs-button\r\n            >\r\n            <vs-button square class=\"float-left\" @click=\"addNewGroups()\">\r\n              <i class=\"bx bx-plus\"></i>&nbsp;Thêm nhóm</vs-button\r\n            >\r\n          </CCol>\r\n        </CRow>\r\n      </CCardBody>\r\n    </CCard>\r\n    <CCard class=\"mb-2\">\r\n      <vue-good-table\r\n        :columns=\"columns\"\r\n        :rows=\"dataTK\"\r\n        compactMode\r\n        :pagination-options=\"{\r\n          enabled: true,\r\n          perPageDropdownEnabled: false,\r\n          nextLabel: 'Trang sau',\r\n          prevLabel: 'Trang trước',\r\n          ofLabel: 'của',\r\n          perPage: 20,\r\n        }\"\r\n        :line-numbers=\"true\"\r\n        :search-options=\"{\r\n          enabled: false,\r\n          placeholder: 'Tìm kiếm',\r\n        }\"\r\n        :sort-options=\"{\r\n          enabled: false,\r\n        }\"\r\n      >\r\n        <div slot=\"emptystate\" style=\"margin-top: 10px; margin-bottom: 10px\">\r\n          Không có dữ liệu\r\n        </div>\r\n        <template slot=\"table-row\" slot-scope=\"props\">\r\n          <div v-if=\"props.column.field === 'status'\" class=\"center\">\r\n            <CBadge v-if=\"props.row.status == 1\" color=\"success\"\r\n              >Hoạt động</CBadge\r\n            >\r\n            <CBadge v-else color=\"warning\">Không hoạt động</CBadge>\r\n          </div>\r\n          <div v-else-if=\"props.column.field === 'action'\" class=\"row center\">\r\n            <div v-if=\"props.row.status == 1\" class=\"center\">\r\n              <vs-tooltip color=\"square\">\r\n                <template #tooltip>\r\n                  Sửa nhóm quyền\r\n                </template>\r\n                <vs-button\r\n                  transparent\r\n                  @click=\"goGroupDetal(props.row)\"\r\n                  circle\r\n                  icon\r\n                >\r\n                  <i class=\"bx bx-calendar-edit\"></i>\r\n                </vs-button>\r\n              </vs-tooltip>\r\n\r\n              <vs-tooltip color=\"success\">\r\n                <vs-button\r\n                  transparent\r\n                  @click=\"displayGroupRoles(props.row.id)\"\r\n                  success\r\n                  circle\r\n                  icon\r\n                  ><i class=\"bx bxs-user-account\"></i\r\n                ></vs-button>\r\n                <template #tooltip>\r\n                  Gán quyền vào nhóm\r\n                </template>\r\n              </vs-tooltip>\r\n              <vs-tooltip color=\"danger\">\r\n                <template #tooltip>\r\n                  Khoá\r\n                </template>\r\n                <vs-button\r\n                  transparent\r\n                  @click=\"LockGroups(props.row)\"\r\n                  danger\r\n                  circle\r\n                  icon\r\n                >\r\n                  <i class=\"bx bx-lock-alt\"></i\r\n                ></vs-button>\r\n              </vs-tooltip>\r\n            </div>\r\n\r\n            <div v-if=\"props.row.status == -1\" class=\"center\">\r\n              <vs-tooltip color=\"success\">\r\n                <template #tooltip>\r\n                  Mở khoá\r\n                </template>\r\n                <vs-button\r\n                  transparent\r\n                  @click=\"LockGroups(props.row)\"\r\n                  success\r\n                  circle\r\n                  icon\r\n                >\r\n                  <i class=\"bx bx-lock-open-alt\"></i\r\n                ></vs-button>\r\n              </vs-tooltip>\r\n            </div>\r\n          </div>\r\n        </template>\r\n      </vue-good-table>\r\n    </CCard>\r\n    <vs-dialog prevent-close width=\"450px\" v-model=\"state.dialog.lock\">\r\n      <template #header>\r\n        <h4 class=\"not-margin\">\r\n          Xác nhận\r\n        </h4>\r\n      </template>\r\n        <span class=\"center\">Bạn có chắc chắn muốn thực hiện thao tác này không?</span>\r\n      <template #footer>\r\n        <div class=\"con-footer flex flex-end\">\r\n          <vs-button danger transparent @click=\"SubmitLock()\">\r\n            Đồng ý\r\n          </vs-button>\r\n          <vs-button @click=\"state.dialog.lock = false\" dark transparent>\r\n            Hủy\r\n          </vs-button>\r\n        </div>\r\n      </template>\r\n    </vs-dialog>\r\n\r\n    <vs-dialog prevent-close width=\"550px\" v-model=\"state.dialog.EditGroup\">\r\n      <template #header>\r\n        <h4 class=\"not-margin\">\r\n          Cập nhật nhóm quyền\r\n        </h4>\r\n      </template>\r\n\r\n      <div class=\"con-form\">\r\n        <CRow class=\"mb-2\">\r\n          <CCol sm=\"12\" class=\"mb-2\">\r\n            <CInput\r\n              label=\"Tên nhóm quyền (*)\"\r\n              placeholder=\"\"\r\n              v-validate=\"'required'\"\r\n              v-model=\"edit_group_name\"\r\n            />\r\n          </CCol>\r\n        </CRow>\r\n      </div>\r\n\r\n      <template #footer>\r\n        <div class=\"footer-dialog\">\r\n          <vs-button block @click=\"SubmitEditGroup\">\r\n            Cập nhật\r\n          </vs-button>\r\n        </div>\r\n      </template>\r\n    </vs-dialog>\r\n\r\n    <vs-dialog\r\n      prevent-close\r\n      class=\"employee-dialog\"\r\n      width=\"800px\"\r\n      v-model=\"state.dialog.NewGroupsDetail\"\r\n    >\r\n      <template #header>\r\n        <h4 class=\"not-margin\">\r\n          Thêm mới nhóm quyền\r\n        </h4>\r\n      </template>\r\n      <div class=\"con-form\">\r\n        <CRow class=\"mb-2\">\r\n          <CCol sm=\"12\" class=\"mb-2\">\r\n            <CInput\r\n              label=\"Nhóm quyền (*)\"\r\n              placeholder=\"\"\r\n              v-validate=\"'required'\"\r\n              v-model=\"new_group_name\"\r\n            />\r\n          </CCol>\r\n        </CRow>\r\n      </div>\r\n\r\n      <template #footer>\r\n        <div class=\"footer-dialog\">\r\n          <vs-button block @click=\"AddGroupsSubmit\">\r\n            Thêm mới\r\n          </vs-button>\r\n        </div>\r\n      </template>\r\n    </vs-dialog>\r\n\r\n    <vs-dialog\r\n      prevent-close\r\n      class=\"employee-dialog\"\r\n      width=\"650px\"\r\n      v-model=\"state.dialog.GroupRole\"\r\n    >\r\n      <CCard class=\"pb-0\">\r\n        <CCardHeader class=\"pt-0 pb-0\">\r\n          <h4>Danh sách Role</h4>\r\n        </CCardHeader>\r\n        <CCardBody class=\"pt-2 pb-0\">\r\n          <vue-good-table\r\n            :columns=\"role_columns\"\r\n            :rows=\"role_data_update\"\r\n            max-height=\"450px\"\r\n            :fixed-header=\"true\"\r\n            :sort-options=\"{\r\n              enabled: false,\r\n            }\"\r\n          >\r\n            <div slot=\"emptystate\">\r\n              Không có dữ liệu\r\n            </div>\r\n            <template slot=\"table-row\" slot-scope=\"props\">\r\n              <div\r\n                v-if=\"props.column.field === 'action'\"\r\n                class=\"checkbox-left center\"\r\n              >\r\n                <div>\r\n                  <vs-checkbox\r\n                    v-model=\"props.row.check_role\"\r\n                    :value=\"props.row.check_role\"\r\n                    @click=\"checkGroupRole(props.row.id)\"\r\n                  >\r\n                  </vs-checkbox>\r\n                </div>\r\n              </div>\r\n            </template>\r\n          </vue-good-table>\r\n        </CCardBody>\r\n        <CCardFooter class=\"pt-1 pb-1 center\">\r\n          <vs-button square @click=\"SubmitAddRole()\">\r\n            <i class=\"bx bx-send\"></i>&nbsp;Lưu lại\r\n          </vs-button>\r\n        </CCardFooter>\r\n      </CCard>\r\n    </vs-dialog>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapState, mapActions } from \"vuex\";\r\nimport ClientFactory from \"@/api/ClientFactory\";\r\nimport { VueGoodTable } from \"vue-good-table\";\r\nconst usersApi = ClientFactory.get(\"users\");\r\nconst rolegroupsApi = ClientFactory.get(\"rolegroups\");\r\nconst dropdownsApi = ClientFactory.get(\"dropdowns\");\r\nconst employeesApi = ClientFactory.get(\"employees\");\r\n\r\nexport default {\r\n  components: {\r\n    VueGoodTable,\r\n  },\r\n  data: () => ({\r\n    valueDepartment: \"0\",\r\n    dataDepartment: [],\r\n    valueGroupName: \"\",\r\n    activeAddHoliday: false,\r\n    add_day: \"\",\r\n    add_note: \"\",\r\n\r\n    columns: [\r\n      {\r\n        label: \"Nhóm quyền ID\",\r\n        field: \"id\",\r\n        hidden: true,\r\n      },\r\n      {\r\n        label: \"Tên nhóm quyền\",\r\n        field: \"group_name\",\r\n        thClass: \"text-center\",\r\n      },\r\n      {\r\n        label: \"Trạng thái\",\r\n        field: \"status\",\r\n        thClass: \"text-center\",\r\n      },\r\n      {\r\n        label: \"Thao tác\",\r\n        field: \"action\",\r\n        thClass: \"text-center\",\r\n        width: \"200px\",\r\n      },\r\n    ],\r\n    rows: [\r\n      {\r\n        session: \"<button>My Action</button>\",\r\n        // ...\r\n      },\r\n    ],\r\n\r\n    dataTK: [],\r\n\r\n    state: {\r\n      dialog: {\r\n        group: false,\r\n        GroupRole: false,\r\n        EditGroup: false,\r\n        lock: false,\r\n        NewGroupsDetail: false,\r\n      },\r\n    },\r\n\r\n    role_columns: [\r\n      {\r\n        label: \"Tên role\",\r\n        field: \"role_name\",\r\n        thClass: \"emu-vgt-thead-th text-center\",\r\n        tdClass: \"emu-vgt-tbody-td\",\r\n      },\r\n      {\r\n        label: \"Chọn\",\r\n        field: \"action\",\r\n        thClass: \"emu-vgt-thead-th text-center\",\r\n        tdClass: \"emu-vgt-tbody-td\",\r\n        width: \"70px\",\r\n      },\r\n    ],\r\n\r\n    group_id: 0,\r\n    lock_group: 0,\r\n\r\n    new_group_name: \"\",\r\n    dataEmployee: [],\r\n\r\n    edit_group_name: \"\",\r\n\r\n    role_data_update: [],\r\n    role_data: [],\r\n  }),\r\n  async created() {\r\n    this.searchTK();\r\n  },\r\n  methods: {\r\n    ...mapActions(\"ui\", [\"loading\", \"closeLoading\", \"notify\"]),\r\n    searchTK: async function() {\r\n      this.loading(this.$vs);\r\n      const params = {\r\n        group_name: this.valueGroupName,\r\n      };\r\n      console.log(params);\r\n      const result = await rolegroupsApi.list_group(params);\r\n\r\n      console.log(result);\r\n      this.checkResponseData(result);\r\n    },\r\n\r\n    async goGroupDetal(params) {\r\n      this.group_id = params.id;\r\n      this.edit_group_name = params.group_name;\r\n      this.state.dialog.EditGroup = true;\r\n    },\r\n    async SubmitEditGroup() {\r\n      this.loading(this.$vs);\r\n      let body = {};\r\n      body.group_id = this.group_id;\r\n      body.group_name = this.edit_group_name;\r\n      console.log(body);\r\n      const result = await rolegroupsApi.update_group(body);\r\n\r\n      if (\r\n        typeof result.error !== \"undefined\" ||\r\n        result.data.status === \"failed\" ||\r\n        result.status === \"failed\"\r\n      ) {\r\n        this.closeLoading();\r\n        return this.notify({\r\n          error: true,\r\n          text: result.error || result.message,\r\n        });\r\n      } else {\r\n        this.closeLoading();\r\n        this.searchTK();\r\n        this.state.dialog.EditGroup = false;\r\n        return this.notify({\r\n          text: result.data[0].error_message,\r\n        });\r\n      }\r\n    },\r\n    //#region  new Groups\r\n    async addNewGroups() {\r\n      this.state.dialog.NewGroupsDetail = true;\r\n    },\r\n\r\n    async AddGroupsSubmit() {\r\n      const body = {};\r\n      body.group_name = this.new_group_name;\r\n      const result = await rolegroupsApi.create_group(body);\r\n      if (\r\n        typeof result.error !== \"undefined\" ||\r\n        result.data.status === \"failed\" ||\r\n        result.status === \"failed\"\r\n      ) {\r\n        this.closeLoading();\r\n        return this.notify({\r\n          error: true,\r\n          text: result.error || result.message,\r\n        });\r\n      } else {\r\n        this.closeLoading();\r\n        this.searchTK();\r\n        this.state.dialog.NewGroupsDetail = false;\r\n        this.ResetFormAdd();\r\n        return this.notify({\r\n          text: result.data[0].error_message,\r\n        });\r\n      }\r\n    },\r\n\r\n    async ResetFormAdd() {\r\n      this.new_group_name = \"\";\r\n    },\r\n\r\n    //#endregion\r\n    //#region  LOCK Groups\r\n\r\n    async LockGroups(params) {\r\n      this.group_id = params.id;\r\n      this.lock_group = params.status === 1 ? 1 : 0;\r\n      this.state.dialog.lock = true;\r\n    },\r\n\r\n    async SubmitLock() {\r\n      this.loading(this.$vs);\r\n      let body = {};\r\n      body.group_id = this.group_id;\r\n      body.lock = this.lock_group;\r\n      console.log(body);\r\n      const result = await rolegroupsApi.lock_group(body);\r\n\r\n      if (\r\n        typeof result.error !== \"undefined\" ||\r\n        result.data.status === \"failed\" ||\r\n        result.status === \"failed\"\r\n      ) {\r\n        this.closeLoading();\r\n        return this.notify({\r\n          error: true,\r\n          text: result.error || result.message,\r\n        });\r\n      } else {\r\n        this.closeLoading();\r\n        this.searchTK();\r\n        this.state.dialog.lock = false;\r\n        this.add_note = \"\";\r\n        return this.notify({\r\n          text: result.data[0].error_message,\r\n        });\r\n      }\r\n    },\r\n    //#endregion\r\n\r\n    //#region  phan RIGHT cho acc\r\n    async displayGroupRoles(id) {\r\n      this.group_id = id;\r\n      const { data } = await rolegroupsApi.list_group_role(id);\r\n      console.log(data);\r\n      this.role_data_update = data;\r\n      this.role_data = JSON.parse(JSON.stringify(this.role_data_update));\r\n      this.state.dialog.GroupRole = true;\r\n    },\r\n\r\n    checkGroupRole(id) {\r\n      let index = this.role_data.findIndex((c) => c.id === id);\r\n      if (index > -1) {\r\n        this.role_data[index].check_role = !this.role_data[index].check_role;\r\n        return;\r\n      }\r\n    },\r\n\r\n    async SubmitAddRole() {\r\n      this.loading(this.$vs);\r\n      let body = {};\r\n      body.group_id = this.group_id;\r\n      body.list_role = \"0\";\r\n      for (let i = 0; i < this.role_data.length; i++) {\r\n        if (this.role_data[i].check_role == true) {\r\n          body.list_role = body.list_role + \",\" + this.role_data[i].id;\r\n        }\r\n      }\r\n\r\n      const result = await rolegroupsApi.update_group_role(body);\r\n\r\n      if (\r\n        typeof result.error !== \"undefined\" ||\r\n        result.data.status === \"failed\" ||\r\n        result.status === \"failed\"\r\n      ) {\r\n        this.closeLoading();\r\n        return this.notify({\r\n          error: true,\r\n          text: result.error || result.message,\r\n        });\r\n      } else {\r\n        this.closeLoading();\r\n        this.searchTK();\r\n        this.state.dialog.GroupRole = false;\r\n        this.add_note = \"\";\r\n        return this.notify({\r\n          text: result.data[0].error_message,\r\n        });\r\n      }\r\n    },\r\n\r\n    //#endregion\r\n\r\n    checkResponseData: function(data) {\r\n      console.log(data);\r\n      if (data.status == \"success\") {\r\n        this.dataTK = data.data;\r\n      } else {\r\n        this.dataTK = [];\r\n      }\r\n      this.closeLoading();\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapState(\"auth\", [\"AppActiveUser\"]),\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.Group {\r\n  .vgt-responsive {\r\n      overflow-x: inherit;\r\n  }\r\n  .custom_btn {\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 0;\r\n  }\r\n  .con-form .vs-select-content {\r\n    max-width: 500px;\r\n  }\r\n  table.vgt-table td {\r\n    vertical-align: inherit;\r\n    padding: 0em 0.75em 0em 0.75em;\r\n  }\r\n  .tk-width-class {\r\n    min-width: 10px !important;\r\n    text-align: center;\r\n  }\r\n  .tk-name-class {\r\n    min-width: none;\r\n    -width: 250px !important;\r\n  }\r\n\r\n  .tk-month-class {\r\n    min-width: none;\r\n    -width: 80px !important;\r\n  }\r\n\r\n  .visible {\r\n    visibility: visible !important;\r\n  }\r\n  .invisible {\r\n    visibility: hidden !important;\r\n  }\r\n  .tk-status-class {\r\n    min-width: 100px;\r\n    text-align: center;\r\n  }\r\n  .tk-action-class {\r\n    min-width: 150px;\r\n    text-align: center;\r\n  }\r\n  .nv_select {\r\n    max-width: 500px;\r\n  }\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!./GroupRoleManager.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!./GroupRoleManager.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GroupRoleManager.vue?vue&type=template&id=f815612a&\"\nimport script from \"./GroupRoleManager.vue?vue&type=script&lang=js&\"\nexport * from \"./GroupRoleManager.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GroupRoleManager.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupRoleManager.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}