运维管理添加角色一列

src/views/manager/index.vue

@@ -19,10 +19,12 @@
       <div class="page_jg_20"></div>
       <div class="page_table">
         <el-table :data="tableData" stripe :key="tableKey" v-loading="tableLoading" element-loading-text="拼命加载中……"
-          element-loading-spinner="el-icon-loading" element-loading-background="#ffffff" row-key="studentId">
+          element-loading-spinner="el-icon-loading" element-loading-background="#ffffff" row-key="studentId"
+          height="100%">
             <el-table-column type="index" label="序号" align="center" width="50" />
             <el-table-column prop="username" label="账号" align="center"  show-overflow-tooltip />
             <el-table-column prop="nickname" label="姓名" align="center"  show-overflow-tooltip />
+            <el-table-column prop="roleName" label="角色" align="center"  show-overflow-tooltip />
             <el-table-column prop="phoneNo" label="手机号" align="center"  show-overflow-tooltip />
             <el-table-column prop="status" label="状态" align="center"  show-overflow-tooltip>
               <template #default="scope">
@@ -164,6 +166,26 @@ const Refresh = () => {
 <style lang="scss" scoped>
 .page_container {
   display: flex;
+  flex: 1;
+  min-width: 0;
   height: 100%;
 }
+.page_item {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+}
+.page_search {
+  flex-shrink: 0;
+}
+.page_jg_20 {
+  flex-shrink: 0;
+}
+.page_table {
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
 </style>