From 7398accaf16f238d4c3b6fb5f66d10dcedd53035 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=BD=A6=E6=B3=BD?= <liuyanze@syxysoft.com>
Date: Thu, 12 Jan 2023 16:54:05 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E5=BA=93-=E5=8F=AF=E4=BC=B8?=
 =?UTF-8?q?=E7=BC=A9=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jero-web/src/components/UpdateLog/index.vue   |  9 ++++--
 .../src/components/viewFileModel/index.vue    |  4 ++-
 .../library/docDetail/index.vue               |  6 ++--
 .../components/engineeringConfirmation.vue    | 21 ++++++++++----
 .../components/taskCirculationHistory.vue     | 15 +++++++---
 .../components/TaskParameterCollection.vue    |  3 ++
 .../components/certificationDirectory.vue     | 24 +++++++++++-----
 .../certificationProgressEchart.vue           | 28 ++++++++++++-------
 .../currentStatusOfTheProjectEcharts.vue      | 23 +++++++++------
 .../components/customizeList.vue              |  6 +++-
 .../components/historicalVersionList.vue      | 11 ++++++--
 .../components/listAddModel.vue               | 18 ++++++++----
 .../components/listOfRelevantPersonnel.vue    | 22 +++++++++++----
 .../components/nonConformance.vue             |  3 ++
 .../components/responsibilityList.vue         |  7 +++--
 .../components/transferList.vue               | 15 +++++++---
 .../components/versionStatistics.vue          |  3 ++
 .../dialog/ParameterTemplate.vue              |  9 ++++--
 .../dialog/ParameterTemplateAdd.vue           | 11 ++++++--
 .../dialog/ProjectCollectionParameters.vue    | 14 +++++++---
 .../dialog/historicalVersion.vue              |  9 ++++--
 21 files changed, 190 insertions(+), 71 deletions(-)

diff --git a/jero-web/src/components/UpdateLog/index.vue b/jero-web/src/components/UpdateLog/index.vue
index 2529dde05..254502f4b 100644
--- a/jero-web/src/components/UpdateLog/index.vue
+++ b/jero-web/src/components/UpdateLog/index.vue
@@ -14,9 +14,10 @@
     </template>
     <a-table
       class="table"
+      :components="drag(columns,'columns')"
       :columns="columns"
       :pagination="false"
-      :scroll="{y: 420}"
+      :scroll="{x:'100%',y: 420}"
       :data-source="dataSource"
       :loading="loading"
     >
@@ -46,9 +47,12 @@
 
 <script>
   import { getAction, postAction,  } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
