| 1 |
- {"remainingRequest":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/views/system/user/index.vue?vue&type=script&lang=js&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/views/system/user/index.vue","mtime":1618041728000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgdXBsb2FkSW1hZ2UgZnJvbSAnQC9jb21wb25lbnRzL3VwbG9hZEltYWdlJw0KaW1wb3J0IHsgbWFwR2V0dGVycyB9IGZyb20gInZ1ZXgiOw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAiU3lzVXNlciIsDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIHRhYmxlOiB7dXJsOiAnL3VzZXIvaW5kZXgnLCB3aGVyZToge319LCAgLy8g6KGo5qC86YWN572uDQogICAgICBjaG9vc2U6IFtdLCAgLy8g6KGo5qC86YCJ5Lit5pWw5o2uDQogICAgICBzaG93RWRpdDogZmFsc2UsICAvLyDmmK/lkKbmmL7npLrooajljZXlvLnnqpcNCiAgICAgIGVkaXRGb3JtOiB7fSwgIC8vIOihqOWNleaVsOaNrg0KICAgICAgZWRpdFJ1bGVzOiB7ICAvLyDooajljZXpqozor4Hop4TliJkNCiAgICAgICAgdXNlcm5hbWU6IFsNCiAgICAgICAgICB7cmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICfor7fovpPlhaXnlKjmiLfotKblj7cnLCB0cmlnZ2VyOiAnYmx1cid9DQogICAgICAgIF0sDQogICAgICAgIHJlYWxuYW1lOiBbDQogICAgICAgICAge3JlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAn6K+36L6T5YWl55So5oi35aeT5ZCNJywgdHJpZ2dlcjogJ2JsdXInfQ0KICAgICAgICBdLA0KICAgICAgICBnZW5kZXI6IFsNCiAgICAgICAgICB7cmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICfor7fpgInmi6nmgKfliKsnLCB0cmlnZ2VyOiAnYmx1cid9DQogICAgICAgIF0sDQogICAgICAgIHBhc3N3b3JkOiBbDQogICAgICAgICAge3JlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAn6K+36L6T5YWl5a+G56CBJywgdHJpZ2dlcjogJ2JsdXInfQ0KICAgICAgICBdDQogICAgICB9LA0KICAgICAgcm9sZUxpc3Q6IFtdLCAgLy8g6KeS6Imy5YiX6KGoDQogICAgICBsZXZlbExpc3Q6W10sIC8vIOiBjOe6p+WIl+ihqA0KICAgICAgcG9zaXRpb25MaXN0OltdLCAvLyDlspfkvY3liJfooagNCg0KICAgIH0NCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICAuLi5tYXBHZXR0ZXJzKFsicGVybWlzc2lvbiJdKSwNCiAgfSwNCiAgY29tcG9uZW50czoge3VwbG9hZEltYWdlfSwNCiAgbW91bnRlZCgpIHsNCiAgICB0aGlzLnF1ZXJ5Um9sZXMoKTsgIC8vIOafpeivouinkuiJsuWIl+ihqA0KICAgIHRoaXMuZ2V0TGV2ZWxMaXN0KCk7IC8vIOafpeivouiBjOe6p+WIl+ihqA0KICAgIHRoaXMuZ2V0UG9zaXRpb25MaXN0KCk7IC8vIOafpeivouWyl+S9jeWIl+ihqA0KICB9LA0KICBtZXRob2RzOiB7DQogICAgLyog5pi+56S657yW6L6RICovDQogICAgZWRpdChyb3cpIHsNCiAgICAgIHRoaXMuZWRpdEZvcm0gPSBPYmplY3QuYXNzaWduKHt9LCByb3csIHsNCiAgICAgICAgcm9sZV9pZHM6IHJvdy5yb2xlcy5tYXAoZCA9PiBkLmlkKQ0KICAgICAgfSk7DQogICAgICB0aGlzLnNob3dFZGl0ID0gdHJ1ZTsNCiAgICB9LA0KICAgIC8qIOS/neWtmOe8lui+kSAqLw0KICAgIHNhdmUoKSB7DQogICAgICB0aGlzLiRyZWZzWydlZGl0Rm9ybSddLnZhbGlkYXRlKCh2YWxpZCkgPT4gew0KICAgICAgICBpZiAodmFsaWQpIHsNCiAgICAgICAgICBjb25zdCBsb2FkaW5nID0gdGhpcy4kbG9hZGluZyh7bG9jazogdHJ1ZX0pOw0KICAgICAgICAgIHRoaXMuJGh0dHAucG9zdCgnL3VzZXIvZWRpdCcsIHRoaXMuZWRpdEZvcm0pLnRoZW4ocmVzID0+IHsNCiAgICAgICAgICAgIGxvYWRpbmcuY2xvc2UoKTsNCiAgICAgICAgICAgIGlmIChyZXMuZGF0YS5jb2RlID09PSAwKSB7DQogICAgICAgICAgICAgIHRoaXMuc2hvd0VkaXQgPSBmYWxzZTsNCiAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZSh7dHlwZTogJ3N1Y2Nlc3MnLCBtZXNzYWdlOiByZXMuZGF0YS5tc2d9KTsNCiAgICAgICAgICAgICAgdGhpcy4kcmVmcy50YWJsZS5yZWxvYWQoKTsNCiAgICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLmRhdGEubXNnKTsNCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9KS5jYXRjaChlID0+IHsNCiAgICAgICAgICAgIGxvYWRpbmcuY2xvc2UoKTsNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoZS5tZXNzYWdlKTsNCiAgICAgICAgICB9KTsNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICByZXR1cm4gZmFsc2U7DQogICAgICAgIH0NCiAgICAgIH0pOw0KICAgIH0sDQogICAgLyog5Yig6ZmkICovDQogICAgcmVtb3ZlKHJvdykgew0KICAgICAgaWYgKCFyb3cpIHsgIC8vIOaJuemHj+WIoOmZpA0KICAgICAgICBpZiAodGhpcy5jaG9vc2UubGVuZ3RoID09PSAwKSByZXR1cm4gdGhpcy4kbWVzc2FnZS5lcnJvcign6K+36Iez5bCR6YCJ5oup5LiA5p2h5pWw5o2uJyk7DQogICAgICAgIGxldCBpZHMgPSB0aGlzLmNob29zZS5tYXAoZCA9PiBkLmlkKTsNCiAgICAgICAgdGhpcy4kY29uZmlybSgn56Gu5a6a6KaB5Yig6Zmk6YCJ5Lit55qE55So5oi35ZCXPycsICfmj5DnpLonLCB7dHlwZTogJ3dhcm5pbmcnfSkudGhlbigoKSA9PiB7DQogICAgICAgICAgY29uc3QgbG9hZGluZyA9IHRoaXMuJGxvYWRpbmcoe2xvY2s6IHRydWV9KTsNCiAgICAgICAgICB0aGlzLiRodHRwLnBvc3QoJy91c2VyL2RlbGV0ZScsIHtpZDogaWRzfSkudGhlbihyZXMgPT4gew0KICAgICAgICAgICAgbG9hZGluZy5jbG9zZSgpOw0KICAgICAgICAgICAgaWYgKHJlcy5kYXRhLmNvZGUgPT09IDApIHsNCiAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZSh7dHlwZTogJ3N1Y2Nlc3MnLCBtZXNzYWdlOiByZXMuZGF0YS5tc2d9KTsNCiAgICAgICAgICAgICAgdGhpcy4kcmVmcy50YWJsZS5yZWxvYWQoKTsNCiAgICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLmRhdGEubXNnKTsNCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9KS5jYXRjaChlID0+IHsNCiAgICAgICAgICAgIGxvYWRpbmcuY2xvc2UoKTsNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoZS5tZXNzYWdlKTsNCiAgICAgICAgICB9KTsNCiAgICAgICAgfSkuY2F0Y2goKCkgPT4gMCk7DQogICAgICB9IGVsc2UgeyAgLy8g5Y2V5Liq5Yig6ZmkDQogICAgICAgIGNvbnN0IGxvYWRpbmcgPSB0aGlzLiRsb2FkaW5nKHtsb2NrOiB0cnVlfSk7DQogICAgICAgIHRoaXMuJGh0dHAucG9zdCgnL3VzZXIvZGVsZXRlJywge2lkOnJvdy5pZH0pLnRoZW4ocmVzID0+IHsNCiAgICAgICAgICBsb2FkaW5nLmNsb3NlKCk7DQogICAgICAgICAgaWYgKHJlcy5kYXRhLmNvZGUgPT09IDApIHsNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoe3R5cGU6ICdzdWNjZXNzJywgbWVzc2FnZTogcmVzLmRhdGEubXNnfSk7DQogICAgICAgICAgICB0aGlzLiRyZWZzLnRhYmxlLnJlbG9hZCgpOw0KICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5kYXRhLm1zZyk7DQogICAgICAgICAgfQ0KICAgICAgICB9KS5jYXRjaChlID0+IHsNCiAgICAgICAgICBsb2FkaW5nLmNsb3NlKCk7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlLm1lc3NhZ2UpOw0KICAgICAgICB9KTsNCiAgICAgIH0NCiAgICB9LA0KICAgIC8qKg0KICAgICAqIOmHjee9ruWvhueggQ0KICAgICAqLw0KICAgIHJlc2V0UHdkKHJvdyl7DQogICAgICBjb25zdCBsb2FkaW5nID0gdGhpcy4kbG9hZGluZyh7bG9jazogdHJ1ZX0pOw0KICAgICAgICB0aGlzLiRodHRwLnBvc3QoJy91c2VyL3Jlc2V0UHdkJywge2lkOnJvdy5pZH0pLnRoZW4ocmVzID0+IHsNCiAgICAgICAgICBsb2FkaW5nLmNsb3NlKCk7DQogICAgICAgICAgaWYgKHJlcy5kYXRhLmNvZGUgPT09IDApIHsNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoe3R5cGU6ICdzdWNjZXNzJywgbWVzc2FnZTogcmVzLmRhdGEubXNnfSk7DQogICAgICAgICAgICB0aGlzLiRyZWZzLnRhYmxlLnJlbG9hZCgpOw0KICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5kYXRhLm1zZyk7DQogICAgICAgICAgfQ0KICAgICAgICB9KS5jYXRjaChlID0+IHsNCiAgICAgICAgICBsb2FkaW5nLmNsb3NlKCk7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlLm1lc3NhZ2UpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIC8qIOabtOaUueeKtuaAgSAqLw0KICAgIGVkaXRTdGF0dXMocm93KSB7DQogICAgICBjb25zdCBsb2FkaW5nID0gdGhpcy4kbG9hZGluZyh7bG9jazogdHJ1ZX0pOw0KICAgICAgbGV0IHBhcmFtcyA9IE9iamVjdC5hc3NpZ24oe30sIHJvdyk7DQogICAgICB0aGlzLiRodHRwLnBvc3QoJy91c2VyL3N0YXR1cycsIHBhcmFtcykudGhlbihyZXMgPT4gew0KICAgICAgICBsb2FkaW5nLmNsb3NlKCk7DQogICAgICAgIGlmIChyZXMuZGF0YS5jb2RlID09PSAwKSB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZSh7dHlwZTogJ3N1Y2Nlc3MnLCBtZXNzYWdlOiByZXMuZGF0YS5tc2d9KTsNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICByb3cuc3RhdHVzID0gIXJvdy5zdGF0dXMgPyAyIDogMTsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5kYXRhLm1zZyk7DQogICAgICAgIH0NCiAgICAgIH0pLmNhdGNoKGUgPT4gew0KICAgICAgICBsb2FkaW5nLmNsb3NlKCk7DQogICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoZS5tZXNzYWdlKTsNCiAgICAgIH0pOw0KICAgIH0sDQogICAgLyog5p+l6K+i6KeS6Imy5YiX6KGoICovDQogICAgcXVlcnlSb2xlcygpIHsNCiAgICAgIHRoaXMuJGh0dHAuZ2V0KCcvcm9sZS9nZXRSb2xlTGlzdCcpLnRoZW4ocmVzID0+IHsNCiAgICAgICAgaWYgKHJlcy5kYXRhLmNvZGUgPT09IDApIHsNCiAgICAgICAgICB0aGlzLnJvbGVMaXN0ID0gcmVzLmRhdGEuZGF0YTsNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5kYXRhLm1zZyk7DQogICAgICAgIH0NCiAgICAgIH0pLmNhdGNoKGUgPT4gew0KICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKGUubWVzc2FnZSk7DQogICAgICB9KTsNCiAgICB9LA0KICAgIC8qKg0KICAgICAqIOiOt+WPluiBjOe6p+WIl+ihqA0KICAgICAqLw0KICAgIGdldExldmVsTGlzdCgpIHsNCiAgICAgIHRoaXMuJGh0dHAuZ2V0KCcvbGV2ZWwvZ2V0TGV2ZWxMaXN0JykudGhlbihyZXMgPT4gew0KICAgICAgICBpZiAocmVzLmRhdGEuY29kZSA9PT0gMCkgew0KICAgICAgICAgIHRoaXMubGV2ZWxMaXN0ID0gcmVzLmRhdGEuZGF0YTsNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5kYXRhLm1zZyk7DQogICAgICAgIH0NCiAgICAgIH0pLmNhdGNoKGUgPT4gew0KICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKGUubWVzc2FnZSk7DQogICAgICB9KTsNCiAgICB9LA0KICAgIC8qKg0KICAgICAqIOiOt+WPluWyl+S9jeWIl+ihqA0KICAgICAqLw0KICAgIGdldFBvc2l0aW9uTGlzdCgpIHsNCiAgICAgIHRoaXMuJGh0dHAuZ2V0KCcvcG9zaXRpb24vZ2V0UG9zaXRpb25MaXN0JykudGhlbihyZXMgPT4gew0KICAgICAgICBpZiAocmVzLmRhdGEuY29kZSA9PT0gMCkgew0KICAgICAgICAgIHRoaXMucG9zaXRpb25MaXN0ID0gcmVzLmRhdGEuZGF0YTsNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5kYXRhLm1zZyk7DQogICAgICAgIH0NCiAgICAgIH0pLmNhdGNoKGUgPT4gew0KICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKGUubWVzc2FnZSk7DQogICAgICB9KTsNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0JA;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/system/user","sourcesContent":["<template>\r\n <div class=\"ele-body\">\r\n <el-card shadow=\"never\">\r\n <!-- 搜索表单 -->\r\n <el-form :model=\"table.where\" label-width=\"77px\" class=\"ele-form-search\"\r\n @keyup.enter.native=\"$refs.table.reload()\" @submit.native.prevent>\r\n <el-row :gutter=\"15\">\r\n <el-col :md=\"6\" :sm=\"12\">\r\n <el-form-item label=\"用户账号:\">\r\n <el-input v-model=\"table.where.username\" placeholder=\"请输入用户账号\" clearable/>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :md=\"6\" :sm=\"12\">\r\n <el-form-item label=\"用户姓名:\">\r\n <el-input v-model=\"table.where.realname\" placeholder=\"请输入用户姓名\" clearable/>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :md=\"6\" :sm=\"12\">\r\n <el-form-item label=\"性别:\">\r\n <el-select v-model=\"table.where.gender\" placeholder=\"请选择\" clearable class=\"ele-fluid\">\r\n <el-option label=\"男\" value=\"1\"/>\r\n <el-option label=\"女\" value=\"2\"/>\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :md=\"6\" :sm=\"12\">\r\n <div class=\"ele-form-actions\">\r\n <el-button type=\"primary\" @click=\"$refs.table.reload()\" icon=\"el-icon-search\" class=\"ele-btn-icon\">查询\r\n </el-button>\r\n <el-button @click=\"(table.where={})&&$refs.table.reload()\">重置</el-button>\r\n </div>\r\n </el-col>\r\n </el-row>\r\n </el-form>\r\n <!-- 操作按钮 -->\r\n <div class=\"ele-table-tool ele-table-tool-default\">\r\n <el-button @click=\"showEdit=true\" type=\"primary\" icon=\"el-icon-plus\" class=\"ele-btn-icon\" size=\"small\" v-if=\"permission.includes('sys:user:add')\">添加\r\n </el-button>\r\n <el-button @click=\"remove()\" type=\"danger\" icon=\"el-icon-delete\" class=\"ele-btn-icon\" size=\"small\" v-if=\"permission.includes('sys:user:dall')\">批量删除\r\n </el-button>\r\n </div>\r\n <!-- 数据表格 -->\r\n <ele-data-table ref=\"table\" :config=\"table\" :choose.sync=\"choose\" height=\"calc(100vh - 315px)\" highlight-current-row>\r\n <template slot-scope=\"{index}\">\r\n <el-table-column type=\"selection\" width=\"45\" align=\"center\" fixed=\"left\"/>\r\n <el-table-column type=\"index\" :index=\"index\" label=\"编号\" width=\"60\" align=\"center\" fixed=\"left\" show-overflow-tooltip/>\r\n <el-table-column prop=\"username\" label=\"用户账号\" sortable=\"custom\" show-overflow-tooltip min-width=\"110\"/>\r\n <el-table-column prop=\"realname\" label=\"用户姓名\" sortable=\"custom\" show-overflow-tooltip min-width=\"110\"/>\r\n <el-table-column label=\"头像\" min-width=\"60\" align=\"center\">\r\n <template slot-scope=\"{row}\">\r\n <el-avatar shape=\"square\" :size=\"25\" :src=\"row.avatar\"/>\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"gender_name\" label=\"性别\" sortable=\"custom\" show-overflow-tooltip min-width=\"80\"/>\r\n <el-table-column prop=\"mobile\" label=\"手机号\" sortable=\"custom\" show-overflow-tooltip min-width=\"110\"/>\r\n <el-table-column label=\"角色\" show-overflow-tooltip min-width=\"200\">\r\n <template slot-scope=\"{row}\">\r\n <el-tag v-for=\"item in row.roles\" :key=\"item.id\" type=\"primary\" size=\"mini\">{{\r\n item.name\r\n }}\r\n </el-tag>\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"status\" label=\"状态\" width=\"75px\" sortable=\"custom\" :resizable=\"false\">\r\n <template slot-scope=\"{row}\">\r\n <el-switch v-model=\"row.status\" @change=\"editStatus(row)\" :active-value=\"1\" :inactive-value=\"2\"/>\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"level_name\" label=\"职级\" sortable=\"custom\" show-overflow-tooltip min-width=\"100\"/>\r\n <el-table-column prop=\"position_name\" label=\"岗位\" sortable=\"custom\" show-overflow-tooltip min-width=\"100\"/>\r\n <el-table-column label=\"创建时间\" sortable=\"custom\" show-overflow-tooltip min-width=\"160\">\r\n <template slot-scope=\"{row}\">{{ row.create_time | toDateString }}</template>\r\n </el-table-column>\r\n <el-table-column label=\"操作\" width=\"220px\" align=\"center\" :resizable=\"false\" fixed=\"right\">\r\n <template slot-scope=\"{row}\">\r\n <el-link @click=\"edit(row)\" icon=\"el-icon-edit\" type=\"primary\" :underline=\"false\" v-if=\"permission.includes('sys:user:edit')\">修改</el-link>\r\n <el-popconfirm title=\"确定要删除此用户吗？\" @confirm=\"remove(row)\" class=\"ele-action\">\r\n <el-link slot=\"reference\" icon=\"el-icon-delete\" type=\"danger\" :underline=\"false\" v-if=\"permission.includes('sys:user:delete')\">删除</el-link>\r\n </el-popconfirm>\r\n <el-popconfirm title=\"确定要重置密码吗？\" @confirm=\"resetPwd(row)\" class=\"ele-action\">\r\n <el-link slot=\"reference\" icon=\"el-icon-copy-document\" type=\"success\" :underline=\"false\" v-if=\"permission.includes('sys:user:resetPwd')\">重置密码</el-link>\r\n </el-popconfirm>\r\n </template>\r\n </el-table-column>\r\n </template>\r\n </ele-data-table>\r\n </el-card>\r\n <!-- 编辑弹窗 -->\r\n <el-dialog :title=\"editForm.id?'修改用户':'添加用户'\" :visible.sync=\"showEdit\" width=\"700px\"\r\n @closed=\"editForm={}\" :destroy-on-close=\"true\" custom-class=\"ele-dialog-form\" :lock-scroll=\"false\">\r\n <el-form :model=\"editForm\" ref=\"editForm\" :rules=\"editRules\" label-width=\"100px\">\r\n <el-form-item label=\"用户头像：\">\r\n <uploadImage :limit=\"1\" v-model=\"editForm.avatar\"></uploadImage>\r\n </el-form-item>\r\n <el-row :gutter=\"15\">\r\n <el-col :sm=\"12\">\r\n <el-form-item label=\"用户账号：\" prop=\"username\">\r\n <el-input v-model=\"editForm.username\" placeholder=\"请输入账号\" clearable\r\n :disabled=\"editForm.id?true:false\"/>\r\n </el-form-item>\r\n <el-form-item label=\"用户姓名：\" prop=\"realname\">\r\n <el-input v-model=\"editForm.realname\" placeholder=\"请输入用户姓名\" clearable/>\r\n </el-form-item>\r\n <el-form-item label=\"性别：\" prop=\"gender\">\r\n <el-select v-model=\"editForm.gender\" placeholder=\"请选择性别\" class=\"ele-block\" clearable>\r\n <el-option label=\"男\" :value=\"1\"/>\r\n <el-option label=\"女\" :value=\"2\"/>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"职级：\" prop=\"level_id\" :rules=\"{\r\n required: true, message: '所属职级不能为空', trigger: 'change'\r\n }\">\r\n <el-select filterable clearable v-model=\"editForm.level_id\" size=\"small\" placeholder=\"-请选择职级-\" class=\"ele-block\">\r\n <el-option v-for=\"item in levelList\" :key=\"item.id\" :label=\"item.name\" :value=\"item.id\"/>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"登录密码：\" prop=\"password\" v-if=\"!editForm.id\">\r\n <el-input v-model=\"editForm.password\" placeholder=\"请输入登录密码\" show-password/>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :sm=\"12\">\r\n <el-form-item label=\"手机号：\">\r\n <el-input v-model=\"editForm.mobile\" placeholder=\"请输入手机号\" clearable/>\r\n </el-form-item>\r\n <el-form-item label=\"邮箱：\">\r\n <el-input v-model=\"editForm.email\" placeholder=\"请输入邮箱\" clearable/>\r\n </el-form-item>\r\n <el-form-item label=\"角色：\" prop=\"role_ids\">\r\n <el-select v-model=\"editForm.role_ids\" placeholder=\"请选择角色\" class=\"ele-block\" clearable multiple>\r\n <el-option v-for=\"(item,index) in roleList\" :key=\"index\" :label=\"item.name\" :value=\"item.id\"/>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"岗位：\" prop=\"position_id\" :rules=\"{\r\n required: true, message: '所属岗位不能为空', trigger: 'change'\r\n }\">\r\n <el-select filterable clearable v-model=\"editForm.position_id\" size=\"small\" placeholder=\"-请选择岗位-\" class=\"ele-block\">\r\n <el-option v-for=\"item in positionList\" :key=\"item.id\" :label=\"item.name\" :value=\"item.id\"/>\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n <el-form-item label=\"个人简介：:\">\r\n <el-input v-model=\"editForm.intro\" placeholder=\"请输个人简介：\" :rows=\"3\" type=\"textarea\"/>\r\n </el-form-item>\r\n </el-form>\r\n <div slot=\"footer\">\r\n <el-button @click=\"showEdit=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\nimport uploadImage from '@/components/uploadImage'\r\nimport { mapGetters } from \"vuex\";\r\nexport default {\r\n name: \"SysUser\",\r\n data() {\r\n return {\r\n table: {url: '/user/index', where: {}}, // 表格配置\r\n choose: [], // 表格选中数据\r\n showEdit: false, // 是否显示表单弹窗\r\n editForm: {}, // 表单数据\r\n editRules: { // 表单验证规则\r\n username: [\r\n {required: true, message: '请输入用户账号', trigger: 'blur'}\r\n ],\r\n realname: [\r\n {required: true, message: '请输入用户姓名', trigger: 'blur'}\r\n ],\r\n gender: [\r\n {required: true, message: '请选择性别', trigger: 'blur'}\r\n ],\r\n password: [\r\n {required: true, message: '请输入密码', trigger: 'blur'}\r\n ]\r\n },\r\n roleList: [], // 角色列表\r\n levelList:[], // 职级列表\r\n positionList:[], // 岗位列表\r\n\r\n }\r\n },\r\n computed: {\r\n ...mapGetters([\"permission\"]),\r\n },\r\n components: {uploadImage},\r\n mounted() {\r\n this.queryRoles(); // 查询角色列表\r\n this.getLevelList(); // 查询职级列表\r\n this.getPositionList(); // 查询岗位列表\r\n },\r\n methods: {\r\n /* 显示编辑 */\r\n edit(row) {\r\n this.editForm = Object.assign({}, row, {\r\n role_ids: row.roles.map(d => d.id)\r\n });\r\n this.showEdit = true;\r\n },\r\n /* 保存编辑 */\r\n save() {\r\n this.$refs['editForm'].validate((valid) => {\r\n if (valid) {\r\n const loading = this.$loading({lock: true});\r\n this.$http.post('/user/edit', this.editForm).then(res => {\r\n loading.close();\r\n if (res.data.code === 0) {\r\n this.showEdit = false;\r\n this.$message({type: 'success', message: res.data.msg});\r\n this.$refs.table.reload();\r\n } else {\r\n this.$message.error(res.data.msg);\r\n }\r\n }).catch(e => {\r\n loading.close();\r\n this.$message.error(e.message);\r\n });\r\n } else {\r\n return false;\r\n }\r\n });\r\n },\r\n /* 删除 */\r\n remove(row) {\r\n if (!row) { // 批量删除\r\n if (this.choose.length === 0) return this.$message.error('请至少选择一条数据');\r\n let ids = this.choose.map(d => d.id);\r\n this.$confirm('确定要删除选中的用户吗?', '提示', {type: 'warning'}).then(() => {\r\n const loading = this.$loading({lock: true});\r\n this.$http.post('/user/delete', {id: ids}).then(res => {\r\n loading.close();\r\n if (res.data.code === 0) {\r\n this.$message({type: 'success', message: res.data.msg});\r\n this.$refs.table.reload();\r\n } else {\r\n this.$message.error(res.data.msg);\r\n }\r\n }).catch(e => {\r\n loading.close();\r\n this.$message.error(e.message);\r\n });\r\n }).catch(() => 0);\r\n } else { // 单个删除\r\n const loading = this.$loading({lock: true});\r\n this.$http.post('/user/delete', {id:row.id}).then(res => {\r\n loading.close();\r\n if (res.data.code === 0) {\r\n this.$message({type: 'success', message: res.data.msg});\r\n this.$refs.table.reload();\r\n } else {\r\n this.$message.error(res.data.msg);\r\n }\r\n }).catch(e => {\r\n loading.close();\r\n this.$message.error(e.message);\r\n });\r\n }\r\n },\r\n /**\r\n * 重置密码\r\n */\r\n resetPwd(row){\r\n const loading = this.$loading({lock: true});\r\n this.$http.post('/user/resetPwd', {id:row.id}).then(res => {\r\n loading.close();\r\n if (res.data.code === 0) {\r\n this.$message({type: 'success', message: res.data.msg});\r\n this.$refs.table.reload();\r\n } else {\r\n this.$message.error(res.data.msg);\r\n }\r\n }).catch(e => {\r\n loading.close();\r\n this.$message.error(e.message);\r\n });\r\n },\r\n /* 更改状态 */\r\n editStatus(row) {\r\n const loading = this.$loading({lock: true});\r\n let params = Object.assign({}, row);\r\n this.$http.post('/user/status', params).then(res => {\r\n loading.close();\r\n if (res.data.code === 0) {\r\n this.$message({type: 'success', message: res.data.msg});\r\n } else {\r\n row.status = !row.status ? 2 : 1;\r\n this.$message.error(res.data.msg);\r\n }\r\n }).catch(e => {\r\n loading.close();\r\n this.$message.error(e.message);\r\n });\r\n },\r\n /* 查询角色列表 */\r\n queryRoles() {\r\n this.$http.get('/role/getRoleList').then(res => {\r\n if (res.data.code === 0) {\r\n this.roleList = res.data.data;\r\n } else {\r\n this.$message.error(res.data.msg);\r\n }\r\n }).catch(e => {\r\n this.$message.error(e.message);\r\n });\r\n },\r\n /**\r\n * 获取职级列表\r\n */\r\n getLevelList() {\r\n this.$http.get('/level/getLevelList').then(res => {\r\n if (res.data.code === 0) {\r\n this.levelList = res.data.data;\r\n } else {\r\n this.$message.error(res.data.msg);\r\n }\r\n }).catch(e => {\r\n this.$message.error(e.message);\r\n });\r\n },\r\n /**\r\n * 获取岗位列表\r\n */\r\n getPositionList() {\r\n this.$http.get('/position/getPositionList').then(res => {\r\n if (res.data.code === 0) {\r\n this.positionList = res.data.data;\r\n } else {\r\n this.$message.error(res.data.msg);\r\n }\r\n }).catch(e => {\r\n this.$message.error(e.message);\r\n });\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.ele-block >>> .el-upload, .ele-block >>> .el-upload-dragger {\r\n width: 100%;\r\n}\r\n/* 用户资料卡片 */\r\n.user-info-card {\r\n padding-top: 8px;\r\n text-align: center;\r\n}\r\n\r\n.user-info-card .user-info-avatar-group {\r\n position: relative;\r\n cursor: pointer;\r\n margin: 0 auto;\r\n width: 110px;\r\n height: 110px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n}\r\n\r\n.user-info-card .user-info-avatar {\r\n width: 110px;\r\n height: 110px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n}\r\n\r\n.user-info-card .user-info-avatar-group > i {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n color: #FFF;\r\n font-size: 30px;\r\n display: none;\r\n z-index: 2;\r\n}\r\n\r\n.user-info-card .user-info-avatar-group:hover > i {\r\n display: block;\r\n}\r\n\r\n.user-info-card .user-info-avatar-group:hover:after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, .3);\r\n}\r\n</style>"]}]}
|
