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
14 KiB
1 lines
14 KiB
{"remainingRequest":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\明允\\Desktop\\springboot\\vue\\src\\views\\front\\Leaverecords.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\src\\views\\front\\Leaverecords.vue","mtime":1690253620802},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1713785856543},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\babel-loader\\lib\\index.js","mtime":1713785857863},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1713785856543},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\vue-loader\\lib\\index.js","mtime":1713785858382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICJMZWF2ZXJlY29yZHMiLA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICB0YWJsZURhdGE6IFtdLA0KICAgICAgdG90YWw6IDAsDQogICAgICBwYWdlTnVtOiAxLA0KICAgICAgcGFnZVNpemU6IDUsDQogICAgICBuYW1lOiAiIiwNCiAgICAgIGZvcm06IHt9LA0KICAgICAgZGlhbG9nRm9ybVZpc2libGU6IGZhbHNlLA0KICAgICAgbXVsdGlwbGVTZWxlY3Rpb246IFtdLA0KICAgICAgaGVhZGVyQmc6ICJoZWFkZXJCZyIsDQogICAgICByb2xlczogW10sDQogICAgICB1c2VyOiBsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgidXNlciIpID8gSlNPTi5wYXJzZShsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgidXNlciIpKSA6IHt9LA0KICAgICAgcnVsZXM6IHsNCiAgICAgICAgY29udGVudDogWw0KICAgICAgICAgIHsgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICfor7fovpPlhaXor7flgYfnkIbnlLEnLCB0cmlnZ2VyOiAnYmx1cicgfQ0KICAgICAgICBdLA0KICAgICAgICBzdGFydERhdGU6IFsNCiAgICAgICAgeyAgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICfor7fpgInmi6nml6XmnJ8nLCB0cmlnZ2VyOiAnY2hhbmdlJ30NCiAgICAgIF0sDQogICAgICAgIGVuZERhdGU6IFsNCiAgICAgICAgICB7ICByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+mAieaLqeaXpeacnycsIHRyaWdnZXI6ICdjaGFuZ2UnfQ0KICAgICAgICBdDQogICAgICB9DQogICAgfQ0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMubG9hZCgpDQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBsb2FkOiBmdW5jdGlvbiAoKSB7DQogICAgICB0aGlzLnJlcXVlc3QuZ2V0KCIvbGVhdmVyZWNvcmRzL3BhZ2UiLCB7DQogICAgICAgIHBhcmFtczogew0KICAgICAgICAgIHBhZ2VOdW06IHRoaXMucGFnZU51bSwNCiAgICAgICAgICBwYWdlU2l6ZTogdGhpcy5wYWdlU2l6ZSwNCiAgICAgICAgICBuYW1lOiB0aGlzLm5hbWUsDQogICAgICAgIH0NCiAgICAgIH0pLnRoZW4ocmVzID0+IHsNCiAgICAgICAgdGhpcy50YWJsZURhdGEgPSByZXMuZGF0YS5yZWNvcmRzDQogICAgICAgIHRoaXMudG90YWwgPSByZXMuZGF0YS50b3RhbA0KICAgICAgfSkNCiAgICB9LA0KICAgIGhvbWUoKSB7DQogICAgICB0aGlzLiRyb3V0ZXIucHVzaCgiLyIpDQogICAgfSwNCiAgICBzYXZlKCkgew0KICAgICAgdGhpcy4kcmVmc1snTGVhdmVyRm9ybSddLnZhbGlkYXRlKCh2YWxpZCkgPT4gew0KICAgICAgICBpZiAodmFsaWQpIHsgIC8vIOihqOWNleagoemqjOWQiOazlQ0KICAgICAgICAgIGlmICh0aGlzLmZvcm0uc3RhcnREYXRlID49IHRoaXMuZm9ybS5lbmREYXRlKSB7DQogICAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKCLotbflp4vml6XmnJ/lv4XpobvlsI/kuo7nu5PmnZ/ml6XmnJ8iKQ0KICAgICAgICAgICAgcmV0dXJuIGZhbHNlDQogICAgICAgICAgfQ0KICAgICAgICAgIHRoaXMucmVxdWVzdC5wb3N0KCIvbGVhdmVyZWNvcmRzIiwgdGhpcy5mb3JtKS50aGVuKHJlcyA9PiB7DQogICAgICAgICAgICAgICAgaWYgKHJlcy5jb2RlID09PSAnMjAwJykgew0KICAgICAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCLkv53lrZjmiJDlip8iKQ0KICAgICAgICAgICAgICAgICAgdGhpcy5kaWFsb2dGb3JtVmlzaWJsZSA9IGZhbHNlDQogICAgICAgICAgICAgICAgICB0aGlzLmxvYWQoKQ0KICAgICAgICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKCLkv53lrZjlpLHotKUiKQ0KICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgfSkNCiAgICAgICAgfQ0KICAgICAgfSk7DQogICAgfSwNCiAgICBoYW5kbGVBZGQoKSB7DQogICAgICB0aGlzLmRpYWxvZ0Zvcm1WaXNpYmxlID0gdHJ1ZQ0KICAgICAgdGhpcy5mb3JtID0ge30NCiAgICAgIGlmKHRoaXMuJHJlZnMuaW1nKSB7DQogICAgICAgIHRoaXMuJHJlZnMuaW1nLmNsZWFyRmlsZXMoKTsNCiAgICAgIH0NCiAgICAgIGlmKHRoaXMuJHJlZnMuZmlsZSkgew0KICAgICAgICB0aGlzLiRyZWZzLmZpbGUuY2xlYXJGaWxlcygpOw0KICAgICAgfQ0KICAgIH0sDQogICAgaGFuZGxlRWRpdChyb3cpIHsNCiAgICAgIHRoaXMuZm9ybSA9IEpTT04ucGFyc2UoSlNPTi5zdHJpbmdpZnkocm93KSkNCiAgICAgIHRoaXMuZGlhbG9nRm9ybVZpc2libGUgPSB0cnVlDQogICAgICBpZih0aGlzLiRyZWZzLmltZykgew0KICAgICAgICB0aGlzLiRyZWZzLmltZy5jbGVhckZpbGVzKCk7DQogICAgICB9DQogICAgICBpZih0aGlzLiRyZWZzLmZpbGUpIHsNCiAgICAgICAgdGhpcy4kcmVmcy5maWxlLmNsZWFyRmlsZXMoKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIGhhbmRsZVNlbGVjdGlvbkNoYW5nZSh2YWwpIHsNCiAgICAgIGNvbnNvbGUubG9nKHZhbCkNCiAgICAgIHRoaXMubXVsdGlwbGVTZWxlY3Rpb24gPSB2YWw7DQogICAgfSwNCiAgICBkZWxCYXRjaCgpIHsNCiAgICAgIGxldCBpZHMgPSB0aGlzLm11bHRpcGxlU2VsZWN0aW9uLm1hcCh2ID0+IHYuaWQpICAvL1t7fSwge30sIHt9XSA9PiBbMSwyLDNdDQogICAgICB0aGlzLnJlcXVlc3QucG9zdCgiL2xlYXZlcmVjb3Jkcy9kZWwvYmF0Y2giLCBpZHMpLnRoZW4ocmVzID0+IHsNCiAgICAgICAgaWYgKHJlcy5jb2RlID09PSAnMjAwJykgew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2Vzcygi5Yig6Zmk5L+h5oGv5oiQ5YqfIikNCiAgICAgICAgICB0aGlzLmxvYWQoKQ0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoIuWIoOmZpOS/oeaBr+Wksei0pSIpDQogICAgICAgIH0NCiAgICAgIH0pDQogICAgfSwNCiAgICByZXNldCgpIHsNCiAgICAgIHRoaXMubmFtZSA9ICIiDQogICAgICB0aGlzLmxvYWQoKQ0KICAgIH0sDQogICAgaGFuZGxlU2l6ZUNoYW5nZShwYWdlU2l6ZSkgew0KICAgICAgY29uc29sZS5sb2cocGFnZVNpemUpDQogICAgICB0aGlzLnBhZ2VTaXplID0gcGFnZVNpemUNCiAgICAgIHRoaXMubG9hZCgpDQogICAgfSwNCiAgICBoYW5kbGVDdXJyZW50Q2hhbmdlKHBhZ2VOdW0pIHsNCiAgICAgIGNvbnNvbGUubG9nKHBhZ2VOdW0pDQogICAgICB0aGlzLnBhZ2VOdW0gPSBwYWdlTnVtDQogICAgICB0aGlzLmxvYWQoKQ0KICAgIH0sDQogICAgaGFuZGxlSW1nVXBsb2FkU3VjY2VzcyhyZXMpIHsNCiAgICAgIHRoaXMuZm9ybS5pbWcgPSByZXMNCiAgICB9LA0KICB9DQp9DQoNCg=="},{"version":3,"sources":["Leaverecords.vue"],"names":[],"mappings":";AA6EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Leaverecords.vue","sourceRoot":"src/views/front","sourcesContent":["<template>\r\n <div>\r\n<!-- <div style=\"margin: 10px 0\">-->\r\n<!-- <el-input style=\"width: 200px; margin-left: 10px\" placeholder=\"请输入请假描述\" clearable v-model=\"name\" ></el-input>-->\r\n<!-- <el-button class=\"ml-5\" type=\"primary\" @click=\"load\"><i class=\"el-icon-search\" />搜索</el-button>-->\r\n<!-- <el-button type=\"warning\" @click=\"reset\"><i class=\"el-icon-refresh\" />刷新</el-button>-->\r\n<!-- </div>-->\r\n <div style=\"margin: 10px 0\">\r\n <el-button type=\"primary\" @click=\"handleAdd\" class=\"ml-10\"><i class=\"el-icon-circle-plus-outline\" />新增</el-button>\r\n <el-popconfirm\r\n class=\"ml-5\"\r\n confirm-button-text='确认'\r\n cancel-button-text='取消'\r\n icon=\"el-icon-info\"\r\n icon-color=\"red\"\r\n title=\"确定批量删除这些信息吗？\"\r\n @confirm=\"delBatch\">\r\n <el-button type=\"danger\" slot=\"reference\" ><i class=\"el-icon-remove-outline\" />删除</el-button>\r\n </el-popconfirm>\r\n </div>\r\n <el-table :data=\"tableData\" border stripe :header-cell-class-name=\"headerBg\"\r\n @selection-change=\"handleSelectionChange\">\r\n <el-table-column type=\"selection\" width=\"55\"></el-table-column>\r\n <el-table-column prop=\"name\" label=\"请假申请人\" ></el-table-column>\r\n <el-table-column prop=\"content\" label=\"请假理由\" ></el-table-column>\r\n <el-table-column prop=\"createTime\" label=\"创建时间\" ></el-table-column>\r\n <el-table-column prop=\"startDate\" label=\"请假起始日期\" ></el-table-column>\r\n <el-table-column prop=\"endDate\" label=\"请假结束日期\" ></el-table-column>\r\n <el-table-column label=\"图片\">\r\n <template slot-scope=\"scope\">\r\n <el-image style=\"width: 100px; height: 100px\" :src=\"scope.row.img\" :preview-src-list=\"[scope.row.img]\"></el-image>\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"state\" label=\"进度\"></el-table-column>\r\n <el-table-column label=\"操作\">\r\n <template slot-scope=\"scope\">\r\n <el-button type=\"success\" @click=\"handleEdit(scope.row)\" :disabled=\"scope.row.state !== '待审核'\"><i class=\"el-icon-edit-outline\" />编辑</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=\"[ 5, 10, 15]\"\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 <el-dialog title=\"用户信息\" :visible.sync=\"dialogFormVisible\" width=\"30%\">\r\n <el-form label-width=\"120px\" size=\"small\" :rules=\"rules\" :model=\"form\" ref=\"LeaverForm\">\r\n <el-form-item label=\"请假理由\" prop=\"content\">\r\n <el-input v-model=\"form.content\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"请假起始日期\" prop=\"startDate\">\r\n <el-date-picker v-model=\"form.startDate\" type=\"datetime\" format=\"yyyy-MM-dd HH\" value-format=\"yyyy-MM-dd HH\" placeholder=\"选择日期时间\"></el-date-picker>\r\n </el-form-item>\r\n <el-form-item label=\"请假结束日期\" prop=\"endDate\">\r\n <el-date-picker v-model=\"form.endDate\" type=\"datetime\" format=\"yyyy-MM-dd HH\" value-format=\"yyyy-MM-dd HH\" placeholder=\"选择日期时间\"></el-date-picker>\r\n </el-form-item>\r\n <el-form-item label=\"请假图片\">\r\n <el-upload action=\"http://localhost:9090/file/upload\" ref=\"img\" :on-success=\"handleImgUploadSuccess\">\r\n <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n </el-upload>\r\n </el-form-item>\r\n </el-form>\r\n <div slot=\"footer\" class=\"dialog-footer\">\r\n <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n <el-button type=\"primary\" @click=\"save\">确 定</el-button>\r\n </div>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"Leaverecords\",\r\n data() {\r\n return {\r\n tableData: [],\r\n total: 0,\r\n pageNum: 1,\r\n pageSize: 5,\r\n name: \"\",\r\n form: {},\r\n dialogFormVisible: false,\r\n multipleSelection: [],\r\n headerBg: \"headerBg\",\r\n roles: [],\r\n user: localStorage.getItem(\"user\") ? JSON.parse(localStorage.getItem(\"user\")) : {},\r\n rules: {\r\n content: [\r\n { required: true, message: '请输入请假理由', trigger: 'blur' }\r\n ],\r\n startDate: [\r\n { required: true, message: '请选择日期', trigger: 'change'}\r\n ],\r\n endDate: [\r\n { required: true, message: '请选择日期', trigger: 'change'}\r\n ]\r\n }\r\n }\r\n },\r\n created() {\r\n this.load()\r\n },\r\n methods: {\r\n load: function () {\r\n this.request.get(\"/leaverecords/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 home() {\r\n this.$router.push(\"/\")\r\n },\r\n save() {\r\n this.$refs['LeaverForm'].validate((valid) => {\r\n if (valid) { // 表单校验合法\r\n if (this.form.startDate >= this.form.endDate) {\r\n this.$message.error(\"起始日期必须小于结束日期\")\r\n return false\r\n }\r\n this.request.post(\"/leaverecords\", this.form).then(res => {\r\n if (res.code === '200') {\r\n this.$message.success(\"保存成功\")\r\n this.dialogFormVisible = false\r\n this.load()\r\n } else {\r\n this.$message.error(\"保存失败\")\r\n }\r\n })\r\n }\r\n });\r\n },\r\n handleAdd() {\r\n this.dialogFormVisible = true\r\n this.form = {}\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 handleEdit(row) {\r\n this.form = JSON.parse(JSON.stringify(row))\r\n this.dialogFormVisible = true\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 handleSelectionChange(val) {\r\n console.log(val)\r\n this.multipleSelection = val;\r\n },\r\n delBatch() {\r\n let ids = this.multipleSelection.map(v => v.id) //[{}, {}, {}] => [1,2,3]\r\n this.request.post(\"/leaverecords/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 handleImgUploadSuccess(res) {\r\n this.form.img = res\r\n },\r\n }\r\n}\r\n\r\n</script>\r\n\r\n<style>\r\n.headerBg {\r\n background: #eee!important;\r\n}\r\n</style>"]}]} |