From e7db88894f075e7bdcf37757f3355ee306db2af5 Mon Sep 17 00:00:00 2001
From: qq787203167 <787203167@qq.com>
Date: Tue, 10 May 2022 16:14:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=A6=85=E9=81=93=E5=B7=B2?=
 =?UTF-8?q?=E7=9F=A5bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/virtualListDetails.vue         | 106 ++++++++++++------
 1 file changed, 70 insertions(+), 36 deletions(-)

diff --git a/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue b/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue
index ff904ae60..116e3e610 100644
--- a/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue
+++ b/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue
@@ -125,9 +125,10 @@
           <div style="width: 100%">
             <a-table
               ref="table"
+              class="ant-table"
               :loading="loading"
               :pagination="false"
-              :scroll="{x: true}"
+              :scroll="{x: 'max-content',y:'calc(100vh - 445px)'}"
               rowKey="id"
               :data-source="dataSource"
               :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
@@ -143,8 +144,9 @@
               <span slot="designDeliverableTemplateName" slot-scope="text,record">
           <span>{{record.designDeliverableType_dictText}}</span><br v-if="record.designDeliverableType_dictText">
            <a v-if="record.designDeliverableTemplate && record.designDeliverableTemplate.split(',').length == 1"
+              :title="record.designDeliverableTemplateName"
               @click="pdfPreviewClick(record.designDeliverableTemplateName,record.designDeliverableTemplate)">
-             {{record.designDeliverableTemplateName}}
+              {{ record.designDeliverableTemplateName.length > 10 ? record.designDeliverableTemplateName.slice(0, 9) + '...' :record.designDeliverableTemplateName}}
            </a>
            <a v-else-if="record.designDeliverableTemplate && record.designDeliverableTemplate.split(',').length > 1"
               @click="clickButtonToUpload(record.designDeliverableTemplate)">{{$t('viewFile')}}</a>
@@ -153,8 +155,9 @@
               <span slot="prehomoDeliverableTemplateName" slot-scope="text,record">
            <span>{{record.prehomoDeliverableType_dictText}}</span><br v-if="record.prehomoDeliverableType_dictText">
            <a v-if="record.prehomoDeliverableTemplate && record.prehomoDeliverableTemplate.split(',').length == 1"
+              :title="record.prehomoDeliverableTemplateName"
               @click="pdfPreviewClick(record.prehomoDeliverableTemplateName,record.prehomoDeliverableTemplate)">
-             {{record.prehomoDeliverableTemplateName}}
+                     {{ record.prehomoDeliverableTemplateName.length > 10 ? record.prehomoDeliverableTemplateName.slice(0, 9) + '...' :record.prehomoDeliverableTemplateName}}
            </a>
            <a v-else-if="record.prehomoDeliverableTemplate && record.prehomoDeliverableTemplate.split(',').length > 1"
               @click="clickButtonToUpload(record.prehomoDeliverableTemplate)">{{$t('viewFile')}}</a>
@@ -163,8 +166,9 @@
               <span slot="verifyDeliverableTemplateName" slot-scope="text,record">
           <span>{{record.verifyDeliverableType_dictText}}</span><br v-if="record.verifyDeliverableType_dictText">
            <a v-if="record.verifyDeliverableTemplate && record.verifyDeliverableTemplate.split(',').length == 1"
+              :title="record.verifyDeliverableTemplateName"
               @click="pdfPreviewClick(record.verifyDeliverableTemplateName,record.verifyDeliverableTemplate)">
-             {{record.verifyDeliverableTemplateName}}
+                 {{ record.verifyDeliverableTemplateName.length > 10 ? record.verifyDeliverableTemplateName.slice(0, 9) + '...' :record.verifyDeliverableTemplateName}}
            </a>
            <a v-else-if="record.verifyDeliverableTemplate && record.verifyDeliverableTemplate.split(',').length > 1"
               @click="clickButtonToUpload(record.verifyDeliverableTemplate)">{{$t('viewFile')}}</a>