+
   export default {
     name: 'index',
     props:['url'],
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data(){
         return{
           visible:false,
@@ -65,7 +69,8 @@
               dataIndex: 'logContent',
               align: 'left',
               ellipsis: true,
-              scopedSlots: { customRender: 'content' }
+              scopedSlots: { customRender: 'content' },
+              width: 664
             },
             {
               title: this.$t('OperationTime'),
diff --git a/jero-web/src/components/viewFileModel/index.vue b/jero-web/src/components/viewFileModel/index.vue
index 1ebca4b9e..ffa3a9190 100644
--- a/jero-web/src/components/viewFileModel/index.vue
+++ b/jero-web/src/components/viewFileModel/index.vue
@@ -14,6 +14,7 @@
     </template>
     <a-table
       class="table"
+      :components="drag(columnsFile,'columnsFile')"
       :columns="columnsFile"
       :pagination="false"
       :scroll="{x:500,y: 400}"
@@ -39,10 +40,11 @@
   import { Base64 } from 'js-base64'
   import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
   import { mapGetters } from 'vuex'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'viewFileModel',
-
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         dataSourceFile: [],
diff --git a/jero-web/src/views/documentManage/library/docDetail/index.vue b/jero-web/src/views/documentManage/library/docDetail/index.vue
index 2f9a46127..68cfc85ab 100644
--- a/jero-web/src/views/documentManage/library/docDetail/index.vue
+++ b/jero-web/src/views/documentManage/library/docDetail/index.vue
@@ -216,9 +216,10 @@
     >
       <a-table
         class="table"
+        :components="drag(columnsRelated,'columnsRelated')"
         :columns="columnsRelated"
         :pagination="false"
-        :scroll="{y: 400}"
+        :scroll="{x: '100%',y: 400}"
         :data-source="dataSourceRelated"
         :loading="loading"
       >
@@ -298,7 +299,8 @@
             dataIndex: 'title',
             align: 'left',
             ellipsis: true,
-            scopedSlots: { customRender: 'operation' }
+            scopedSlots: { customRender: 'operation' },
+            width: 544
           }
         ],
         columnsFile: [
diff --git a/jero-web/src/views/processCenter/components/engineeringConfirmation.vue b/jero-web/src/views/processCenter/components/engineeringConfirmation.vue
index f9d78b186..0be41dcec 100644
--- a/jero-web/src/views/processCenter/components/engineeringConfirmation.vue
+++ b/jero-web/src/views/processCenter/components/engineeringConfirmation.vue
@@ -29,6 +29,7 @@
     </div>
     <a-table
       ref="table"
+      :components="drag(columns,'columnsAll')"
       :loading="loading"
       :pagination="false"
       :scroll="{x: 1600}"
@@ -320,6 +321,7 @@
   import uploadFile from '@/components/uploadFile/file'
   import viewFileModel from '@/components/viewFileModel/index'
   import { Base64 } from 'js-base64'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'engineeringConfirmation',
@@ -328,6 +330,7 @@
       uploadFile,
       viewFileModel
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         loading: false,
@@ -404,39 +407,45 @@
           {
             title: 'ID',
             dataIndex: 'serialNumber',
-            align: 'left'
+            align: 'left',
+            width: 235
           },
           {
             title: this.$t('completedBy'),
             dataIndex: 'createBy',
             ellipsis: true,
-            align: 'left'
+            align: 'left',
+            width: 235
           },
           {
             title: this.$t('completedTime'),
             dataIndex: 'createTime',
             ellipsis: true,
-            align: 'left'
+            align: 'left',
+            width: 235
           },
           {
             title: this.$t('feedbackFromTheEngineer'),
             dataIndex: 'engineerFeedbackContent',
             align: 'left',
             ellipsis: true,
-            scopedSlots: { customRender: 'engineerFeedbackContent' }
+            scopedSlots: { customRender: 'engineerFeedbackContent' },
+            width: 235
           },
           {
             title: this.$t('Deliverables'),
             dataIndex: 'fileId',
             align: 'left',
             ellipsis: true,
-            scopedSlots: { customRender: 'Deliverables' }
+            scopedSlots: { customRender: 'Deliverables' },
+            width: 235
           },
           {
             title: this.$t('replyFromProjectContactPerson'),
             dataIndex: 'engineeringInterfacePersonReply',
             ellipsis: true,
-            align: 'left'
+            align: 'left',
+            width: 235
           },
           {
             title: this.$t('operation'),
diff --git a/jero-web/src/views/processCenter/components/taskCirculationHistory.vue b/jero-web/src/views/processCenter/components/taskCirculationHistory.vue
index 2f3375a25..c0018a077 100644
--- a/jero-web/src/views/processCenter/components/taskCirculationHistory.vue
+++ b/jero-web/src/views/processCenter/components/taskCirculationHistory.vue
@@ -8,6 +8,7 @@
     <div style="width: 100%">
       <a-table
         ref="table"
+        :components="drag(columns,'columns')"
         :loading="loading"
         :pagination="false"
         :scroll="{x: true}"
@@ -26,9 +27,11 @@
   import { getAction, postAction, downloadFile } from '@/api/manage'
   import moment from 'moment'
   import { Base64 } from 'js-base64'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'circulationHistory',
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         dataSource: [],
@@ -45,23 +48,27 @@
           {
             title: this.$t('OperationNode'),
             dataIndex: 'name',
-            align: 'left'
+            align: 'left',
+            width: 470
           },
           {
             title: this.$t('Operator'),
             dataIndex: 'assignee',
-            align: 'left'
+            align: 'left',
+            width: 270
           },
           {
             title: this.$t('result'),
             dataIndex: 'reviewResult',
             align: 'left',
-            scopedSlots: { customRender: 'reviewResult' }
+            scopedSlots: { customRender: 'reviewResult' },
+            width: 270
           },
           {
             title: this.$t('opinion'),
             dataIndex: 'approvalOpinion',
-            align: 'left'
+            align: 'left',
+            width: 270
           },
           {
             title: this.$t('operationTime'),
diff --git a/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue b/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue
index 3b58c4a34..b10d1013b 100644
--- a/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue
+++ b/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue
@@ -45,6 +45,7 @@
         ref='table'
         size='middle'
         rowKey='id'
+        :components="drag(columns,'columns')"
         :columns='columns'
         :dataSource='dataSource'
         :pagination='false'
@@ -138,6 +139,7 @@
   import { ACCESS_TOKEN } from '@/store/mutation-types'
   import eventBUs from '@/common/event'
   import store from '@/store/'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'TaskParameterCollection',
@@ -148,6 +150,7 @@
       HistoricalVersion,
       ProjectCollectionParameters
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         columns: [
diff --git a/jero-web/src/views/projectManagement/components/certificationDirectory.vue b/jero-web/src/views/projectManagement/components/certificationDirectory.vue
index 05defd499..2adc1d21b 100644
--- a/jero-web/src/views/projectManagement/components/certificationDirectory.vue
+++ b/jero-web/src/views/projectManagement/components/certificationDirectory.vue
@@ -17,6 +17,7 @@
           </div>
         </div>
         <a-table
+          :components="drag(columns,'columnsAll')"
           :columns="columns"
           :scroll="{x: 900}"
           :data-source="dataList"
@@ -67,6 +68,7 @@
   import { getAction, postAction, deleteAction } from '@/api/manage'
   import certificationDirectoryAdd from './certificationDirectoryAdd'
   import viewFileModel from '@/components/viewFileModel/index'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'certificationDirectory',
@@ -75,6 +77,7 @@
       viewFileModel
     },
     props: ['isDisplayNum'],
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         visible: false,
@@ -86,45 +89,52 @@
             title: this.$t('directoryName'),
             dataIndex: 'directoryName',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 132
           },
           {
             title: this.$t('batch'),
             dataIndex: 'lot',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 132
           },
           {
             title: this.$t('catalogFile'),
             dataIndex: 'directoryFile',
             align: 'left',
             ellipsis: true,
-            scopedSlots: { customRender: 'operationFile' }
+            scopedSlots: { customRender: 'operationFile' },
+            width: 132
           },
           {
             title: this.$t('testScheme'),
             dataIndex: 'experimentFile',
             align: 'left',
             ellipsis: true,
-            scopedSlots: { customRender: 'operationFile' }
+            scopedSlots: { customRender: 'operationFile' },
+            width: 132
           },
           {
             title: this.$t('testReportLocation'),
             dataIndex: 'detectionReportLocation',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 132
           },
           {
             title: this.$t('explain'),
             dataIndex: 'explainInfo',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 132
           },
           {
             title: this.$t('uploadTime'),
             dataIndex: 'uploadTime',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 130
           },
           {
             title: this.$t('operation'),
diff --git a/jero-web/src/views/projectManagement/components/certificationProgressEchart.vue b/jero-web/src/views/projectManagement/components/certificationProgressEchart.vue
index 2c1ca87c2..fc704f2a0 100644
--- a/jero-web/src/views/projectManagement/components/certificationProgressEchart.vue
+++ b/jero-web/src/views/projectManagement/components/certificationProgressEchart.vue
@@ -7,6 +7,7 @@
       <div id="main-right">
         <a-table
           ref="table"
+          :components="drag(columns,'columns')"
           :loading="loading"
           :pagination="false"
           :scroll="{x: true}"
@@ -27,6 +28,7 @@
   import * as echarts from 'echarts'
   import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
   import responsibilityList from './responsibilityList'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'certificationProgress',
@@ -39,6 +41,7 @@
         default: []
       }
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         loading: false,
@@ -50,28 +53,33 @@
         columns: [
           {
             title: this.$t('notInvolved'),
-            align: 'center',
-            dataIndex: 'notInvolved'
+            align: 'left',
+            dataIndex: 'notInvolved',
+            width: 102
           },
           {
             title: this.$t('toBeStarted'),
-            align: 'center',
-            dataIndex: 'toBeStarted'
+            align: 'left',
+            dataIndex: 'toBeStarted',
+            width: 102
           },
           {
             title: this.$t('inProgress'),
-            align: 'center',
-            dataIndex: 'inProgress'
+            align: 'left',
+            dataIndex: 'inProgress',
+            width: 102
           },
           {
             title: this.$t('experimentFailed'),
-            align: 'center',
-            dataIndex: 'experimentFailed'
+            align: 'left',
+            dataIndex: 'experimentFailed',
+            width: 122
           },
           {
             title: this.$t('experimentPassed'),
-            align: 'center',
-            dataIndex: 'experimentPassed'
+            align: 'left',
+            dataIndex: 'experimentPassed',
+            width: 122
           }
         ]
       }
diff --git a/jero-web/src/views/projectManagement/components/currentStatusOfTheProjectEcharts.vue b/jero-web/src/views/projectManagement/components/currentStatusOfTheProjectEcharts.vue
index 0aaf99097..924a94325 100644
--- a/jero-web/src/views/projectManagement/components/currentStatusOfTheProjectEcharts.vue
+++ b/jero-web/src/views/projectManagement/components/currentStatusOfTheProjectEcharts.vue
@@ -14,6 +14,7 @@
       <div id="main-right">
         <a-table
           ref="table"
+          :components="drag(columns,'columns')"
           :loading="loading"
           :pagination="false"
           :scroll="{x: true}"
@@ -34,6 +35,7 @@
   import * as echarts from 'echarts'
   import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
   import responsibilityList from './responsibilityList'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'CurrentStatusOfTheProjectEcharts',
@@ -46,6 +48,7 @@
         default: []
       }
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         loading: false,
@@ -57,23 +60,27 @@
         columns: [
           {
             title: this.$t('red'),
-            align: 'center',
-            dataIndex: 'redCount'
+            align: 'left',
+            dataIndex: 'redCount',
+            width: 139
           },
           {
             title: this.$t('yellow'),
-            align: 'center',
-            dataIndex: 'yellowCount'
+            align: 'left',
+            dataIndex: 'yellowCount',
+            width: 139
           },
           {
             title: this.$t('green'),
-            align: 'center',
-            dataIndex: 'greenCount'
+            align: 'left',
+            dataIndex: 'greenCount',
+            width: 139
           },
           {
             title: this.$t('blue'),
-            align: 'center',
-            dataIndex: 'blueCount'
+            align: 'left',
+            dataIndex: 'blueCount',
+            width: 139
           }
         ]
       }
