2023-12-11

src/components/Accept/index.vue

@@ -12,7 +12,7 @@
       </LxHeader>
     </div>
     <div class="table-tree">
-      <el-table :data="tableData" border default-expand-all class="v-table" style="width: 100%;margin-bottom: 20px;">
+      <el-table stripe :data="tableData" border default-expand-all class="v-table" style="width: 100%;margin-bottom: 20px;">
         <el-table-column type="index" label="序号" width="50" />
         <el-table-column label="项目名称" prop="name" width="400" />
         <el-table-column label="文档数量" prop="item_accepts_count" align="center" />

src/components/BuildPage/index.vue

@@ -12,7 +12,7 @@
       </LxHeader>
     </div>
     <div class="table-tree">
-      <el-table :data="tableData" border default-expand-all class="v-table" style="width: 100%;margin-bottom: 20px;">
+      <el-table stripe :data="tableData" border default-expand-all class="v-table" style="width: 100%;margin-bottom: 20px;">
         <el-table-column type="index" label="序号" width="50" />
         <el-table-column label="项目名称" prop="name" width="400" />
         <el-table-column label="文档数量" prop="item_builds_count" align="center" />

src/components/EndCheck/index.vue

@@ -16,7 +16,7 @@
       </LxHeader>
     </div>
     <div class="table-tree">
-      <el-table :data="list" border default-expand-all class="v-table" style="width: 100%;margin-bottom: 20px;">
+      <el-table stripe :data="list" border default-expand-all class="v-table" style="width: 100%;margin-bottom: 20px;">
         <el-table-column type="index" label="序号" width="50" />
         <el-table-column label="项目名称" align="center">
           <template slot-scope="{row}"><span>{{ row.item ? row.item.name: '' }}</span></template>

src/styles/element-ui.scss

@@ -76,3 +76,9 @@
   z-index:2
 
 }
+
+//斑马纹
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+  background: #dcf3ff;
+}
+

src/views/budget/budgetList.vue

@@ -82,6 +82,7 @@
 
     <div v-if="isTree">
       <el-table
+        stripe
         ref="treeTable"
         :height="tableHeight"
         class="v-table"
@@ -188,6 +189,7 @@
     </div>
     <div v-if="!isTree">
       <xy-table
+        stripe
         ref="xyTable"
         :objectSpanMethod="objectSpanMethod"
         :list="list"

src/views/budget/seeBudget.vue

@@ -45,7 +45,7 @@
       </slot>
     </lx-header>
 
-    <xy-table ref="xyTable" :objectSpanMethod="objectSpanMethod" :table-item="table" :list="list" :show-summary="true"
+    <xy-table stripe ref="xyTable" :objectSpanMethod="objectSpanMethod" :table-item="table" :list="list" :show-summary="true"
       :summary-method="summary">
       <template v-slot:btns>
         <el-table-column header-align="center" align="left" :width="130" label="操作" >

src/views/system/user.vue

@@ -17,7 +17,7 @@
       </div>
 
       <div class="table-tree">
-        <el-table :data="tableData" class="v-table" :height="tableHeight" border style="width: 100%">
+        <el-table stripe :data="tableData" class="v-table" :height="tableHeight" border style="width: 100%">
           <el-table-column type="index" align="center">
           </el-table-column>
           <el-table-column prop="name" label="用户" width="180">