{"version":3,"sources":["webpack:///./src/views/screens/administration/RoleManager.vue?c165","webpack:///src/views/screens/administration/RoleManager.vue","webpack:///./src/views/screens/administration/RoleManager.vue?7765","webpack:///./src/views/screens/administration/RoleManager.vue","webpack:///./src/views/screens/administration/RoleManager.vue?1e32"],"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","valueRoleName","addNewRoles","columns","dataTK","enabled","perPageDropdownEnabled","nextLabel","prevLabel","ofLabel","perPage","placeholder","scopedSlots","_u","fn","props","column","field","row","status","proxy","goRoleDetal","LockRoles","_e","staticStyle","slot","SubmitLock","state","dialog","lock","$set","SubmitEditRole","edit_role_name","AddRolesSubmit","new_role_name","staticRenderFns","components","VueGoodTable","data","label","hidden","thClass","width","session","methods","checkResponseData","console","log","closeLoading","computed","component"],"mappings":"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","file":"js/chunk-fb9e01f8.17826443.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Role\"},[_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\":\"Quyền\",\"placeholder\":\"Điền thông tin để 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.valueRoleName),callback:function ($$v) {_vm.valueRoleName=$$v},expression:\"valueRoleName\"}})],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.addNewRoles()}}},[_c('i',{staticClass:\"bx bx-plus\"}),_vm._v(\" Thêm quyền\")])],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 quyền \")]},proxy:true}],null,true)},[_c('vs-button',{attrs:{\"transparent\":\"\",\"circle\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.goRoleDetal(props.row)}}},[_c('i',{staticClass:\"bx bx-calendar-edit\"})])],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.LockRoles(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.LockRoles(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 quyền \")])]},proxy:true},{key:\"footer\",fn:function(){return [_c('div',{staticClass:\"footer-dialog\"},[_c('vs-button',{attrs:{\"block\":\"\"},on:{\"click\":_vm.SubmitEditRole}},[_vm._v(\" Cập nhật \")])],1)]},proxy:true}]),model:{value:(_vm.state.dialog.EditRole),callback:function ($$v) {_vm.$set(_vm.state.dialog, \"EditRole\", $$v)},expression:\"state.dialog.EditRole\"}},[_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 quyền (*)\",\"placeholder\":\"\"},model:{value:(_vm.edit_role_name),callback:function ($$v) {_vm.edit_role_name=$$v},expression:\"edit_role_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 quyền \")])]},proxy:true},{key:\"footer\",fn:function(){return [_c('div',{staticClass:\"footer-dialog\"},[_c('vs-button',{attrs:{\"block\":\"\"},on:{\"click\":_vm.AddRolesSubmit}},[_vm._v(\" Thêm mới \")])],1)]},proxy:true}]),model:{value:(_vm.state.dialog.NewRolesDetail),callback:function ($$v) {_vm.$set(_vm.state.dialog, \"NewRolesDetail\", $$v)},expression:\"state.dialog.NewRolesDetail\"}},[_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\":\"Quyền (*)\",\"placeholder\":\"\"},model:{value:(_vm.new_role_name),callback:function ($$v) {_vm.new_role_name=$$v},expression:\"new_role_name\"}})],1)],1)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"Role\">\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=\"Quyền\"\r\n              placeholder=\"Điền thông tin để tìm kiếm\"\r\n              v-validate=\"'required'\"\r\n              v-model=\"valueRoleName\"\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=\"addNewRoles()\">\r\n              <i class=\"bx bx-plus\"></i>&nbsp;Thêm quyền</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 quyền\r\n                </template>\r\n                <vs-button\r\n                  transparent\r\n                  @click=\"goRoleDetal(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              <vs-tooltip color=\"danger\">\r\n                <template #tooltip>\r\n                  Khoá\r\n                </template>\r\n                <vs-button\r\n                  transparent\r\n                  @click=\"LockRoles(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=\"LockRoles(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.EditRole\">\r\n      <template #header>\r\n        <h4 class=\"not-margin\">\r\n          Cập nhật 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 quyền (*)\"\r\n              placeholder=\"\"\r\n              v-validate=\"'required'\"\r\n              v-model=\"edit_role_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=\"SubmitEditRole\">\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.NewRolesDetail\"\r\n    >\r\n      <template #header>\r\n        <h4 class=\"not-margin\">\r\n          Thêm mới 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=\"Quyền (*)\"\r\n              placeholder=\"\"\r\n              v-validate=\"'required'\"\r\n              v-model=\"new_role_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=\"AddRolesSubmit\">\r\n            Thêm mới\r\n          </vs-button>\r\n        </div>\r\n      </template>\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    valueRoleName: \"\",\r\n    activeAddHoliday: false,\r\n    add_day: \"\",\r\n    add_note: \"\",\r\n\r\n    columns: [\r\n      {\r\n        label: \"Quyền ID\",\r\n        field: \"id\",\r\n        hidden: true,\r\n      },\r\n      {\r\n        label: \"Tên quyền\",\r\n        field: \"role_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        role: false,\r\n        grouprole: false,\r\n        EditRole: false,\r\n        lock: false,\r\n        NewRolesDetail: false,\r\n      },\r\n    },\r\n\r\n    role_id: 0,\r\n    lock_role: 0,\r\n\r\n    new_role_name: \"\",\r\n    dataEmployee: [],\r\n\r\n    edit_role_name: \"\",\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        role_name: this.valueRoleName,\r\n      };\r\n      console.log(params);\r\n      const result = await rolegroupsApi.list_role(params);\r\n\r\n      this.checkResponseData(result);\r\n    },\r\n\r\n    async goRoleDetal(params) {\r\n      this.role_id = params.id;\r\n      this.edit_role_name = params.role_name;\r\n      this.state.dialog.EditRole = true;\r\n    },\r\n    async SubmitEditRole() {\r\n      this.loading(this.$vs);\r\n      let body = {};\r\n      body.role_id = this.role_id;\r\n      body.role_name = this.edit_role_name;\r\n      console.log(body);\r\n      const result = await rolegroupsApi.update_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.EditRole = false;\r\n        return this.notify({\r\n          text: result.data[0].error_message,\r\n        });\r\n      }\r\n    },\r\n    //#region  new Roles\r\n    async addNewRoles() {\r\n      this.state.dialog.NewRolesDetail = true;\r\n    },\r\n\r\n    async AddRolesSubmit() {\r\n      const body = {};\r\n      body.role_name = this.new_role_name;\r\n      const result = await rolegroupsApi.create_role(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.NewRolesDetail = 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_role_name = \"\";\r\n    },\r\n\r\n    //#endregion\r\n    //#region  LOCK Roles\r\n\r\n    async LockRoles(params) {\r\n      this.role_id = params.id;\r\n      this.lock_role = 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.role_id = this.role_id;\r\n      body.lock = this.lock_role;\r\n      console.log(body);\r\n      const result = await rolegroupsApi.lock_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.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    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.Role {\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!./RoleManager.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!./RoleManager.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RoleManager.vue?vue&type=template&id=4a78cd8c&\"\nimport script from \"./RoleManager.vue?vue&type=script&lang=js&\"\nexport * from \"./RoleManager.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RoleManager.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!./RoleManager.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}