{"version":3,"sources":["webpack:///./src/views/personnel/PersonnelMoveList.vue","webpack:///src/views/personnel/PersonnelMoveList.vue","webpack:///./src/views/personnel/PersonnelMoveList.vue?70b9","webpack:///./src/views/personnel/PersonnelMoveList.vue?5604","webpack:///./src/components/ui/Dialog.vue","webpack:///src/components/ui/Dialog.vue","webpack:///./src/components/ui/Dialog.vue?031d","webpack:///./src/components/ui/Dialog.vue?85af","webpack:///./src/views/personnel/PersonnelMoveList.vue?6514"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","searchPersonnel","isLoading","headers","personnelMoveList","scopedSlots","_u","key","fn","_ref","item","on","$event","edit","_ref2","status","_e","_ref3","_f","lastModifiedDate","ref","proxy","oldPresonnel","length","newPersonnelMove","jobTitle","name","department","workArea","chargeCode","location","rotation","staticRenderFns","components","Button","Dialog","data","search","userRole","appRoles","formData","id","contractEmployerId","contractEmployers","personnel","valid","isSavingUser","allLoading","fixed","width","sortable","text","methods","showAlertMessage","message","type","_this","employeeService","getEmployeesById","employeeId","then","catch","finally","employeeMoveAuditTrailService","getPersonnelById","$refs","personnelMoveViewModal","openModal","openDeleteModal","deleteModal","toggleModal","concat","firstName","lastName","middleName","resetForm","cancel","modal","editModal","contractEmployerChange","employeeList","getAllEmployee","getAllMoveList","_this2","getAllPersonnelMove","result","items","mounted","_this3","Roles","userService","getCurrentUser","roleName","component","persistent","showModal","title","_t","props","String","default","subTitle","Number","Boolean","closeModal"],"mappings":"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","file":"js/chunk-342373ff.6692ecf9.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app',{},[_c('div',[_c('v-alert',{staticClass:\"alert\",class:{'alert-error':_vm.alertType=='error', 'alert-success':_vm.alertType=='success'},attrs:{\"border\":\"left\",\"dark\":\"\",\"dismissible\":\"\"},model:{value:(_vm.alert),callback:function ($$v) {_vm.alert=$$v},expression:\"alert\"}},[_vm._v(\" \"+_vm._s(_vm.alertMessage)+\" \")])],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 ml-auto mr-auto\"},[_c('v-container',[_c('div',{staticClass:\"mb-8 mt-8 text-center\"},[_c('h1',[_vm._v(\"List of Personnel Move\")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('v-text-field',{attrs:{\"append-icon\":\"mdi-magnify\",\"label\":\"Search\",\"single-line\":\"\",\"hide-details\":\"\"},model:{value:(_vm.searchPersonnel),callback:function ($$v) {_vm.searchPersonnel=$$v},expression:\"searchPersonnel\"}})],1)]),_c('v-data-table',{attrs:{\"loading-text\":\"Loading personnel Move. Please wait....\",\"loading\":_vm.isLoading,\"headers\":_vm.headers,\"items\":_vm.personnelMoveList,\"search\":_vm.searchPersonnel,\"item-key\":\"id\"},scopedSlots:_vm._u([{key:`item.actions`,fn:function({ item }){return [_c('div',{staticClass:\"d-flex\"},[_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Veiw'},on:{\"onClick\":function($event){return _vm.edit(item)}}})],1)]}},{key:`item.status`,fn:function({ item }){return [(item.status == 0)?_c('span',[_vm._v(\"Pending\")]):_vm._e(),(item.status == 1)?_c('span',[_vm._v(\"Approved\")]):_vm._e()]}},{key:`item.lastModifiedDate`,fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(item.lastModifiedDate))+\" \")]}}],null,true)}),_c('Dialog',{ref:\"personnelMoveViewModal\",attrs:{\"title\":'Personnel Move Detail',\"width\":700},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return undefined},proxy:true}])},[(_vm.isLoading)?_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}})],1):_vm._e(),(_vm.oldPresonnel.length !==0 & _vm.newPersonnelMove.length !==0)?_c('v-row',[_c('div',{staticClass:\"row text-left\"},[_c('div',{staticClass:\"col-md-12\"},[_c('b',[_vm._v(\"Current Personnel Details \")])]),_c('div',{staticClass:\"text-caption col-md-6\"},[_vm._v(\"Job Title: \")]),_c('div',{staticClass:\"col-md-6\"},[_c('b',[_vm._v(_vm._s(_vm.oldPresonnel.jobTitle.name))])]),_c('div',{staticClass:\"text-caption col-md-6\"},[_vm._v(\"Department: \")]),_c('div',{staticClass:\"col-md-6\"},[_c('b',[_vm._v(\" \"+_vm._s(_vm.oldPresonnel.department.name))])]),_c('div',{staticClass:\"text-caption col-md-6\"},[_vm._v(\"Work Area: \")]),_c('div',{staticClass:\"col-md-6\"},[_c('b',[_vm._v(\" \"+_vm._s(_vm.oldPresonnel.workArea.name))])]),_c('div',{staticClass:\"text-caption col-md-6\"},[_vm._v(\"Cost Centre: \")]),_c('div',{staticClass:\"col-md-6\"},[_c('b',[_vm._v(\" \"+_vm._s(_vm.oldPresonnel.chargeCode))])]),_c('div',{staticClass:\"text-caption col-md-6\"},[_vm._v(\"Location: \")]),_c('div',{staticClass:\"col-md-6\"},[_c('b',[_vm._v(\" \"+_vm._s(_vm.oldPresonnel.location.name))])]),_c('div',{staticClass:\"text-caption col-md-6\"},[_vm._v(\"Rotation: \")]),_c('div',{staticClass:\"col-md-6\"},[_c('b',[_vm._v(\" \"+_vm._s(_vm.oldPresonnel.rotation.name))])]),_c('div',{staticClass:\"col-md-12\"},[_c('b',[_vm._v(\"Proposed Personnel Move Details \")])]),_c('div',{staticClass:\"text-caption col-md-6\"},[_vm._v(\"Job Title: \")]),_c('div',{staticClass:\"col-md-6\"},[_c('b',[_vm._v(_vm._s(_vm.newPersonnelMove.jobTitle.name))])]),_c('div',{staticClass:\"text-caption col-md-6\"},[_vm._v(\"Department: \")]),_c('div',{staticClass:\"col-md-6\"},[_c('b',[_vm._v(\" \"+_vm._s(_vm.newPersonnelMove.department.name))])]),_c('div',{staticClass:\"text-caption col-md-6\"},[_vm._v(\"Work Area: \")]),_c('div',{staticClass:\"col-md-6\"},[_c('b',[_vm._v(\" \"+_vm._s(_vm.newPersonnelMove.workArea.name))])]),_c('div',{staticClass:\"text-caption col-md-6\"},[_vm._v(\"Cost Centre: \")]),_c('div',{staticClass:\"col-md-6\"},[_c('b',[_vm._v(\" \"+_vm._s(_vm.newPersonnelMove.chargeCode))])]),_c('div',{staticClass:\"text-caption col-md-6\"},[_vm._v(\"Location: \")]),_c('div',{staticClass:\"col-md-6\"},[_c('b',[_vm._v(\" \"+_vm._s(_vm.newPersonnelMove.location.name))])]),_c('div',{staticClass:\"text-caption col-md-6\"},[_vm._v(\"Rotation: \")]),_c('div',{staticClass:\"col-md-6\"},[_c('b',[_vm._v(\" \"+_vm._s(_vm.newPersonnelMove.rotation.name))])])])]):_vm._e(),_c('v-divider')],1)],1)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-app class>\r\n    <div>\r\n      <v-alert v-model=\"alert\"\r\n               border=\"left\"\r\n               dark\r\n               dismissible\r\n               class=\"alert\"\r\n               :class=\"{'alert-error':alertType=='error', 'alert-success':alertType=='success'}\">\r\n        {{alertMessage}}\r\n      </v-alert>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-md-12 ml-auto mr-auto\">\r\n        <v-container>\r\n          <div class=\"mb-8 mt-8 text-center\">\r\n            <h1>List of  Personnel Move</h1>\r\n          </div>\r\n          <div class=\"row\">\r\n            <div class=\"col-md-6\">\r\n              <v-text-field v-model=\"searchPersonnel\"\r\n                            append-icon=\"mdi-magnify\"\r\n                            label=\"Search\"\r\n                            single-line\r\n                            hide-details></v-text-field>\r\n            </div>\r\n            <!-- <div v-if=\"userRole !== appRoles.LCE\" class=\"col-md-6 mt-2\">\r\n\r\n            <SelectField\r\n              :items=\"contractEmployers\"\r\n              v-model=\"contractEmployerId\"\r\n              :label=\"'Contractor Employer'\"\r\n              :itemText=\"'name'\"\r\n              :itemValue=\"'id'\"\r\n              @onChange=\"contractEmployerChange\"\r\n            />\r\n          </div> -->\r\n          </div>\r\n          <v-data-table loading-text=\"Loading personnel Move. Please wait....\"\r\n            :loading=\"isLoading\"\r\n            :headers='headers'\r\n            :items=\"personnelMoveList\"\r\n            :search=\"searchPersonnel\"\r\n            item-key=\"id\">\r\n            <template v-slot:[`item.actions`]=\"{ item }\">\r\n              <div class=\"d-flex\">\r\n                <Button :btnType=\"'Submit'\" :label=\"'Veiw'\" @onClick=\"edit(item)\" class=\"mr-2\" />\r\n              </div>\r\n            </template>\r\n            <template v-slot:[`item.status`]=\"{ item }\">\r\n              <span v-if=\"item.status == 0\">Pending</span>\r\n              <span v-if=\"item.status == 1\">Approved</span>\r\n            </template>\r\n            <template v-slot:[`item.lastModifiedDate`]=\"{ item }\">\r\n              {{item.lastModifiedDate | formatDate}}\r\n            </template>\r\n\r\n          </v-data-table>\r\n\r\n          <!-- View modal  -->\r\n          <Dialog ref=\"personnelMoveViewModal\" :title=\"'Personnel Move Detail'\" :width=\"700\">\r\n            <div v-if=\"isLoading\" class=\"text-center\">\r\n              <v-progress-circular indeterminate color=\"primary\"></v-progress-circular>\r\n            </div>\r\n            <v-row v-if=\"oldPresonnel.length !==0 & newPersonnelMove.length !==0\">\r\n              <div class=\"row text-left\">\r\n                <div class=\"col-md-12\"><b>Current Personnel Details </b></div>\r\n                <div class=\"text-caption col-md-6\">Job Title: </div>\r\n                <div class=\"col-md-6\"><b>{{oldPresonnel.jobTitle.name}}</b></div>\r\n                <div class=\"text-caption col-md-6\">Department: </div>\r\n                <div class=\"col-md-6\"><b> {{oldPresonnel.department.name}}</b></div>\r\n                <div class=\"text-caption col-md-6\">Work Area: </div>\r\n                <div class=\"col-md-6\"><b> {{oldPresonnel.workArea.name}}</b></div>\r\n                <div class=\"text-caption col-md-6\">Cost Centre: </div>\r\n                <div class=\"col-md-6\"><b> {{oldPresonnel.chargeCode}}</b></div>\r\n                <div class=\"text-caption col-md-6\">Location: </div>\r\n                <div class=\"col-md-6\"><b> {{oldPresonnel.location.name}}</b></div>\r\n                <div class=\"text-caption col-md-6\">Rotation: </div>\r\n                <div class=\"col-md-6\"><b> {{oldPresonnel.rotation.name}}</b></div>\r\n\r\n                <div class=\"col-md-12\"><b>Proposed Personnel Move Details </b></div>\r\n                <div class=\"text-caption col-md-6\">Job Title: </div>\r\n                <div class=\"col-md-6\"><b>{{newPersonnelMove.jobTitle.name}}</b></div>\r\n                <div class=\"text-caption col-md-6\">Department: </div>\r\n                <div class=\"col-md-6\"><b> {{newPersonnelMove.department.name}}</b></div>\r\n                <div class=\"text-caption col-md-6\">Work Area: </div>\r\n                <div class=\"col-md-6\"><b> {{newPersonnelMove.workArea.name}}</b></div>\r\n                <div class=\"text-caption col-md-6\">Cost Centre: </div>\r\n                <div class=\"col-md-6\"><b> {{newPersonnelMove.chargeCode}}</b></div>\r\n                <div class=\"text-caption col-md-6\">Location: </div>\r\n                <div class=\"col-md-6\"><b> {{newPersonnelMove.location.name}}</b></div>\r\n                <div class=\"text-caption col-md-6\">Rotation: </div>\r\n                <div class=\"col-md-6\"><b> {{newPersonnelMove.rotation.name}}</b></div>\r\n              </div>\r\n            </v-row>\r\n            <v-divider></v-divider>\r\n            <template v-slot:footer>\r\n            </template>\r\n          </Dialog>\r\n        </v-container>\r\n      </div>\r\n    </div>\r\n  </v-app>\r\n</template>\r\n<script>\r\n\r\nimport Button from '@/components/ui/form/Button.vue'\r\n\r\nimport Dialog from '@/components/ui/Dialog.vue'\r\nimport { userService, employeeMoveAuditTrailService, employeeService } from '@/services'\r\nimport Roles from '@/utils/roles'\r\n\r\nexport default {\r\n  components: {\r\n    Button,\r\n    Dialog\r\n  },\r\n  data () {\r\n    return {\r\n      search: '',\r\n      userRole: '',\r\n      appRoles: {},\r\n      isLoading: false,\r\n      formData: {\r\n        name: '',\r\n        id: ''\r\n      },\r\n      contractEmployerId: 0,\r\n      personnelMoveList: [],\r\n      contractEmployers: [],\r\n      oldPresonnel:[],\r\n      newPersonnelMove:[],\r\n      personnel: {},\r\n      searchPersonnel: '',\r\n      valid: false,\r\n      isSavingUser: false,\r\n      alertMessage: '',\r\n      allLoading: 0,\r\n      alert: false,\r\n      alertType: '',\r\n      headers: [\r\n        {          \r\n          fixed: true,\r\n          width: '100px',\r\n          sortable: false\r\n        },\r\n        {\r\n          text: 'Prnumber',\r\n          value: 'employee.prnumber',\r\n          fixed: true,\r\n          width: '100px'\r\n        },\r\n        {\r\n          text: 'Charge Code',\r\n          value: 'chargeCode'\r\n        },\r\n        {\r\n          text: 'Job Title',\r\n          value: 'jobTitle.name'\r\n        },\r\n        {\r\n          text: 'First Name',\r\n          value: 'employee.firstName'\r\n        },\r\n        {\r\n          text: 'Last Name',\r\n          value: 'employee.lastName'\r\n        },\r\n        {\r\n          text: 'Email',\r\n          value: 'employee.email'\r\n        },\r\n        {\r\n          text: 'Location',\r\n          value: 'location.name'\r\n        },\r\n        {\r\n          text: 'Department',\r\n          value: 'department.name'\r\n        },\r\n        {\r\n          text: 'Status',\r\n          value: 'status'\r\n        },\r\n        {\r\n          text: 'Modified By',\r\n          value: 'modifiedBy',\r\n          sortable: false\r\n        },\r\n        {\r\n          text: 'Date Modified',\r\n          value: 'lastModifiedDate'\r\n        },\r\n        {\r\n          text: 'Actions',\r\n          value: 'actions',\r\n          fixed: true,\r\n          sortable: false\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  methods: {\r\n    showAlertMessage (message, type) {\r\n      this.alertMessage = message\r\n      this.alert = true\r\n      this.alertType = type\r\n    },\r\n\r\n    edit (item) {\r\n      this.isLoading = true\r\n      employeeService.getEmployeesById(item.employeeId).then(({ data }) => {\r\n        this.oldPresonnel = data\r\n      }).catch(() => {\r\n      }).finally(() => {\r\n        this.isLoading = false\r\n      })\r\n      employeeMoveAuditTrailService.getPersonnelById(item.id).then(({ data }) => {\r\n        this.newPersonnelMove = data\r\n      }).catch(() => {\r\n      }).finally(() => {\r\n        this.isLoading = false\r\n      })\r\n      this.$refs.personnelMoveViewModal.openModal()\r\n\r\n    },\r\n    openDeleteModal (item) {\r\n      this.personnel = item\r\n      this.$refs.deleteModal.toggleModal()\r\n      this.formData.name = `${item.firstName}, ${item.lastName} ${item.middleName}`\r\n    },\r\n    resetForm () {\r\n      this.formData.name = ''\r\n      this.formData.id = ''\r\n    },\r\n    cancel (modal) {\r\n      if (modal === 'editModal') {\r\n        this.$refs.editModal.toggleModal()\r\n      }\r\n      if (modal === 'deleteModal') {\r\n        this.$refs.deleteModal.toggleModal()\r\n      }\r\n    },\r\n    contractEmployerChange (item) {\r\n      this.employeeList = []\r\n      this.isLoading = true\r\n      if (item === 0.1) {\r\n        this.getAllEmployee()\r\n      }\r\n    },\r\n    getAllMoveList () {\r\n      employeeMoveAuditTrailService.getAllPersonnelMove().then(result => {\r\n        this.personnelMoveList = result.data.items\r\n        this.isLoading = false\r\n      }).catch(() => {\r\n        this.isLoading = false\r\n      })\r\n    }\r\n  },\r\n  mounted () {\r\n    this.isLoading = true\r\n    this.appRoles = Roles\r\n\r\n    userService.getCurrentUser().then(result => {\r\n      this.userRole = result.data.roleName\r\n    })\r\n    this.getAllMoveList()\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n.search-btn {\r\n  background-color: #e6e3e3;\r\n  height: 40px;\r\n  border-radius: 3px !important;\r\n}\r\n.row-pointer >>> tbody tr :hover {\r\n  cursor: pointer;\r\n}\r\n.alert {\r\n  position: fixed;\r\n  z-index: 9999;\r\n  top: 5px;\r\n  min-width: 50%;\r\n}\r\n.alert-success {\r\n  color: #155724;\r\n  background-color: #d4edda;\r\n  border-color: #c3e6cb;\r\n}\r\n.alert-error {\r\n  color: #721c24;\r\n  background-color: #f8d7da;\r\n  border-color: #f5c6cb;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PersonnelMoveList.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PersonnelMoveList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PersonnelMoveList.vue?vue&type=template&id=2a3c1040&scoped=true\"\nimport script from \"./PersonnelMoveList.vue?vue&type=script&lang=js\"\nexport * from \"./PersonnelMoveList.vue?vue&type=script&lang=js\"\nimport style0 from \"./PersonnelMoveList.vue?vue&type=style&index=0&id=2a3c1040&prod&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  \"2a3c1040\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-dialog',{attrs:{\"persistent\":_vm.persistent,\"max-width\":_vm.width},model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v},expression:\"showModal\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline text-center\"},[_c('h3',{staticClass:\"mt-2 mb-0\"},[_vm._v(_vm._s(_vm.title))])]),_c('v-divider'),_c('v-container',[_c('v-card-text',[_vm._t(\"default\")],2),_c('v-card-actions',{staticClass:\"d-flex justify-content-end\"},[_c('v-spacer'),_vm._t(\"footer\")],2)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-row justify=\"center\">\r\n    <v-dialog v-model=\"showModal\" :persistent=\"persistent\" :max-width=\"width\">\r\n      <v-card>\r\n        <v-card-title class=\"headline text-center\">\r\n          <h3 class=\"mt-2 mb-0\">{{title}}</h3>\r\n        </v-card-title>\r\n         <v-divider></v-divider>\r\n        <v-container>\r\n          <v-card-text>\r\n          <slot></slot>\r\n        </v-card-text>\r\n\r\n        <v-card-actions class=\"d-flex justify-content-end\">\r\n          <v-spacer></v-spacer>\r\n<slot name=\"footer\"></slot>\r\n\r\n        </v-card-actions>\r\n        </v-container>\r\n      </v-card>\r\n    </v-dialog>\r\n  </v-row>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    subTitle: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    width: {\r\n      type: Number,\r\n      default: 300\r\n    },\r\n    persistent: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      showModal: false\r\n    }\r\n  },\r\n  methods: {\r\n    closeModal () {\r\n      this.showModal = false\r\n    },\r\n    openModal () {\r\n      this.showModal = true\r\n    },\r\n    toggleModal () {\r\n      this.showModal = !this.showModal\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dialog.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dialog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Dialog.vue?vue&type=template&id=3c4325c8\"\nimport script from \"./Dialog.vue?vue&type=script&lang=js\"\nexport * from \"./Dialog.vue?vue&type=script&lang=js\"\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--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PersonnelMoveList.vue?vue&type=style&index=0&id=2a3c1040&prod&scoped=true&lang=css\""],"sourceRoot":""}