You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
7.1 KiB
1 lines
7.1 KiB
{"remainingRequest":"F:\\money\\system\\springboot\\vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\money\\system\\springboot\\vue\\src\\views\\front\\Attendance.vue?vue&type=style&index=0&id=a27fc96e&lang=css","dependencies":[{"path":"F:\\money\\system\\springboot\\vue\\src\\views\\front\\Attendance.vue","mtime":1714096898519},{"path":"F:\\money\\system\\springboot\\vue\\node_modules\\css-loader\\dist\\cjs.js","mtime":1713785857195},{"path":"F:\\money\\system\\springboot\\vue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1713785859014},{"path":"F:\\money\\system\\springboot\\vue\\node_modules\\postcss-loader\\src\\index.js","mtime":1713785857859},{"path":"F:\\money\\system\\springboot\\vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1713785856543},{"path":"F:\\money\\system\\springboot\\vue\\node_modules\\vue-loader\\lib\\index.js","mtime":1713785858382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci5oZWFkZXJCZyB7CiAgYmFja2dyb3VuZDogI2VlZSFpbXBvcnRhbnQ7Cn0K"},{"version":3,"sources":["Attendance.vue"],"names":[],"mappings":";AAmLA;AACA;AACA","file":"Attendance.vue","sourceRoot":"src/views/front","sourcesContent":["<template>\r\n <div>\r\n <!-- <div style=\"margin: 10px 0\">\r\n <el-input style=\"width: 200px\" placeholder=\"请输入名称\" suffix-icon=\"el-icon-search\" v-model=\"name\"></el-input>\r\n <el-button class=\"ml-5\" type=\"primary\" @click=\"load\">搜索</el-button>\r\n <el-button type=\"warning\" @click=\"reset\">重置</el-button>\r\n </div>-->\r\n\r\n <div style=\"margin: 10px 0\">\r\n <el-button class=\"ml-5\" type=\"primary\" @click=\"save\">上班打卡</el-button>\r\n </div>\r\n\r\n <el-table :data=\"tableData\" border stripe :header-cell-class-name=\"'headerBg'\" @selection-change=\"handleSelectionChange\">\r\n <el-table-column type=\"selection\" width=\"55\"></el-table-column>\r\n <el-table-column prop=\"id\" label=\"ID\" width=\"80\" sortable></el-table-column>\r\n <!-- <el-table-column prop=\"employeeId\" label=\"员工ID\"></el-table-column>-->\r\n <el-table-column prop=\"employee\" label=\"员工\"></el-table-column>\r\n <el-table-column prop=\"attendanceDate\" label=\"出勤日期\"></el-table-column>\r\n <el-table-column prop=\"startTime\" label=\"上班时间\"></el-table-column>\r\n <el-table-column prop=\"endTime\" label=\"下班时间\"></el-table-column>\r\n <el-table-column prop=\"status\" label=\"出勤状态\"></el-table-column>\r\n\r\n <el-table-column label=\"操作\" width=\"180\" align=\"center\">\r\n <template slot-scope=\"scope\">\r\n <el-button class=\"ml-5\" type=\"primary\" @click=\"handleEdit(scope.row)\">下班打卡</el-button>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <div style=\"padding: 10px 0\">\r\n <el-pagination\r\n @size-change=\"handleSizeChange\"\r\n @current-change=\"handleCurrentChange\"\r\n :current-page=\"pageNum\"\r\n :page-sizes=\"[2, 5, 10, 20]\"\r\n :page-size=\"pageSize\"\r\n layout=\"total, sizes, prev, pager, next, jumper\"\r\n :total=\"total\">\r\n </el-pagination>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n export default {\r\n name: \"Attendrecords\",\r\n data() {\r\n return {\r\n tableData: [],\r\n employees: [],\r\n total: 0,\r\n pageNum: 1,\r\n pageSize: 10,\r\n name: \"\",\r\n form: {},\r\n multipleSelection: [],\r\n user: localStorage.getItem(\"user\") ? JSON.parse(localStorage.getItem(\"user\")) : {}\r\n }\r\n },\r\n created() {\r\n this.load()\r\n this.request.get(\"/employee\").then(res => {\r\n this.employees = res.data\r\n })\r\n },\r\n methods: {\r\n load() {\r\n this.request.get(\"/attendrecords/page\", {\r\n params: {\r\n pageNum: this.pageNum,\r\n pageSize: this.pageSize,\r\n name: this.name,\r\n }\r\n }).then(res => {\r\n this.tableData = res.data.records\r\n this.total = res.data.total\r\n })\r\n },\r\n save() {\r\n this.request.post(\"/attendrecords\", this.form).then(res => {\r\n if (res.code === '200') {\r\n this.$message.success(\"保存成功\")\r\n this.load()\r\n } else {\r\n this.$message.error(\"保存失败\")\r\n }\r\n })\r\n },\r\n handleAdd() {\r\n this.form = {}\r\n this.$nextTick(() => {\r\n if(this.$refs.img) {\r\n this.$refs.img.clearFiles();\r\n }\r\n if(this.$refs.file) {\r\n this.$refs.file.clearFiles();\r\n }\r\n })\r\n },\r\n handleEdit(row) {\r\n this.form = JSON.parse(JSON.stringify(row))\r\n this.$nextTick(() => {\r\n if(this.$refs.img) {\r\n this.$refs.img.clearFiles();\r\n }\r\n if(this.$refs.file) {\r\n this.$refs.file.clearFiles();\r\n }\r\n })\r\n },\r\n del(id) {\r\n this.request.delete(\"/attendrecords/\" + id).then(res => {\r\n if (res.code === '200') {\r\n this.$message.success(\"删除成功\")\r\n this.load()\r\n } else {\r\n this.$message.error(\"删除失败\")\r\n }\r\n })\r\n },\r\n handleSelectionChange(val) {\r\n console.log(val)\r\n this.multipleSelection = val\r\n },\r\n delBatch() {\r\n if (!this.multipleSelection.length) {\r\n this.$message.error(\"请选择需要删除的数据\")\r\n return\r\n }\r\n let ids = this.multipleSelection.map(v => v.id) // [{}, {}, {}] => [1,2,3]\r\n this.request.post(\"/attendrecords/del/batch\", ids).then(res => {\r\n if (res.code === '200') {\r\n this.$message.success(\"批量删除成功\")\r\n this.load()\r\n } else {\r\n this.$message.error(\"批量删除失败\")\r\n }\r\n })\r\n },\r\n reset() {\r\n this.name = \"\"\r\n this.load()\r\n },\r\n handleSizeChange(pageSize) {\r\n console.log(pageSize)\r\n this.pageSize = pageSize\r\n this.load()\r\n },\r\n handleCurrentChange(pageNum) {\r\n console.log(pageNum)\r\n this.pageNum = pageNum\r\n this.load()\r\n },\r\n handleFileUploadSuccess(res) {\r\n this.form.file = res\r\n },\r\n handleImgUploadSuccess(res) {\r\n this.form.img = res\r\n },\r\n download(url) {\r\n window.open(url)\r\n },\r\n exp() {\r\n window.open(\"http://localhost:9090/attendrecords/export\")\r\n },\r\n handleExcelImportSuccess() {\r\n this.$message.success(\"导入成功\")\r\n this.load()\r\n }\r\n }\r\n }\r\n</script>\r\n\r\n\r\n<style>\r\n .headerBg {\r\n background: #eee!important;\r\n }\r\n</style>\r\n"]}]} |