{"version":3,"sources":["webpack:///./src/views/screens/timekeeping/OfficeTimekeeping.vue?0b9d","webpack:///src/views/screens/timekeeping/OfficeTimekeeping.vue","webpack:///./src/views/screens/timekeeping/OfficeTimekeeping.vue?6869","webpack:///./src/views/screens/timekeeping/OfficeTimekeeping.vue","webpack:///./src/views/screens/timekeeping/OfficeTimekeeping.vue?40f2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","dataDepartment","valueDepartment","on","$event","changDepartment","dataYear","valueYear","searchTK","dataMonth","valueMonth","dataTT","valueTT","staticStyle","columns","dataTK","enabled","perPageDropdownEnabled","nextLabel","prevLabel","ofLabel","perPage","placeholder","scopedSlots","_u","key","fn","props","column","field","row","status","proxy","CancelCensorship","_e","lock","slot","downloadTimeSheet","staticRenderFns","components","VueGoodTable","data","label","Date","getFullYear","value","methods","checkResponseData","closeLoading","computed","destroyed","component"],"mappings":"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","file":"js/chunk-26f24084.49d50539.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"OfficeTimekeeping\"},[_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(\"Văn phòng tổng hợp chấm công\")])]),_c('CCardBody',{staticClass:\"pt-1 pb-1\"},[_c('CRow',[_c('CCol',{attrs:{\"sm\":\"3\"}},[_c('CSelect',{attrs:{\"label\":\"Đơn vị\",\"options\":_vm.dataDepartment,\"value\":_vm.valueDepartment},on:{\"update:value\":function($event){_vm.valueDepartment=$event},\"change\":_vm.changDepartment}})],1),_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},\"change\":_vm.searchTK}})],1),_c('CCol',{attrs:{\"sm\":\"3\"}},[_c('CSelect',{attrs:{\"label\":\"Tháng\",\"options\":_vm.dataMonth,\"value\":_vm.valueMonth},on:{\"update:value\":function($event){_vm.valueMonth=$event},\"change\":_vm.searchTK}})],1),_c('CCol',{attrs:{\"sm\":\"3\"}},[_c('CSelect',{attrs:{\"label\":\"Trạng thái\",\"options\":_vm.dataTT,\"value\":_vm.valueTT},on:{\"update:value\":function($event){_vm.valueTT=$event},\"change\":_vm.searchTK}})],1)],1),_c('CRow',{staticStyle:{\"margin-top\":\"10px\"}},[_c('CCol',{attrs:{\"sm\":\"3\"}}),_c('CCol',{staticClass:\"center\",attrs:{\"sm\":\"6\"}},[_c('vs-button',{staticClass:\"custom_btn_search float-left\",attrs:{\"warn\":\"\",\"square\":\"\"},on:{\"click\":function($event){return _vm.searchTK()}}},[_c('i',{staticClass:\"bx bx-search\"}),_vm._v(\" Tìm kiếm\")])],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: 100,\n      },\"line-numbers\":true,\"search-options\":{\n        enabled: false,\n        placeholder: 'Tìm kiếm',\n      },\"sort-options\":{\n        enabled: false,\n      }},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field === 'action')?_c('div',[(props.row.status == 1)?_c('div',{staticClass:\"row center\"},[_c('vs-tooltip',{attrs:{\"color\":\"danger\"},scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(\" Trả lại để lãnh đạo phê duyệt lại. \")]},proxy:true}],null,true)},[_c('vs-button',{attrs:{\"danger\":\"\",\"square\":\"\",\"size\":\"mini\"},on:{\"click\":function($event){return _vm.CancelCensorship(props.row)}}},[_vm._v(\"Trả lại\")])],1)],1):_vm._e()]):(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\":\"primary\"}},[_vm._v(\"Đã duyệt\")]):(props.row.status == -1 && props.row.lock != 1)?_c('CBadge',{attrs:{\"color\":\"warning\"}},[_vm._v(\"Chờ duyệt\")]):(props.row.status == 2 && props.row.lock != 1)?_c('CBadge',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Chưa nộp\")]):(props.row.status == 3 && props.row.lock != 1)?_c('CBadge',{attrs:{\"color\":\"danger\"}},[_vm._v(\"Từ chối\")]):_vm._e(),(props.row.status == 5 && props.row.lock != 1)?_c('CBadge',{attrs:{\"color\":\"danger\"}},[_vm._v(\"Văn phòng trả\")]):_vm._e(),(props.row.status == 6 && props.row.lock != 1)?_c('CBadge',{attrs:{\"color\":\"success\"}},[_vm._v(\"Gửi văn phòng\")]):_vm._e()],1):_vm._e()]}}])},[_c('div',{staticStyle:{\"margin-top\":\"10px\",\"margin-bottom\":\"10px\"},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 }","<template>\r\n  <div class=\"OfficeTimekeeping\">\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\">Văn phòng tổng hợp chấm 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              @change=\"changDepartment\"\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              @change=\"searchTK\"\r\n            />\r\n          </CCol>\r\n          <CCol sm=\"3\">\r\n            <CSelect\r\n              label=\"Tháng\"\r\n              :options=\"dataMonth\"\r\n              :value.sync=\"valueMonth\"\r\n              @change=\"searchTK\"\r\n            />\r\n          </CCol>\r\n          <CCol sm=\"3\">\r\n            <CSelect\r\n              label=\"Trạng thái\"\r\n              :options=\"dataTT\"\r\n              :value.sync=\"valueTT\"\r\n              @change=\"searchTK\"\r\n            />\r\n          </CCol>\r\n        </CRow>\r\n        <CRow style=\"margin-top:10px\">\r\n          <CCol sm=\"3\" />\r\n          <CCol sm=\"6\" class=\"center\">\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          </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: 100,\r\n        }\"\r\n        :line-numbers=\"true\"\r\n        :search-options=\"{\r\n          enabled: false,\r\n          placeholder: 'Tìm kiếm',\r\n        }\"\r\n        :sort-options=\"{\r\n          enabled: false,\r\n        }\"\r\n      >\r\n        <div slot=\"emptystate\" style=\"margin-top: 10px; margin-bottom: 10px\">\r\n          Không có dữ liệu\r\n        </div>\r\n        <template slot=\"table-row\" slot-scope=\"props\">\r\n          <div v-if=\"props.column.field === 'action'\">\r\n            <div v-if=\"props.row.status == 1\" class=\"row center\">\r\n              <vs-tooltip color=\"danger\">\r\n                <template #tooltip>\r\n                  Trả lại để lãnh đạo phê duyệt lại.\r\n                </template>\r\n                <vs-button\r\n                  @click=\"CancelCensorship(props.row)\"\r\n                  danger\r\n                  square\r\n                  size=\"mini\"\r\n                >Trả lại</vs-button>\r\n              </vs-tooltip>\r\n            </div>\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=\"primary\"\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            <CBadge\r\n              v-else-if=\"props.row.status == 2 && props.row.lock != 1\"\r\n              color=\"secondary\"\r\n              >Chưa nộp</CBadge\r\n            >\r\n            <CBadge\r\n              v-else-if=\"props.row.status == 3 && props.row.lock != 1\"\r\n              color=\"danger\"\r\n              >Từ chối</CBadge\r\n            >\r\n            <CBadge\r\n              v-if=\"props.row.status == 5 && props.row.lock != 1\"\r\n              color=\"danger\"\r\n              >Văn phòng trả</CBadge\r\n            >\r\n            <CBadge\r\n              v-if=\"props.row.status == 6 && props.row.lock != 1\"\r\n              color=\"success\"\r\n              >Gửi văn phòng</CBadge\r\n            >\r\n          </div>\r\n        </template>\r\n      </vue-good-table>\r\n      <CRow>\r\n        <CCol sm=\"12\" class=\"center\" style=\"margin-top:10px\">\r\n          <vs-button success square @click=\"downloadTimeSheet()\">\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<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 dropdownsApi = ClientFactory.get(\"dropdowns\");\r\nconst departmentApi = ClientFactory.get(\"departments\");\r\n\r\nexport default {\r\n  components: {\r\n    VueGoodTable,\r\n  },\r\n  data: () => ({\r\n    valueDepartment: \"0\",\r\n    dataDepartment: [],\r\n    dataTK: [],\r\n    valueMonth: new Date().getMonth() + 1,\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    valueTT: \"1\",\r\n  }),\r\n  async created() {\r\n    await this.GetDepartment();\r\n    // Lấy trạng thái có trong store, dùng để trở lại trạng thái search trước khi sau khi từ màn hình phê duyệt/chi tiết trở về\r\n    ({\r\n      department_id: this.valueDepartment,\r\n      year: this.valueYear,\r\n      month: this.valueMonth,\r\n      status: this.status,\r\n    } = this.filterDTK);\r\n\r\n    this.searchTK();\r\n  },\r\n  methods: {\r\n    ...mapActions(\"ui\", [\"loading\", \"closeLoading\", \"notify\"]),\r\n    ...mapActions(\"TimeKeepingStore\", [\"saveDepartmentSearchFilter\"]),\r\n    async GetDepartment() {\r\n      this.dataDepartment = await dropdownsApi.get(\r\n        dropdownsApi.type.DEPARTMENTS\r\n      );\r\n\r\n      // const params = {\r\n      //   department_type: 1,\r\n      // };\r\n\r\n      // const result = await departmentApi.get_department_byuser(params);\r\n      // if (result.status == \"success\") {\r\n      //   this.dataDepartment = await this.MapSelect(result.data, \"name\", \"id\");\r\n      // } else {\r\n      //   this.dataDepartment = [];\r\n      // }\r\n    },\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\r\n      return result;\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        month: this.valueMonth,\r\n        status: this.valueTT,\r\n        department_id: this.valueDepartment,\r\n      };\r\n      // save search filter to global store to keep state filter when come back.\r\n      this.saveDepartmentSearchFilter({\r\n        filter: params,\r\n      });\r\n\r\n      // call seach API.\r\n      const result = await timekeepingApi.get_office_summary_tk(params);\r\n\r\n      this.checkResponseData(result);\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    async changDepartment() {\r\n      this.searchTK();\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        month: this.valueMonth,\r\n        status: this.valueTT,\r\n        department_id: this.valueDepartment,\r\n      };\r\n\r\n      const response = await timekeepingApi.report_office_summary_tk(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(\r\n        \"download\",\r\n        `Bao_cao_ngay_cong_${+new Date().getTime()}.xlsx`\r\n      );\r\n      link.click();\r\n      window.URL.revokeObjectURL(url);\r\n    },\r\n    CancelCensorship: async function(item) {\r\n      ///// Trả lại bảng chấm công\r\n      // console.log(item);\r\n      // return;\r\n\r\n      let body = {};\r\n      body.employee_id = item.employee_id;\r\n      body.year = item.year;\r\n      body.month = item.month;\r\n      body.session = 0;\r\n      body.approve = 5;\r\n\r\n      const result = await timekeepingApi.censorship_timekeeping(body);\r\n\r\n      if (result.status == \"success\") {\r\n        this.notify({ text: result.data[0].error_message });\r\n        this.searchTK();\r\n        this.closeLoading();\r\n      } else {\r\n        this.notify({ error: true, text: result.message });\r\n        this.searchTK();\r\n        this.closeLoading();\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapState(\"auth\", [\"AppActiveUser\"]),\r\n    ...mapGetters(\"TimeKeepingStore\", [\"filterDTK\"]),\r\n    columns() {\r\n      return [\r\n        {\r\n          label: \"ID\",\r\n          field: \"id\",\r\n          hidden: true,\r\n        },\r\n        {\r\n          label: \"Tháng\",\r\n          field: \"monthyear\",\r\n          thClass: \"tk-month-class text-center\",\r\n          tdClass: \"tk-month-class text-center\",\r\n        },\r\n        {\r\n          label: \"Họ và tên \",\r\n          field: \"full_name\",\r\n          width: \"190px\",\r\n          thClass: \"\",\r\n        },\r\n        {\r\n          label: \"Trạng thái\",\r\n          field: \"status\",\r\n          sortable: false,\r\n          width: \"90px\",\r\n          thClass: \"text-center\",\r\n          tdClass: \"text-center\",\r\n        },\r\n        {\r\n          label: \"Thao tác\",\r\n          field: \"action\",\r\n          sortable: false,\r\n          width: \"90px\",\r\n          thClass: \"text-center\",\r\n          tdClass: \"text-center\",\r\n        },\r\n        {\r\n          label: \"N.Công\",\r\n          field: \"workday_real\",\r\n          width: \"90px\",\r\n          thClass: \"text-center\",\r\n          tdClass: \"text-center\",\r\n        },\r\n        {\r\n          label: \"1 \",\r\n          field: \"timesheet.d1\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n\r\n        {\r\n          label: \"2 \",\r\n          field: \"timesheet.d2\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n\r\n        {\r\n          label: \"3 \",\r\n          field: \"timesheet.d3\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n\r\n        {\r\n          label: \"4 \",\r\n          field: \"timesheet.d4\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n\r\n        {\r\n          label: \"5 \",\r\n          field: \"timesheet.d5\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n\r\n        {\r\n          label: \"6 \",\r\n          field: \"timesheet.d6\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n\r\n        {\r\n          label: \"7 \",\r\n          field: \"timesheet.d7\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n\r\n        {\r\n          label: \"8\",\r\n          field: \"timesheet.d8\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"9\",\r\n          field: \"timesheet.d9\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"10\",\r\n          field: \"timesheet.d10\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"11\",\r\n          field: \"timesheet.d11\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"12\",\r\n          field: \"timesheet.d12\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"13\",\r\n          field: \"timesheet.d13\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"14\",\r\n          field: \"timesheet.d14\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"15\",\r\n          field: \"timesheet.d15\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"16\",\r\n          field: \"timesheet.d16\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"17\",\r\n          field: \"timesheet.d17\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"18\",\r\n          field: \"timesheet.d18\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"19\",\r\n          field: \"timesheet.d19\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"20\",\r\n          field: \"timesheet.d20\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"21\",\r\n          field: \"timesheet.d21\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"22\",\r\n          field: \"timesheet.d22\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"23\",\r\n          field: \"timesheet.d23\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"24\",\r\n          field: \"timesheet.d24\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"25\",\r\n          field: \"timesheet.d25\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"26\",\r\n          field: \"timesheet.d26\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"27\",\r\n          field: \"timesheet.d27\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"28\",\r\n          field: \"timesheet.d28\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"29\",\r\n          field: \"timesheet.d29\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"30\",\r\n          field: \"timesheet.d30\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\r\n        },\r\n        {\r\n          label: \"31\",\r\n          field: \"timesheet.d31\",\r\n          thClass: \"tk-width-class\",\r\n          tdClass: \"tk-width-class\",\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    dataTT() {\r\n      return [\r\n        {\r\n          label: \"Tất cả\",\r\n          value: \"0\",\r\n        },\r\n        // {\r\n        //   label: \"Gửi văn phòng\",\r\n        //   value: \"6\",\r\n        // },\r\n        {\r\n          label: \"Văn phòng trả\",\r\n          value: \"5\",\r\n        },\r\n        {\r\n          label: \"Chờ duyệt\",\r\n          value: \"-1\",\r\n        },\r\n        {\r\n          label: \"Đã duyệt\",\r\n          value: \"1\",\r\n        },\r\n        {\r\n          label: \"Chưa nộp\",\r\n          value: \"2\",\r\n        },\r\n        // {\r\n        //   label: \"Trả lại\",\r\n        //   value: \"3\",\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<style lang=\"scss\">\r\n.OfficeTimekeeping {\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!./OfficeTimekeeping.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!./OfficeTimekeeping.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OfficeTimekeeping.vue?vue&type=template&id=d13bccb0&\"\nimport script from \"./OfficeTimekeeping.vue?vue&type=script&lang=js&\"\nexport * from \"./OfficeTimekeeping.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OfficeTimekeeping.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!./OfficeTimekeeping.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}