update: 触达效果

src/views/ecm/touch-clue.vue

@@ -30,7 +30,7 @@
             <el-button type="primary" class="btn" @click="cdkeyExport"><i class="iconfont icon-icon_yunxiazai" style="marginRight:6px;fontSize:14px"></i>导出</el-button>
           </div>
           <el-table ref="table" tooltipEffect="light" :data="tableList" element-loading-text="拼命加载中" @sort-change="sortChange" header-cell-class-name="clue-table-header" style="width: 100%">
-            <el-table-column v-for="(v, i) in tableHeader" :key="i" :prop="v.prop" :min-width="v.minWidth" :label="v.label" :formatter="v.formatter" :sortable="v.sortable" :render-header="onRender" :fixed="v.fixed">
+            <el-table-column v-for="(v, i) in tableHeader" :key="i" :prop="v.prop" :min-width="v.minWidth" :label="v.label" :formatter="v.formatter" :sortable="v.sortable" :render-header="onRender" :fixed="v.fixed" show-overflow-tooltip>
               <template slot-scope="scope">
                 <span v-if="v.formatter" v-html="v.formatter(scope.row)" @click="onMapTree(scope.row, $event)"></span>
                 <span v-else>{{ scope.row[v.prop] }}</span>
@@ -442,12 +442,10 @@ export default {
     line-height: 22px;
   }
   .area_content {
-    font-size: 0;
+    display: flex;
     border-top: 1px solid #dcdfe6;
     .tree {
-      display: inline-block;
       width: 243px;
-      font-size: 14px;
       padding-top: 20px;
       border-right: 1px solid #dcdfe6;
       .node-label {
@@ -482,12 +480,10 @@ export default {
       }
     }
     .map_area {
-      font-size: 14px;
-      vertical-align: top;
-      display: inline-block;
+      flex: 1;
+      min-width: 0;
       padding: 0 20px 20px;
       box-sizing: border-box;
-      width: calc(100% - 250px);
       .top {
         display: flex;
         justify-content: space-between;