修改

src/renderer/components/HealthKnowledge.vue

@@ -163,9 +163,9 @@ export default {
   //页面初始化函数
   created() {},
   mounted() {
-    this.baseUrlTT =
-      sessionStorage.getItem("urlNews") + "\\resources\\exe\\healthKnowledge\\";
-    // this.baseUrlTT =sessionStorage.getItem("urlNews") + "\\exe\\healthKnowledge\\";
+    // this.baseUrlTT =
+    //   sessionStorage.getItem("urlNews") + "\\resources\\exe\\healthKnowledge\\";
+    this.baseUrlTT =sessionStorage.getItem("urlNews") + "\\exe\\healthKnowledge\\";
 
     //读取文件列表的方法
     this.readFileList();

src/renderer/components/ManageUser.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="main_right_height">
     <div>
-      <el-row style='margin-top:40px;'>
+      <el-row style="margin-top: 40px">
         <el-col :span="1">&nbsp;</el-col>
         <el-col :span="22">
           <span class="userManageClass">用户管理</span>
@@ -37,7 +37,12 @@
           <el-table
             :data="tableData"
             border
-            :header-cell-style="{ background: head_style }"
+            :header-cell-style="{
+              background: '#66B497',
+              color: '#FFFFFF',
+              'letter-spacing': '4px',
+            }"
+            :row-class-name="tableRowClassName"
             style="width: 100%"
           >
             <el-table-column prop="userName" align="center" label="姓名">
@@ -59,7 +64,7 @@
         <el-col :span="1"> &nbsp;</el-col>
       </el-row>
     </div>
-    <p align="center" style='margin-bottom:40px'>
+    <p align="center" style="margin-bottom: 40px">
       <el-pagination
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
@@ -116,22 +121,26 @@ export default {
       );
     },
     handleSizeChange(val) {
-      
       this.queryUser();
     },
     handleCurrentChange(val) {
       this.pageNum = val;
       this.queryUser();
-      
+
       // this.pageNum = val;
       // this.queryList();
     },
     handleEdit(index, row) {
-     
       this.resetPassword(row);
     },
-    handleDelete(index, row) {
-     
+    handleDelete(index, row) {},
+    tableRowClassName({ rowIndex }) {
+      if (rowIndex % 2 === 0) {
+        return "warning-row";
+      } else if (rowIndex % 2 === 1) {
+        return "success-row";
+      }
+      return "success-row";
     },
     resetPassword(row) {
       let that = this;
@@ -155,10 +164,10 @@ export default {
 };
 </script>
 <style scoped>
-.el-divider--horizontal{
- margin:0;
- margin-top:10px;
- margin-bottom:10px;
+.el-divider--horizontal {
+  margin: 0;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 .main_right_height {
   height: 100vh !important;
@@ -177,7 +186,7 @@ export default {
   font-weight: 400;
   color: #ffffff;
 }
-.userManageClass{
-  color:#0F0F0F;
+.userManageClass {
+  color: #0f0f0f;
 }
 </style>

src/renderer/main.js

@@ -13,6 +13,7 @@ import md5 from 'js-md5';
 import TestResults from './components/TestResults'
 import StackedLine from './components/StackedLine'
 import TopPage from './components/TopPage'
+import '../utils/public.css'
 Vue.prototype.$md5 = md5;
 Vue.use(Chat)
 // import echarts from 'echarts/lib/echarts'

src/utils/public.css

@@ -0,0 +1,62 @@
+.el-table {
+    border-radius: 16px 16px 0px 0px;
+    border: none;
+    background:transparent;
+  }
+  
+  .el-table .el-table__cell {
+    padding: 6px;
+  }
+  
+  .tag {
+    display: inline-block;
+    background: #ffffff;
+    border-radius: 40px 40px 40px 40px;
+    opacity: 1;
+    border: 1px solid #0fb577;
+    font-size: 14px;
+    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+    font-weight: 400;
+    color: #0fb577;
+    padding: 2px 8px;
+    margin: 0 5px;
+  }
+  
+  .el-table .warning-row {
+    background: #f5f5f5;
+  }
+  
+  .el-table .success-row {
+    background: #ffffff;
+  }
+  
+  .el-table--enable-row-hover
+    /deep/
+    .el-table__body
+    tr:hover
+    > td.el-table__cell {
+    background: rgba(223, 246, 237, 1) !important;
+  }
+  
+  ::v-deep .el-pager li.active,
+  ::v-deep .el-pager li:hover {
+    background: #f0f0f0;
+    color: #262626;
+  }
+  .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
+    border-right: 0px solid #EBEEF5;
+}
+  
+  ::v-deep .el-pager li {
+    background: none;
+    color: #8c8c8c;
+  }
+  
+  ::v-deep .el-pagination .btn-next, ::v-deep .el-pagination .btn-prev {
+    background: none;
+  }
+  .tabHeader{
+    background: '#66B497';
+    color: '#FFFFFF';
+    letter-spacing: '4px';
+  }