{"remainingRequest":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\src\\views\\pages\\Users.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\src\\views\\pages\\Users.vue","mtime":1642862540000},{"path":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1741688074111},{"path":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\node_modules\\babel-loader\\lib\\index.js","mtime":1741688074515},{"path":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1741688074111},{"path":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\node_modules\\vue-loader\\lib\\index.js","mtime":1741688069764}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CglpbXBvcnQgewoJCWdldFBhZ2VVc2VycywKCQlhZGRVc2VycywKCQl1cGRVc2VycywKCQlkZWxVc2VycwoJfSBmcm9tICIuLi8uLi9hcGkiOwoKCWV4cG9ydCBkZWZhdWx0IHsKCgkJZGF0YSgpIHsKCgkJCXJldHVybiB7CgkJCQlwYWdlSW5mb3M6IFtdLAoJCQkJcGFnZUluZGV4OiAxLAoJCQkJcGFnZVNpemU6IDEwLAoJCQkJcGFnZVRvdGFsOiAwLAoJCQkJdG90YWxJbmZvOiAwLAoJCQkJbG9hZGluZzogdHJ1ZSwKCQkJCXNob3dBZGRGbGFnOiBmYWxzZSwKCQkJCXNob3dVcGRGbGFnOiBmYWxzZSwKCQkJCXFyeUZvcm06IHsKCQkJCQl1c2VyTmFtZTogIiIsCiAgICAgICAgICAgICAgICAgICAgbmFtZTogIiIsCiAgICAgICAgICAgICAgICAgICAgcGhvbmU6ICIiLAoJCQkJfSwKCQkJCXVzZXJzRm9ybTogewoJCQkJCWlkOiAiIiwKCQkJCQl1c2VyTmFtZTogIiIsCgkJCQkJcGFzc1dvcmQ6ICIiLAoJCQkJCW5hbWU6ICIiLAoJCQkJCWdlbmRlcjogIiIsCgkJCQkJYWdlOiAiIiwKCQkJCQlwaG9uZTogIiIsCgkJCQkJYWRkcmVzczogIiIsCgkJCQl9CgkJCX0KCQl9LAoJCW1ldGhvZHM6IHsKCgkJCWdldFBhZ2VJbmZvKHBhZ2VJbmRleCwgcGFnZVNpemUpIHsKCgkJCQlnZXRQYWdlVXNlcnMocGFnZUluZGV4LCBwYWdlU2l6ZSkudGhlbihyZXNwID0+IHsKCgkJCQkJdGhpcy5wYWdlSW5mb3MgPSByZXNwLmRhdGEuZGF0YTsKCQkJCQl0aGlzLnBhZ2VJbmRleCA9IHJlc3AuZGF0YS5wYWdlSW5kZXg7CgkJCQkJdGhpcy5wYWdlU2l6ZSA9IHJlc3AuZGF0YS5wYWdlU2l6ZTsKCQkJCQl0aGlzLnBhZ2VUb3RhbCA9IHJlc3AuZGF0YS5wYWdlVG90YWw7CgkJCQkJdGhpcy50b3RhbEluZm8gPSByZXNwLmRhdGEuY291bnQ7CgoJCQkJCXRoaXMubG9hZGluZyA9IGZhbHNlOwoJCQkJfSk7CgkJCX0sCgkJCWdldFBhZ2VMaWtlSW5mbygpIHsKCgkJCQlnZXRQYWdlVXNlcnMoMSwgdGhpcy5wYWdlU2l6ZSwgdGhpcy5xcnlGb3JtLnVzZXJOYW1lLCB0aGlzLnFyeUZvcm0ubmFtZSwgdGhpcy5xcnlGb3JtLnBob25lKS50aGVuKHJlc3AgPT4gewoKCQkJCQl0aGlzLnBhZ2VJbmZvcyA9IHJlc3AuZGF0YS5kYXRhOwoJCQkJCXRoaXMucGFnZUluZGV4ID0gcmVzcC5kYXRhLnBhZ2VJbmRleDsKCQkJCQl0aGlzLnBhZ2VTaXplID0gcmVzcC5kYXRhLnBhZ2VTaXplOwoJCQkJCXRoaXMudG90YWxJbmZvID0gcmVzcC5kYXRhLmNvdW50OwoJCQkJCXRoaXMucGFnZVRvdGFsID0gcmVzcC5kYXRhLnBhZ2VUb3RhbDsKCQkJCQl0aGlzLmxvYWRpbmcgPSBmYWxzZTsKCQkJCX0pOwoJCQl9LAoJCQloYW5kbGVTaXplQ2hhbmdlKHBhZ2VTaXplKSB7CgoJCQkJdGhpcy5nZXRQYWdlSW5mbyh0aGlzLnBhZ2VJbmRleCwgcGFnZVNpemUsIHRoaXMucXJ5Rm9ybS51c2VyTmFtZSwgdGhpcy5xcnlGb3JtLm5hbWUsIHRoaXMucXJ5Rm9ybS5waG9uZSk7CgkJCX0sCgkJCWhhbmRsZUN1cnJlbnRDaGFuZ2UocGFnZUluZGV4KSB7CgoJCQkJdGhpcy5nZXRQYWdlSW5mbyhwYWdlSW5kZXgsIHRoaXMucGFnZVNpemUsIHRoaXMucXJ5Rm9ybS51c2VyTmFtZSwgdGhpcy5xcnlGb3JtLm5hbWUsIHRoaXMucXJ5Rm9ybS5waG9uZSk7CgkJCX0sCgkJCWluaXRGb3JtKCkgewoKCQkJCXRoaXMudXNlcnNGb3JtID0gewoJCQkJCWlkOiAiIiwKCQkJCQl1c2VyTmFtZTogIiIsCgkJCQkJcGFzc1dvcmQ6ICIiLAoJCQkJCW5hbWU6ICIiLAoJCQkJCWdlbmRlcjogIiIsCgkJCQkJYWdlOiAiIiwKCQkJCQlwaG9uZTogIiIsCgkJCQkJYWRkcmVzczogIiIsCgkJCQl9OwoJCQl9LAoJCQlzaG93VXBkV2luKHJvdykgewoKCQkJCXRoaXMudXNlcnNGb3JtID0gcm93OwoJCQkJdGhpcy5zaG93VXBkRmxhZyA9IHRydWU7CgkJCX0sCgkJCWFkZEluZm8oKSB7CiAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgIHRoaXMudXNlcnNGb3JtWyd0eXBlJ10gPSAyOwogICAgICAgICAgICAgICAgdGhpcy51c2Vyc0Zvcm1bJ3N0YXR1cyddID0gMDsKCgkJCQlhZGRVc2Vycyh0aGlzLnVzZXJzRm9ybSkudGhlbihyZXNwID0+IHsKCgkJCQkJdGhpcy4kbWVzc2FnZSh7CgkJCQkJCW1lc3NhZ2U6IHJlc3AubXNnLAoJCQkJCQl0eXBlOiAnc3VjY2VzcycKCQkJCQl9KTsKCgkJCQkJdGhpcy5nZXRQYWdlSW5mbygxLCB0aGlzLnBhZ2VTaXplKTsKCgkJCQkJdGhpcy5zaG93QWRkRmxhZyA9IGZhbHNlOwoJCQkJfSk7CgkJCX0sCgkJCXVwZEluZm8oKSB7CgoJCQkJdXBkVXNlcnModGhpcy51c2Vyc0Zvcm0pLnRoZW4ocmVzcCA9PiB7CgoJCQkJCXRoaXMuJG1lc3NhZ2UoewoJCQkJCQltZXNzYWdlOiByZXNwLm1zZywKCQkJCQkJdHlwZTogJ3N1Y2Nlc3MnCgkJCQkJfSk7CgoJCQkJCXRoaXMuZ2V0UGFnZUluZm8oMSwgdGhpcy5wYWdlU2l6ZSk7CgoJCQkJCXRoaXMuc2hvd1VwZEZsYWcgPSBmYWxzZTsKCQkJCX0pOwoJCQl9LAoJCQlkZWxJbmZvKGlkKXsKCQkJCXRoaXMuJGNvbmZpcm0oJ+WNs+WwhuWIoOmZpOebuOWFs+S/oeaBrywg5piv5ZCm57un57utPycsICfmj5DnpLonLCB7CgkJCQkJY29uZmlybUJ1dHRvblRleHQ6ICfnoa7lrponLAoJCQkJCWNhbmNlbEJ1dHRvblRleHQ6ICflj5bmtognLAoJCQkJCXR5cGU6ICd3YXJuaW5nJwoJCQkJfSkudGhlbigoKSA9PiB7CgoJCQkJCWRlbFVzZXJzKGlkKS50aGVuKHJlc3AgPT4gewoKCQkJCQkJdGhpcy4kbWVzc2FnZSh7CgkJCQkJCQltZXNzYWdlOiByZXNwLm1zZywKCQkJCQkJCXR5cGU6ICdzdWNjZXNzJwoJCQkJCQl9KTsKCgkJCQkJCXRoaXMuZ2V0UGFnZUluZm8oMSwgdGhpcy5wYWdlU2l6ZSk7CgkJCQkJfSk7CgkJCQl9KTsKCQkJfQoJCX0sCgkJbW91bnRlZCgpIHsKCgkJCXRoaXMuZ2V0UGFnZUluZm8oMSwgdGhpcy5wYWdlU2l6ZSk7CgkJfQoJfQoK"},{"version":3,"sources":["Users.vue"],"names":[],"mappings":";AAsIA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;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;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"Users.vue","sourceRoot":"src/views/pages","sourcesContent":["<template>\n    <div class=\"fater-body-show\">\n        <el-card shadow=\"never\">\n            <div slot=\"header\">\n                信息查询\n            </div>\n            <div>\n                <el-form :inline=\"true\" :model=\"qryForm\">\n                    <el-form-item>\n                        <el-input v-model=\"qryForm.userName\"\n                                  placeholder=\"输入用户账号…\"\n                                  autocomplete=\"off\"></el-input>\n                    </el-form-item>\n                    <el-form-item>\n                        <el-input v-model=\"qryForm.name\"\n                                  placeholder=\"输入用户姓名…\"\n                                  autocomplete=\"off\"></el-input>\n                    </el-form-item>\n                    <el-form-item>\n                        <el-input v-model=\"qryForm.phone\"\n                                  placeholder=\"输入用户联系电话…\"\n                                  autocomplete=\"off\"></el-input>\n                    </el-form-item>\n                    <el-form-item>\n                        <el-button type=\"primary\"\n                                   icon=\"el-icon-search\" @click=\"getPageLikeInfo()\"></el-button>\n                    </el-form-item>\n                </el-form>\n            </div>\n        </el-card>\n\n        <el-card shadow=\"never\">\n            <div>\n                <el-table \n\t\t\t\t\t\tv-loading=\"loading\" element-loading-text=\"拼命加载中\" \n\t\t\t\t\t\telement-loading-spinner=\"el-icon-loading\"\n                        element-loading-background=\"rgba(124, 124, 124, 0.8)\" :data=\"pageInfos\" border>\n                    <el-table-column align=\"center\" type=\"index\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"id\" label=\"用户ID\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"userName\" label=\"用户账号\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"name\" label=\"用户姓名\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"gender\" label=\"用户性别\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"age\" label=\"用户年龄\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"phone\" label=\"联系电话\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"address\" label=\"联系地址\"></el-table-column>\n                    <el-table-column align=\"center\" label=\"用户身份\">\n                        <template slot-scope=\"scope\">\n                            <span v-if=\"scope.row.type == 0\">系统管理员</span>\n                            <span v-if=\"scope.row.type == 1\">社团团长</span>\n                            <span v-if=\"scope.row.type == 2\">社团成员</span>\n                        </template>\n                    </el-table-column>\n                    <el-table-column align=\"center\" label=\"操作处理\">\n                        <template slot-scope=\"scope\">\n                            <el-button icon=\"el-icon-edit\"\n                                       type=\"primary\" size=\"mini\" @click=\"showUpdWin(scope.row)\"></el-button>\n                            <el-button icon=\"el-icon-delete\" type=\"danger\" size=\"mini\"\n                                       @click=\"delInfo(scope.row.id)\"></el-button>\n                        </template>\n                    </el-table-column>\n                </el-table>\n                <el-pagination v-if=\"pageTotal > 1\" style=\"margin-top: 15px;\" @size-change=\"handleSizeChange\"\n                               @current-change=\"handleCurrentChange\" :current-page=\"pageIndex\"\n                               :page-sizes=\"[5, 10, 20, 50]\"\n                               :page-size=\"pageSize\" layout=\"total, sizes, prev, pager, next, jumper\"\n                               :total=\"totalInfo\">\n                </el-pagination>\n            </div>\n        </el-card>\n\n        <el-dialog title=\"修改信息\" width=\"600px\" :visible.sync=\"showUpdFlag\">\n            <el-form label-width=\"90px\" :model=\"usersForm\">\n                <el-row :gutter=\"15\">\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"用户账号\">\n                            <el-input v-model=\"usersForm.userName\"\n                                      placeholder=\"请输入用户账号…\" autocomplete=\"off\"></el-input>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"用户密码\">\n                            <el-input v-model=\"usersForm.passWord\" type=\"password\"\n                                      placeholder=\"请输入用户密码…\" autocomplete=\"off\"></el-input>\n                        </el-form-item>\n                    </el-col>\n                </el-row>\n                <el-row :gutter=\"15\">\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"用户姓名\">\n                            <el-input v-model=\"usersForm.name\"\n                                      placeholder=\"请输入用户姓名…\" autocomplete=\"off\"></el-input>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"用户年龄\">\n                            <el-input v-model=\"usersForm.age\"\n                                      placeholder=\"请输入用户年龄…\" autocomplete=\"off\"></el-input>\n                        </el-form-item>\n                    </el-col>\n                </el-row>\n                <el-row :gutter=\"15\">\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"用户性别\">\n                            <el-radio-group v-model=\"usersForm.gender\">\n                                <el-radio label=\"男\"></el-radio>\n                                <el-radio label=\"女\"></el-radio>\n                            </el-radio-group>\n                        </el-form-item>\n                    </el-col>\n                    <el-col :span=\"12\">\n                        <el-form-item label=\"联系电话\">\n                            <el-input v-model=\"usersForm.phone\"\n                                      placeholder=\"请输入联系电话…\" autocomplete=\"off\"></el-input>\n                        </el-form-item>\n                    </el-col>\n                </el-row>\n                <el-form-item label=\"联系地址\">\n                    <el-input rows=\"4\" type=\"textarea\" v-model=\"usersForm.address\"\n                              placeholder=\"请输入联系地址…\" autocomplete=\"off\"></el-input>\n                </el-form-item>\n            </el-form>\n            <div slot=\"footer\" class=\"dialog-footer\">\n                <el-button @click=\"showUpdFlag = false\">取 消</el-button>\n                <el-button type=\"primary\" @click=\"updInfo()\">确 定</el-button>\n            </div>\n        </el-dialog>\n    </div>\n</template>\n\n<style>\n\n</style>\n\n<script>\n\timport {\n\t\tgetPageUsers,\n\t\taddUsers,\n\t\tupdUsers,\n\t\tdelUsers\n\t} from \"../../api\";\n\n\texport default {\n\n\t\tdata() {\n\n\t\t\treturn {\n\t\t\t\tpageInfos: [],\n\t\t\t\tpageIndex: 1,\n\t\t\t\tpageSize: 10,\n\t\t\t\tpageTotal: 0,\n\t\t\t\ttotalInfo: 0,\n\t\t\t\tloading: true,\n\t\t\t\tshowAddFlag: false,\n\t\t\t\tshowUpdFlag: false,\n\t\t\t\tqryForm: {\n\t\t\t\t\tuserName: \"\",\n                    name: \"\",\n                    phone: \"\",\n\t\t\t\t},\n\t\t\t\tusersForm: {\n\t\t\t\t\tid: \"\",\n\t\t\t\t\tuserName: \"\",\n\t\t\t\t\tpassWord: \"\",\n\t\t\t\t\tname: \"\",\n\t\t\t\t\tgender: \"\",\n\t\t\t\t\tage: \"\",\n\t\t\t\t\tphone: \"\",\n\t\t\t\t\taddress: \"\",\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tmethods: {\n\n\t\t\tgetPageInfo(pageIndex, pageSize) {\n\n\t\t\t\tgetPageUsers(pageIndex, pageSize).then(resp => {\n\n\t\t\t\t\tthis.pageInfos = resp.data.data;\n\t\t\t\t\tthis.pageIndex = resp.data.pageIndex;\n\t\t\t\t\tthis.pageSize = resp.data.pageSize;\n\t\t\t\t\tthis.pageTotal = resp.data.pageTotal;\n\t\t\t\t\tthis.totalInfo = resp.data.count;\n\n\t\t\t\t\tthis.loading = false;\n\t\t\t\t});\n\t\t\t},\n\t\t\tgetPageLikeInfo() {\n\n\t\t\t\tgetPageUsers(1, this.pageSize, this.qryForm.userName, this.qryForm.name, this.qryForm.phone).then(resp => {\n\n\t\t\t\t\tthis.pageInfos = resp.data.data;\n\t\t\t\t\tthis.pageIndex = resp.data.pageIndex;\n\t\t\t\t\tthis.pageSize = resp.data.pageSize;\n\t\t\t\t\tthis.totalInfo = resp.data.count;\n\t\t\t\t\tthis.pageTotal = resp.data.pageTotal;\n\t\t\t\t\tthis.loading = false;\n\t\t\t\t});\n\t\t\t},\n\t\t\thandleSizeChange(pageSize) {\n\n\t\t\t\tthis.getPageInfo(this.pageIndex, pageSize, this.qryForm.userName, this.qryForm.name, this.qryForm.phone);\n\t\t\t},\n\t\t\thandleCurrentChange(pageIndex) {\n\n\t\t\t\tthis.getPageInfo(pageIndex, this.pageSize, this.qryForm.userName, this.qryForm.name, this.qryForm.phone);\n\t\t\t},\n\t\t\tinitForm() {\n\n\t\t\t\tthis.usersForm = {\n\t\t\t\t\tid: \"\",\n\t\t\t\t\tuserName: \"\",\n\t\t\t\t\tpassWord: \"\",\n\t\t\t\t\tname: \"\",\n\t\t\t\t\tgender: \"\",\n\t\t\t\t\tage: \"\",\n\t\t\t\t\tphone: \"\",\n\t\t\t\t\taddress: \"\",\n\t\t\t\t};\n\t\t\t},\n\t\t\tshowUpdWin(row) {\n\n\t\t\t\tthis.usersForm = row;\n\t\t\t\tthis.showUpdFlag = true;\n\t\t\t},\n\t\t\taddInfo() {\n                \n                this.usersForm['type'] = 2;\n                this.usersForm['status'] = 0;\n\n\t\t\t\taddUsers(this.usersForm).then(resp => {\n\n\t\t\t\t\tthis.$message({\n\t\t\t\t\t\tmessage: resp.msg,\n\t\t\t\t\t\ttype: 'success'\n\t\t\t\t\t});\n\n\t\t\t\t\tthis.getPageInfo(1, this.pageSize);\n\n\t\t\t\t\tthis.showAddFlag = false;\n\t\t\t\t});\n\t\t\t},\n\t\t\tupdInfo() {\n\n\t\t\t\tupdUsers(this.usersForm).then(resp => {\n\n\t\t\t\t\tthis.$message({\n\t\t\t\t\t\tmessage: resp.msg,\n\t\t\t\t\t\ttype: 'success'\n\t\t\t\t\t});\n\n\t\t\t\t\tthis.getPageInfo(1, this.pageSize);\n\n\t\t\t\t\tthis.showUpdFlag = false;\n\t\t\t\t});\n\t\t\t},\n\t\t\tdelInfo(id){\n\t\t\t\tthis.$confirm('即将删除相关信息, 是否继续?', '提示', {\n\t\t\t\t\tconfirmButtonText: '确定',\n\t\t\t\t\tcancelButtonText: '取消',\n\t\t\t\t\ttype: 'warning'\n\t\t\t\t}).then(() => {\n\n\t\t\t\t\tdelUsers(id).then(resp => {\n\n\t\t\t\t\t\tthis.$message({\n\t\t\t\t\t\t\tmessage: resp.msg,\n\t\t\t\t\t\t\ttype: 'success'\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tthis.getPageInfo(1, this.pageSize);\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t},\n\t\tmounted() {\n\n\t\t\tthis.getPageInfo(1, this.pageSize);\n\t\t}\n\t}\n\n</script>"]}]}