{"version":3,"sources":["webpack:///./src/views/screens/timekeeping/UserTimeKeeping.vue?13ab","webpack:///./src/views/screens/timekeeping/UserTimeKeeping.vue?387d","webpack:///src/views/screens/timekeeping/UserTimeKeeping.vue","webpack:///./src/views/screens/timekeeping/UserTimeKeeping.vue?221c","webpack:///./src/views/screens/timekeeping/UserTimeKeeping.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","dataYear","valueYear","on","$event","dataTT","valueTT","searchTK","columns","dataTK","enabled","perPageDropdownEnabled","nextLabel","prevLabel","ofLabel","placeholder","rowStyleClassFn","scopedSlots","_u","key","fn","props","column","field","row","status","proxy","goTimeKeepingDetal","id","_e","lock","staticStyle","slot","staticRenderFns","components","VueGoodTable","data","label","sortable","width","thClass","tdClass","hidden","session","Date","getFullYear","value","created","methods","checkResponseData","console","log","$router","monthyear","valueMonth","computed","destroyed","closeLoading","component"],"mappings":"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","file":"js/chunk-255a65e5.bd7e9f2c.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!./UserTimeKeeping.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:\"UserTimekeeping\"},[_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(\"Bảng chấm công cá nhân\")])]),_c('CCardBody',{staticClass:\"pt-1 pb-3\"},[_c('CRow',[_c('CCol',{attrs:{\"sm\":\"3\"}}),_c('CCol',{attrs:{\"sm\":\"2\"}},[_c('CSelect',{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',{attrs:{\"label\":\"Trạng thái\",\"options\":_vm.dataTT,\"value\":_vm.valueTT},on:{\"update:value\":function($event){_vm.valueTT=$event}}})],1),_c('CCol',{attrs:{\"sm\":\"2\"}},[_c('label',[_vm._v(\" \")]),_c('vs-button',{staticClass:\"custom_btn_search mt-0\",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\":\"1\"}})],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      },\"line-numbers\":true,\"search-options\":{\n        enabled: false,\n        placeholder: 'Tìm kiếm',\n      },\"sort-options\":{\n        enabled: false,\n      },\"row-style-class\":_vm.rowStyleClassFn},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field === 'action')?_c('div',{staticClass:\"row center\"},[(props.row.status == 1 || props.row.status == -1 || props.row.status == 5 || props.row.status == 6)?_c('div',{staticClass:\"row center\"},[_c('vs-tooltip',{attrs:{\"color\":\"success\"},scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(\" Xem chi tiết \")]},proxy:true}],null,true)},[_c('vs-button',{attrs:{\"transparent\":\"\",\"circle\":\"\",\"icon\":\"\",\"success\":\"\"},on:{\"click\":function($event){return _vm.goTimeKeepingDetal(props.row.id)}}},[_c('i',{staticClass:\"bx bx-detail\"})])],1)],1):_vm._e(),(props.row.status == 2 || props.row.status == 3)?_c('div',{staticClass:\"row center\"},[_c('vs-tooltip',{attrs:{\"color\":\"square\"},scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(\" Cập nhật trạng thái ngày công \")]},proxy:true}],null,true)},[_c('vs-button',{attrs:{\"transparent\":\"\",\"circle\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.goTimeKeepingDetal(props.row.id)}}},[_c('i',{staticClass:\"bx bx-calendar-edit\"})])],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(\"Đang chấm\")]):(props.row.status == 3 && props.row.lock != 1)?_c('CBadge',{attrs:{\"color\":\"danger\"}},[_vm._v(\"Trả lại\")]):(props.row.status == 5 && props.row.lock != 1)?_c('CBadge',{attrs:{\"color\":\"danger\"}},[_vm._v(\"Văn phòng trả\")]):(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 \")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"UserTimekeeping\">\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\">Bảng chấm công cá nhân</span>\r\n      </CCardHeader>\r\n      <CCardBody class=\"pt-1 pb-3\">\r\n        <CRow>\r\n          <CCol sm=\"3\" />\r\n          <CCol sm=\"2\">\r\n            <CSelect label=\"Năm\" :options=\"dataYear\" :value.sync=\"valueYear\" />\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            />\r\n          </CCol>\r\n          <CCol sm=\"2\">\r\n            <label>&nbsp;</label>\r\n            <vs-button\r\n              warn\r\n              square\r\n              class=\"custom_btn_search mt-0\"\r\n              @click=\"searchTK()\"\r\n              ><i class=\"bx bx-search\"></i>&nbsp;Tìm kiếm</vs-button\r\n            >\r\n          </CCol>\r\n          <CCol sm=\"1\" />\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        }\"\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        :row-style-class=\"rowStyleClassFn\"\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'\" class=\"row center\">\r\n            <div\r\n              v-if=\"props.row.status == 1 || props.row.status == -1 || props.row.status == 5 || props.row.status == 6\"\r\n              class=\"row center\"\r\n            >\r\n              <vs-tooltip color=\"success\">\r\n                <template #tooltip>\r\n                  Xem chi tiết\r\n                </template>\r\n                <vs-button\r\n                  transparent\r\n                  @click=\"goTimeKeepingDetal(props.row.id)\"\r\n                  circle\r\n                  icon\r\n                  success\r\n                >\r\n                  <i class=\"bx bx-detail\"></i>\r\n                </vs-button>\r\n              </vs-tooltip>\r\n            </div>\r\n            <div\r\n              v-if=\"props.row.status == 2 || props.row.status == 3\"\r\n              class=\"row center\"\r\n            >\r\n              <vs-tooltip color=\"square\">\r\n                <template #tooltip>\r\n                  Cập nhật trạng thái ngày công\r\n                </template>\r\n                <vs-button\r\n                  transparent\r\n                  @click=\"goTimeKeepingDetal(props.row.id)\"\r\n                  circle\r\n                  icon\r\n                >\r\n                  <i class=\"bx bx-calendar-edit\"></i>\r\n                </vs-button>\r\n              </vs-tooltip>\r\n            </div>\r\n          </div>\r\n\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              >Đang chấm</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              >Trả lại</CBadge\r\n            >\r\n            <CBadge\r\n              v-else-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-else-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    </CCard>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapState, mapActions } from \"vuex\";\r\nimport ClientFactory from \"@/api/ClientFactory\";\r\n\r\nimport { VueGoodTable } from \"vue-good-table\";\r\nconst timekeepingApi = ClientFactory.get(\"timekeepings\");\r\n\r\nexport default {\r\n  components: {\r\n    VueGoodTable,\r\n  },\r\n  data: () => ({\r\n\r\n    columns: [\r\n      {\r\n        label: \"Thao tác\",\r\n        field: \"action\",\r\n        sortable: false,\r\n        width: \"78px\",\r\n        thClass: \"text-center\",\r\n        tdClass: \"text-center\",\r\n      },\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: \"170px\",\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: \"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    rows: [\r\n      {\r\n        session: \"<button>My Action</button>\",\r\n        // ...\r\n      },\r\n    ],\r\n    dataTK: [],\r\n    valueYear: new Date().getFullYear(),\r\n    valueMonth: (new Date().getMonth() + 1)>10 ? (new Date().getMonth() + 1) : \"0\"+(new Date().getMonth() + 1),\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: \"0\",\r\n    dataTT: [\r\n      {\r\n        label: \"Tất cả\",\r\n        value: \"0\",\r\n      },\r\n      {\r\n        label: \"Lưu tạm\",\r\n        value: \"2\",\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: \"Từ chối\",\r\n        value: \"3\",\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  }),\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        status: this.valueTT,\r\n        employee_id: this.AppActiveUser.employee_id,\r\n      };\r\n\r\n      const data = await timekeepingApi.get_timekeeping(params);\r\n\r\n      this.checkResponseData(data);\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        console.log(this.dataTK);\r\n      } else {\r\n        this.dataTK = [];\r\n      }\r\n    },\r\n    goTimeKeepingDetal(id) {\r\n      console.log(id);\r\n      this.$router\r\n        .push({ path: `detail`, query: { id: id, ld: 0 } })\r\n        .catch(() => {});\r\n    },\r\n    rowStyleClassFn(row) {\r\n      return row.monthyear == this.valueMonth+\"/\"+this.valueYear ? 'current-month' : '';\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapState(\"auth\", [\"AppActiveUser\"]),\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.UserTimekeeping {\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  .current-month{\r\n    background-color:#f5f6c6;\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!./UserTimeKeeping.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!./UserTimeKeeping.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserTimeKeeping.vue?vue&type=template&id=042f9234&\"\nimport script from \"./UserTimeKeeping.vue?vue&type=script&lang=js&\"\nexport * from \"./UserTimeKeeping.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserTimeKeeping.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":""}