{"version":3,"sources":["webpack:///./src/views/allowance/vacations/vacationAllowance.vue","webpack:///src/views/allowance/vacations/vacationAllowance.vue","webpack:///./src/views/allowance/vacations/vacationAllowance.vue?5ee6","webpack:///./src/views/allowance/vacations/vacationAllowance.vue?7dba","webpack:///./node_modules/core-js/internals/same-value.js","webpack:///./src/views/allowance/vacations/vacationAllowance.vue?91e8","webpack:///./src/components/ui/form/SelectField.vue","webpack:///src/components/ui/form/SelectField.vue","webpack:///./src/components/ui/form/SelectField.vue?1f28","webpack:///./src/components/ui/form/SelectField.vue?8450","webpack:///./node_modules/core-js/modules/es.string.search.js","webpack:///./src/components/ui/confirmationDialog.vue","webpack:///src/components/ui/confirmationDialog.vue","webpack:///./src/components/ui/confirmationDialog.vue?0e04","webpack:///./src/components/ui/confirmationDialog.vue?dbad","webpack:///./src/components/ui/PersonnelSearchModal.vue","webpack:///src/components/ui/PersonnelSearchModal.vue","webpack:///./src/components/ui/PersonnelSearchModal.vue?7ffe","webpack:///./src/components/ui/PersonnelSearchModal.vue?7cca"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","ref","valid","vacationAllowanceType","formData","$set","personnel","length","on","$event","preventDefault","perSearch","name","salaryPeriod","VacationYears","vacationDayGeneration","VacationYear","vacationDays","vacationNotTakenDays","id","isSaving","dialog","onReset","onSave","selectPersonnel","staticRenderFns","components","TextField","PersonnelSearch","Button","SelectField","ConfirmationDialog","data","creating","ItemType","search","training","loadingPersonnelData","trainingTypeId","RequestTypeId","startDate","resumptionDate","comments","isClaim","overTime","request","trainingType","personnelSearch","allowanceType","headers","selected","searchHeaders","text","selectedPersonnelHeader","requestHeader","selectedPersonnel","computed","endDate","split","methods","openPersonnelSearchModal","$refs","openModal","showAlertMessage","message","type","_this","setTimeout","closePersonnelSearchModal","closeModal","personnelSearchFunction","_this2","employeeService","searchPersonnel","then","result","catch","finally","date","newArray","filter","comm","push","employeeid","workHours","parseInt","workHourInput","e","keyCode","item","removePersonnel","index","i","splice","checkTimeSheetItem","_this3","allowance","salaryComponentService","getSalaryComponent","timesheetItemType","removeRequest","generateRequest","_this4","allowanceRequester","forEach","per","EmployeId","RequestStartDate","salaryComponentId","SalaryPeriodId","requestService","validateRequests","existingDates","dateArray","dateArr","prevDate","moment","_d","nextDate","format","newDate","start","Date","end","_loop","val","find","day","disable","setDate","getDate","_this5","Employeeid","salaryPeriodId","requestTypeId","LeaveDays","VacationDays","VacationNotTakenDays","$store","dispatch","CREATE_REQUEST","_this6","EmployeeId","getVacationDays","res","hasError","validationMessage","error","mounted","_this7","getAllSalaryAllowance","getVacationAllowance","getTrainingType","salaryPeriodService","getAllSalaryPeriod","getSalaryYears","dat","component","module","exports","Object","is","x","y","items","itemText","itemValue","returnObject","label","validate","v","$emit","onChange","props","Array","required","String","default","Boolean","event","call","fixRegExpWellKnownSymbolLogic","anObject","isNullOrUndefined","requireObjectCoercible","sameValue","toString","getMethod","regExpExec","SEARCH","nativeSearch","maybeCallNative","regexp","O","searcher","undefined","RegExp","string","rx","S","done","previousLastIndex","lastIndex","show","title","btnTitle","loading","btnAction","stopPropagation","isLoading","get","set","personnelSearchLoading","entries","mType","commentPersonnel","comment","_e","_t","okayBtn","personnelName","watch","includes","searchEmployees","console","log"],"mappings":"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","file":"js/chunk-36236ed9.6d364722.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:{\n        'alert-error': _vm.alertType == 'error',\n        'alert-success': _vm.alertType == 'success'\n      },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-6 ml-auto mr-auto\"},[_c('div',{staticClass:\"mb-8 mt-8 text-center\"},[_c('h1',[_vm._v(\"Vacation Allowance\")])]),_c('v-form',{ref:\"ppeRequest\",model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('SelectField',{attrs:{\"items\":_vm.vacationAllowanceType,\"label\":'Vacation Allowance Type',\"itemText\":'description',\"itemValue\":'id',\"returnObject\":true},model:{value:(_vm.formData.vacationAllowanceType),callback:function ($$v) {_vm.$set(_vm.formData, \"vacationAllowanceType\", $$v)},expression:\"formData.vacationAllowanceType\"}})],1),_c('v-col',{class:_vm.personnel.length > 0 ? 'mb-1' : 'mb-6'},[_c('v-btn',{staticClass:\"btn-style justify-start text-style\",attrs:{\"width\":\"100%\",\"height\":\"38\",\"outlined\":\"\"},on:{\"click\":function($event){$event.preventDefault();_vm.perSearch = true}}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"mdi-magnify\")]),_vm._v(\" \"+_vm._s(_vm.formData.personnel === null ? 'Personnnel': _vm.formData.personnel[0].name))],1)],1),_c('v-col',[_c('SelectField',{attrs:{\"items\":_vm.salaryPeriod,\"label\":'Salary Cycle',\"itemText\":'description',\"itemValue\":'id',\"returnObject\":true},model:{value:(_vm.formData.salaryPeriod),callback:function ($$v) {_vm.$set(_vm.formData, \"salaryPeriod\", $$v)},expression:\"formData.salaryPeriod\"}})],1),_c('v-col',[_c('SelectField',{attrs:{\"items\":_vm.VacationYears,\"label\":'Vacation Year'},on:{\"onChange\":_vm.vacationDayGeneration},model:{value:(_vm.VacationYear),callback:function ($$v) {_vm.VacationYear=$$v},expression:\"VacationYear\"}})],1),_c('v-col',[_c('TextField',{attrs:{\"label\":'Vacation Days',\"validate\":false,\"disable\":true},model:{value:(_vm.formData.vacationDays),callback:function ($$v) {_vm.$set(_vm.formData, \"vacationDays\", $$v)},expression:\"formData.vacationDays\"}})],1),_c('v-col',[_c('TextField',{attrs:{\"label\":'Vacation Not Taken Days',\"validate\":false,\"disable\":true},model:{value:(_vm.formData.vacationNotTakenDays),callback:function ($$v) {_vm.$set(_vm.formData, \"vacationNotTakenDays\", $$v)},expression:\"formData.vacationNotTakenDays\"}})],1)],1)],1)],1)]),_c('v-row',[_c('v-col',{staticClass:\"d-flex justify-end\",attrs:{\"cols\":\"9 mt-5\"}},[_c('Button',{staticClass:\"mr-4\",attrs:{\"label\":'Submit',\"btnType\":'Submit',\"disabled\":!_vm.valid || (_vm.formData.vacationAllowanceType.id=== 2 && _vm.formData.vacationNotTakenDays===0) || (_vm.formData.vacationAllowanceType.id === 1 && _vm.formData.vacationDays < 21),\"isLoading\":_vm.isSaving},on:{\"onClick\":function($event){_vm.dialog = true}}}),_c('Button',{attrs:{\"label\":'Reset',\"btnType\":'Cancel'},on:{\"onClick\":_vm.onReset}})],1)],1),_c('ConfirmationDialog',{attrs:{\"title\":'Are you sure you want to submit?',\"dialog\":_vm.dialog,\"isLoading\":_vm.isSaving,\"btnTitle\":'Yes'},on:{\"close\":function($event){_vm.dialog = false},\"btnAction\":_vm.onSave}}),_c('PersonnelSearch',{attrs:{\"dialog\":_vm.perSearch},on:{\"selectPer\":_vm.selectPersonnel,\"close\":function($event){_vm.perSearch = false}}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-app>\r\n    <div>\r\n      <v-alert\r\n        v-model=\"alert\"\r\n        border=\"left\"\r\n        dark\r\n        dismissible\r\n        class=\"alert\"\r\n        :class=\"{\r\n          'alert-error': alertType == 'error',\r\n          'alert-success': alertType == 'success'\r\n        }\"\r\n      >\r\n        {{ alertMessage }}\r\n      </v-alert>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-md-6 ml-auto mr-auto\">\r\n        <div class=\"mb-8 mt-8 text-center\">\r\n          <h1>Vacation Allowance</h1>\r\n        </div>\r\n        <v-form ref=\"ppeRequest\" v-model=\"valid\">\r\n          <v-row no-gutters>\r\n            <v-col>\r\n              <SelectField\r\n                :items=\"vacationAllowanceType\"\r\n                v-model=\"formData.vacationAllowanceType\"\r\n                :label=\"'Vacation Allowance Type'\"\r\n                :itemText=\"'description'\"\r\n                :itemValue=\"'id'\"\r\n                :returnObject=\"true\"\r\n              />\r\n            </v-col>\r\n            <v-col :class=\"personnel.length > 0 ? 'mb-1' : 'mb-6'\">\r\n              <!-- <TextField v-model=\"formData.personnel\" :label=\"'Personnel'\" /> -->\r\n              <v-btn\r\n                class=\"btn-style justify-start text-style\"\r\n                @click.prevent=\"perSearch = true\"\r\n                width=\"100%\"\r\n                height=\"38\"\r\n                outlined\r\n              >\r\n                <v-icon left>mdi-magnify</v-icon> {{formData.personnel === null ? 'Personnnel': formData.personnel[0].name}}</v-btn\r\n              >\r\n            </v-col>\r\n            <v-col>\r\n              <SelectField\r\n                :items=\"salaryPeriod\"\r\n                v-model=\"formData.salaryPeriod\"\r\n                :label=\"'Salary Cycle'\"\r\n                :itemText=\"'description'\"\r\n                :itemValue=\"'id'\"\r\n                :returnObject=\"true\"\r\n              />\r\n            </v-col>\r\n\r\n            <v-col>\r\n                <SelectField\r\n                  :items=\"VacationYears\"\r\n                  v-model=\"VacationYear\"\r\n                  :label=\"'Vacation Year'\"\r\n                  @onChange=\"vacationDayGeneration\"\r\n                />\r\n            </v-col>\r\n            <v-col>\r\n              <TextField\r\n                v-model=\"formData.vacationDays\"\r\n                :label=\"'Vacation Days'\"\r\n                :validate=\"false\"\r\n                :disable=\"true\"\r\n              />\r\n            </v-col>\r\n            <v-col>\r\n              <TextField\r\n                v-model=\"formData.vacationNotTakenDays\"\r\n                :label=\"'Vacation Not Taken Days'\"\r\n                :validate=\"false\"\r\n                :disable=\"true\"\r\n              />\r\n            </v-col>\r\n          </v-row>\r\n        </v-form>\r\n      </div>\r\n    </div>\r\n    <v-row>\r\n      <v-col cols=\"9 mt-5\" class=\"d-flex justify-end\">\r\n        <Button\r\n          :label=\"'Submit'\"\r\n          :btnType=\"'Submit'\"\r\n          @onClick=\"dialog = true\"\r\n          :disabled=\"!valid || (formData.vacationAllowanceType.id=== 2 && formData.vacationNotTakenDays===0) || (formData.vacationAllowanceType.id === 1 && formData.vacationDays < 21)\"\r\n          :isLoading=\"isSaving\"\r\n          class=\"mr-4\"\r\n        />\r\n\r\n        <Button :label=\"'Reset'\" :btnType=\"'Cancel'\" @onClick=\"onReset\" />\r\n      </v-col>\r\n    </v-row>\r\n     <ConfirmationDialog :title=\"'Are you sure you want to submit?'\" :dialog=\"dialog\"  :isLoading=\"isSaving\" :btnTitle=\"'Yes'\" @close=\"dialog = false\" @btnAction=\"onSave\"/>\r\n\r\n     <PersonnelSearch :dialog=\"perSearch\" @selectPer=\"selectPersonnel\"  @close=\"perSearch = false\"/>\r\n  </v-app>\r\n</template>\r\n<script>\r\nimport TextField from '@/components/ui/form/TextField.vue'\r\nimport Button from '@/components/ui/form/Button.vue'\r\nimport ConfirmationDialog from '@/components/ui/confirmationDialog.vue'\r\nimport SelectField from '@/components/ui/form/SelectField.vue'\r\nimport PersonnelSearch from '@/components/ui/PersonnelSearchModal.vue'\r\nimport {\r\n  employeeService,\r\n  requestService,\r\n  salaryPeriodService,\r\n  salaryComponentService\r\n} from '@/services'\r\nimport { CREATE_REQUEST } from '@/store/action-type'\r\nimport moment from 'moment'\r\n\r\nexport default {\r\n  components: {\r\n    TextField,\r\n    PersonnelSearch,\r\n    Button,\r\n    SelectField,\r\n    ConfirmationDialog\r\n  },\r\n  data () {\r\n    return {\r\n      dialog: false,\r\n      creating: false,\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      ItemType: null,\r\n      perSearch: false,\r\n      VacationYears: [],\r\n      search: '',\r\n      valid: false,\r\n      isSaving: false,\r\n      training: '',\r\n      VacationYear: '',\r\n      loadingPersonnelData: false,\r\n      formData: {\r\n        salaryPeriod: {},\r\n        trainingTypeId: '',\r\n        training: '',\r\n        RequestTypeId: 6,\r\n        startDate: '',\r\n        resumptionDate: '',\r\n        comments: '',\r\n        isClaim: false,\r\n        personnel: null,\r\n        vacationDays: 0,\r\n        vacationNotTakenDays: 0,\r\n        vacationAllowanceType: ''\r\n      },\r\n      overTime: false,\r\n      request: [],\r\n\r\n      trainingType: [],\r\n\r\n      personnelSearch: [],\r\n\r\n      allowanceType: [],\r\n      salaryPeriod: [],\r\n      headers: [],\r\n      selected: [],\r\n      searchHeaders: [\r\n        {\r\n          text: 'FullName',\r\n          value: 'name'\r\n        },\r\n        {\r\n          text: 'id',\r\n          value: 'id'\r\n        },\r\n        {\r\n          text: 'email',\r\n          value: 'email'\r\n        }\r\n      ],\r\n      selectedPersonnelHeader: [\r\n        {\r\n          text: 'Name',\r\n          value: 'name'\r\n        },\r\n        { text: 'Actions', value: 'actions' }\r\n      ],\r\n      requestHeader: [\r\n        {\r\n          text: 'Name',\r\n          value: 'name'\r\n        },\r\n        {\r\n          text: 'Training',\r\n          value: 'training'\r\n        },\r\n        {\r\n          text: 'Cost',\r\n          value: 'amount'\r\n        },\r\n        {\r\n          text: 'StartDate',\r\n          value: 'startDate'\r\n        },\r\n        {\r\n          text: 'EndDate',\r\n          value: 'endDate'\r\n        },\r\n        {\r\n          text: 'shortDescription',\r\n          value: 'shortDescription'\r\n        },\r\n        { text: 'Comment', value: 'comments' },\r\n        { text: 'Actions', value: 'actions' }\r\n      ],\r\n      personnel: [],\r\n      selectedPersonnel: [],\r\n      vacationAllowanceType: []\r\n    }\r\n  },\r\n  computed: {\r\n    endDate: function () {\r\n      if (!this.formData.salaryPeriod.endDate) {\r\n        return\r\n      }\r\n      return this.formData.salaryPeriod.endDate.split('T')[0]\r\n    },\r\n    startDate: function () {\r\n      if (!this.formData.salaryPeriod.startDate) {\r\n        return\r\n      }\r\n      return this.formData.salaryPeriod.startDate.split('T')[0]\r\n    }\r\n  },\r\n  methods: {\r\n    openPersonnelSearchModal () {\r\n      this.$refs.personnelSearch.openModal()\r\n    },\r\n    showAlertMessage (message, type) {\r\n      this.alertMessage = message\r\n      this.alert = true\r\n      this.alertType = type\r\n      setTimeout(() => {\r\n        this.alert = false\r\n      }, 5000)\r\n    },\r\n\r\n    closePersonnelSearchModal () {\r\n      this.personnelSearch = []\r\n      this.$refs.personnelSearch.closeModal()\r\n    },\r\n    personnelSearchFunction () {\r\n      if (this.search === '') {\r\n        this.personnelSearch = []\r\n        return\r\n      }\r\n      this.loadingPersonnelData = true\r\n      employeeService.searchPersonnel(this.search).then(result => {\r\n        this.personnelSearch = result.data\r\n      }).catch(() => {\r\n        this.showAlertMessage('Failed to load Personnel', 'error')\r\n      }).finally(() => {\r\n        this.loadingPersonnelData = false\r\n      })\r\n    },\r\n    comments (id, value, date) {\r\n      // console.log(value)\r\n      if (value !== '') {\r\n        const newArray = this.selected.filter(comm => comm.date !== date)\r\n        this.selected = newArray\r\n        this.selected.push({\r\n          employeeid: id,\r\n          workHours: parseInt(value),\r\n          date\r\n        })\r\n      } else {\r\n        const newArray = this.selected.filter(comm => comm.date !== date)\r\n        this.selected = newArray\r\n      }\r\n    },\r\n    workHourInput (e) {\r\n      if (e.keyCode === 189 || e.keyCode === 48) {\r\n        e.preventDefault()\r\n      }\r\n    },\r\n    selectPersonnel (item) {\r\n      this.formData.personnel = [item]\r\n    },\r\n    removePersonnel (item) {\r\n      let index = null\r\n      for (let i = 0; i < this.selectedPersonnel.length; i++) {\r\n        if (this.selectedPersonnel[i].id === item.id) {\r\n          index = i\r\n          break\r\n        }\r\n      }\r\n      this.selectedPersonnel.splice(index, 1)\r\n    },\r\n\r\n    checkTimeSheetItem (item) {\r\n      this.onReset()\r\n      let id = this.formData.allowance.id\r\n      salaryComponentService\r\n        .getSalaryComponent(id)\r\n        .then(result => {\r\n          if (result.data.timesheetItemType === 1) {\r\n            this.overTime = true\r\n          } else {\r\n            this.overTime = false\r\n          }\r\n        })\r\n        .catch(() => {})\r\n    },\r\n\r\n    removeRequest (item) {\r\n      let index = null\r\n      for (let i = 0; i < this.request.length; i++) {\r\n        if (this.request[i].id === item.id) {\r\n          index = i\r\n          break\r\n        }\r\n      }\r\n\r\n      this.request.splice(index, 1)\r\n    },\r\n    generateRequest () {\r\n      this.creating = true\r\n      const allowanceRequester = []\r\n\r\n      this.selectedPersonnel.forEach(per => {\r\n        allowanceRequester.push({\r\n          EmployeId: per.id,\r\n          RequestTypeId: 1,\r\n          RequestStartDate: this.startDate,\r\n          salaryComponentId: this.formData.allowance.id,\r\n          SalaryPeriodId: this.formData.salaryPeriod.id\r\n        })\r\n      })\r\n\r\n      requestService\r\n        .validateRequests(allowanceRequester)\r\n        .then(result => {\r\n          this.personnel = this.selectedPersonnel\r\n          let existingDates = []\r\n          if (result.data[0].existingDates.length !== 0) {\r\n            existingDates = (result.data[0].existingDates)\r\n          }\r\n          if (this.formData.startDate === '') {\r\n            this.headers = this.dateArray(\r\n              this.startDate,\r\n              this.endDate,\r\n              existingDates\r\n            )\r\n          } else if (this.formData.startDate !== '' && this.formData.resumptionDate === '') {\r\n            this.headers = this.dateArray(\r\n              this.formData.startDate,\r\n              this.endDate,\r\n              existingDates\r\n            )\r\n          } else {\r\n            this.headers = this.dateArray(\r\n              this.formData.startDate,\r\n              this.formData.resumptionDate,\r\n              existingDates\r\n            )\r\n          }\r\n        })\r\n        .catch(() => {})\r\n      this.creating = false\r\n    },\r\n    dateArray (startDate, endDate, existingDates) {\r\n      let dateArr = []\r\n      let prevDate = moment(startDate)._d\r\n\r\n      let nextDate = moment(endDate)._d\r\n\r\n      prevDate = moment(prevDate).format('MM-DD-YYYY')\r\n      nextDate = moment(nextDate).format('MM-DD-YYYY')\r\n\r\n      var start = new Date(prevDate)\r\n      var end = new Date(nextDate)\r\n\r\n      while (start <= end) {\r\n        const val = existingDates.find(date => {\r\n          return moment(date).format('YYYY-MM-DD') === moment(start).format('YYYY-MM-DD')\r\n        })\r\n        dateArr.push({\r\n          date: moment(start).format('MMM Do'),\r\n          day: moment(start).format('dddd'),\r\n          value: moment(start).format('YYYY-MM-DD'),\r\n          disable: () => {\r\n            if (val) {\r\n              return true\r\n            }\r\n            return false\r\n          }\r\n        })\r\n        var newDate = start.setDate(start.getDate() + 1)\r\n        start = new Date(newDate)\r\n      }\r\n\r\n      return dateArr\r\n    },\r\n    onSave () {\r\n      // const salaryComponents = this.allowanceType.filter(all => all.isVacationAllowance === true)\r\n      let data = [\r\n        {\r\n          Employeeid: this.formData.personnel[0].id,\r\n          salaryPeriodId: this.formData.salaryPeriod.id,\r\n          requestTypeId: 1,\r\n          LeaveDays: 1,\r\n          isClaim: this.formData.isClaim,\r\n          // salaryComponentId: salaryComponents[0].id,\r\n          salaryComponentId: this.formData.vacationAllowanceType.id,\r\n          VacationYear: this.VacationYear,\r\n          VacationDays: this.formData.vacationDays,\r\n          VacationNotTakenDays: this.formData.vacationNotTakenDays\r\n        }\r\n      ]\r\n      this.isSaving = true\r\n\r\n      // console.log('Data', data)\r\n      this.$store\r\n        .dispatch(CREATE_REQUEST, { type: 'allowance', data })\r\n        .then(() => {\r\n          this.showAlertMessage('Vacation Allowance creation successful', 'success')\r\n          this.isSaving = false\r\n        })\r\n        .catch(() => {\r\n          this.showAlertMessage('Vacation Allowance creation failed', 'error')\r\n        })\r\n        .finally(() => {\r\n          this.isSaving = false\r\n          this.dialog = false\r\n          this.onReset()\r\n        })\r\n    },\r\n    vacationDayGeneration () {\r\n      if (this.formData.personnel === null) return\r\n      let data = {\r\n        EmployeeId: this.formData.personnel[0].id,\r\n        VacationYear: parseInt(this.VacationYear),\r\n        'SalaryComponentId': this.formData.vacationAllowanceType.id\r\n      }\r\n      requestService.getVacationDays(data).then((res) => {\r\n        let vacationDays = res.data.vacationDays\r\n        let vacationNotTakenDays = res.data.vacationNotTakenDays\r\n        if (res.data.hasError) {\r\n          return this.showAlertMessage(res.data.validationMessage, 'error')\r\n        }\r\n        // let vacationSum = vacationDays + vacationNotTakenDays\r\n        this.formData.vacationDays = vacationDays\r\n        this.formData.vacationNotTakenDays = vacationNotTakenDays\r\n\r\n        // if (this.formData.vacationAllowanceType.id === 1 && (vacationSum !== 21)) {\r\n        //   return this.showAlertMessage('Personnel cannot apply for vacation', 'error')\r\n        // }\r\n        // console.log('i got here', this.formData.vacationAllowanceType)\r\n        // if (this.formData.vacationAllowanceType.id === 2 && (vacationNotTakenDays === 0)) {\r\n        //   return this.showAlertMessage('Personnel is not qualified for vacation not taken', 'error')\r\n        // }\r\n      }).catch(error => {\r\n        // console.log(error)\r\n      })\r\n    },\r\n    onReset () {\r\n      this.formData.vacationAllowanceType = null\r\n      this.formData.salaryPeriod = {}\r\n      this.VacationYear = ''\r\n      this.formData.vacationNotTakenDays = 0\r\n      this.formData.vacationDays = 0\r\n      this.selectedPersonnel = []\r\n      this.formData.personnel = null\r\n      this.formData.vacationAllowanceType = ''\r\n      this.search = ''\r\n    }\r\n    // getAYearBackward () {\r\n    //   this.VacationYears = [moment().subtract(1, 'year').format('YYYY'), moment().format('YYYY')]\r\n    // }\r\n  },\r\n  mounted () {\r\n    salaryComponentService\r\n      .getAllSalaryAllowance()\r\n      .then(result => {\r\n        this.allowanceType = result.data\r\n      })\r\n      .catch(() => {})\r\n    salaryComponentService\r\n      .getVacationAllowance()\r\n      .then(result => {\r\n        this.vacationAllowanceType = result.data\r\n      })\r\n      .catch(() => {})\r\n    requestService\r\n      .getTrainingType()\r\n      .then(result => {\r\n        this.trainingType = result.data\r\n      })\r\n      .catch(() => {})\r\n\r\n    salaryPeriodService\r\n      .getAllSalaryPeriod()\r\n      .then(result => {\r\n        this.salaryPeriod = result.data\r\n      })\r\n      .catch(() => {})\r\n\r\n    salaryPeriodService\r\n      .getSalaryYears()\r\n      .then(result => {\r\n        this.VacationYears = result.data\r\n        this.VacationYears.forEach((dat, index) => {\r\n          this.VacationYears[index] = parseInt(this.VacationYears[index])\r\n        })\r\n      })\r\n      .catch(() => {})\r\n\r\n    // this.getAYearBackward()\r\n  }\r\n}\r\n</script>\r\n<style scoped>\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.btn-style {\r\n  color: rgba(0, 0, 0, 0.6);\r\n  text-align: left;\r\n}\r\n.text-style {\r\n  text-transform: capitalize;\r\n}\r\n.input {\r\n  border: 1px solid grey;\r\n  height: 30px;\r\n  padding-left: 5px;\r\n  width: 90px;\r\n}\r\n.input:disabled {\r\n  background: #a0a0a0;\r\n}\r\n.comment {\r\n  border: 1px solid grey;\r\n  height: 30px;\r\n  padding-left: 5px;\r\n  width: 190px;\r\n}\r\n.cal-day {\r\n  font-size: 13px;\r\n  margin: 0 !important;\r\n  font-weight: 100;\r\n  width: 75px;\r\n}\r\n.cal-date {\r\n  font-size: 15px;\r\n  margin: 0 !important;\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!./vacationAllowance.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!./vacationAllowance.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./vacationAllowance.vue?vue&type=template&id=2fdf2862&scoped=true\"\nimport script from \"./vacationAllowance.vue?vue&type=script&lang=js\"\nexport * from \"./vacationAllowance.vue?vue&type=script&lang=js\"\nimport style0 from \"./vacationAllowance.vue?vue&type=style&index=0&id=2fdf2862&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  \"2fdf2862\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\n// `SameValue` abstract operation\n// https://tc39.es/ecma262/#sec-samevalue\n// eslint-disable-next-line es/no-object-is -- safe\nmodule.exports = Object.is || function is(x, y) {\n  // eslint-disable-next-line no-self-compare -- NaN check\n  return x === y ? x !== 0 || 1 / x === 1 / y : x !== x && y !== y;\n};\n","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!./vacationAllowance.vue?vue&type=style&index=0&id=2fdf2862&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-select',{attrs:{\"items\":_vm.items,\"item-text\":_vm.itemText,\"item-value\":_vm.itemValue,\"dense\":\"\",\"outlined\":\"\",\"return-object\":_vm.returnObject,\"label\":_vm.label,\"rules\":_vm.validate ? [v => !!v || 'Item is required'] : []},on:{\"input\":function($event){return _vm.$emit('input', $event)},\"change\":_vm.onChange}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-select\r\n    :items=\"items\"\r\n    :item-text=\"itemText\"\r\n    :item-value=\"itemValue\"\r\n    dense\r\n    outlined\r\n    :return-object=\"returnObject\"\r\n    :label=\"label\"\r\n    :rules=\"validate ? [v => !!v || 'Item is required'] : []\"\r\n    @input=\"$emit('input', $event)\"\r\n    @change=\"onChange\"\r\n  ></v-select>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    items: {\r\n      type: Array,\r\n      required: true\r\n    },\r\n    label: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    itemText: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    returnObject: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    itemValue: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    validate: {\r\n      default: true,\r\n      type: Boolean\r\n    }\r\n  },\r\n  data: () => ({}),\r\n  methods: {\r\n    onChange (event) {\r\n      this.$emit('onChange', event)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped>\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!./SelectField.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!./SelectField.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SelectField.vue?vue&type=template&id=39a72acb&scoped=true\"\nimport script from \"./SelectField.vue?vue&type=script&lang=js\"\nexport * from \"./SelectField.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  \"39a72acb\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar call = require('../internals/function-call');\nvar fixRegExpWellKnownSymbolLogic = require('../internals/fix-regexp-well-known-symbol-logic');\nvar anObject = require('../internals/an-object');\nvar isNullOrUndefined = require('../internals/is-null-or-undefined');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar sameValue = require('../internals/same-value');\nvar toString = require('../internals/to-string');\nvar getMethod = require('../internals/get-method');\nvar regExpExec = require('../internals/regexp-exec-abstract');\n\n// @@search logic\nfixRegExpWellKnownSymbolLogic('search', function (SEARCH, nativeSearch, maybeCallNative) {\n  return [\n    // `String.prototype.search` method\n    // https://tc39.es/ecma262/#sec-string.prototype.search\n    function search(regexp) {\n      var O = requireObjectCoercible(this);\n      var searcher = isNullOrUndefined(regexp) ? undefined : getMethod(regexp, SEARCH);\n      return searcher ? call(searcher, regexp, O) : new RegExp(regexp)[SEARCH](toString(O));\n    },\n    // `RegExp.prototype[@@search]` method\n    // https://tc39.es/ecma262/#sec-regexp.prototype-@@search\n    function (string) {\n      var rx = anObject(this);\n      var S = toString(string);\n      var res = maybeCallNative(nativeSearch, rx, S);\n\n      if (res.done) return res.value;\n\n      var previousLastIndex = rx.lastIndex;\n      if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;\n      var result = regExpExec(rx, S);\n      if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;\n      return result === null ? -1 : result.index;\n    }\n  ];\n});\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"500\"},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline text-center\"},[_c('h3',[_vm._v(_vm._s(_vm.title))])]),_c('v-divider',{staticClass:\"mx-4 mb-5\"}),_c('v-card-actions',[_c('v-spacer'),_c('Button',{staticClass:\"mr-4\",attrs:{\"label\":_vm.btnTitle,\"btnType\":'Submit',\"isLoading\":_vm.loading},on:{\"onClick\":_vm.btnAction}}),_c('v-btn',{attrs:{\"color\":\"green darken-1\",\"text\":\"\"},on:{\"click\":function($event){$event.stopPropagation();_vm.show=false}}},[_vm._v(\"No\")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-dialog v-model=\"show\" persistent max-width=\"500\">\r\n    <v-card>\r\n      <v-card-title class=\"headline text-center\"><h3>{{title}}</h3></v-card-title>\r\n      <v-divider class=\"mx-4 mb-5\"></v-divider>\r\n      <v-card-actions>\r\n        <v-spacer></v-spacer>\r\n        <Button\r\n          :label=\"btnTitle\"\r\n          :btnType=\"'Submit'\"\r\n          @onClick=\"btnAction\"\r\n          :isLoading=\"loading\"\r\n          class=\"mr-4\"\r\n        />\r\n        <v-btn color=\"green darken-1\" text @click.stop=\"show=false\">No</v-btn>\r\n      </v-card-actions>\r\n    </v-card>\r\n  </v-dialog>\r\n</template>\r\n<script>\r\nimport Button from './form/Button.vue'\r\nexport default {\r\n  components: {\r\n    Button\r\n  },\r\n  props: {\r\n    title: {\r\n      type: String\r\n    },\r\n    btnTitle: {\r\n      type: String\r\n    },\r\n    dialog: {\r\n      type: Boolean\r\n    },\r\n    isLoading: {\r\n      type: Boolean\r\n    }\r\n  },\r\n  computed: {\r\n    show: {\r\n      get () {\r\n        return this.dialog\r\n      },\r\n      set (dialog) {\r\n        if (!dialog) {\r\n          this.$emit('close')\r\n        }\r\n      }\r\n    },\r\n    loading: {\r\n      get () {\r\n        return this.isLoading\r\n      },\r\n      set (isLoading) {\r\n        if (!isLoading) {\r\n          this.$emit('close')\r\n        }\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    btnAction () {\r\n      this.$emit('btnAction')\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!./confirmationDialog.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!./confirmationDialog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./confirmationDialog.vue?vue&type=template&id=72eed400\"\nimport script from \"./confirmationDialog.vue?vue&type=script&lang=js\"\nexport * from \"./confirmationDialog.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"600\"},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[_c('v-card',[_c('div',[_c('v-alert',{staticClass:\"alert\",class:{\n        'alert-error': _vm.alertType == 'error',\n        'alert-success': _vm.alertType == 'success'\n      },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('v-card-title',{staticClass:\"headline text-center\"},[_c('h3',[_vm._v(_vm._s(_vm.title))])]),_c('v-divider',{staticClass:\"mx-4 mb-5\"}),_c('v-card-text',[(_vm.personnelSearchLoading)?_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}})],1):_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-autocomplete',{attrs:{\"items\":_vm.entries,\"loading\":_vm.isLoading,\"search-input\":_vm.search,\"color\":\"#4e4e50\",\"hide-no-data\":\"\",\"hide-selected\":\"\",\"item-text\":\"name\",\"item-value\":\"mame\",\"placeholder\":\"Start typing to Search\",\"post-icon\":\"mdi-database-search\",\"return-object\":\"\",\"outlined\":\"\",\"dense\":\"\"},on:{\"update:searchInput\":function($event){_vm.search=$event},\"update:search-input\":function($event){_vm.search=$event},\"change\":_vm.selectPersonnel},model:{value:(_vm.model),callback:function ($$v) {_vm.model=$$v},expression:\"model\"}}),(_vm.mType =='forward')?_c('div',[_c('v-text-field',{attrs:{\"outlined\":\"\",\"label\":\"Comment\",\"return-object\":\"\",\"dense\":\"\"},on:{\"blur\":_vm.commentPersonnel},model:{value:(_vm.comment),callback:function ($$v) {_vm.comment=$$v},expression:\"comment\"}})],1):_vm._e()],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('p',{staticClass:\"text-left\"},[_vm._v(\"Selected: \"),(_vm.model)?_c('b',[_vm._v(_vm._s(_vm.model.name))]):_c('span',[_vm._v(\"None\")])])])],1)],1),_c('v-card-actions',[_c('v-spacer'),_vm._t(\"default\"),_c('Button',{staticClass:\"mr-4\",attrs:{\"label\":'Close',\"btnType\":'Submit',\"isLoading\":_vm.loading},on:{\"onClick\":_vm.okayBtn}})],2)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-dialog v-model=\"show\" persistent max-width=\"600\">\r\n    <v-card>\r\n      <div>\r\n      <v-alert\r\n        v-model=\"alert\"\r\n        border=\"left\"\r\n        dark\r\n        dismissible\r\n        class=\"alert\"\r\n        :class=\"{\r\n          'alert-error': alertType == 'error',\r\n          'alert-success': alertType == 'success'\r\n        }\"\r\n      >\r\n        {{ alertMessage }}\r\n      </v-alert>\r\n    </div>\r\n      <v-card-title class=\"headline text-center\"><h3>{{title}}</h3></v-card-title>\r\n      <v-divider class=\"mx-4 mb-5\"></v-divider>\r\n      <v-card-text>\r\n        <div v-if=\"personnelSearchLoading\" class=\"text-center\">\r\n        <v-progress-circular\r\n          indeterminate\r\n          color=\"primary\"\r\n        ></v-progress-circular>\r\n      </div>\r\n      <v-row v-else>\r\n        <v-col cols=\"12\">\r\n          <!-- <v-text-field\r\n            v-model=\"search\"\r\n            outlined\r\n            label=\"Search\"\r\n            @blur=\"personnelSearchFunction\"\r\n            dense\r\n          /> -->\r\n          <v-autocomplete\r\n            v-model=\"model\"\r\n            :items=\"entries\"\r\n            :loading=\"isLoading\"\r\n            :search-input.sync=\"search\"\r\n            color=\"#4e4e50\"\r\n            hide-no-data\r\n            hide-selected\r\n            item-text=\"name\"\r\n            item-value=\"mame\"\r\n            placeholder=\"Start typing to Search\"\r\n            post-icon=\"mdi-database-search\"\r\n            @change=\"selectPersonnel\"\r\n            return-object\r\n            outlined\r\n            dense\r\n          ></v-autocomplete>\r\n          <div v-if=\"mType =='forward'\">\r\n           <v-text-field\r\n            v-model=\"comment\"\r\n            outlined\r\n            label=\"Comment\"\r\n            @blur=\"commentPersonnel\"\r\n            return-object\r\n            dense\r\n          />\r\n          </div>\r\n        </v-col>\r\n        <v-col cols=\"12\">\r\n          <p  class=\"text-left\">Selected: <b v-if=\"model\">{{model.name}}</b> <span v-else>None</span></p>\r\n          <!-- <v-data-table\r\n            dense\r\n            v-model=\"personnel\"\r\n            item-key=\"id\"\r\n            @click:row=\"selectPersonnel\"\r\n            :headers=\"searchHeaders\"\r\n            :items=\"personnelSearch\"\r\n            class=\"elevation-1 row-pointer\"\r\n            :hide-default-footer=\"true\"\r\n          ></v-data-table> -->\r\n        </v-col>\r\n      </v-row>\r\n      </v-card-text>\r\n      <v-card-actions>\r\n        <v-spacer></v-spacer>\r\n          <slot></slot>\r\n        <Button\r\n          :label=\"'Close'\"\r\n          :btnType=\"'Submit'\"\r\n          @onClick=\"okayBtn\"\r\n          :isLoading=\"loading\"\r\n          class=\"mr-4\"\r\n        />\r\n      </v-card-actions>\r\n    </v-card>\r\n  </v-dialog>\r\n</template>\r\n<script>\r\nimport { employeeService } from '@/services'\r\nimport Button from './form/Button.vue'\r\nexport default {\r\n  components: {\r\n    Button\r\n  },\r\n  props: {\r\n    dialog: {\r\n      type: Boolean\r\n    },\r\n    type: {\r\n      type: String,\r\n      default: 'personnel'\r\n    },\r\n    mType: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    title: {\r\n      type: String,\r\n      default: 'Personnel Search'\r\n    }\r\n  },\r\n  computed: {\r\n    show: {\r\n      get () {\r\n        return this.dialog\r\n      },\r\n      set (dialog) {\r\n        if (!dialog) {\r\n          this.$emit('close')\r\n        }\r\n      }\r\n    },\r\n    loading: {\r\n      get () {\r\n        return this.isLoading\r\n      },\r\n      set (isLoading) {\r\n        if (!isLoading) {\r\n          this.$emit('close')\r\n        }\r\n      }\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      search: '',\r\n      selected: null,\r\n      isLoading: false,\r\n      personnel: '',\r\n      personnelName: '',\r\n      comment: '',\r\n      // forward:false,\r\n      model: null,\r\n      entries: [],\r\n      personnelSearchLoading: false,\r\n      personnelSearch: []\r\n    }\r\n  },\r\n  watch: {\r\n    search (val) {\r\n      if (this.isLoading) return\r\n\r\n      if (!val || val === null || val.includes('%')) return val\r\n\r\n      if (val.length < 3) {\r\n        return\r\n      }\r\n\r\n      this.isLoading = true\r\n\r\n      if (this.type === 'personnel') {\r\n        employeeService.searchPersonnel(val).then(result => {\r\n          this.entries = result.data\r\n        }).catch(() => {\r\n          this.showAlertMessage('Unable to load, Try again', 'error')\r\n        }).finally(() => {\r\n          this.personnelSearchLoading = false\r\n          this.selected = null\r\n          this.isLoading = false\r\n        })\r\n        return\r\n      }\r\n      if (this.type === 'employee') {\r\n        employeeService.searchEmployees(val).then(result => {\r\n          this.entries = result.data\r\n        }).catch(() => {\r\n          this.showAlertMessage('Unable to load, Try again', 'error')\r\n        }).finally(() => {\r\n          this.personnelSearchLoading = false\r\n          this.selected = null\r\n          this.isLoading = false\r\n        })\r\n      }\r\n      // Lazily load input items\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    // selectPersonnel (item) {\r\n    //   const dataItem =[]\r\n    //   dataItem.push({\r\n    //   selected: item,\r\n    //   comment: this.comment\r\n    //   })\r\n    //   // this.selected = item\r\n    //   console.log('dataItem:', dataItem)\r\n    //   this.$emit('selectPer', dataItem)\r\n    // },\r\n    selectPersonnel (item) {\r\n      this.selected = item\r\n      console.log('item', item)\r\n      this.$emit('selectPer', item)\r\n    },\r\n    commentPersonnel () {\r\n      const comment = this.comment\r\n      console.log('Comment', comment)\r\n      this.$emit('commentPer', comment)\r\n    },\r\n    okayBtn () {\r\n      this.show = false\r\n      this.personnelSearch = []\r\n      this.selected = null\r\n      this.search = ``\r\n      this.model = null\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!./PersonnelSearchModal.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!./PersonnelSearchModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PersonnelSearchModal.vue?vue&type=template&id=1b00b500\"\nimport script from \"./PersonnelSearchModal.vue?vue&type=script&lang=js\"\nexport * from \"./PersonnelSearchModal.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"],"sourceRoot":""}