市场工作台ui功能样式修改

src/pages/main/leader/leaderhomeTask.vue

@@ -24,18 +24,17 @@
             style="width: 100%; font-size: 16px; background: '#FaFaFa'"
             height="442px"
           >
-            <el-table-column prop="woTitle" label="工单标题" align="center">
+            <el-table-column prop="woTitle" label="工单标题" align="center" :show-overflow-tooltip="true">
               <template slot-scope="scope">
-                
                 <span
                   :title="scope.row.woTitle"
                   @click="RowTitle(scope.row)"
                   :style="
                     scope.row.woTypeDesc == '预警工单'
-                      ? 'cursor: pointer;color:red;float:left;display:inline-block;width:150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:left;'
-                      : 'cursor: pointer;color:blue;float:left;display:inline-block;width:150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:left;'
+                      ? '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%;'
                   "
-                  ><span style="float: left; color: #afb2d8; margin-right: 5px"
+                  ><span style="float: left; color: #afb2d8;margin-right:5px"
                   >•</span
                 >{{ scope.row.woTitle }}</span
                 >
@@ -58,7 +57,7 @@
               width="110"
             >
               <template slot-scope="scope">
-                <span>{{ $desensitization(scope.row.assigneName, 1) }}</span>
+                <span>{{ scope.row.assigneName}}</span>
               </template>
             </el-table-column>
             <el-table-column
@@ -117,19 +116,19 @@
             style="width: 100%; font-size: 16px; background: '#FaFaFa'"
             height="442px"
           >
-            <el-table-column prop="woTitle" label="工单标题" align="center">
+            <el-table-column prop="woTitle" label="工单标题" align="center" :show-overflow-tooltip="true">
               <template slot-scope="scope">
-                <span style="float: left; color: #afb2d8; margin-right: 5px"
+                <span style="float: left; color: #afb2d8;margin-right:5px"
                   >•</span
                 >
                 <span
                   @click="RowDoneTitle(scope.row)"
-                  style="cursor: pointer; color: blue; float: left"
+                  style="cursor: pointer; color: blue; display: inline-block;float:left;"
                   >{{ scope.row.woTitle }}</span
                 >
               </template>
             </el-table-column>
-            <el-table-column prop="procName" label="流程名称" align="center">
+            <el-table-column prop="procName" label="流程名称" align="center" width="180">
               <template slot-scope="scope">
                 <span>{{ scope.row.procName }}</span>
               </template>
@@ -181,9 +180,9 @@
             style="width: 100%; font-size: 16px; background: '#FaFaFa'"
             height="442px"
           >
-            <el-table-column prop="woTitle" label="工单标题" align="center">
+            <el-table-column prop="woTitle" label="工单标题" align="center" :show-overflow-tooltip="true">
               <template slot-scope="scope">
-                <span style="float: left; color: #afb2d8; margin-right: 5px"
+                <span style="float: left; color: #afb2d8;margin-right:5px"
                   >•</span
                 >
                 <span

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="标题">
+        <el-table-column prop="module_name" label="标题" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             <span
               v-if="
@@ -25,7 +25,7 @@
                 scope.$index + 1 != 2 &&
                 scope.$index + 1 != 3
               "
-              style="color: #afb2d8; margin-right: 5px;float:left"
+              style="color: #afb2d8;float:left;margin: 0px 6px;text-align: center;"
               >{{ scope.$index + 1 }}.</span
             >
             <svg
@@ -250,16 +250,19 @@ export default {
       cursor: pointer;
       display: inline-block;
       color: blue;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis; /*超出部分省略号表示*/
-      max-width: 120px;
-      float: left;
+      width: 100%;
+      // white-space: nowrap;
+      // overflow: hidden;
+      // text-overflow: ellipsis; /*超出部分省略号表示*/
+      // max-width: 120px;
+      // float: left;
     }
     svg {
       width: 20px;
       height: 20px;
+      display: inline-block;
       float: left;
+      margin-right: 5px;
     }
   }
 }