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
15 KiB
1 lines
15 KiB
{"remainingRequest":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\cache-loader\\dist\\cjs.js??ref--1-0!C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\明允\\Desktop\\springboot\\vue\\src\\views\\User.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\src\\views\\User.vue","mtime":1713977432223},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\babel.config.js","mtime":1642682271570},{"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:ZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJVc2VyIiwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdGFibGVEYXRhOiBbXSwKICAgICAgdG90YWw6IDAsCiAgICAgIHBhZ2VOdW06IDEsCiAgICAgIHBhZ2VTaXplOiAxMCwKICAgICAgdXNlcm5hbWU6ICIiLAogICAgICBlbWFpbDogIiIsCiAgICAgIGFkZHJlc3M6ICIiLAogICAgICBmb3JtOiB7fSwKICAgICAgZGlhbG9nRm9ybVZpc2libGU6IGZhbHNlLAogICAgICBtdWx0aXBsZVNlbGVjdGlvbjogW10sCiAgICAgIHJvbGVzOiBbXQogICAgfTsKICB9LAogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmxvYWQoKTsKICB9LAogIG1ldGhvZHM6IHsKICAgIGxvYWQoKSB7CiAgICAgIHRoaXMucmVxdWVzdC5nZXQoIi91c2VyL3BhZ2UiLCB7CiAgICAgICAgcGFyYW1zOiB7CiAgICAgICAgICBwYWdlTnVtOiB0aGlzLnBhZ2VOdW0sCiAgICAgICAgICBwYWdlU2l6ZTogdGhpcy5wYWdlU2l6ZSwKICAgICAgICAgIHVzZXJuYW1lOiB0aGlzLnVzZXJuYW1lLAogICAgICAgICAgZW1haWw6IHRoaXMuZW1haWwsCiAgICAgICAgICBhZGRyZXNzOiB0aGlzLmFkZHJlc3MKICAgICAgICB9CiAgICAgIH0pLnRoZW4ocmVzID0+IHsKICAgICAgICB0aGlzLnRhYmxlRGF0YSA9IHJlcy5kYXRhLnJlY29yZHM7CiAgICAgICAgdGhpcy50b3RhbCA9IHJlcy5kYXRhLnRvdGFsOwogICAgICB9KTsKICAgICAgdGhpcy5yZXF1ZXN0LmdldCgiL3JvbGUiKS50aGVuKHJlcyA9PiB7CiAgICAgICAgdGhpcy5yb2xlcyA9IHJlcy5kYXRhOwogICAgICB9KTsKICAgIH0sCiAgICBzYXZlKCkgewogICAgICB0aGlzLnJlcXVlc3QucG9zdCgiL3VzZXIiLCB0aGlzLmZvcm0pLnRoZW4ocmVzID0+IHsKICAgICAgICBpZiAocmVzLmNvZGUgPT09ICcyMDAnKSB7CiAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MoIuS/neWtmOaIkOWKnyIpOwogICAgICAgICAgdGhpcy5kaWFsb2dGb3JtVmlzaWJsZSA9IGZhbHNlOwogICAgICAgICAgdGhpcy5sb2FkKCk7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoIuS/neWtmOWksei0pSIpOwogICAgICAgIH0KICAgICAgfSk7CiAgICB9LAogICAgaGFuZGxlQWRkKCkgewogICAgICB0aGlzLmRpYWxvZ0Zvcm1WaXNpYmxlID0gdHJ1ZTsKICAgICAgdGhpcy5mb3JtID0ge307CiAgICB9LAogICAgaGFuZGxlRWRpdChyb3cpIHsKICAgICAgdGhpcy5mb3JtID0gSlNPTi5wYXJzZShKU09OLnN0cmluZ2lmeShyb3cpKTsKICAgICAgdGhpcy5kaWFsb2dGb3JtVmlzaWJsZSA9IHRydWU7CiAgICB9LAogICAgZGVsKGlkKSB7CiAgICAgIHRoaXMucmVxdWVzdC5kZWxldGUoIi91c2VyLyIgKyBpZCkudGhlbihyZXMgPT4gewogICAgICAgIGlmIChyZXMuY29kZSA9PT0gJzIwMCcpIHsKICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2Vzcygi5Yig6Zmk5oiQ5YqfIik7CiAgICAgICAgICB0aGlzLmxvYWQoKTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcigi5Yig6Zmk5aSx6LSlIik7CiAgICAgICAgfQogICAgICB9KTsKICAgIH0sCiAgICBoYW5kbGVTZWxlY3Rpb25DaGFuZ2UodmFsKSB7CiAgICAgIGNvbnNvbGUubG9nKHZhbCk7CiAgICAgIHRoaXMubXVsdGlwbGVTZWxlY3Rpb24gPSB2YWw7CiAgICB9LAogICAgZGVsQmF0Y2goKSB7CiAgICAgIGxldCBpZHMgPSB0aGlzLm11bHRpcGxlU2VsZWN0aW9uLm1hcCh2ID0+IHYuaWQpOyAvLyBbe30sIHt9LCB7fV0gPT4gWzEsMiwzXQogICAgICB0aGlzLnJlcXVlc3QucG9zdCgiL3VzZXIvZGVsL2JhdGNoIiwgaWRzKS50aGVuKHJlcyA9PiB7CiAgICAgICAgaWYgKHJlcy5jb2RlID09PSAnMjAwJykgewogICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCLmibnph4/liKDpmaTmiJDlip8iKTsKICAgICAgICAgIHRoaXMubG9hZCgpOwogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKCLmibnph4/liKDpmaTlpLHotKUiKTsKICAgICAgICB9CiAgICAgIH0pOwogICAgfSwKICAgIHJlc2V0KCkgewogICAgICB0aGlzLnVzZXJuYW1lID0gIiI7CiAgICAgIHRoaXMuZW1haWwgPSAiIjsKICAgICAgdGhpcy5hZGRyZXNzID0gIiI7CiAgICAgIHRoaXMubG9hZCgpOwogICAgfSwKICAgIGhhbmRsZVNpemVDaGFuZ2UocGFnZVNpemUpIHsKICAgICAgY29uc29sZS5sb2cocGFnZVNpemUpOwogICAgICB0aGlzLnBhZ2VTaXplID0gcGFnZVNpemU7CiAgICAgIHRoaXMubG9hZCgpOwogICAgfSwKICAgIGhhbmRsZUN1cnJlbnRDaGFuZ2UocGFnZU51bSkgewogICAgICBjb25zb2xlLmxvZyhwYWdlTnVtKTsKICAgICAgdGhpcy5wYWdlTnVtID0gcGFnZU51bTsKICAgICAgdGhpcy5sb2FkKCk7CiAgICB9LAogICAgZXhwKCkgewogICAgICB3aW5kb3cub3BlbigiaHR0cDovL2xvY2FsaG9zdDo5MDkwL3VzZXIvZXhwb3J0Iik7CiAgICB9LAogICAgaGFuZGxlRXhjZWxJbXBvcnRTdWNjZXNzKCkgewogICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MoIuWvvOWFpeaIkOWKnyIpOwogICAgICB0aGlzLmxvYWQoKTsKICAgIH0KICB9Cn07"},{"version":3,"names":["name","data","tableData","total","pageNum","pageSize","username","email","address","form","dialogFormVisible","multipleSelection","roles","created","load","methods","request","get","params","then","res","records","save","post","code","$message","success","error","handleAdd","handleEdit","row","JSON","parse","stringify","del","id","delete","handleSelectionChange","val","console","log","delBatch","ids","map","v","reset","handleSizeChange","handleCurrentChange","exp","window","open","handleExcelImportSuccess"],"sources":["src/views/User.vue"],"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=\"username\"></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/user/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\"></el-table-column>\r\n <el-table-column prop=\"username\" label=\"用户名\" width=\"140\"></el-table-column>\r\n <el-table-column label=\"角色\">\r\n <template v-slot=\"scope\">\r\n <span v-if=\"scope.row.role\">{{ roles.find(v => v.flag === scope.row.role) ? roles.find(v => v.flag === scope.row.role).name : '' }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"nickname\" label=\"姓名\" width=\"120\"></el-table-column>\r\n <el-table-column prop=\"email\" label=\"邮箱\"></el-table-column>\r\n <el-table-column prop=\"phone\" label=\"电话\"></el-table-column>\r\n <el-table-column prop=\"address\" label=\"地址\"></el-table-column>\r\n <el-table-column label=\"操作\" width=\"200\" 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=\"30%\" >\r\n <el-form label-width=\"80px\" size=\"small\">\r\n <el-form-item label=\"用户名\">\r\n <el-input v-model=\"form.username\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"角色\">\r\n <el-select clearable v-model=\"form.role\" placeholder=\"请选择角色\" style=\"width: 100%\">\r\n <el-option v-for=\"item in roles\" :key=\"item.name\" :label=\"item.name\" :value=\"item.flag\"></el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"姓名\">\r\n <el-input v-model=\"form.nickname\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"邮箱\">\r\n <el-input v-model=\"form.email\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"电话\">\r\n <el-input v-model=\"form.phone\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"地址\">\r\n <el-input v-model=\"form.address\" autocomplete=\"off\"></el-input>\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: \"User\",\r\n data() {\r\n return {\r\n tableData: [],\r\n total: 0,\r\n pageNum: 1,\r\n pageSize: 10,\r\n username: \"\",\r\n email: \"\",\r\n address: \"\",\r\n form: {},\r\n dialogFormVisible: false,\r\n multipleSelection: [],\r\n roles: []\r\n }\r\n },\r\n created() {\r\n this.load()\r\n },\r\n methods: {\r\n load() {\r\n this.request.get(\"/user/page\", {\r\n params: {\r\n pageNum: this.pageNum,\r\n pageSize: this.pageSize,\r\n username: this.username,\r\n email: this.email,\r\n address: this.address,\r\n }\r\n }).then(res => {\r\n\r\n this.tableData = res.data.records\r\n this.total = res.data.total\r\n\r\n })\r\n\r\n this.request.get(\"/role\").then(res => {\r\n this.roles = res.data\r\n })\r\n },\r\n save() {\r\n this.request.post(\"/user\", 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 },\r\n handleEdit(row) {\r\n this.form = JSON.parse(JSON.stringify(row))\r\n this.dialogFormVisible = true\r\n },\r\n del(id) {\r\n this.request.delete(\"/user/\" + 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 let ids = this.multipleSelection.map(v => v.id) // [{}, {}, {}] => [1,2,3]\r\n this.request.post(\"/user/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.username = \"\"\r\n this.email = \"\"\r\n this.address = \"\"\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 exp() {\r\n window.open(\"http://localhost:9090/user/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"],"mappings":"AAuGA;EACAA,IAAA;EACAC,KAAA;IACA;MACAC,SAAA;MACAC,KAAA;MACAC,OAAA;MACAC,QAAA;MACAC,QAAA;MACAC,KAAA;MACAC,OAAA;MACAC,IAAA;MACAC,iBAAA;MACAC,iBAAA;MACAC,KAAA;IACA;EACA;EACAC,QAAA;IACA,KAAAC,IAAA;EACA;EACAC,OAAA;IACAD,KAAA;MACA,KAAAE,OAAA,CAAAC,GAAA;QACAC,MAAA;UACAd,OAAA,OAAAA,OAAA;UACAC,QAAA,OAAAA,QAAA;UACAC,QAAA,OAAAA,QAAA;UACAC,KAAA,OAAAA,KAAA;UACAC,OAAA,OAAAA;QACA;MACA,GAAAW,IAAA,CAAAC,GAAA;QAEA,KAAAlB,SAAA,GAAAkB,GAAA,CAAAnB,IAAA,CAAAoB,OAAA;QACA,KAAAlB,KAAA,GAAAiB,GAAA,CAAAnB,IAAA,CAAAE,KAAA;MAEA;MAEA,KAAAa,OAAA,CAAAC,GAAA,UAAAE,IAAA,CAAAC,GAAA;QACA,KAAAR,KAAA,GAAAQ,GAAA,CAAAnB,IAAA;MACA;IACA;IACAqB,KAAA;MACA,KAAAN,OAAA,CAAAO,IAAA,eAAAd,IAAA,EAAAU,IAAA,CAAAC,GAAA;QACA,IAAAA,GAAA,CAAAI,IAAA;UACA,KAAAC,QAAA,CAAAC,OAAA;UACA,KAAAhB,iBAAA;UACA,KAAAI,IAAA;QACA;UACA,KAAAW,QAAA,CAAAE,KAAA;QACA;MACA;IACA;IACAC,UAAA;MACA,KAAAlB,iBAAA;MACA,KAAAD,IAAA;IACA;IACAoB,WAAAC,GAAA;MACA,KAAArB,IAAA,GAAAsB,IAAA,CAAAC,KAAA,CAAAD,IAAA,CAAAE,SAAA,CAAAH,GAAA;MACA,KAAApB,iBAAA;IACA;IACAwB,IAAAC,EAAA;MACA,KAAAnB,OAAA,CAAAoB,MAAA,YAAAD,EAAA,EAAAhB,IAAA,CAAAC,GAAA;QACA,IAAAA,GAAA,CAAAI,IAAA;UACA,KAAAC,QAAA,CAAAC,OAAA;UACA,KAAAZ,IAAA;QACA;UACA,KAAAW,QAAA,CAAAE,KAAA;QACA;MACA;IACA;IACAU,sBAAAC,GAAA;MACAC,OAAA,CAAAC,GAAA,CAAAF,GAAA;MACA,KAAA3B,iBAAA,GAAA2B,GAAA;IACA;IACAG,SAAA;MACA,IAAAC,GAAA,QAAA/B,iBAAA,CAAAgC,GAAA,CAAAC,CAAA,IAAAA,CAAA,CAAAT,EAAA;MACA,KAAAnB,OAAA,CAAAO,IAAA,oBAAAmB,GAAA,EAAAvB,IAAA,CAAAC,GAAA;QACA,IAAAA,GAAA,CAAAI,IAAA;UACA,KAAAC,QAAA,CAAAC,OAAA;UACA,KAAAZ,IAAA;QACA;UACA,KAAAW,QAAA,CAAAE,KAAA;QACA;MACA;IACA;IACAkB,MAAA;MACA,KAAAvC,QAAA;MACA,KAAAC,KAAA;MACA,KAAAC,OAAA;MACA,KAAAM,IAAA;IACA;IACAgC,iBAAAzC,QAAA;MACAkC,OAAA,CAAAC,GAAA,CAAAnC,QAAA;MACA,KAAAA,QAAA,GAAAA,QAAA;MACA,KAAAS,IAAA;IACA;IACAiC,oBAAA3C,OAAA;MACAmC,OAAA,CAAAC,GAAA,CAAApC,OAAA;MACA,KAAAA,OAAA,GAAAA,OAAA;MACA,KAAAU,IAAA;IACA;IACAkC,IAAA;MACAC,MAAA,CAAAC,IAAA;IACA;IACAC,yBAAA;MACA,KAAA1B,QAAA,CAAAC,OAAA;MACA,KAAAZ,IAAA;IACA;EACA;AACA","ignoreList":[]}]} |