市场工作台ui优化

src/pages/main/leader/leaderhomeTask.vue

@@ -31,8 +31,8 @@
                   @click="RowTitle(scope.row)"
                   :style="
                     scope.row.woTypeDesc == '预警工单'
-                      ? 'cursor: pointer;color:red;float:left;display:inline-block;text-align:left;width: 90%;'
-                      : 'cursor: pointer;color:blue;float:left;display:inline-block;text-align:left;width: 90%;'
+                      ? 'cursor: pointer;color:red;float:left;text-align:left;width: 90%;'
+                      : 'cursor: pointer;color:blue;float:left;text-align:left;width: 90%;'
                   "
                   >
                   <!-- <span style="float: left; color: #afb2d8;margin-right:5px"
@@ -57,9 +57,10 @@
               label="上一步处理人"
               align="center"
               width="110"
+              :show-overflow-tooltip="true"
             >
               <template slot-scope="scope">
-                <span>{{ scope.row.assigneName}}</span>
+                <span :title="scope.row.assigneName">{{ scope.row.assigneName}}</span>
               </template>
             </el-table-column>
             <el-table-column
@@ -126,7 +127,7 @@
                 <span
                   @click="RowDoneTitle(scope.row)"
                   :title="scope.row.woTitle" 
-                  style="cursor: pointer; color: blue; display: inline-block;float:left;"
+                  style="cursor: pointer; color: blue; float:left;"
                   >{{ scope.row.woTitle }}</span
                 >
               </template>

src/pages/main/leader/numberHits.vue

@@ -17,7 +17,7 @@
         :header-cell-style="{ background: '#F2F2F2' }"
         :cell-style="{ background: '#FaFaFa' }"
       >
-        <el-table-column prop="module_name" label="标题" :show-overflow-tooltip="true">
+        <el-table-column prop="module_name" label="标" width="34" align="right">
           <template slot-scope="scope">
             <span
               v-if="
@@ -26,14 +26,14 @@
                 scope.$index + 1 != 3 &&
                 scope.$index + 1 != 10
               "
-              style="color: #afb2d8;float:left;margin: 0px 6px;text-align: center;"
+              style="color: #afb2d8;text-align: center;margin-right:5px"
               >{{ scope.$index + 1 }}.</span
             >
             <span
               v-if="
                 scope.$index + 1 == 10
               "
-              style="color: #afb2d8;float:left;text-align: center;"
+              style="color: #afb2d8;text-align: center;"
               >{{ scope.$index + 1 }}.</span
             >
             <svg
@@ -189,6 +189,10 @@
                 p-id="2748"
               ></path>
             </svg>
+          </template>
+        </el-table-column>
+        <el-table-column prop="module_name" label="题" :show-overflow-tooltip="true">
+          <template slot-scope="scope">
             <span class="titlenum" :title="scope.row.module_name">{{
               scope.row.module_name
             }}</span>
@@ -256,9 +260,9 @@ export default {
     width: 94%;
     .titlenum {
       cursor: pointer;
-      display: inline-block;
+      // display: inline-block;
       color: blue;
-      width: 100%;
+      // width: 100%;
       // white-space: nowrap;
       // overflow: hidden;
       // text-overflow: ellipsis; /*超出部分省略号表示*/
@@ -270,7 +274,7 @@ export default {
       height: 20px;
       display: inline-block;
       float: left;
-      margin-right: 5px;
+      margin-left: 10px;
     }
   }
 }
@@ -280,4 +284,12 @@ export default {
 ::v-deep .el-table__body-wrapper {
   background-color: #fafafa;
 }
+::v-deep .el-table th>.cell{
+  padding-left:0px ;
+  padding-right:0px ;
+}
+::v-deep .el-table .cell{
+  padding-left:0px ;
+  padding-right:0px ;
+}
 </style>