{"ast":null,"code":"import \"core-js/modules/es.string.trim.js\";\nimport \"core-js/modules/es.json.stringify.js\";\nimport \"core-js/modules/es.array.map.js\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport md5 from \"js-md5\";\nexport default {\n  name: \"User\",\n  created: function created() {\n    this.load();\n  },\n  data: function data() {\n    return {\n      tableData: [],\n      roleOptions: [{\n        value: \"admin\",\n        label: \"管理员\"\n      }, {\n        value: \"user\",\n        label: \"用户\"\n      }],\n      roleValue: \"\",\n      total: 0,\n      pageSize: 5,\n      currentPage: 1,\n      searchMode: \"id\",\n      searchParams: {\n        id: \"\",\n        username: \"\",\n        nickname: \"\"\n      },\n      dialogFormVisible: false,\n      dialogTitle: \"\",\n      user: {},\n      multipleSelection: []\n    };\n  },\n  methods: {\n    handleSizeChange: function handleSizeChange(pageSize) {\n      this.pageSize = pageSize;\n      this.load();\n    },\n    handleCurrentPage: function handleCurrentPage(currentPage) {\n      this.currentPage = currentPage;\n      this.load();\n    },\n    handleSelectionChange: function handleSelectionChange(val) {\n      this.multipleSelection = val;\n    },\n    load: function load() {\n      var _this = this;\n\n      this.request.get(\"/user/page\", {\n        params: {\n          pageNum: this.currentPage,\n          pageSize: this.pageSize,\n          id: this.searchParams.id,\n          username: this.searchParams.username,\n          nickname: this.searchParams.nickname\n        }\n      }).then(function (res) {\n        if (res.code === \"200\") {\n          _this.tableData = res.data.records;\n          _this.total = res.data.total;\n        }\n      });\n    },\n    search: function search() {\n      this.currentPage = 1;\n      this.load();\n    },\n    reload: function reload() {\n      this.searchParams.id = \"\";\n      this.searchParams.username = \"\";\n      this.searchParams.nickname = \"\";\n      this.load();\n    },\n    //插入或修改\n    save: function save() {\n      var _this2 = this;\n\n      if (this.dialogTitle == \"新增用户\") {\n        if (this.user.username.trim() == \"\") {\n          this.$message.error(\"账号不能为空\");\n          return;\n        }\n\n        this.user.password = md5(\"123456\");\n      }\n\n      if (this.user.nickname.trim() == \"\") {\n        this.$message.error(\"昵称不能为空\");\n        return;\n      }\n\n      if (this.user.role.trim() == \"\") {\n        this.$message.error(\"身份不能为空\");\n        return;\n      }\n\n      if (this.user.phone.trim() == \"\") {\n        this.$message.error(\"电话不能为空\");\n        return;\n      }\n\n      if (this.user.email.trim() == \"\") {\n        this.$message.error(\"邮箱不能为空\");\n        return;\n      }\n\n      this.dialogTitle = \"新增用户\";\n      this.request.post(\"/user\", this.user).then(function (res) {\n        if (res.code === \"200\") {\n          _this2.$message.success(\"保存成功\");\n\n          _this2.dialogFormVisible = false;\n\n          _this2.load();\n        } else {\n          _this2.$message.error(res.msg);\n        }\n      });\n    },\n    handleAdd: function handleAdd() {\n      this.dialogTitle = \"新增用户\";\n      this.dialogFormVisible = true;\n      this.user = {};\n    },\n    //编辑\n    handleEdit: function handleEdit(row) {\n      this.user = JSON.parse(JSON.stringify(row));\n      this.dialogTitle = \"编辑用户\";\n      this.dialogFormVisible = true;\n    },\n    //删除\n    handleDelete: function handleDelete(id) {\n      var _this3 = this;\n\n      this.$confirm(\"确认删除该用户吗?\", \"提示\", {\n        confirmButtonText: \"确定\",\n        cancelButtonText: \"取消\",\n        type: \"warning\"\n      }).then(function () {\n        _this3.request.delete(\"/user/\" + id).then(function (res) {\n          if (res.code === \"200\") {\n            _this3.$message({\n              type: \"success\",\n              message: \"删除成功\"\n            });\n\n            _this3.load();\n          } else {\n            _this3.$message.error(res.msg);\n          }\n        });\n      });\n    },\n    //批量删除\n    delBatch: function delBatch() {\n      var _this4 = this;\n\n      var ids = this.multipleSelection.map(function (v) {\n        return v.id;\n      });\n      console.log(ids);\n      this.$confirm(\"确认删除这些用户吗?\", \"提示\", {\n        confirmButtonText: \"确定\",\n        cancelButtonText: \"取消\",\n        type: \"warning\"\n      }).then(function () {\n        _this4.request.post(\"/user/del/batch\", ids).then(function (res) {\n          if (res.code === \"200\") {\n            _this4.$message({\n              type: \"success\",\n              message: \"删除成功\",\n              duration: 3000\n            });\n\n            _this4.load();\n          } else {\n            _this4.$message.error(res.msg);\n          }\n        });\n      });\n    }\n  }\n};","map":{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiJA;AAEA;AACAA,cADA;AAEAC,SAFA,qBAEA;AACA;AACA,GAJA;AAKAC,MALA,kBAKA;AACA;AACAC,mBADA;AAEAC,oBACA;AACAC,sBADA;AAEAC;AAFA,OADA,EAKA;AACAD,qBADA;AAEAC;AAFA,OALA,CAFA;AAYAC,mBAZA;AAaAC,cAbA;AAcAC,iBAdA;AAeAC,oBAfA;AAgBAC,sBAhBA;AAiBAC;AACAC,cADA;AAEAC,oBAFA;AAGAC;AAHA,OAjBA;AAsBAC,8BAtBA;AAuBAC,qBAvBA;AAwBAC,cAxBA;AAyBAC;AAzBA;AA2BA,GAjCA;AAkCAC;AACAC,oBADA,4BACAZ,QADA,EACA;AACA;AACA;AACA,KAJA;AAKAa,qBALA,6BAKAZ,WALA,EAKA;AACA;AACA;AACA,KARA;AASAa,yBATA,iCASAC,GATA,EASA;AACA;AACA,KAXA;AAaAC,QAbA,kBAaA;AAAA;;AACA,mBACAC,GADA,CACA,YADA,EACA;AACAC;AACAC,mCADA;AAEAnB,iCAFA;AAGAI,kCAHA;AAIAC,8CAJA;AAKAC;AALA;AADA,OADA,EAUAc,IAVA,CAUA;AACA;AACA;AACA;AACA;AACA,OAfA;AAgBA,KA9BA;AA+BAC,UA/BA,oBA+BA;AACA;AACA;AACA,KAlCA;AAmCAC,UAnCA,oBAmCA;AACA;AACA;AACA;AACA;AACA,KAxCA;AAyCA;AACAC,QA1CA,kBA0CA;AAAA;;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,SAJA,MAIA;AACA;AACA;AACA,OARA;AASA,KA5EA;AA6EAC,aA7EA,uBA6EA;AACA;AACA;AACA;AACA,KAjFA;AAkFA;AACAC,cAnFA,sBAmFAC,GAnFA,EAmFA;AACA;AACA;AACA;AACA,KAvFA;AAwFA;AACAC,gBAzFA,wBAyFAvB,EAzFA,EAyFA;AAAA;;AACA;AACAwB,+BADA;AAEAC,8BAFA;AAGAC;AAHA,SAIAV,IAJA,CAIA;AACA;AACA;AACA;AACAU,6BADA;AAEAC;AAFA;;AAIA;AACA,WANA,MAMA;AACA;AACA;AACA,SAVA;AAWA,OAhBA;AAiBA,KA3GA;AA4GA;AACAC,YA7GA,sBA6GA;AAAA;;AACA;AAAA;AAAA;AACAC;AACA;AACAL,+BADA;AAEAC,8BAFA;AAGAC;AAHA,SAIAV,IAJA,CAIA;AACA;AACA;AACA;AACAU,6BADA;AAEAC,6BAFA;AAGAG;AAHA;;AAKA;AACA,WAPA,MAOA;AACA;AACA;AACA,SAXA;AAYA,OAjBA;AAkBA;AAlIA;AAlCA","names":["name","created","data","tableData","roleOptions","value","label","roleValue","total","pageSize","currentPage","searchMode","searchParams","id","username","nickname","dialogFormVisible","dialogTitle","user","multipleSelection","methods","handleSizeChange","handleCurrentPage","handleSelectionChange","val","load","get","params","pageNum","then","search","reload","save","handleAdd","handleEdit","row","handleDelete","confirmButtonText","cancelButtonText","type","message","delBatch","console","duration"],"sourceRoot":"src/views/manage","sources":["User.vue"],"sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"demo-input-size\">\r\n      <el-select\r\n        v-model=\"searchMode\"\r\n        placeholder=\"请选择\"\r\n        style=\"width: 150px; margin-right: 10px\"\r\n      >\r\n        <el-option value=\"id\" label=\"用户id\"></el-option>\r\n        <el-option value=\"username\" label=\"账号\"></el-option>\r\n        <el-option value=\"nickname\" label=\"昵称\"></el-option>\r\n      </el-select>\r\n      <el-input\r\n        v-if=\"searchMode === 'id'\"\r\n        placeholder=\"请输入用户id\"\r\n        prefix-icon=\"el-icon-search\"\r\n        style=\"width: 250px; padding-right: 5px\"\r\n        v-model=\"searchParams.id\"\r\n      ></el-input>\r\n      <el-input\r\n        v-if=\"searchMode === 'username'\"\r\n        placeholder=\"请输入账号\"\r\n        prefix-icon=\"el-icon-search\"\r\n        style=\"width: 250px; padding-right: 5px\"\r\n        v-model=\"searchParams.username\"\r\n      ></el-input>\r\n      <el-input\r\n        v-if=\"searchMode === 'nickname'\"\r\n        placeholder=\"请输入昵称\"\r\n        prefix-icon=\"el-icon-search\"\r\n        style=\"width: 250px; padding-right: 5px\"\r\n        v-model=\"searchParams.nickname\"\r\n      ></el-input>\r\n      <el-button type=\"primary\" @click=\"search\">搜索</el-button>\r\n      <el-button type=\"danger\" @click=\"reload\">重置</el-button>\r\n    </div>\r\n    <!--          按钮栏-->\r\n    <div style=\"padding-top: 10px\">\r\n      <el-button type=\"primary\" @click=\"handleAdd\"\r\n        ><i class=\"el-icon-circle-plus\" style=\"padding-right: 6px\"></i\r\n        >新增</el-button\r\n      >\r\n      <el-button type=\"danger\" @click=\"delBatch\"\r\n        ><i class=\"el-icon-remove\" style=\"padding-right: 6px\"></i\r\n        >批量删除</el-button\r\n      >\r\n    </div>\r\n    <!--          弹窗-->\r\n    <el-dialog :title=\"dialogTitle\" :visible.sync=\"dialogFormVisible\">\r\n      <el-form label-width=\"50px\" style=\"padding: 0 60px\">\r\n        <el-form-item label=\"账号\" v-if=\"dialogTitle == '新增用户'\">\r\n          <el-input v-model=\"user.username\" autocomplete=\"off\"></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"昵称\">\r\n          <el-input v-model=\"user.nickname\" autocomplete=\"off\"></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"身份\">\r\n          <el-select v-model=\"user.role\" placeholder=\"请选择\">\r\n            <el-option\r\n              v-for=\"item in roleOptions\"\r\n              :key=\"item.value\"\r\n              :label=\"item.label\"\r\n              :value=\"item.value\"\r\n            >\r\n            </el-option>\r\n          </el-select>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"电话\">\r\n          <el-input v-model=\"user.phone\" autocomplete=\"off\"></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"邮箱\">\r\n          <el-input v-model=\"user.email\" autocomplete=\"off\"></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"地址\">\r\n          <el-input v-model=\"user.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\r\n    <!--          表格-->\r\n    <el-table\r\n      :data=\"tableData\"\r\n      background-color=\"black\"\r\n      @selection-change=\"handleSelectionChange\"\r\n    >\r\n      <el-table-column type=\"selection\"></el-table-column>\r\n      <el-table-column prop=\"id\" label=\"id\" width=\"100\"></el-table-column>\r\n      <el-table-column\r\n        prop=\"username\"\r\n        label=\"账号\"\r\n        width=\"150\"\r\n      ></el-table-column>\r\n      <el-table-column label=\"身份\" width=\"150\">\r\n        <template slot-scope=\"scope\">\r\n          <span v-if=\"scope.row.role === 'user'\">用户</span>\r\n          <span v-if=\"scope.row.role === 'admin'\">管理员</span>\r\n        </template>\r\n      </el-table-column>\r\n      <el-table-column\r\n        prop=\"nickname\"\r\n        label=\"昵称\"\r\n        width=\"180\"\r\n      ></el-table-column>\r\n      <el-table-column prop=\"phone\" label=\"电话\" width=\"180\"></el-table-column>\r\n      <el-table-column prop=\"email\" label=\"邮箱\" width=\"180\"></el-table-column>\r\n      <el-table-column\r\n        prop=\"address\"\r\n        label=\"地址\"\r\n        width=\"350\"\r\n      ></el-table-column>\r\n      <el-table-column label=\"操作\">\r\n        <template slot-scope=\"scope\">\r\n          <el-button size=\"mini\" type=\"success\" @click=\"handleEdit(scope.row)\"\r\n            >编辑</el-button\r\n          >\r\n          <el-button\r\n            size=\"mini\"\r\n            type=\"danger\"\r\n            @click=\"handleDelete(scope.row.id)\"\r\n            >删除</el-button\r\n          >\r\n        </template>\r\n      </el-table-column>\r\n    </el-table>\r\n    <div class=\"block\" style=\"flex: 0 0 auto\">\r\n      <el-pagination\r\n        :current-page=\"currentPage\"\r\n        :page-sizes=\"[3, 5, 8, 10]\"\r\n        :page-size=\"pageSize\"\r\n        layout=\"total, sizes, prev, pager, next, jumper\"\r\n        :total=\"total\"\r\n        @size-change=\"handleSizeChange\"\r\n        @current-change=\"handleCurrentPage\"\r\n      >\r\n      </el-pagination>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport md5 from \"js-md5\";\r\n\r\nexport default {\r\n  name: \"User\",\r\n  created() {\r\n    this.load();\r\n  },\r\n  data() {\r\n    return {\r\n      tableData: [],\r\n      roleOptions: [\r\n        {\r\n          value: \"admin\",\r\n          label: \"管理员\",\r\n        },\r\n        {\r\n          value: \"user\",\r\n          label: \"用户\",\r\n        },\r\n      ],\r\n      roleValue: \"\",\r\n      total: 0,\r\n      pageSize: 5,\r\n      currentPage: 1,\r\n      searchMode: \"id\",\r\n      searchParams: {\r\n        id: \"\",\r\n        username: \"\",\r\n        nickname: \"\",\r\n      },\r\n      dialogFormVisible: false,\r\n      dialogTitle: \"\",\r\n      user: {},\r\n      multipleSelection: [],\r\n    };\r\n  },\r\n  methods: {\r\n    handleSizeChange(pageSize) {\r\n      this.pageSize = pageSize;\r\n      this.load();\r\n    },\r\n    handleCurrentPage(currentPage) {\r\n      this.currentPage = currentPage;\r\n      this.load();\r\n    },\r\n    handleSelectionChange(val) {\r\n      this.multipleSelection = val;\r\n    },\r\n\r\n    load() {\r\n      this.request\r\n        .get(\"/user/page\", {\r\n          params: {\r\n            pageNum: this.currentPage,\r\n            pageSize: this.pageSize,\r\n            id: this.searchParams.id,\r\n            username: this.searchParams.username,\r\n            nickname: this.searchParams.nickname,\r\n          },\r\n        })\r\n        .then((res) => {\r\n          if (res.code === \"200\") {\r\n            this.tableData = res.data.records;\r\n            this.total = res.data.total;\r\n          }\r\n        });\r\n    },\r\n    search() {\r\n      this.currentPage = 1;\r\n      this.load();\r\n    },\r\n    reload() {\r\n      this.searchParams.id = \"\";\r\n      this.searchParams.username = \"\";\r\n      this.searchParams.nickname = \"\";\r\n      this.load();\r\n    },\r\n    //插入或修改\r\n    save() {\r\n      if (this.dialogTitle == \"新增用户\") {\r\n        if (this.user.username.trim() == \"\") {\r\n          this.$message.error(\"账号不能为空\");\r\n          return;\r\n        }\r\n        this.user.password = md5(\"123456\");\r\n      }\r\n      if (this.user.nickname.trim() == \"\") {\r\n        this.$message.error(\"昵称不能为空\");\r\n        return;\r\n      }\r\n      if (this.user.role.trim() == \"\") {\r\n        this.$message.error(\"身份不能为空\");\r\n        return;\r\n      }\r\n      if (this.user.phone.trim() == \"\") {\r\n        this.$message.error(\"电话不能为空\");\r\n        return;\r\n      }\r\n      if (this.user.email.trim() == \"\") {\r\n        this.$message.error(\"邮箱不能为空\");\r\n        return;\r\n      }\r\n      this.dialogTitle = \"新增用户\";\r\n      this.request.post(\"/user\", this.user).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(res.msg);\r\n        }\r\n      });\r\n    },\r\n    handleAdd() {\r\n      this.dialogTitle = \"新增用户\";\r\n      this.dialogFormVisible = true;\r\n      this.user = {};\r\n    },\r\n    //编辑\r\n    handleEdit(row) {\r\n      this.user = JSON.parse(JSON.stringify(row));\r\n      this.dialogTitle = \"编辑用户\";\r\n      this.dialogFormVisible = true;\r\n    },\r\n    //删除\r\n    handleDelete(id) {\r\n      this.$confirm(\"确认删除该用户吗?\", \"提示\", {\r\n        confirmButtonText: \"确定\",\r\n        cancelButtonText: \"取消\",\r\n        type: \"warning\",\r\n      }).then(() => {\r\n        this.request.delete(\"/user/\" + id).then((res) => {\r\n          if (res.code === \"200\") {\r\n            this.$message({\r\n              type: \"success\",\r\n              message: \"删除成功\",\r\n            });\r\n            this.load();\r\n          } else {\r\n            this.$message.error(res.msg);\r\n          }\r\n        });\r\n      });\r\n    },\r\n    //批量删除\r\n    delBatch() {\r\n      let ids = this.multipleSelection.map((v) => v.id);\r\n      console.log(ids);\r\n      this.$confirm(\"确认删除这些用户吗?\", \"提示\", {\r\n        confirmButtonText: \"确定\",\r\n        cancelButtonText: \"取消\",\r\n        type: \"warning\",\r\n      }).then(() => {\r\n        this.request.post(\"/user/del/batch\", ids).then((res) => {\r\n          if (res.code === \"200\") {\r\n            this.$message({\r\n              type: \"success\",\r\n              message: \"删除成功\",\r\n              duration: 3000,\r\n            });\r\n            this.load();\r\n          } else {\r\n            this.$message.error(res.msg);\r\n          }\r\n        });\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n</style>"]},"metadata":{},"sourceType":"module"}