排期表格优化

src/views/projectManage/iteration/components/iterationTable.vue

@@ -5,14 +5,15 @@
       :id="'schedule-'+id"
       :data="scheduleList"
       :header-cell-style="{'background-color': 'rgba(232,232,232,0.4)'}"
-      :row-style="{'background-color': 'transparent'}"
       style="width: 100%"
       show-overflow-tooltip="true"
       row-key="id"
+      border
+      stripe
     >
       <!-- <el-table-column
         width="80"
-        align="center"
+
       >
         <template>
           <el-tooltip class="item" effect="dark" content="代表移动，鼠标选中区域可以向上移动" placement="bottom">
@@ -26,7 +27,6 @@
         prop="type"
         label="类型"
         min-width="80"
-        align="center"
       >
         <template slot-scope="scope">
           {{ getType(scope.row.type) }}
@@ -37,32 +37,30 @@
         prop="desc"
         label="描述"
         min-width="200"
-        align="center"
+
         show-overflow-tooltip
       />
       <el-table-column
         prop="seperateDaysNoHoliday"
         label="排期"
-        min-width="250"
-        align="center"
+        min-width="100"
+
         show-overflow-tooltip
       />
       <el-table-column
         prop="dayLength"
         label="时长"
-        min-width="80"
-        align="center"
+        min-width="50"
       />
       <el-table-column
         prop="peopleList"
         label="参与人员"
         min-width="150"
-        align="center"
       />
       <el-table-column
         label="操作"
         min-width="150"
-        align="center"
+
         show-overflow-tooltip
       >
         <template slot-scope="scope">
