{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\IdManagement.vue?vue&type=style&index=0&id=1538ddf8&scoped=true&lang=css&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\IdManagement.vue","mtime":1672210009881},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1672206976118},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1672206979280},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1672206978495},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1672206975777},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1672206979279}],"contextDependencies":[],"result":["\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\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.title {\r\n  width: 95%;\r\n  font-size: 25px;\r\n  text-align: left;\r\n  border-bottom: 1px solid black;\r\n  margin-bottom: 20px;\r\n}\r\n",{"version":3,"sources":["IdManagement.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"IdManagement.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">账号管理</p>\r\n    <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-button @click=\"addAccountDialog = true\" type=\"primary\" style=\"margin-bottom: 10px;\"><i class=\"el-icon-circle-plus-outline\"\r\n          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=\"name\" 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=\"role\" label=\"角色\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"jurisdiction\" label=\"权限\"></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\" class=\"el-icon-delete\"></el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n      <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\"\r\n        :current-page.sync=\"currentPage\" :page-sizes=\"[100, 200, 300, 400]\" :page-size=\"pageSize\"\r\n        layout=\"sizes, prev, pager, next\" :total=\"totalNumber\" style=\"padding-top: 10px;\">\r\n      </el-pagination>\r\n\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</template>\r\n\r\n<script>\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        {\r\n          name: 'admin',\r\n          account: '',\r\n          role: 'admin',\r\n          jurisdiction: '超级管理员'\r\n        }\r\n      ],\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 - 220;\r\n  },\r\n  methods: {\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.title {\r\n  width: 95%;\r\n  font-size: 25px;\r\n  text-align: left;\r\n  border-bottom: 1px solid black;\r\n  margin-bottom: 20px;\r\n}\r\n</style>"]}]}