From 9a9645485961afaaef3d49f1b1dd9244efc3ce8e Mon Sep 17 00:00:00 2001
From: wangqing <250543222@qq.com>
Date: Thu, 11 Mar 2021 23:08:44 +0800
Subject: [PATCH] =?UTF-8?q?refactor=EF=BC=9A=E6=95=B0=E6=8D=AE=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/form/statistics.vue | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/views/form/statistics.vue b/src/views/form/statistics.vue
index 2beb8d7..12a8b8e 100644
--- a/src/views/form/statistics.vue
+++ b/src/views/form/statistics.vue
@@ -26,19 +26,23 @@
         <div class="result-table-view">
             <el-table
                 stripe
+                header-cell-class-name="data-table-header"
                 :data="projectResultList">
                 <el-table-column
                     type="selection"
                     width="55">
                 </el-table-column>
-                <el-table-column v-for="col in fixedCustomColumns" :key="`t${col}`"
-                                 :label="fixedDefaultLabelFormColumn[col]">
+                <el-table-column
+                    v-for="col in fixedCustomColumns" :key="`t${col}`"
+                    :label="fixedDefaultLabelFormColumn[col]">
                     <template slot-scope="scope">
                         {{ scope.row[col] }}
                     </template>
                 </el-table-column>
-                <el-table-column v-for="col in otherCustomColumns" :key="col"
-                                 :label="projectItemColumns[col]">
+                <el-table-column
+                    show-overflow-tooltip
+                    v-for="col in otherCustomColumns" :key="col"
+                    :label="projectItemColumns[col]">
                     <template slot-scope="scope">
                         {{ scope.row['processData'][col] }}
                     </template>
@@ -61,7 +65,7 @@
                 />
             </div>
         </div>
-        <div  class="custom-col-container">
+        <div class="custom-col-container">
             <el-dialog center title="自定义显示列" :visible.sync="customColumnDialogVisible">
                 <el-row>
                     <el-col :span="3">
@@ -139,7 +143,8 @@ export default {
     }, methods: {
         renderHeader(h) {
             return (
-                <i class="el-icon-setting" style="color:currentColor" onClick={() => this.customColumnDialogVisible = true}></i>
+                <i class="el-icon-setting" style="color:currentColor"
+                   onClick={() => this.customColumnDialogVisible = true}></i>
             )
         },
         queryProjectResult() {
@@ -226,4 +231,9 @@ export default {
     line-height: 25px;
     color: white;
 }
+
+/deep/ .data-table-header .cell {
+    text-overflow: ellipsis !important;
+    white-space: nowrap !important;
+}
 </style>