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
16 KiB
1 lines
16 KiB
{"remainingRequest":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\明允\\Desktop\\springboot\\vue\\src\\views\\Salary.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\src\\views\\Salary.vue","mtime":1691394271954},{"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:DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICJTYWxhcnkiLA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICB0YWJsZURhdGE6IFtdLA0KICAgICAgZW1wbG95ZWVzOiBbXSwNCiAgICAgIHRvdGFsOiAwLA0KICAgICAgcGFnZU51bTogMSwNCiAgICAgIHBhZ2VTaXplOiAxMCwNCiAgICAgIG5hbWU6ICIiLA0KICAgICAgZm9ybToge30sDQogICAgICBkaWFsb2dGb3JtVmlzaWJsZTogZmFsc2UsDQogICAgICBtdWx0aXBsZVNlbGVjdGlvbjogW10sDQogICAgICB1c2VyOiBsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgidXNlciIpID8gSlNPTi5wYXJzZShsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgidXNlciIpKSA6IHt9LA0KICAgICAgLy8gcmVxdWlyZWQ6IHRydWUNCiAgICB9DQogIH0sDQogIGNyZWF0ZWQoKSB7DQogICAgdGhpcy5sb2FkKCkNCiAgICB0aGlzLnJlcXVlc3QuZ2V0KCIvZW1wbG95ZWUiKS50aGVuKHJlcyA9PiB7DQogICAgICB0aGlzLmVtcGxveWVlcyA9IHJlcy5kYXRhDQogICAgfSkNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIGxvYWQoKSB7DQogICAgICB0aGlzLnJlcXVlc3QuZ2V0KCIvc2FsYXJ5L3BhZ2UiLCB7DQogICAgICAgIHBhcmFtczogew0KICAgICAgICAgIHBhZ2VOdW06IHRoaXMucGFnZU51bSwNCiAgICAgICAgICBwYWdlU2l6ZTogdGhpcy5wYWdlU2l6ZSwNCiAgICAgICAgICBuYW1lOiB0aGlzLm5hbWUsDQogICAgICAgIH0NCiAgICAgIH0pLnRoZW4ocmVzID0+IHsNCiAgICAgICAgdGhpcy50YWJsZURhdGEgPSByZXMuZGF0YS5yZWNvcmRzDQogICAgICAgIHRoaXMudG90YWwgPSByZXMuZGF0YS50b3RhbA0KICAgICAgfSkNCiAgICB9LA0KICAgIHNhdmUoKSB7DQogICAgICB0aGlzLnJlcXVlc3QucG9zdCgiL3NhbGFyeSIsIHRoaXMuZm9ybSkudGhlbihyZXMgPT4gew0KICAgICAgICBpZiAocmVzLmNvZGUgPT09ICcyMDAnKSB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCLkv53lrZjmiJDlip8iKQ0KICAgICAgICAgIHRoaXMuZGlhbG9nRm9ybVZpc2libGUgPSBmYWxzZQ0KICAgICAgICAgIHRoaXMubG9hZCgpDQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcigi5L+d5a2Y5aSx6LSlIikNCiAgICAgICAgfQ0KICAgICAgfSkNCiAgICB9LA0KICAgIGhhbmRsZUFkZCgpIHsNCiAgICAgIHRoaXMuZGlhbG9nRm9ybVZpc2libGUgPSB0cnVlDQogICAgICB0aGlzLmZvcm0gPSB7fQ0KICAgICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgICBpZih0aGlzLiRyZWZzLmltZykgew0KICAgICAgICAgICB0aGlzLiRyZWZzLmltZy5jbGVhckZpbGVzKCk7DQogICAgICAgICB9DQogICAgICAgICBpZih0aGlzLiRyZWZzLmZpbGUpIHsNCiAgICAgICAgICB0aGlzLiRyZWZzLmZpbGUuY2xlYXJGaWxlcygpOw0KICAgICAgICAgfQ0KICAgICAgfSkNCiAgICB9LA0KICAgIGhhbmRsZUVkaXQocm93KSB7DQogICAgICB0aGlzLmZvcm0gPSBKU09OLnBhcnNlKEpTT04uc3RyaW5naWZ5KHJvdykpDQogICAgICB0aGlzLmRpYWxvZ0Zvcm1WaXNpYmxlID0gdHJ1ZQ0KICAgICAgIHRoaXMuJG5leHRUaWNrKCgpID0+IHsNCiAgICAgICAgIGlmKHRoaXMuJHJlZnMuaW1nKSB7DQogICAgICAgICAgIHRoaXMuJHJlZnMuaW1nLmNsZWFyRmlsZXMoKTsNCiAgICAgICAgIH0NCiAgICAgICAgIGlmKHRoaXMuJHJlZnMuZmlsZSkgew0KICAgICAgICAgIHRoaXMuJHJlZnMuZmlsZS5jbGVhckZpbGVzKCk7DQogICAgICAgICB9DQogICAgICAgfSkNCiAgICB9LA0KICAgIGRlbChpZCkgew0KICAgICAgdGhpcy5yZXF1ZXN0LmRlbGV0ZSgiL3NhbGFyeS8iICsgaWQpLnRoZW4ocmVzID0+IHsNCiAgICAgICAgaWYgKHJlcy5jb2RlID09PSAnMjAwJykgew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2Vzcygi5Yig6Zmk5oiQ5YqfIikNCiAgICAgICAgICB0aGlzLmxvYWQoKQ0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoIuWIoOmZpOWksei0pSIpDQogICAgICAgIH0NCiAgICAgIH0pDQogICAgfSwNCiAgICBoYW5kbGVTZWxlY3Rpb25DaGFuZ2UodmFsKSB7DQogICAgICBjb25zb2xlLmxvZyh2YWwpDQogICAgICB0aGlzLm11bHRpcGxlU2VsZWN0aW9uID0gdmFsDQogICAgfSwNCiAgICBkZWxCYXRjaCgpIHsNCiAgICAgIGlmICghdGhpcy5tdWx0aXBsZVNlbGVjdGlvbi5sZW5ndGgpIHsNCiAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcigi6K+36YCJ5oup6ZyA6KaB5Yig6Zmk55qE5pWw5o2uIikNCiAgICAgICAgcmV0dXJuDQogICAgICB9DQogICAgICBsZXQgaWRzID0gdGhpcy5tdWx0aXBsZVNlbGVjdGlvbi5tYXAodiA9PiB2LmlkKSAgLy8gW3t9LCB7fSwge31dID0+IFsxLDIsM10NCiAgICAgIHRoaXMucmVxdWVzdC5wb3N0KCIvc2FsYXJ5L2RlbC9iYXRjaCIsIGlkcykudGhlbihyZXMgPT4gew0KICAgICAgICBpZiAocmVzLmNvZGUgPT09ICcyMDAnKSB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCLmibnph4/liKDpmaTmiJDlip8iKQ0KICAgICAgICAgIHRoaXMubG9hZCgpDQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcigi5om56YeP5Yig6Zmk5aSx6LSlIikNCiAgICAgICAgfQ0KICAgICAgfSkNCiAgICB9LA0KICAgIHJlc2V0KCkgew0KICAgICAgdGhpcy5uYW1lID0gIiINCiAgICAgIHRoaXMubG9hZCgpDQogICAgfSwNCiAgICBoYW5kbGVTaXplQ2hhbmdlKHBhZ2VTaXplKSB7DQogICAgICBjb25zb2xlLmxvZyhwYWdlU2l6ZSkNCiAgICAgIHRoaXMucGFnZVNpemUgPSBwYWdlU2l6ZQ0KICAgICAgdGhpcy5sb2FkKCkNCiAgICB9LA0KICAgIGhhbmRsZUN1cnJlbnRDaGFuZ2UocGFnZU51bSkgew0KICAgICAgY29uc29sZS5sb2cocGFnZU51bSkNCiAgICAgIHRoaXMucGFnZU51bSA9IHBhZ2VOdW0NCiAgICAgIHRoaXMubG9hZCgpDQogICAgfSwNCiAgICBoYW5kbGVGaWxlVXBsb2FkU3VjY2VzcyhyZXMpIHsNCiAgICAgIHRoaXMuZm9ybS5maWxlID0gcmVzDQogICAgfSwNCiAgICBoYW5kbGVJbWdVcGxvYWRTdWNjZXNzKHJlcykgew0KICAgICAgdGhpcy5mb3JtLmltZyA9IHJlcw0KICAgIH0sDQogICAgZG93bmxvYWQodXJsKSB7DQogICAgICB3aW5kb3cub3Blbih1cmwpDQogICAgfSwNCiAgICBleHAoKSB7DQogICAgICB3aW5kb3cub3BlbigiaHR0cDovL2xvY2FsaG9zdDo5MDkwL3NhbGFyeS9leHBvcnQiKQ0KICAgIH0sDQogICAgaGFuZGxlRXhjZWxJbXBvcnRTdWNjZXNzKCkgew0KICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCLlr7zlhaXmiJDlip8iKQ0KICAgICAgdGhpcy5sb2FkKCkNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["Salary.vue"],"names":[],"mappings":";AA4GA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Salary.vue","sourceRoot":"src/views","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-input style=\"width: 200px\" placeholder=\"请输入\" suffix-icon=\"el-icon-message\" class=\"ml-5\" v-model=\"email\"></el-input>-->\r\n<!-- <el-input style=\"width: 200px\" placeholder=\"请输入\" suffix-icon=\"el-icon-position\" class=\"ml-5\" v-model=\"address\"></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 type=\"primary\" @click=\"handleAdd\">新增 <i class=\"el-icon-circle-plus-outline\"></i></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 >\r\n <el-button type=\"danger\" slot=\"reference\">批量删除 <i class=\"el-icon-remove-outline\"></i></el-button>\r\n </el-popconfirm>\r\n <!-- <el-upload action=\"http://localhost:9090/salary/import\" :show-file-list=\"false\" accept=\"xlsx\" :on-success=\"handleExcelImportSuccess\" style=\"display: inline-block\">\r\n <el-button type=\"primary\" class=\"ml-5\">导入 <i class=\"el-icon-bottom\"></i></el-button>\r\n </el-upload>\r\n <el-button type=\"primary\" @click=\"exp\" class=\"ml-5\">导出 <i class=\"el-icon-top\"></i></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=\"salaryDate\" label=\"工资日期\"></el-table-column>\r\n <el-table-column prop=\"basicSalary\" label=\"基本工资\"></el-table-column>\r\n <el-table-column prop=\"bonus\" label=\"奖金\"></el-table-column>\r\n <el-table-column prop=\"deduction\" label=\"扣款\"></el-table-column>\r\n <el-table-column prop=\"totalSalary\" 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 type=\"success\" @click=\"handleEdit(scope.row)\">编辑 <i class=\"el-icon-edit\"></i></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=\"del(scope.row.id)\"\r\n >\r\n <el-button type=\"danger\" slot=\"reference\">删除 <i class=\"el-icon-remove-outline\"></i></el-button>\r\n </el-popconfirm>\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\r\n <el-dialog title=\"信息\" :visible.sync=\"dialogFormVisible\" width=\"40%\" :close-on-click-modal=\"false\">\r\n <el-form label-width=\"120px\" size=\"small\" style=\"width: 80%; margin: 0 auto\">\r\n<!-- <el-form-item label=\"员工ID\">-->\r\n<!-- <el-input v-model=\"form.employeeId\" autocomplete=\"off\"></el-input>-->\r\n<!-- </el-form-item>-->\r\n<!-- <el-form-item label=\"员工\">-->\r\n<!-- <el-input v-model=\"form.employee\" autocomplete=\"off\"></el-input>-->\r\n<!-- </el-form-item>-->\r\n <el-form-item label=\"员工\">\r\n <el-select clearable v-model=\"form.employee\" placeholder=\"请选择\" style=\"width: 100%\">\r\n <el-option v-for=\"item in employees\" :key=\"item.id\" :label=\"item.name\" :value=\"item.name\"></el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"工资日期\">\r\n <el-date-picker v-model=\"form.salaryDate\" type=\"date\" value-format=\"yyyy-MM-dd\" placeholder=\"选择日期\"></el-date-picker>\r\n </el-form-item>\r\n <el-form-item label=\"基本工资\">\r\n <el-input v-model=\"form.basicSalary\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"奖金\">\r\n <el-input v-model=\"form.bonus\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"扣款\">\r\n <el-input v-model=\"form.deduction\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n<!-- <el-form-item label=\"总工资\">-->\r\n<!-- <el-input v-model=\"form.totalSalary\" autocomplete=\"off\"></el-input>-->\r\n<!-- </el-form-item>-->\r\n\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: \"Salary\",\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 dialogFormVisible: false,\r\n multipleSelection: [],\r\n user: localStorage.getItem(\"user\") ? JSON.parse(localStorage.getItem(\"user\")) : {},\r\n // required: true\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(\"/salary/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(\"/salary\", 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 handleAdd() {\r\n this.dialogFormVisible = true\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.dialogFormVisible = true\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(\"/salary/\" + 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(\"/salary/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/salary/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"]}]} |