用户管理

src/styles/index.scss

@@ -13,12 +13,6 @@ body {
   font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
 }
 
-.jbs-table-header {
-  background-color: #eaf1fe!important;
-  color:#000;
-  font-size:16px;
-  font-weight: 400;
-}
 
 label {
   font-weight: 700;

src/views/user/userList/index.vue

@@ -9,7 +9,15 @@
         <el-button type="primary">添加新用户</el-button>
       </el-col>
     </el-row>
-    <el-table v-loading="loading" class="jbs-table" :data="tableData" border style="width: 100%" header-cell-class-name="jbs-table-header">
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      border
+      style="width: 100%"
+      :row-class-name="tableRowClassName"
+      :row-style="{ height: '50px' }"
+      :header-cell-style="{background:'#eaf1fe',color:'#000', fontWeight: 700, height: '50px'}"
+    >
       <el-table-column type="index" label="用户编号" align="center" width="100" />
       <el-table-column prop="name" label="用户名" align="center" />
       <el-table-column prop="realName" label="真实姓名" align="center" />
@@ -90,6 +98,9 @@ export default {
     }
   },
   methods: {
+    tableRowClassName({ row, rowIndex }) {
+      return rowIndex % 2 === 0 ? '' : 'single-row'
+    },
     handlePageChange(pageData) {
       this.searchForm.pageSize = pageData.size
       this.searchForm.pageNum = pageData.page