diff --git a/jero-web/src/views/documentTools/virtualList/components/addModel.vue b/jero-web/src/views/documentTools/virtualList/components/addModel.vue
index a513ea4e7..0b49a9aa3 100644
--- a/jero-web/src/views/documentTools/virtualList/components/addModel.vue
+++ b/jero-web/src/views/documentTools/virtualList/components/addModel.vue
@@ -48,15 +48,19 @@
       </span>
         </a-row>
       </div>
-      <a-table
-        :columns="columns"
-        rowKey="id"
-        :data-source="dataList"
-        :pagination="false"
-        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
-        :loading="loading">
+      <div style="width: 100%">
+        <a-table
+          :columns="columns"
+          rowKey="id"
+          :scroll="{x: 1200}"
+          :data-source="dataList"
+          :pagination="false"
+          :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+          :loading="loading">
+
+        </a-table>
+      </div>
 
-      </a-table>
       <div class="page" v-if="dataList.length > 0">
         <a-pagination
           :show-total="total => $t('total')+`${total}`+$t('strip')"
@@ -101,23 +105,27 @@
         columns: [
           {
             title: this.$t('standard'),
-            dataIndex: 'serial_number',
-            align: 'center'
+            dataIndex: 'serialNumber',
+            align: 'center',
+            ellipsis: true
           },
           {
             title: this.$t('title'),
             dataIndex: 'title',
-            align: 'center'
+            align: 'center',
+            ellipsis: true
           },
           {
             title: this.$t('status'),
-            dataIndex: 'state',
-            align: 'center'
+            dataIndex: 'state_dictText',
+            align: 'center',
+            ellipsis: true
           },
           {
             title: this.$t('technicalField'),
-            dataIndex: 'technologyTerritory',
-            align: 'center'
+            dataIndex: 'technologyTerritory_dictText',
+            align: 'center',
+            ellipsis: true
           },
           // {
           //   title: this.$t('functionalAreas'),
@@ -127,12 +135,14 @@
           {
             title: this.$t('StandardImplementationDate'),
             dataIndex: 'xin1Che1Xing2Shi2Shi1Ri4Qi1',
-            align: 'center'
+            align: 'center',
+            ellipsis: true
           },
           {
             title: this.$t('correspondingStandard'),
             dataIndex: 'correspondingStandard',
-            align: 'center'
+            align: 'center',
+            ellipsis: true
           }
         ],
         dataList: [],
diff --git a/jero-web/src/views/documentTools/virtualList/components/editModel.vue b/jero-web/src/views/documentTools/virtualList/components/editModel.vue
index 132d75eb3..51f60588f 100644
--- a/jero-web/src/views/documentTools/virtualList/components/editModel.vue
+++ b/jero-web/src/views/documentTools/virtualList/components/editModel.vue
@@ -641,6 +641,14 @@
     line-height: 38px;
     height: 38px;
   }
+
+  .ant-input-disabled {
+    color: rgba(0, 0, 0, 0.65) !important;
+  }
+
+  .ant-select-disabled {
+    color: rgba(0, 0, 0, 0.65) !important;
+  }
 </style>
 <style scoped>
   .box-title-text {
diff --git a/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue b/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue
index b1d1d0cbb..037f03cdd 100644
--- a/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue
+++ b/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue
@@ -183,6 +183,7 @@
             align: 'center',
             dataIndex: 'wvtaId',
             width: 100,
+            ellipsis: true,
             fixed: 'left'
           },
           {
@@ -190,6 +191,7 @@
             align: 'center',
             dataIndex: 'serialNumber',
             width: 180,
+            ellipsis: true,
             fixed: 'left'
           },
           {
@@ -197,6 +199,7 @@
             align: 'center',
             dataIndex: 'title',
             width: 100,
+            ellipsis: true,
             fixed: 'left'
           },
           {
@@ -204,61 +207,73 @@
             align: 'center',
             dataIndex: 'subtitle',
             width: 100,
+            ellipsis: true,
             fixed: 'left'
           },
           {
             title: this.$t('scopeOfApplication'),
             align: 'center',
+            ellipsis: true,
             dataIndex: 'shi4Yong4Fan4Wei2'
           },
           {
             title: this.$t('status'),
             align: 'center',
+            ellipsis: true,
             dataIndex: 'state'
           },
           {
             title: this.$t('correspondingStandard'),
             align: 'center',
+            ellipsis: true,
             dataIndex: 'correspondingStandard'
           },
           {
             title: this.$t('implementationCategory'),
             align: 'center',
+            ellipsis: true,
             dataIndex: 'implementType'
           },
           {
             title: this.$t('ImplementationDate'),
             align: 'center',
+            ellipsis: true,
             dataIndex: 'xin1Che1Xing2Shi2Shi1Ri4Qi1'
           },
           {
             title: this.$t('vehicleInProductionDate'),
             align: 'center',
+            ellipsis: true,
             dataIndex: 'implementTime'
           },
           {
             title: this.$t('certificationType'),
             align: 'center',
+            ellipsis: true,
             dataIndex: 'attestationType_dictText'
           },
           {
             title: this.$t('certificationLevel'),
             align: 'center',
+            ellipsis: true,
             dataIndex: 'attestationRank_dictText'
           },
           {
             title: this.$t('technicalField'),
             align: 'center',
+            ellipsis: true,
             dataIndex: 'technologyTerritoryName'
           },
           {
             title: this.$t('areaOfResponsibility'),
             align: 'center',
+            ellipsis: true,
             dataIndex: 'dutyTerritory_dictText'
           },
           {
             title: this.$t('remarks'),
             align: 'center',
+            ellipsis: true,
             dataIndex: 'remark'
           },
 
@@ -268,16 +283,19 @@
               {
                 title: this.$t('Deliverables'),
                 dataIndex: 'designDeliverableTemplateName',
+                ellipsis: true,
                 align: 'center'
               },
               {
                 title: this.$t('Sponsor'),
                 dataIndex: 'designInitiator_dictText',
+                ellipsis: true,
                 align: 'center'
               },
               {
                 title: this.$t('personLiable'),
                 dataIndex: 'designDuty_dictText',
+                ellipsis: true,
                 align: 'center'
               }
             ]
@@ -288,16 +306,19 @@
               {
                 title: this.$t('Deliverables'),
                 dataIndex: 'prehomoDeliverableTemplateName',
+                ellipsis: true,
                 align: 'center'
               },
               {
                 title: this.$t('Sponsor'),
                 dataIndex: 'prehomoInitiator_dictText',
+                ellipsis: true,
                 align: 'center'
               },
               {
                 title: this.$t('personLiable'),
                 dataIndex: 'prehomoDuty_dictText',
+                ellipsis: true,
                 align: 'center'
               }
             ]
@@ -308,16 +329,19 @@
               {
                 title: this.$t('Deliverables'),
                 dataIndex: 'verifyDeliverableTemplateName',
+                ellipsis: true,
                 align: 'center'
               },
               {
                 title: this.$t('Sponsor'),
                 dataIndex: 'verifyInitiator_dictText',
+                ellipsis: true,
                 align: 'center'
               },
               {
                 title: this.$t('personLiable'),
                 dataIndex: 'verifyDuty_dictText',
+                ellipsis: true,
                 align: 'center'
               }
             ]