@@ -222,7 +220,6 @@ export default {
   width: calc(100% - 40px);
   margin: 0 20px;
   padding: 0;
-  background:rgba(248,248,248,0.6);
 }
 >>>.el-table, .el-table__expanded-cell{
   background:rgba(248,248,248,0.6);

src/views/projectManage/projectList/components/scheduleList.vue

@@ -5,15 +5,14 @@
       :id="'schedule-'+id"
       :data="scheduleList"
       :header-cell-style="{ backgroundColor: 'rgba(232,232,232,0.4)',color: 'rgb(74, 74, 74)', fontSize: '14px', fontWeight: '500'}"
-      :row-style="{'background-color': 'transparent'}"
       style="width: 100%"
       show-overflow-tooltip="true"
       row-key="id"
       border
+      stripe
     >
       <el-table-column
         width="80"
-        align="center"
       >
         <template>
           <el-tooltip class="item" effect="dark" content="代表移动，鼠标选中区域可以向上移动" placement="bottom">
@@ -27,7 +26,6 @@
         prop="type"
         label="类型"
         width="100"
-        align="center"
       >
         <template slot-scope="scope">
           {{ getType(scope.row.type) }}
@@ -38,32 +36,27 @@
         prop="desc"
         label="描述"
         min-width="150"
-        align="left"
         show-overflow-tooltip
       />
       <el-table-column
         prop="seperateDaysNoHoliday"
         label="排期"
-        min-width="200"
-        align="center"
+        min-width="100"
         show-overflow-tooltip
       />
       <el-table-column
         prop="dayLength"
         label="时长"
         width="50"
-        align="center"
       />
       <el-table-column
         prop="peopleList"
         label="参与人员"
         min-width="100"
-        align="center"
       />
       <el-table-column
         label="操作"
         width="200"
-        align="center"
         show-overflow-tooltip
       >
         <template slot-scope="scope">
@@ -221,7 +214,6 @@ export default {
   width: calc(100% - 40px);
   margin: 0 20px;
   padding: 0;
-  background:rgba(248,248,248,0.6);
 }
 >>>.el-table, .el-table__expanded-cell{
   background:rgba(248,248,248,0.6);

src/views/projectManage/requirement/components/scheduleList.vue

@@ -5,11 +5,12 @@
       :id="'schedule-'+id"
       :data="scheduleList"
       :header-cell-style="{ backgroundColor: 'rgba(232,232,232,0.4)', color: 'rgb(74, 74, 74)', fontSize: '14px', fontWeight: '500'}"
-      :row-style="{'background-color': 'transparent'}"
       show-overflow-tooltip="true"
       row-key="id"
+      border
+      stripe
     >
-      <el-table-column v-if="noMove" width="80" align="center">
+      <el-table-column v-if="noMove" width="80">
         <template>
           <el-tooltip class="item" effect="dark" content="代表移动，鼠标选中区域可以向上移动" placement="bottom">
             <div class="sortable-tip">
@@ -18,17 +19,17 @@
           </el-tooltip>
         </template>
       </el-table-column>
-      <el-table-column prop="type" label="类型" min-width="100" align="center">
+      <el-table-column prop="type" label="类型" min-width="100">
         <template slot-scope="scope">
           {{ scope.row.name }}
           <div v-show="showunlock" :class="scope.row.isScheduleLocked === 1 ? 'el-icon-lock' : 'el-icon-unlock'" />
         </template>
       </el-table-column>
       <el-table-column prop="desc" label="描述" min-width="150" align="left" show-overflow-tooltip />
-      <el-table-column prop="seperateDaysNoHoliday" label="排期" min-width="200" align="center" show-overflow-tooltip />
-      <el-table-column prop="dayLength" label="时长" min-width="50" align="center" />
-      <el-table-column prop="peopleList" label="参与人员" min-width="150" align="center" />
-      <el-table-column label="操作" width="200" align="center">
+      <el-table-column prop="seperateDaysNoHoliday" label="排期" min-width="200" show-overflow-tooltip />
+      <el-table-column prop="dayLength" label="时长" min-width="50" />
+      <el-table-column prop="peopleList" label="参与人员" min-width="150" />
+      <el-table-column label="操作" width="200">
         <template slot-scope="scope">
           <div v-if="showunlock">
             <el-button v-if="scope.row.isScheduleLocked === 0" type="text" size="small" @click="editSchedule(scope.row)">编辑</el-button>
@@ -218,7 +219,6 @@ export default {
 .schedule-list {
   margin: 0 20px;
   padding: 0;
-  background:rgba(248,248,248,0.6);
 }
 >>>.el-table, .el-table__expanded-cell{
   background:rgba(248,248,248,0.6);

src/views/projectManage/version/components/scheduleList.vue

@@ -5,14 +5,14 @@
       :id="'schedule-'+id"
       :data="scheduleList"
       :header-cell-style="{ backgroundColor: 'rgba(232,232,232,0.4)',color: 'rgb(74, 74, 74)', fontSize: '14px', fontWeight: '500'}"
-      :row-style="{'background-color': 'transparent'}"
       style="width: 100%"
       show-overflow-tooltip="true"
       row-key="id"
+      border
+      stripe
     >
       <el-table-column
         width="80"
-        align="center"
       >
         <template>
           <el-tooltip class="item" effect="dark" content="代表移动，鼠标选中区域可以向上移动" placement="bottom">
@@ -26,7 +26,6 @@
         prop="type"
         label="类型"
         width="100"
-        align="center"
       >
         <template slot-scope="scope">
           {{ getType(scope.row.type) }}
@@ -44,25 +43,23 @@
         prop="seperateDaysNoHoliday"
         label="排期"
         min-width="200"
-        align="center"
+
         show-overflow-tooltip
       />
       <el-table-column
         prop="dayLength"
         label="时长"
         width="50"
-        align="center"
       />
       <el-table-column
         prop="peopleList"
         label="参与人员"
         min-width="100"
-        align="center"
       />
       <el-table-column
         label="操作"
         width="200"
-        align="center"
+
         show-overflow-tooltip
       >
         <template slot-scope="scope">
@@ -220,7 +217,6 @@ export default {
   width: calc(100% - 40px);
   margin: 0 20px;
   padding: 0;
-  background:rgba(248,248,248,0.6);
 }
 >>>.el-table, .el-table__expanded-cell{
   background:rgba(248,248,248,0.6);