@@ -298,42 +302,49 @@
           {
             title: this.$t('zoneOfApplication'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'region_dictText'
+            width: 150,
+            dataIndex: 'region_dictText',
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('scopeOfApplication'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'shi4Yong4Fan4Wei2_dictText'
+            width: 150,
+            dataIndex: 'shi4Yong4Fan4Wei2_dictText',
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('status'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'state_dictText'
+            width: 100,
+            dataIndex: 'state_dictText',
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('correspondingStandard'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'correspondingStandardName'
+            width: 140,
+            dataIndex: 'correspondingStandardName',
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('implementationCategory'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'implementType_dictText'
+            width: 140,
+            dataIndex: 'implementType_dictText',
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('ImplementationDate'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'xin1Che1Xing2Shi2Shi1Ri4Qi1'
+            width: 140,
+            dataIndex: 'xin1Che1Xing2Shi2Shi1Ri4Qi1',
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('vehicleInProductionDate'),
             align: 'center',
+            width: 140,
             ellipsis: true,
             dataIndex: 'implementTime'
           },
@@ -347,36 +358,42 @@
           {
             title: this.$t('certificationType'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'attestationType_dictText'
+            width: 120,
+            dataIndex: 'attestationType_dictText',
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('certificationLevel'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'attestationRank_dictText'
+            width: 180,
+            dataIndex: 'attestationRank_dictText',
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('technicalField'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'technologyTerritoryName'
+            width: 180,
+            dataIndex: 'technologyTerritoryName',
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('areaOfResponsibility'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'dutyTerritory_dictText'
+            width: 180,
+            dataIndex: 'dutyTerritory_dictText',
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('remarks'),
             align: 'center',
             dataIndex: 'remark',
+            width: 180,
             scopedSlots: { customRender: 'titleName' }
           },
 
           {
             title: this.$t('confirmationOfDesignConformity'),
+            width: 540,
             children: [
               {
                 // TODO 未按要求实现，该列分为上下行，上行显示交付物类型，下行显示交付物模板名称，且交付物模板名称点击可下载。其他2个流程同理
@@ -384,67 +401,78 @@
                 dataIndex: 'designDeliverableTemplateName',
                 ellipsis: true,
                 align: 'center',
+                width: 180,
                 scopedSlots: { customRender: 'designDeliverableTemplateName' }
               },
               {
                 title: this.$t('Sponsor'),
                 dataIndex: 'designInitiator_dictText',
-                ellipsis: true,
-                align: 'center'
+                width: 180,
+                align: 'center',
+                scopedSlots: { customRender: 'titleName' }
               },
               {
                 title: this.$t('personLiable'),
                 dataIndex: 'designDuty_dictText',
-                ellipsis: true,
-                align: 'center'
+                width: 180,
+                align: 'center',
+                scopedSlots: { customRender: 'titleName' }
               }
             ]
           },
           {
             title: this.$t('PrehomoConfirmation'),
+            width: 540,
             children: [
               {
                 title: this.$t('Deliverables'),
                 dataIndex: 'prehomoDeliverableTemplateName',
                 ellipsis: true,
                 align: 'center',
+                width: 180,
                 scopedSlots: { customRender: 'prehomoDeliverableTemplateName' }
               },
               {
                 title: this.$t('Sponsor'),
                 dataIndex: 'prehomoInitiator_dictText',
-                ellipsis: true,
-                align: 'center'
+                width: 180,
+                align: 'center',
+                scopedSlots: { customRender: 'titleName' }
               },
               {
                 title: this.$t('personLiable'),
                 dataIndex: 'prehomoDuty_dictText',
-                ellipsis: true,
-                align: 'center'
+                width: 180,
+                align: 'center',
+                scopedSlots: { customRender: 'titleName' }
               }
             ]
           },
           {
             title: this.$t('verificationAndConformityconfirmation'),
+            width: 540,
             children: [
               {
                 title: this.$t('Deliverables'),
                 dataIndex: 'verifyDeliverableTemplateName',
                 ellipsis: true,
                 align: 'center',
+                width: 180,
                 scopedSlots: { customRender: 'verifyDeliverableTemplateName' }
               },
               {
                 title: this.$t('Sponsor'),
                 dataIndex: 'verifyInitiator_dictText',
-                ellipsis: true,
-                align: 'center'
+                width: 180,
+                align: 'center',
+                scopedSlots: { customRender: 'titleName' }
               },
               {
                 title: this.$t('personLiable'),
                 dataIndex: 'verifyDuty_dictText',
-                ellipsis: true,
-                align: 'center'
+                width: 180,
+                align: 'center',
+                scopedSlots: { customRender: 'titleName' }
               }
             ]
           },
@@ -526,6 +554,7 @@
         ]
       }
     },
+
     mounted() {
       this.title = this.$route.query.title
       this.isTrue = this.$route.query.title == '虚拟清单详情' ? false : true
@@ -903,4 +932,9 @@
   .card .ant-card-body {
     padding: 14px 32px 32px 32px;
   }
+
+  .ant-table-placeholder {
+    padding: 0;
+    border-top: none;
+  }
 </style>
\ No newline at end of file