1 line
20 KiB
JSON
1 line
20 KiB
JSON
{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\IdManagement.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\IdManagement.vue","mtime":1677208560154},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import _defineProperty from \"E:/\\u89C6\\u9891\\u8FB9\\u7F18\\u8BA1\\u7B97\\u7BA1\\u7406\\u5E73\\u53F0/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\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 axios from 'axios';\nimport { getZhanghData, getRoleApi, deleteRoleApi } from '@/api/management';\nimport serverUrl from '@/config/apiurl.js';\nexport default {\n data: function data() {\n var _ref;\n\n return _ref = {\n options: [],\n addAccountDialog: false,\n formLabelAlign: {\n userName: '',\n account: '',\n roleId: '',\n IsEnable: '1',\n passWord: ''\n },\n tableData: [],\n tableHeight: 0,\n currentPage: 1,\n pageSize: 100,\n totalNumber: 1000\n }, _defineProperty(_ref, \"tableHeight\", 0), _defineProperty(_ref, \"dialogTitle\", '新增'), _ref;\n },\n created: function created() {\n var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\n this.tableHeight = windowHeight - 280;\n this.getData(); //角色\n\n this.getRoleList();\n },\n methods: {\n //点击新增按钮\n addBtn: function addBtn() {\n this.dialogTitle = '新增';\n this.addAccountDialog = true;\n },\n //弹框关闭\n dialogClose: function dialogClose() {\n for (var i in this.formLabelAlign) {\n if (i == 'IsEnable') {\n this.formLabelAlign[i] = '1';\n } else {\n this.formLabelAlign[i] = '';\n }\n }\n },\n //点击确定\n saveBtn: function saveBtn() {\n var _this2 = this;\n\n var formData = new FormData();\n formData.append('userName', this.formLabelAlign.userName);\n formData.append('account', this.formLabelAlign.account);\n formData.append('roleId', this.formLabelAlign.roleId);\n formData.append('IsEnable', this.formLabelAlign.IsEnable);\n formData.append('passWord', this.formLabelAlign.passWord);\n\n if (this.dialogTitle === '编辑') {\n formData.append('userId', this.formLabelAlign.userId);\n }\n\n axios({\n method: 'post',\n url: this.dialogTitle === '新增' ? serverUrl.saveRoleApi : serverUrl.editRoleApi,\n data: formData\n }).then(function (res) {\n if (res.data.code == 200) {\n _this2.$message({\n message: res.data.msg,\n type: 'success'\n });\n\n _this2.addAccountDialog = false;\n\n _this2.getData();\n } else {\n _this2.$message({\n message: res.data.msg,\n type: 'warning'\n });\n }\n });\n },\n //角色下拉\n getRoleList: function getRoleList() {\n var _this = this;\n\n getRoleApi().then(function (res) {\n _this.options = res.data.data;\n }).catch(function (err) {\n _this.$message.error(err.msg);\n });\n },\n //表格数据\n getData: function getData() {\n var _this3 = this;\n\n getZhanghData().then(function (res) {\n _this3.tableData = res.data.data;\n }).catch(function (err) {\n _this.$message.error(err.msg);\n });\n },\n edit: function edit(row) {\n this.formLabelAlign.roleId = row.roleId;\n this.formLabelAlign.IsEnable = row.isEnable;\n this.formLabelAlign.userName = row.userName;\n this.formLabelAlign.account = row.account;\n this.formLabelAlign.userId = row.userId;\n this.dialogTitle = '编辑';\n this.addAccountDialog = true;\n },\n showView: function showView(scope) {\n this.dialogTitle = '查看';\n this.addAccountDialog = true;\n },\n clickDelete: function clickDelete(row) {\n var _this4 = this;\n\n this.$confirm('此操作将永久删除该角色, 是否继续?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning'\n }).then(function () {\n deleteRoleApi(row.userId).then(function (res) {\n if (res.data.code == 200) {\n _this4.$message({\n type: 'success',\n message: '删除成功!'\n });\n } else {\n _this4.$message({\n type: 'error',\n message: res.data.msg\n });\n }\n\n _this4.getData();\n });\n }).catch(function () {\n _this4.$message({\n type: 'info',\n message: '已取消删除'\n });\n });\n },\n handleSizeChange: function handleSizeChange(val) {\n console.log(\"\\u6BCF\\u9875 \".concat(val, \" \\u6761\"));\n },\n handleCurrentChange: function handleCurrentChange(val) {\n console.log(\"\\u5F53\\u524D\\u9875: \".concat(val));\n }\n }\n};",{"version":3,"sources":["IdManagement.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div class=\"content-box\">\r\n <div class=\"container\">\r\n <p class=\"title\">账号管理</p>\r\n <el-button @click=\"addBtn\" type=\"primary\" style=\"margin-bottom: 10px;\"\r\n ><i class=\"el-icon-circle-plus-outline\" style=\"margin-right: 3px;\"></i>新增</el-button\r\n >\r\n <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\r\n <el-table-column align=\"center\" label=\"序号\" type=\"index\" width=\"80\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"userName\" label=\"用户名称\" width=\"180\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"account\" label=\"用户账号\" width=\"180\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"roleName\" label=\"角色\"></el-table-column>\r\n <el-table-column align=\"center\" label=\"权限\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.isEnable === '1' ? '启用' : '禁用' }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" label=\"操作\" width=\"160\">\r\n <template slot-scope=\"scope\">\r\n <el-button @click=\"edit(scope.row)\" type=\"text\" size=\"small\" class=\"\">编辑</el-button>\r\n <el-button style=\"color:red\" @click=\"clickDelete(scope.row)\" type=\"text\" size=\"small\">删除</el-button>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <div class=\"dialog\">\r\n <el-dialog :title=\"dialogTitle\" :visible.sync=\"addAccountDialog\" width=\"30%\" @close=\"dialogClose\">\r\n <el-form label-position=\"left\" label-width=\"100px\" :model=\"formLabelAlign\">\r\n <el-form-item label=\"名称:\">\r\n <el-input v-model=\"formLabelAlign.userName\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"账号:\">\r\n <el-input :disabled=\"dialogTitle == '编辑'\" v-model=\"formLabelAlign.account\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"密码:\">\r\n <el-input v-model=\"formLabelAlign.passWord\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"角色:\">\r\n <el-select\r\n :disabled=\"dialogTitle == '编辑' && formLabelAlign.userName == 'admin'\"\r\n clearable\r\n style=\"width:100%;\"\r\n v-model=\"formLabelAlign.roleId\"\r\n placeholder=\"请选择\"\r\n >\r\n <el-option v-for=\"item in options\" :key=\"item.roleId\" :label=\"item.roleName\" :value=\"item.roleId\">\r\n </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"是否启用:\">\r\n <el-radio-group v-model=\"formLabelAlign.IsEnable\">\r\n <el-radio :label=\"'1'\">启用</el-radio>\r\n <el-radio :label=\"'0'\">禁用</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n </el-form>\r\n <span slot=\"footer\" class=\"dialog-footer\">\r\n <el-button type=\"primary\" @click=\"saveBtn\">确定</el-button>\r\n <el-button @click=\"addAccountDialog = false\">取消</el-button>\r\n </span>\r\n </el-dialog>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\nimport { getZhanghData, getRoleApi, deleteRoleApi } from '@/api/management';\r\nimport serverUrl from '@/config/apiurl.js';\r\nexport default {\r\n data() {\r\n return {\r\n options: [],\r\n addAccountDialog: false,\r\n formLabelAlign: {\r\n userName: '',\r\n account: '',\r\n roleId: '',\r\n IsEnable: '1',\r\n passWord: ''\r\n },\r\n tableData: [],\r\n tableHeight: 0,\r\n currentPage: 1,\r\n pageSize: 100,\r\n totalNumber: 1000,\r\n tableHeight: 0,\r\n dialogTitle: '新增'\r\n };\r\n },\r\n created() {\r\n let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\r\n this.tableHeight = windowHeight - 280;\r\n this.getData();\r\n //角色\r\n this.getRoleList();\r\n },\r\n methods: {\r\n //点击新增按钮\r\n addBtn() {\r\n this.dialogTitle = '新增';\r\n this.addAccountDialog = true;\r\n },\r\n //弹框关闭\r\n dialogClose() {\r\n for (let i in this.formLabelAlign) {\r\n if (i == 'IsEnable') {\r\n this.formLabelAlign[i] = '1';\r\n } else {\r\n this.formLabelAlign[i] = '';\r\n }\r\n }\r\n },\r\n //点击确定\r\n saveBtn() {\r\n let formData = new FormData();\r\n formData.append('userName', this.formLabelAlign.userName);\r\n formData.append('account', this.formLabelAlign.account);\r\n formData.append('roleId', this.formLabelAlign.roleId);\r\n formData.append('IsEnable', this.formLabelAlign.IsEnable);\r\n formData.append('passWord', this.formLabelAlign.passWord);\r\n if (this.dialogTitle === '编辑') {\r\n formData.append('userId', this.formLabelAlign.userId);\r\n }\r\n\r\n axios({\r\n method: 'post',\r\n url: this.dialogTitle === '新增' ? serverUrl.saveRoleApi : serverUrl.editRoleApi,\r\n data: formData\r\n }).then(res => {\r\n if (res.data.code == 200) {\r\n this.$message({\r\n message: res.data.msg,\r\n type: 'success'\r\n });\r\n this.addAccountDialog = false;\r\n this.getData();\r\n } else {\r\n this.$message({\r\n message: res.data.msg,\r\n type: 'warning'\r\n });\r\n }\r\n });\r\n },\r\n //角色下拉\r\n getRoleList() {\r\n var _this = this;\r\n getRoleApi()\r\n .then(res => {\r\n _this.options = res.data.data;\r\n })\r\n .catch(err => {\r\n _this.$message.error(err.msg);\r\n });\r\n },\r\n //表格数据\r\n getData() {\r\n getZhanghData()\r\n .then(res => {\r\n this.tableData = res.data.data;\r\n })\r\n .catch(err => {\r\n _this.$message.error(err.msg);\r\n });\r\n },\r\n edit(row) {\r\n this.formLabelAlign.roleId = row.roleId;\r\n this.formLabelAlign.IsEnable = row.isEnable;\r\n this.formLabelAlign.userName = row.userName;\r\n this.formLabelAlign.account = row.account;\r\n this.formLabelAlign.userId = row.userId;\r\n this.dialogTitle = '编辑';\r\n this.addAccountDialog = true;\r\n },\r\n showView(scope) {\r\n this.dialogTitle = '查看';\r\n this.addAccountDialog = true;\r\n },\r\n clickDelete(row) {\r\n this.$confirm('此操作将永久删除该角色, 是否继续?', '提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n })\r\n .then(() => {\r\n deleteRoleApi(row.userId).then(res => {\r\n if (res.data.code == 200) {\r\n this.$message({\r\n type: 'success',\r\n message: '删除成功!'\r\n });\r\n } else {\r\n this.$message({\r\n type: 'error',\r\n message: res.data.msg\r\n });\r\n }\r\n this.getData();\r\n });\r\n })\r\n .catch(() => {\r\n this.$message({\r\n type: 'info',\r\n message: '已取消删除'\r\n });\r\n });\r\n },\r\n handleSizeChange(val) {\r\n console.log(`每页 ${val} 条`);\r\n },\r\n handleCurrentChange(val) {\r\n console.log(`当前页: ${val}`);\r\n }\r\n }\r\n};\r\n</script>\r\n\r\n\r\n<style scoped>\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n.dialog .el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/views"}]} |