diff --git a/jero-web/src/views/projectManagement/components/customizeList.vue b/jero-web/src/views/projectManagement/components/customizeList.vue
index 0624fa28e..e4b0d25a5 100644
--- a/jero-web/src/views/projectManagement/components/customizeList.vue
+++ b/jero-web/src/views/projectManagement/components/customizeList.vue
@@ -10,6 +10,7 @@
     style="height: 100%;overflow: auto;padding-bottom: 53px;">
     <div style="margin-bottom: 60px">
       <a-table
+        :components="drag(columns,'columns')"
         :columns="columns"
         rowKey="id"
         :scroll="{x: 800}"
@@ -42,11 +43,13 @@
 
 <script>
   import { getAction, postAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'transferList',
     components: {},
     props: ['url'],
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         visible: false,
@@ -58,7 +61,8 @@
             title: this.$t('customColumn'),
             dataIndex: 'name',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 884
           },
         ],
         dataList: [
diff --git a/jero-web/src/views/projectManagement/components/historicalVersionList.vue b/jero-web/src/views/projectManagement/components/historicalVersionList.vue
index c1dbb9e1a..e45f92d50 100644
--- a/jero-web/src/views/projectManagement/components/historicalVersionList.vue
+++ b/jero-web/src/views/projectManagement/components/historicalVersionList.vue
@@ -14,9 +14,10 @@
     </template>
     <a-table
       class="table"
+      :components="drag(columns,'columns')"
       :columns="columns"
       :pagination="false"
-      :scroll="{y: 400}"
+      :scroll="{x:'100%',y: 400}"
       :data-source="dataSource"
       :loading="loading"
     >
@@ -29,9 +30,11 @@
 
 <script>
   import { getAction, postAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'historicalVersionList',
+    mixins: [ResizeColumnProvide, ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         visible: false,
@@ -46,13 +49,15 @@
             title: this.$t('versionName'),
             dataIndex: 'versionsName',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 362
           },
           {
             title: this.$t('finalizationTime'),
             dataIndex: 'createTime',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 362
           },
           {
             title: this.$t('operation'),
diff --git a/jero-web/src/views/projectManagement/components/listAddModel.vue b/jero-web/src/views/projectManagement/components/listAddModel.vue
index 6223033d8..762e99981 100644
--- a/jero-web/src/views/projectManagement/components/listAddModel.vue
+++ b/jero-web/src/views/projectManagement/components/listAddModel.vue
@@ -60,6 +60,7 @@
         </a-form>
       </div>
       <a-table
+        :components="drag(columns,'columns')"
         :columns="columns"
         rowKey="id"
         :scroll="{x: 1200}"
@@ -93,6 +94,7 @@
 <script>
   import { getAction, postAction } from '@/api/manage'
   import globalAdvancedQuery from '@/components/globalAdvancedQuery/index'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'listAddModel',
@@ -100,6 +102,7 @@
       globalAdvancedQuery
     },
     props: ['url'],
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         toggleSearchStatus: false,
@@ -112,19 +115,22 @@
             title: this.$t('standard'),
             dataIndex: 'serial_number',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 228
           },
           {
             title: this.$t('title'),
             dataIndex: 'title',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 228
           },
           {
             title: this.$t('zoneOfApplication'),
             dataIndex: 'region',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 228
           },
           // {
           //   title: this.$t('status'),
@@ -142,13 +148,15 @@
             title: this.$t('ImplementationDate'),
             dataIndex: 'xin1_che1_xing2_shi2_shi1_ri4_qi1',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 228
           },
           {
             title: this.$t('vehicleInProductionDate'),
             dataIndex: 'implement_time',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 228
           },
           // {
           //   title: this.$t('correspondingStandard'),
