{"remainingRequest":"C:\\Users\\明允\\Desktop\\manage\\springboot\\vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\明允\\Desktop\\manage\\springboot\\vue\\src\\views\\front\\Salary.vue?vue&type=style&index=0&id=272b0daa&lang=css","dependencies":[{"path":"C:\\Users\\明允\\Desktop\\manage\\springboot\\vue\\src\\views\\front\\Salary.vue","mtime":1690613605110},{"path":"C:\\Users\\明允\\Desktop\\manage\\springboot\\vue\\node_modules\\css-loader\\dist\\cjs.js","mtime":1713785857195},{"path":"C:\\Users\\明允\\Desktop\\manage\\springboot\\vue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1713785859014},{"path":"C:\\Users\\明允\\Desktop\\manage\\springboot\\vue\\node_modules\\postcss-loader\\src\\index.js","mtime":1713785857859},{"path":"C:\\Users\\明允\\Desktop\\manage\\springboot\\vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1713785856543},{"path":"C:\\Users\\明允\\Desktop\\manage\\springboot\\vue\\node_modules\\vue-loader\\lib\\index.js","mtime":1713785858382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouaGVhZGVyQmcgew0KICBiYWNrZ3JvdW5kOiAjZWVlIWltcG9ydGFudDsNCn0NCg=="},{"version":3,"sources":["Salary.vue"],"names":[],"mappings":";AAgLA;AACA;AACA","file":"Salary.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-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\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>\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  </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"]}]}