{"version":3,"sources":["webpack:///./src/views/screens/timekeeping/StatisticalTimekeeping.vue?ec06","webpack:///src/views/screens/timekeeping/StatisticalTimekeeping.vue","webpack:///./src/views/screens/timekeeping/StatisticalTimekeeping.vue?e6db","webpack:///./src/views/screens/timekeeping/StatisticalTimekeeping.vue","webpack:///./src/views/screens/timekeeping/StatisticalTimekeeping.vue?cef5"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","dataDepartment","valueDepartment","on","$event","dataYear","valueYear","dataTT","valueTT","getChange","class","class_visible","labelTypeSub","dataTypeSub","valueTypeSub","staticStyle","searchTK","columns","dataTK","enabled","perPage","perPageDropdownEnabled","nextLabel","prevLabel","ofLabel","placeholder","slot","downloadTimeSheet","staticRenderFns","components","VueGoodTable","data","computed","dataMonth","dataQuy","dataNuaNam","methods","checkResponseData","status","CheckRole","AppActiveUser","role","includes","id","GoPagesError","notify","error","title","text","$router","destroyed","closeLoading","component"],"mappings":"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","file":"js/chunk-3c1648ea.cf5d5436.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"StatisticalTimekeeping\"},[_c('CCard',{staticClass:\"mb-2\",attrs:{\"title\":\"Tìm kiếm\"}},[_c('CCardHeader',{staticClass:\"pt-1 pb-1\"},[_c('span',{staticClass:\"card-header-title\"},[_vm._v(\"Tổng hợp ngày công\")])]),_c('CCardBody',{staticClass:\"pt-1 pb-1\"},[_c('CRow',[_c('CCol',{attrs:{\"sm\":\"3\"}},[_c('CSelect',{staticClass:\" pt-1\",attrs:{\"label\":\"Đơn vị\",\"options\":_vm.dataDepartment,\"value\":_vm.valueDepartment},on:{\"update:value\":function($event){_vm.valueDepartment=$event}}})],1),_c('CCol',{attrs:{\"sm\":\"3\"}},[_c('CSelect',{staticClass:\" pt-1\",attrs:{\"label\":\"Năm\",\"options\":_vm.dataYear,\"value\":_vm.valueYear},on:{\"update:value\":function($event){_vm.valueYear=$event}}})],1),_c('CCol',{attrs:{\"sm\":\"3\"}},[_c('CSelect',{staticClass:\" pt-1\",attrs:{\"label\":\"Kỳ\",\"options\":_vm.dataTT,\"value\":_vm.valueTT},on:{\"update:value\":function($event){_vm.valueTT=$event},\"change\":_vm.getChange}})],1),_c('CCol',{attrs:{\"sm\":\"3\"}},[_c('CSelect',{staticClass:\" pt-1\",class:_vm.class_visible,attrs:{\"label\":_vm.labelTypeSub,\"options\":_vm.dataTypeSub,\"value\":_vm.valueTypeSub},on:{\"update:value\":function($event){_vm.valueTypeSub=$event}}})],1)],1),_c('CRow',[_c('CCol',{staticClass:\"center\",staticStyle:{\"margin-top\":\"10px\"},attrs:{\"sm\":\"12\"}},[_c('vs-button',{staticClass:\"custom_btn_search \",attrs:{\"warn\":\"\",\"square\":\"\"},on:{\"click\":function($event){return _vm.searchTK()}}},[_c('i',{staticClass:\"bx bx-search\"}),_vm._v(\" Tìm kiếm\")])],1)],1)],1)],1),_c('CCard',{staticClass:\"mb-2\"},[_c('vue-good-table',{attrs:{\"columns\":_vm.columns,\"rows\":_vm.dataTK,\"compactMode\":\"\",\"group-options\":{\n        enabled: true\n      },\"pagination-options\":{\n        enabled: true,\n        perPage: 100,\n        perPageDropdownEnabled: false,\n        nextLabel: 'Trang sau',\n        prevLabel: 'Trang trước',\n        ofLabel: 'của',\n      },\"search-options\":{\n        enabled: false,\n        placeholder: 'Tìm kiếm',\n      },\"sort-options\":{\n        enabled: false,\n      },\"line-numbers\":true}},[_c('div',{attrs:{\"slot\":\"emptystate\"},slot:\"emptystate\"},[_vm._v(\" Không có dữ liệu \")])]),_c('CRow',[_c('CCol',{staticClass:\"center\",staticStyle:{\"margin-top\":\"10px\"},attrs:{\"sm\":\"12\"}},[_c('vs-button',{attrs:{\"success\":\"\",\"square\":\"\"},on:{\"click\":function($event){return _vm.downloadTimeSheet()}}},[_c('i',{staticClass:\"bx bxs-download\"}),_vm._v(\" Tải về\")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport { mapState, mapActions } 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\nconst dropdownsApi = ClientFactory.get(\"dropdowns\");\r\n\r\nexport default {\r\n  components: {\r\n    VueGoodTable,\r\n  },\r\n  data: () => ({\r\n    labelTypeSub:\"Năm\",\r\n    valueTypeSub:\"\",\r\n    dataTypeSub:[],\r\n    class_visible:\"invisible\",\r\n    valueDepartment: \"0\",\r\n    dataDepartment: [],\r\n    dataTK: [],\r\n    valueMonth: new Date().getMonth()+1,\r\n    valueYear: new Date().getFullYear(),\r\n    valueTT: \"4\",\r\n  }),\r\n  computed: {\r\n    ...mapState(\"auth\", [\"AppActiveUser\"]),\r\n    columns() {\r\n      return [\r\n        {\r\n          label: \"Họ và tên \",\r\n          field: \"full_name\",\r\n          thClass: \"name-class text-center\",\r\n          tdClass: \"name-class\",\r\n        },\r\n        {\r\n          label: \"Số ngày công làm\",\r\n          field: \"workday_real\",\r\n          thClass: \"name-class text-center\",\r\n          tdClass: \"name-class text-center\",\r\n        },\r\n\r\n        {\r\n          label: \"Học đào tạo\",\r\n          field: \"learn\",\r\n          thClass: \"name-class text-center\",\r\n          tdClass: \"name-class text-center\",\r\n          width:\"150px\"\r\n        },\r\n        {\r\n          label: \"Thai sản/dưỡng sức\",\r\n          field: \"maternity\",\r\n          thClass: \"name-class text-center\",\r\n          tdClass: \"name-class text-center\",\r\n          width:\"150px\"\r\n        },\r\n        {\r\n          label: \"Số nghỉ phép\",\r\n          field: \"leave\",\r\n          thClass: \"name-class text-center\",\r\n          tdClass: \"name-class text-center\",\r\n          width:\"150px\"\r\n        },\r\n        {\r\n          label: \"Số nghỉ Ốm/CÔ/Tai nạn/Khác\",\r\n          field: \"sick\",\r\n          thClass: \"name-class text-center\",\r\n          tdClass: \"name-class text-center\",\r\n          width:\"150px\"\r\n        },\r\n        {\r\n          label: \"Nghỉ không lương\",\r\n          field: \"unpaid_leave\",\r\n          thClass: \"name-class text-center\",\r\n          tdClass: \"name-class text-center\",\r\n          width:\"150px\"\r\n        }\r\n      ]\r\n    },\r\n    dataMonth() {\r\n      return [\r\n        {\r\n          label: \"Tháng 1\",\r\n          value: 1,\r\n        },\r\n        {\r\n          label: \"Tháng 2\",\r\n          value: 2,\r\n        },\r\n        {\r\n          label: \"Tháng 3\",\r\n          value: 3,\r\n        },\r\n        {\r\n          label: \"Tháng 4\",\r\n          value: 4,\r\n        },\r\n        {\r\n          label: \"Tháng 5\",\r\n          value: 5,\r\n        },\r\n        {\r\n          label: \"Tháng 6\",\r\n          value: 6,\r\n        },\r\n        {\r\n          label: \"Tháng 7\",\r\n          value: 7,\r\n        },\r\n        {\r\n          label: \"Tháng 8\",\r\n          value: 8,\r\n        },\r\n        {\r\n          label: \"Tháng 9\",\r\n          value: 9,\r\n        },\r\n        {\r\n          label: \"Tháng 10\",\r\n          value: 10,\r\n        },\r\n        {\r\n          label: \"Tháng 11\",\r\n          value: 11,\r\n        },\r\n        {\r\n          label: \"Tháng 12\",\r\n          value: 12,\r\n        },\r\n      ]\r\n    },\r\n    dataYear() {\r\n      return [\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    dataTT() {\r\n      return [\r\n        {\r\n          label: \"Tháng\",\r\n          value: \"1\",\r\n        },\r\n        {\r\n          label: \"Quý\",\r\n          value: \"2\",\r\n        },\r\n        {\r\n          label: \"Nửa năm\",\r\n          value: \"3\",\r\n        },\r\n        {\r\n          label: \"Năm\",\r\n          value: \"4\",\r\n        },\r\n      ]\r\n    },\r\n    dataQuy() {\r\n      return [\r\n        {\r\n          label: \"Quý 1\",\r\n          value: \"1\",\r\n        },\r\n        {\r\n          label: \"Quý 2\",\r\n          value: \"2\",\r\n        },\r\n        {\r\n          label: \"Quý 3\",\r\n          value: \"3\",\r\n        },\r\n        {\r\n          label: \"Quý 4\",\r\n          value: \"4\",\r\n        },\r\n      ]\r\n    },\r\n    dataNuaNam() {\r\n      return [\r\n        {\r\n          label: \"6 tháng đầu năm\",\r\n          value: \"1\",\r\n        },\r\n        {\r\n          label: \"6 tháng cuối năm\",\r\n          value: \"2\",\r\n        },\r\n      ]\r\n    }\r\n  },\r\n  async created() {\r\n    if(this.CheckRole(8)=== false){\r\n      this.GoPagesError();\r\n    } else{\r\n      const params = {\r\n        department_type: 1,\r\n      };\r\n\r\n      const {data} = await departmentApi.get_department_byuser(params);\r\n      this.dataDepartment = data.map(item=>{\r\n        return{\r\n          label:item.name,\r\n          value:item.id\r\n        }\r\n      })\r\n      this.valueDepartment= this.AppActiveUser.department_id;\r\n      //this.dataDepartment = await dropdownsApi.get(dropdownsApi.type.DEPARTMENTS);\r\n      this.searchTK();\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions(\"ui\", [\"loading\", \"closeLoading\", \"notify\"]),\r\n    async MapSelect(data, label_data, value_data) {\r\n      let result = [];\r\n      let dt = {};\r\n      dt.label =\"Tất cả\";\r\n      dt.value = \"0\";\r\n      result.push(dt);\r\n      for (let index = 0; index < data.length; index++) {\r\n        dt={};\r\n        dt.label = data[index][label_data];\r\n        dt.value = data[index][value_data];\r\n        result.push(dt);\r\n      }\r\n      return result;\r\n    },\r\n    getChange(row){\r\n      if(this.valueTT ==1){\r\n        this.labelTypeSub = \"Tháng\";\r\n        this.class_visible = \"visible\";\r\n        this.dataTypeSub = this.dataMonth;\r\n        this.valueTypeSub = \"1\";\r\n      }else if(this.valueTT ==2){\r\n        this.labelTypeSub = \"Quý\";\r\n        this.valueTypeSub = \"1\";\r\n        this.dataTypeSub = this.dataQuy;\r\n        this.class_visible = \"visible\";\r\n      }else if(this.valueTT ==3){\r\n        this.labelTypeSub = \"Nửa năm\";\r\n        this.valueTypeSub = \"1\";\r\n        this.dataTypeSub = this.dataNuaNam;\r\n        this.class_visible = \"visible\";\r\n      }\r\n      else{\r\n        this.labelTypeSub = \"Năm\";\r\n\r\n        this.class_visible = \"invisible\";\r\n      }\r\n    },\r\n    searchTK: async function() {\r\n      this.loading(this.$vs);\r\n      const params = {\r\n        year: this.valueYear,\r\n        department_id: this.valueDepartment,\r\n        sub_type: this.valueTypeSub,\r\n        type: this.valueTT\r\n      };\r\n\r\n      const result = await timekeepingApi.statistical_timekeeping(params);\r\n\r\n      this.checkResponseData(result);\r\n      this.closeLoading();\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    },\r\n\r\n    CheckRole(id){\r\n      return this.AppActiveUser.role.includes(id);\r\n    },\r\n\r\n    GoPagesError() {\r\n      this.notify({\r\n        error: true,\r\n        title: \"Permission\",\r\n        text: \"Bạn không có quyền truy cập trang này\",\r\n      });\r\n      this.$router\r\n        .push({\r\n          path: \"/pages/not-authorized\",\r\n        })\r\n        .catch(() => {});\r\n    },\r\n    /**\r\n     * Tải bản chấm công (excel)\r\n     */\r\n    downloadTimeSheet: async function() {\r\n      this.loading(this.$vs);\r\n      const params = {\r\n        year: this.valueYear,\r\n        department_id: this.valueDepartment,\r\n        sub_type: this.valueTypeSub,\r\n        type: this.valueTT\r\n      };\r\n    \r\n      const response = await timekeepingApi.downloadReport(params);\r\n      this.closeLoading();\r\n      \r\n      if(typeof response === 'undefined' || response.status === 'failed') {\r\n          return this.notify({\r\n              error: true,\r\n              text: response.message || \"Unknow error\",\r\n          })\r\n      }\r\n\r\n      const url = window.URL.createObjectURL(new Blob([response.data]));\r\n      const link = document.createElement('a');\r\n      link.href = url;\r\n      link.setAttribute('download', `timesheet_report_${+ new Date().getTime()}.xlsx`)\r\n      link.click();\r\n      window.URL.revokeObjectURL(url);\r\n      \r\n    }\r\n\r\n  },\r\n  destroyed() {\r\n    this.closeLoading();\r\n  },\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div class=\"StatisticalTimekeeping\">\r\n    <CCard title=\"Tìm kiếm\" class=\"mb-2\">\r\n      <CCardHeader class=\"pt-1 pb-1\">\r\n        <span class=\"card-header-title\">Tổng hợp ngày công</span>\r\n      </CCardHeader>\r\n      <CCardBody class=\"pt-1 pb-1\">\r\n        <CRow>\r\n          <CCol sm=\"3\">\r\n            <CSelect\r\n              label=\"Đơn vị\"\r\n              :options=\"dataDepartment\"\r\n              :value.sync=\"valueDepartment\"\r\n              class=\" pt-1\"\r\n            />\r\n          </CCol>\r\n          <CCol sm=\"3\">\r\n            <CSelect\r\n              label=\"Năm\"\r\n              :options=\"dataYear\"\r\n              :value.sync=\"valueYear\"\r\n              class=\" pt-1\"\r\n            />\r\n          </CCol>\r\n          <CCol sm=\"3\">\r\n            <CSelect\r\n              label=\"Kỳ\"\r\n              :options=\"dataTT\"\r\n              :value.sync=\"valueTT\"\r\n              @change=\"getChange\"\r\n              class=\" pt-1\"\r\n            />\r\n          </CCol>\r\n          <CCol sm=\"3\">\r\n            <CSelect\r\n              :class=\"class_visible\"\r\n              :label=\"labelTypeSub\"\r\n              :options=\"dataTypeSub\"\r\n              :value.sync=\"valueTypeSub\"\r\n              class=\" pt-1\"\r\n            />\r\n          </CCol>\r\n        </CRow>\r\n        <CRow>\r\n          <CCol sm=\"12\" class=\"center\" style=\"margin-top:10px\">\r\n            <vs-button\r\n              warn\r\n              square\r\n              class=\"custom_btn_search \"\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          </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        :group-options=\"{\r\n          enabled: true\r\n        }\"\r\n        :pagination-options=\"{\r\n          enabled: true,\r\n          perPage: 100,\r\n          perPageDropdownEnabled: false,\r\n          nextLabel: 'Trang sau',\r\n          prevLabel: 'Trang trước',\r\n          ofLabel: 'của',\r\n        }\"\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        :line-numbers=\"true\"\r\n      >\r\n        <div slot=\"emptystate\">\r\n          Không có dữ liệu\r\n        </div>\r\n      </vue-good-table>\r\n      <CRow>\r\n          <CCol sm=\"12\" class=\"center\" style=\"margin-top:10px\">\r\n            <vs-button\r\n              success\r\n              square\r\n              @click=\"downloadTimeSheet()\"\r\n            >\r\n              <i class=\"bx bxs-download\"></i>&nbsp;Tải về</vs-button\r\n            >\r\n          </CCol>\r\n      </CRow>\r\n    </CCard>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n.DepartmentTimekeeping {\r\n  table.vgt-table td {\r\n    vertical-align: inherit;\r\n  }\r\n  .width-class {\r\n    min-width: 1px !important;\r\n  }\r\n  .name-class {\r\n    min-width: none;\r\n    -width: 250px !important;\r\n  }\r\n\r\n  .month-class {\r\n    min-width: none;\r\n    -width: 80px !important;\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!./StatisticalTimekeeping.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!./StatisticalTimekeeping.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StatisticalTimekeeping.vue?vue&type=template&id=bfdc4d5e&\"\nimport script from \"./StatisticalTimekeeping.vue?vue&type=script&lang=js&\"\nexport * from \"./StatisticalTimekeeping.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StatisticalTimekeeping.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!./StatisticalTimekeeping.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}