{"version":3,"sources":["webpack:///./src/views/screens/timekeeping/HolidayManager.vue?2f1c","webpack:///./src/views/screens/timekeeping/HolidayManager.vue?5921","webpack:///src/views/screens/timekeeping/HolidayManager.vue","webpack:///./src/views/screens/timekeeping/HolidayManager.vue?8893","webpack:///./src/views/screens/timekeeping/HolidayManager.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","dataYear","valueYear","on","$event","staticStyle","searchTK","CheckRole","AddHoliday","_e","columns","dataTK","enabled","perPageDropdownEnabled","nextLabel","prevLabel","ofLabel","perPage","placeholder","scopedSlots","_u","key","fn","props","column","field","proxy","DeleteHoliday","row","id","lock","status","slot","SubmitHoliday","model","value","callback","$$v","activeAddHoliday","expression","day","month","year","add_day","add_note","staticRenderFns","components","VueGoodTable","data","label","hidden","thClass","tdClass","sortable","width","session","Date","getFullYear","created","methods","checkResponseData","closeLoading","AppActiveUser","role","includes","showloading","loading","setTimeout","computed","component"],"mappings":"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","file":"js/chunk-5eb5e524.ebb440e7.js","sourcesContent":["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!./HolidayManager.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Holiday\"},[_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\":\"3\"}}),_c('CCol',{attrs:{\"sm\":\"3\"}},[_c('CSelect',{attrs:{\"label\":\"Năm\",\"options\":_vm.dataYear,\"value\":_vm.valueYear},on:{\"update:value\":function($event){_vm.valueYear=$event}}})],1),_c('CCol',{staticStyle:{\"padding-top\":\"25px\"},attrs:{\"sm\":\"3\"}},[_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\")]),(_vm.CheckRole(32) === true)?_c('vs-button',{staticClass:\"float-left\",attrs:{\"square\":\"\"},on:{\"click\":function($event){return _vm.AddHoliday()}}},[_c('i',{staticClass:\"bx bxs-plus-square\"}),_vm._v(\" Thêm mới\")]):_vm._e()],1),_c('CCol',{attrs:{\"sm\":\"3\"}})],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      },\"search-options\":{\n        enabled: false,\n        placeholder: 'Tìm kiếm',\n      },\"line-numbers\":true,\"sort-options\":{\n        enabled: false,\n      }},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field === 'action')?_c('div',{staticClass:\"center\"},[_c('vs-tooltip',{attrs:{\"color\":\"danger\"},scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(\" Xoá \")]},proxy:true}],null,true)},[(_vm.CheckRole(32) === true)?_c('vs-button',{attrs:{\"transparent\":\"\",\"danger\":\"\",\"circle\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.DeleteHoliday(props.row.id)}}},[_c('i',{staticClass:\"bx bx-trash\"})]):_vm._e()],1)],1):(props.column.field === 'status')?_c('div',[(props.row.lock == 1)?_c('CBadge',{attrs:{\"color\":\"success\"}},[_vm._v(\"Đã khoá\")]):_vm._e(),(props.row.status == 1 && props.row.lock != 1)?_c('CBadge',{attrs:{\"color\":\"success\"}},[_vm._v(\"Đã duyệt\")]):(props.row.status != 1 && props.row.lock != 1)?_c('CBadge',{attrs:{\"color\":\"warning\"}},[_vm._v(\"Chờ duyệt\")]):_vm._e()],1):_vm._e()]}}])},[_c('div',{attrs:{\"slot\":\"emptystate\"},slot:\"emptystate\"},[_vm._v(\" Không có dữ liệu \")])])],1),_c('vs-dialog',{attrs:{\"prevent-close\":\"\"},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('h4',{staticClass:\"not-margin\"},[_c('b',[_vm._v(\"Thêm ngày nghỉ\")])])]},proxy:true},{key:\"footer\",fn:function(){return [_c('div',{staticClass:\"footer-dialog\"},[_c('vs-button',{attrs:{\"block\":\"\"},on:{\"click\":_vm.SubmitHoliday}},[_vm._v(\" Thêm \")])],1)]},proxy:true}]),model:{value:(_vm.activeAddHoliday),callback:function ($$v) {_vm.activeAddHoliday=$$v},expression:\"activeAddHoliday\"}},[_c('div',{staticClass:\"con-form\"},[_c('CRow',{staticClass:\"mb-12\"},[_c('CCol',{attrs:{\"sm\":\"6\"}},[_c('span',{staticClass:\"font-bold\"},[_vm._v(\"Ngày nghỉ\")]),_c('b-form-datepicker',{staticClass:\"mb-2 mt-2\",attrs:{\"id\":\"datepicker\",\"locale\":\"vi\",\"placeholder\":\"Ngày nghỉ\",\"date-format-options\":{\n              day: '2-digit',\n              month: '2-digit',\n              year: 'numeric',\n            },\"hide-header\":true,\"label-help\":\"\",\"value-as-date\":true},model:{value:(_vm.add_day),callback:function ($$v) {_vm.add_day=$$v},expression:\"add_day\"}})],1),_c('CCol',{attrs:{\"sm\":\"6\"}},[_c('CInput',{attrs:{\"label\":\"Ghi chú\",\"placeholder\":\"\"},model:{value:(_vm.add_note),callback:function ($$v) {_vm.add_note=$$v},expression:\"add_note\"}})],1)],1)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"Holiday\">\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=\"3\" />\r\n          <CCol sm=\"3\">\r\n            <CSelect label=\"Năm\" :options=\"dataYear\" :value.sync=\"valueYear\" />\r\n          </CCol>\r\n          <CCol sm=\"3\" style=\"padding-top:25px\">\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\r\n              v-if=\"CheckRole(32) === true\"\r\n              square\r\n              class=\"float-left\"\r\n              @click=\"AddHoliday()\"\r\n            >\r\n              <i class=\"bx bxs-plus-square\"></i>&nbsp;Thêm mới</vs-button\r\n            >\r\n          </CCol>\r\n          <CCol sm=\"3\" />\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        :search-options=\"{\r\n          enabled: false,\r\n          placeholder: 'Tìm kiếm',\r\n        }\"\r\n        :line-numbers=\"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 v-if=\"props.column.field === 'action'\" class=\"center\">\r\n            <vs-tooltip color=\"danger\">\r\n              <template #tooltip>\r\n                Xoá\r\n              </template>\r\n              <vs-button\r\n                v-if=\"CheckRole(32) === true\"\r\n                transparent\r\n                @click=\"DeleteHoliday(props.row.id)\"\r\n                danger\r\n                circle\r\n                icon\r\n              >\r\n                <i class=\"bx bx-trash\"></i\r\n              ></vs-button>\r\n              <!-- <CButton\r\n                    :disabled=\"valueLockALL\"\r\n                    :class=\"classDuyet\"\r\n                    color=\"danger\"\r\n                    @click=\"ConfirmTimKeeping(props.row)\"\r\n                    ><i class=\"bx bx-check-circle\"></i>\r\n                  </CButton> -->\r\n            </vs-tooltip>\r\n          </div>\r\n          <div v-else-if=\"props.column.field === 'status'\">\r\n            <CBadge v-if=\"props.row.lock == 1\" color=\"success\">Đã khoá</CBadge>\r\n            <CBadge\r\n              v-if=\"props.row.status == 1 && props.row.lock != 1\"\r\n              color=\"success\"\r\n              >Đã duyệt</CBadge\r\n            >\r\n            <CBadge\r\n              v-else-if=\"props.row.status != 1 && props.row.lock != 1\"\r\n              color=\"warning\"\r\n              >Chờ duyệt</CBadge\r\n            >\r\n          </div>\r\n        </template>\r\n      </vue-good-table>\r\n    </CCard>\r\n\r\n    <vs-dialog prevent-close v-model=\"activeAddHoliday\">\r\n      <template #header>\r\n        <h4 class=\"not-margin\">\r\n          <b>Thêm ngày nghỉ</b>\r\n        </h4>\r\n      </template>\r\n      <div class=\"con-form\">\r\n        <CRow class=\"mb-12\">\r\n          <CCol sm=\"6\">\r\n            <span class=\"font-bold\">Ngày nghỉ</span>\r\n            <b-form-datepicker\r\n              id=\"datepicker\"\r\n              v-model=\"add_day\"\r\n              class=\"mb-2 mt-2\"\r\n              locale=\"vi\"\r\n              placeholder=\"Ngày nghỉ\"\r\n              :date-format-options=\"{\r\n                day: '2-digit',\r\n                month: '2-digit',\r\n                year: 'numeric',\r\n              }\"\r\n              :hide-header=\"true\"\r\n              label-help=\"\"\r\n              :value-as-date=\"true\"\r\n            ></b-form-datepicker>\r\n          </CCol>\r\n          <CCol sm=\"6\">\r\n            <CInput label=\"Ghi chú\" placeholder=\"\" v-model=\"add_note\" />\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=\"SubmitHoliday\">\r\n            Thêm\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, mapGetters } from \"vuex\";\r\nimport ClientFactory from \"@/api/ClientFactory\";\r\nimport { VueGoodTable } from \"vue-good-table\";\r\nconst timekeepingApi = ClientFactory.get(\"timekeepings\");\r\nconst departmentApi = ClientFactory.get(\"departments\");\r\nimport moment from \"moment\";\r\n\r\nexport default {\r\n  components: {\r\n    VueGoodTable,\r\n  },\r\n  data: () => ({\r\n    activeAddHoliday: false,\r\n    add_day: \"\",\r\n    add_note: \"\",\r\n\r\n    columns: [\r\n      {\r\n        label: \"ID\",\r\n        field: \"id\",\r\n        hidden: true,\r\n      },\r\n      {\r\n        label: \"Năm\",\r\n        field: \"year\",\r\n        thClass: \"text-center\",\r\n        tdClass: \"text-center\",\r\n      },\r\n      {\r\n        label: \"Ngày nghỉ\",\r\n        field: \"holiday\",\r\n        thClass: \"text-center\",\r\n      },\r\n      {\r\n        label: \"Ghi chú\",\r\n        field: \"note\",\r\n        thClass: \"text-center\",\r\n      },\r\n      {\r\n        label: \"Thao tác\",\r\n        field: \"action\",\r\n        sortable: false,\r\n        width: \"100px\",\r\n        thClass: \"text-center\",\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    valueYear: new Date().getFullYear(),\r\n    dataYear: [\r\n      {\r\n        label: new Date().getFullYear() + 1,\r\n        value: new Date().getFullYear() + 1,\r\n      },\r\n      {\r\n        label: new Date().getFullYear(),\r\n        value: new Date().getFullYear(),\r\n      },\r\n      {\r\n        label: new Date().getFullYear() - 1,\r\n        value: new Date().getFullYear() - 1,\r\n      },\r\n      {\r\n        label: new Date().getFullYear() - 2,\r\n        value: new Date().getFullYear() - 2,\r\n      },\r\n    ],\r\n  }),\r\n  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        year: this.valueYear,\r\n      };\r\n      console.log(params);\r\n      const result = await timekeepingApi.get_holiday(params);\r\n\r\n      this.checkResponseData(result);\r\n    },\r\n\r\n    async AddHoliday() {\r\n      this.loading(this.$vs);\r\n      this.activeAddHoliday = true;\r\n      this.closeLoading();\r\n    },\r\n\r\n    async SubmitHoliday() {\r\n      this.loading(this.$vs);\r\n      let body = {};\r\n      body.holiday = moment(this.add_day).format(\"DD/MM/YYYY\");\r\n      body.note = this.add_note;\r\n\r\n      const result = await timekeepingApi.add_holiday(body);\r\n      console.log(result);\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.activeAddHoliday = 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      this.closeLoading();\r\n    },\r\n\r\n    async DeleteHoliday(id) {\r\n      let body = {};\r\n      body.id = id;\r\n      console.log(body);\r\n      const result = await timekeepingApi.delete_holiday(body);\r\n      console.log(result);\r\n      if (result.status == \"success\") {\r\n        this.searchTK();\r\n        this.notify({ text: result.data[0].error_message });\r\n      } else {\r\n        this.notify({ error: true, text: result.message });\r\n        this.searchTK();\r\n      }\r\n    },\r\n    checkResponseData: function(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    CheckRole(id) {\r\n      return this.AppActiveUser.role.includes(id);\r\n    },\r\n\r\n    showloading: function() {\r\n      this.loading();\r\n      setTimeout(() => {\r\n        this.closeLoading();\r\n      }, 2000);\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.Holiday {\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}\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!./HolidayManager.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!./HolidayManager.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HolidayManager.vue?vue&type=template&id=43c1be8f&\"\nimport script from \"./HolidayManager.vue?vue&type=script&lang=js&\"\nexport * from \"./HolidayManager.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HolidayManager.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"],"sourceRoot":""}