{"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":1677026201582},{"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//\nimport { getZhanghData } from '@/api/management';\nexport default {\n  data: function data() {\n    var _ref;\n\n    return _ref = {\n      addAccountDialog: false,\n      formLabelAlign: {\n        name: '',\n        account: '',\n        role: '',\n        jurisdiction: ''\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  methods: {\n    getData: function getData() {\n      var _this = this;\n\n      getZhanghData().then(function (res) {\n        console.log(res);\n        _this.tableData = res.data.data;\n      });\n    },\n    edit: function edit(scope) {\n      console.log(scope, '编辑');\n      this.dialogTitle = '编辑';\n      this.addAccountDialog = true;\n    },\n    showView: function showView(scope) {\n      console.log(scope, '查看');\n      this.dialogTitle = '查看';\n      this.addAccountDialog = true;\n    },\n    clickDelete: function clickDelete(scope) {\n      console.log(scope, '删除');\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,SAAA,aAAA,QAAA,kBAAA;AACA,eAAA;AACA,EAAA,IADA,kBACA;AAAA;;AACA;AACA,MAAA,gBAAA,EAAA,KADA;AAEA,MAAA,cAAA,EAAA;AACA,QAAA,IAAA,EAAA,EADA;AAEA,QAAA,OAAA,EAAA,EAFA;AAGA,QAAA,IAAA,EAAA,EAHA;AAIA,QAAA,YAAA,EAAA;AAJA,OAFA;AAQA,MAAA,SAAA,EAAA,EARA;AASA,MAAA,WAAA,EAAA,CATA;AAUA,MAAA,WAAA,EAAA,CAVA;AAWA,MAAA,QAAA,EAAA,GAXA;AAYA,MAAA,WAAA,EAAA;AAZA,4CAaA,CAbA,wCAcA,IAdA;AAgBA,GAlBA;AAmBA,EAAA,OAnBA,qBAmBA;AACA,QAAA,YAAA,GAAA,QAAA,CAAA,eAAA,CAAA,YAAA,IAAA,QAAA,CAAA,IAAA,CAAA,YAAA;AACA,SAAA,WAAA,GAAA,YAAA,GAAA,GAAA;AACA,SAAA,OAAA;AACA,GAvBA;AAwBA,EAAA,OAAA,EAAA;AACA,IAAA,OADA,qBACA;AAAA;;AACA,MAAA,aAAA,GAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,OAAA,CAAA,GAAA,CAAA,GAAA;AACA,QAAA,KAAA,CAAA,SAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA;AACA,OAHA;AAIA,KANA;AAOA,IAAA,IAPA,gBAOA,KAPA,EAOA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA;AACA,WAAA,WAAA,GAAA,IAAA;AACA,WAAA,gBAAA,GAAA,IAAA;AACA,KAXA;AAYA,IAAA,QAZA,oBAYA,KAZA,EAYA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA;AACA,WAAA,WAAA,GAAA,IAAA;AACA,WAAA,gBAAA,GAAA,IAAA;AACA,KAhBA;AAiBA,IAAA,WAjBA,uBAiBA,KAjBA,EAiBA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA;AACA,KAnBA;AAoBA,IAAA,gBApBA,4BAoBA,GApBA,EAoBA;AACA,MAAA,OAAA,CAAA,GAAA,wBAAA,GAAA;AACA,KAtBA;AAuBA,IAAA,mBAvBA,+BAuBA,GAvBA,EAuBA;AACA,MAAA,OAAA,CAAA,GAAA,+BAAA,GAAA;AACA;AAzBA;AAxBA,CAAA","sourcesContent":["<template>\r\n    <div class=\"content-box\">\r\n        <div class=\"container\">\r\n            <p class=\"title\">账号管理</p>\r\n            <el-button @click=\"addAccountDialog = true\" 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\" 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 @click=\"showView(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-view\"></el-button> -->\r\n                        <el-button @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%\">\r\n                    <el-form label-position=\"left\" label-width=\"80px\" :model=\"formLabelAlign\">\r\n                        <el-form-item label=\"名称：\">\r\n                            <el-input v-model=\"formLabelAlign.name\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"账号：\">\r\n                            <el-input v-model=\"formLabelAlign.account\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"角色：\">\r\n                            <el-input v-model=\"formLabelAlign.role\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"权限：\">\r\n                            <el-input v-model=\"formLabelAlign.jurisdiction\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <span slot=\"footer\" class=\"dialog-footer\">\r\n                        <el-button type=\"primary\" @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 { getZhanghData } from '@/api/management';\r\nexport default {\r\n    data() {\r\n        return {\r\n            addAccountDialog: false,\r\n            formLabelAlign: {\r\n                name: '',\r\n                account: '',\r\n                role: '',\r\n                jurisdiction: ''\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    methods: {\r\n        getData() {\r\n            getZhanghData().then(res => {\r\n                console.log(res);\r\n                this.tableData = res.data.data;\r\n            });\r\n        },\r\n        edit(scope) {\r\n            console.log(scope, '编辑');\r\n            this.dialogTitle = '编辑';\r\n            this.addAccountDialog = true;\r\n        },\r\n        showView(scope) {\r\n            console.log(scope, '查看');\r\n            this.dialogTitle = '查看';\r\n            this.addAccountDialog = true;\r\n        },\r\n        clickDelete(scope) {\r\n            console.log(scope, '删除');\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<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"}]}