diff --git a/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue b/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue
index e1f79efd6..fe545562b 100644
--- a/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue
+++ b/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue
@@ -105,6 +105,7 @@
               :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"-->
       <a-table
         class="table"
+        :components="drag(columns,'columnsAll')"
         :columns="columns"
         rowKey="id"
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
@@ -270,6 +271,7 @@
   import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
   import ImportFile from '@/components/ImportFile/index'
   import { mapGetters } from 'vuex'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'listOfRelevantPersonnel',
@@ -278,6 +280,7 @@
       ImportFile,
       personBatting
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         toggleSearchStatus: false,
@@ -288,31 +291,36 @@
             title: this.$t('areaOfResponsibility'),
             align: 'left',
             dataIndex: 'dutyTerritory_dictText',
-            ellipsis: true
+            ellipsis: true,
+            width: 153
           },
           {
             align: 'left',
             dataIndex: 'lawEngineerName',
             slots: { title: 'regulatoryEngineer' },
-            ellipsis: true
+            ellipsis: true,
+            width: 153
           },
           {
             align: 'left',
             slots: { title: 'engineeringInterfacePerson' },
             dataIndex: 'engineeringInterfacePersonName',
-            ellipsis: true
+            ellipsis: true,
+            width: 153
           },
           {
             align: 'left',
             slots: { title: 'certifiedEngineer' },
             dataIndex: 'certificationEngineerName',
-            ellipsis: true
+            ellipsis: true,
+            width: 153
           },
           {
             title: this.$t('remarks'),
             align: 'left',
             dataIndex: 'remark',
-            ellipsis: true
+            ellipsis: true,
+            width: 153
           },
           {
             title: this.$t('operation'),
@@ -689,4 +697,8 @@
   /*/deep/.table .ant-table-tbody > tr > td {*/
   /*  color: #040B29 ;*/
   /*}*/
+
+  .table {
+    margin-bottom: 60px;
+  }
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/projectManagement/components/nonConformance.vue b/jero-web/src/views/projectManagement/components/nonConformance.vue
index 12300ad0a..f0a40a49c 100644
--- a/jero-web/src/views/projectManagement/components/nonConformance.vue
+++ b/jero-web/src/views/projectManagement/components/nonConformance.vue
@@ -51,6 +51,7 @@
       <a-table
         ref="table"
         size="middle"
+        :components="drag(columns,'columns')"
         :loading="loading"
         rowKey="uuid"
         :pagination="false"
@@ -85,9 +86,11 @@
 <script>
   import { getAction, postAction, downloadFile, deleteAction,downloadFilePost } from '@/api/manage'
   import store from '@/store/'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'nonConformance',
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         queryParam: {},
diff --git a/jero-web/src/views/projectManagement/components/responsibilityList.vue b/jero-web/src/views/projectManagement/components/responsibilityList.vue
index 45f070eb9..c756dfcfa 100644
--- a/jero-web/src/views/projectManagement/components/responsibilityList.vue
+++ b/jero-web/src/views/projectManagement/components/responsibilityList.vue
@@ -20,6 +20,7 @@
     </div>
     <a-table
       ref="table"
+      :components="drag(columns,'columns')"
       :loading="loading"
       :pagination="false"
       :scroll="{x: true,y:400}"
@@ -36,9 +37,11 @@
 <script>
   import { getAction, postAction, downloadFile } from '@/api/manage'
   import moment from 'moment'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'responsibilityList',
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         visible: false,
@@ -55,7 +58,7 @@
           {
             title: this.$t('areaOfResponsibility'),
             dataIndex: 'dutyTerritoryName',
-            align: 'center',
+            align: 'left',
             width: 400,
             ellipsis: true,
             scopedSlots: { customRender: 'areaOfResponsibility' }
@@ -63,7 +66,7 @@
           {
             title: this.$t('Quantity'),
             dataIndex: 'amount',
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             width: 300
           }
diff --git a/jero-web/src/views/projectManagement/components/transferList.vue b/jero-web/src/views/projectManagement/components/transferList.vue
index ab5aa0d11..232174545 100644
--- a/jero-web/src/views/projectManagement/components/transferList.vue
+++ b/jero-web/src/views/projectManagement/components/transferList.vue
@@ -31,6 +31,7 @@
         </a-form>
       </div>
       <a-table
+        :components="drag(columns,'columns')"
         :columns="columns"
         rowKey="id"
         :scroll="{x: 1000}"
@@ -63,11 +64,13 @@
 
 <script>
   import { getAction, postAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'transferList',
     components: {},
     props: ['url'],
+    mixins: [ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         visible: false,
@@ -79,25 +82,29 @@
             title: this.$t('VirtualListName'),
             dataIndex: 'name',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 235
           },
           {
             title: this.$t('instructionForUse'),
             dataIndex: 'useExplain',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 235
           },
           {
             title: this.$t('updateTime'),
             dataIndex: 'updateTime',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 235
           },
           {
             title: this.$t('creater'),
             dataIndex: 'createBy',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 235
           }
         ],
         dataList: [],
diff --git a/jero-web/src/views/projectManagement/components/versionStatistics.vue b/jero-web/src/views/projectManagement/components/versionStatistics.vue
index 7adb84e0f..5827159d0 100644
--- a/jero-web/src/views/projectManagement/components/versionStatistics.vue
+++ b/jero-web/src/views/projectManagement/components/versionStatistics.vue
@@ -31,6 +31,7 @@
       <!--        </a-form>-->
       <!--      </div>-->
       <a-table
+        :components="drag(columns,'columns')"
         :columns="columns"
         :rowKey="(record)=>JSON.stringify(record)"
         :scroll="{x: '100%',y:500}"
@@ -63,9 +64,11 @@
 
 <script>
   import { getAction, postAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'versionStatistics',
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         visible: false,
diff --git a/jero-web/src/views/projectManagement/dialog/ParameterTemplate.vue b/jero-web/src/views/projectManagement/dialog/ParameterTemplate.vue
index 8dc0595a1..556ddceeb 100644
--- a/jero-web/src/views/projectManagement/dialog/ParameterTemplate.vue
+++ b/jero-web/src/views/projectManagement/dialog/ParameterTemplate.vue
@@ -39,6 +39,7 @@
       ref='table'
       size='middle'
       rowKey='id'
+      :components="drag(columns,'columns')"
       :columns='columns'
       :dataSource='areaTable'
       :pagination='false'
@@ -72,12 +73,14 @@ import axios from 'axios'
 import Vue from 'vue'
 import ParameterTemplate from '../dialog/ParameterTemplate'
 import { ACCESS_TOKEN } from '@/store/mutation-types'
+import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
 export default {
   name: 'diolagArea',
   components: {
     ParameterTemplate
   },
+  mixins:[ResizeHeader, ResizeColumnProvide],
   data() {
     return {
       token:Vue.ls.get(ACCESS_TOKEN),
@@ -91,13 +94,15 @@ export default {
           title: this.$t('zoneOfApplication'),
           dataIndex: 'region_dictText',
           align: 'left',
-          ellipsis: true
+          ellipsis: true,
+          width: 296
         },
         {
           title: this.$t('parameterTemplate'),
           align: 'left',
           dataIndex: 'paramsTemplateName',
-          ellipsis: true
+          ellipsis: true,
+          width: 296
         }
       ],
       newVisible: false,
diff --git a/jero-web/src/views/projectManagement/dialog/ParameterTemplateAdd.vue b/jero-web/src/views/projectManagement/dialog/ParameterTemplateAdd.vue
index e3bb38d67..50751007a 100644
--- a/jero-web/src/views/projectManagement/dialog/ParameterTemplateAdd.vue
+++ b/jero-web/src/views/projectManagement/dialog/ParameterTemplateAdd.vue
@@ -148,6 +148,7 @@
       ref='table'
       size='middle'
       rowKey='id'
+      :components="drag(columns,'columns')"
       :columns='columns'
       :dataSource='areaTable'
       :pagination='false'
@@ -178,10 +179,12 @@
 
 <script>
   import { putAction, postAction, getAction, deleteAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'diolagArea',
     components: {},
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         title: this.$t('add'),
@@ -193,15 +196,17 @@
           {
             title: this.$t('zoneOfApplication'),
             dataIndex: 'region_dictText',
-            key: 'showArea',
+            // key: 'showArea',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 363
           },
           {
             title: this.$t('parameterTemplate'),
             align: 'left',
             dataIndex: 'paramsTemplateName',
-            ellipsis: true
+            ellipsis: true,
+            width: 363
           }
         ],
         projectVersionList: [],
diff --git a/jero-web/src/views/projectManagement/dialog/ProjectCollectionParameters.vue b/jero-web/src/views/projectManagement/dialog/ProjectCollectionParameters.vue
index 38a779560..064bbf6df 100644
--- a/jero-web/src/views/projectManagement/dialog/ProjectCollectionParameters.vue
+++ b/jero-web/src/views/projectManagement/dialog/ProjectCollectionParameters.vue
@@ -95,6 +95,7 @@
       ref='table'
       size='middle'
       rowKey='id'
+      :components="drag(columns,'columns')"
       :columns='columns'
       :dataSource='areaTable'
       :pagination='false'
@@ -141,12 +142,14 @@
   import Vue from 'vue'
   import ParameterTemplate from '../dialog/ParameterTemplate'
   import { ACCESS_TOKEN } from '@/store/mutation-types'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'ProjectCollectionParameters',
     components: {
       ParameterTemplate
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         token: Vue.ls.get(ACCESS_TOKEN),
@@ -160,22 +163,25 @@
           {
             title: this.$t('entryName'),
             dataIndex: 'projectName',
-            key: 'showArea',
+            // key: 'showArea',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 242
           },
           {
             title: this.$t('ListTitle'),
             align: 'left',
             dataIndex: 'title',
-            ellipsis: true
+            ellipsis: true,
+            width: 242
           },
           {
             title: this.$t('parameterTemplate'),
             align: 'left',
             dataIndex: 'paramsTemplateName',
             ellipsis: true,
-            scopedSlots: { customRender: 'parameterTemplateSlot' }
+            scopedSlots: { customRender: 'parameterTemplateSlot' },
+            width: 242
           }
         ],
         newVisible: false,
diff --git a/jero-web/src/views/projectManagement/dialog/historicalVersion.vue b/jero-web/src/views/projectManagement/dialog/historicalVersion.vue
index f61a78c4d..21d9b3ea7 100644
--- a/jero-web/src/views/projectManagement/dialog/historicalVersion.vue
+++ b/jero-web/src/views/projectManagement/dialog/historicalVersion.vue
@@ -5,6 +5,7 @@
       ref='table'
       size='middle'
       rowKey='id'
+      :components="drag(columns,'columns')"
       :columns='columns'
       :dataSource='areaTable'
       :pagination='false'
@@ -23,10 +24,12 @@ import { putAction, postAction, getAction, deleteAction } from '@/api/manage'
 import axios from 'axios'
 import { ACCESS_TOKEN } from '@/store/mutation-types'
 import Vue from 'vue'
+import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
 export default {
   name: 'diolagArea',
   components: {},
+  mixins:[ResizeHeader, ResizeColumnProvide],
   data() {
     return {
       token:Vue.ls.get(ACCESS_TOKEN),
@@ -40,14 +43,16 @@ export default {
           title: this.$t('VersionNumber'),
           dataIndex: 'version',
           align: 'left',
-          ellipsis: true
+          ellipsis: true,
+          width: 351
         },
         {
           title: this.$t('operation'),
           align: 'left',
           dataIndex: 'paramsTemplateName',
           ellipsis: true,
-          scopedSlots: { customRender: 'action' }
+          scopedSlots: { customRender: 'action' },
+          width: 351
         }
       ],
       newVisible: false,