diff --git a/jero-web/src/components/viewFileModel/index.vue b/jero-web/src/components/viewFileModel/index.vue
index 19a707125..1ebca4b9e 100644
--- a/jero-web/src/components/viewFileModel/index.vue
+++ b/jero-web/src/components/viewFileModel/index.vue
@@ -54,13 +54,13 @@
           {
             title: this.$t('fileName'),
             dataIndex: 'fileName',
-            align: 'center',
+            align: 'left',
             width: 260,
             ellipsis: true
           },
           {
             title: this.$t('operation'),
-            align: 'center',
+            align: 'left',
             width: 130,
             scopedSlots: { customRender: 'fileOperation' }
           }
diff --git a/jero-web/src/views/documentManage/library/docDetail/index.vue b/jero-web/src/views/documentManage/library/docDetail/index.vue
index f273308e3..a201b7ef7 100644
--- a/jero-web/src/views/documentManage/library/docDetail/index.vue
+++ b/jero-web/src/views/documentManage/library/docDetail/index.vue
@@ -293,7 +293,7 @@
           {
             title: this.$t('standardName'),
             dataIndex: 'title',
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             scopedSlots: { customRender: 'operation' }
           }
@@ -302,13 +302,13 @@
           {
             title: this.$t('fileName'),
             dataIndex: 'fileName',
-            align: 'center',
+            align: 'left',
             width: 260,
             ellipsis: true
           },
           {
             title: this.$t('operation'),
-            align: 'center',
+            align: 'left',
             width: 130,
             scopedSlots: { customRender: 'fileOperation' }
           }
diff --git a/jero-web/src/views/projectManagement/components/TaskList.vue b/jero-web/src/views/projectManagement/components/TaskList.vue
index f8bda2c74..47eb73f9d 100644
--- a/jero-web/src/views/projectManagement/components/TaskList.vue
+++ b/jero-web/src/views/projectManagement/components/TaskList.vue
@@ -244,7 +244,7 @@
         columns: [
           {
             title: this.$t('number'),
-            align: 'center',
+            align: 'left',
             width: 70,
             customRender: function(t, r, index) {
               return parseInt(index) + 1
@@ -252,49 +252,49 @@
           },
           {
             title: this.$t('standardInformation'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'standard',
             width: 202,
             scopedSlots: { customRender: 'standardInformation' }
           },
           {
             title: this.$t('areaOfResponsibility'),
-            align: 'center',
+            align: 'left',
             width: 180,
             dataIndex: 'areaOfResponsibility',
             scopedSlots: { customRender: 'areaOfResponsibility' }
           },
           {
             title: this.$t('confirmationOfDesignConformity'),
-            align: 'center',
+            align: 'left',
             width: 240,
             dataIndex: 'confirmationOfDesignConformity',
             scopedSlots: { customRender: 'confirmationOfDesignConformity' }
           },
           {
             title: this.$t('PrehomoConfirmation'),
-            align: 'center',
+            align: 'left',
             width: 240,
             dataIndex: 'PrehomoConfirmation',
             scopedSlots: { customRender: 'PrehomoConfirmation' }
           },
           {
             title: this.$t('verificationAndConformityconfirmation'),
-            align: 'center',
+            align: 'left',
             width: 240,
             dataIndex: 'verificationAndConformityconfirmation',
             scopedSlots: { customRender: 'verificationAndConformityconfirmation' }
           },
           {
             title: this.$t('CertificationProgress'),
-            align: 'center',
+            align: 'left',
             width: 150,
             dataIndex: 'CertificationProgress',
             scopedSlots: { customRender: 'CertificationProgress' }
           },
           {
             title: this.$t('CurrentStatus'),
-            align: 'center',
+            align: 'left',
             width: 150,
             dataIndex: 'CurrentProjectStatusEvaluation',
             scopedSlots: { customRender: 'CurrentProjectStatusEvaluation' }
@@ -672,7 +672,7 @@
   }
 
   .title-text {
-    width: 64px;
+    width: 110px;
     color: #000F16;
     display: inline-block;
     font-weight: 500;
@@ -862,6 +862,10 @@
     text-justify: inter-ideograph;
     word-break: break-all
   }
+
+  ///deep/.taskTable .ant-table-thead > tr > th {
+  //  font-weight: bolder;
+  //}
 </style>
 <style>
   .box-input .ant-select-selection {
diff --git a/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue b/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue
index b2aabce18..e6901aa39 100644
--- a/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue
+++ b/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue
@@ -153,35 +153,35 @@
         columns: [
           {
             title: this.$t('title'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'title',
             width: 240,
             scopedSlots: { customRender: 'paramsManifestClick' }
           },
           {
             title: this.$t('status'),
-            align: 'center',
+            align: 'left',
             width: 80,
             ellipsis: true,
             dataIndex: 'state'
           },
           {
             title: this.$t('parameterTemplateName'),
-            align: 'center',
+            align: 'left',
             width: 180,
             ellipsis: true,
             dataIndex: 'paramsTemplateName'
           },
           {
             title: this.$t('relatedProjectVersion'),
-            align: 'center',
+            align: 'left',
             width: 120,
             ellipsis: true,
             dataIndex: 'projectVersion'
           },
           {
             title: this.$t('collectionCompletionTime'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'finishTime',
             width: 180,
             ellipsis: true,
@@ -189,28 +189,28 @@
           },
           {
             title: this.$t('Version'),
-            align: 'center',
+            align: 'left',
             width: 80,
             ellipsis: true,
             dataIndex: 'version'
           },
           {
             title: this.$t('creator'),
-            align: 'center',
+            align: 'left',
             width: 110,
             ellipsis: true,
             dataIndex: 'createBy'
           },
           {
             title: this.$t('created'),
-            align: 'center',
+            align: 'left',
             width: 160,
             ellipsis: true,
             dataIndex: 'createTime'
           },
           {
             title: this.$t('operation'),
-            align: 'center',
+            align: 'left',
             fixed: 'right',
             width: 210,
             scopedSlots: { customRender: 'operation' }
@@ -576,9 +576,9 @@
     border-radius: 4px;
   }
 
-  /deep/ .add-padding {
-    margin-left: -89px !important;
-  }
+  ///deep/ .add-padding {
+  //  margin-left: -89px !important;
+  //}
 
   .textName {
     width: 100%;
@@ -601,6 +601,14 @@
   ::v-deep .ant-table-body {
     background: transparent !important;
   }
+
+  ///deep/.ant-table-thead > tr > th {
+  //  font-weight: bolder;
+  //}
+
+  ///deep/.ant-table-tbody > tr > td {
+  //  color: #040B29 ;
+  //}
 </style>
 <style>
   .box-input .ant-select-selection {
diff --git a/jero-web/src/views/projectManagement/components/certificationDirectory.vue b/jero-web/src/views/projectManagement/components/certificationDirectory.vue
index 38411808f..05defd499 100644
--- a/jero-web/src/views/projectManagement/components/certificationDirectory.vue
+++ b/jero-web/src/views/projectManagement/components/certificationDirectory.vue
@@ -85,50 +85,50 @@
           {
             title: this.$t('directoryName'),
             dataIndex: 'directoryName',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('batch'),
             dataIndex: 'lot',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('catalogFile'),
             dataIndex: 'directoryFile',
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             scopedSlots: { customRender: 'operationFile' }
           },
           {
             title: this.$t('testScheme'),
             dataIndex: 'experimentFile',
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             scopedSlots: { customRender: 'operationFile' }
           },
           {
             title: this.$t('testReportLocation'),
             dataIndex: 'detectionReportLocation',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('explain'),
             dataIndex: 'explainInfo',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('uploadTime'),
             dataIndex: 'uploadTime',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('operation'),
-            align: 'center',
+            align: 'left',
             width: 130,
             scopedSlots: { customRender: 'operation' }
           }
diff --git a/jero-web/src/views/projectManagement/components/historicalVersionList.vue b/jero-web/src/views/projectManagement/components/historicalVersionList.vue
index 49a76744d..c1dbb9e1a 100644
--- a/jero-web/src/views/projectManagement/components/historicalVersionList.vue
+++ b/jero-web/src/views/projectManagement/components/historicalVersionList.vue
@@ -45,18 +45,18 @@
           {
             title: this.$t('versionName'),
             dataIndex: 'versionsName',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('finalizationTime'),
             dataIndex: 'createTime',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('operation'),
-            align: 'center',
+            align: 'left',
             width: 120,
             scopedSlots: { customRender: 'operation' }
           }
diff --git a/jero-web/src/views/projectManagement/components/listAddModel.vue b/jero-web/src/views/projectManagement/components/listAddModel.vue
index 4f10e050d..326b9794c 100644
--- a/jero-web/src/views/projectManagement/components/listAddModel.vue
+++ b/jero-web/src/views/projectManagement/components/listAddModel.vue
@@ -104,19 +104,19 @@
           {
             title: this.$t('standard'),
             dataIndex: 'serial_number',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('title'),
             dataIndex: 'title',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('zoneOfApplication'),
             dataIndex: 'region',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           // {
@@ -134,13 +134,13 @@
           {
             title: this.$t('ImplementationDate'),
             dataIndex: 'xin1_che1_xing2_shi2_shi1_ri4_qi1',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('vehicleInProductionDate'),
             dataIndex: 'implement_time',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           // {
diff --git a/jero-web/src/views/projectManagement/components/listOfRegulations.vue b/jero-web/src/views/projectManagement/components/listOfRegulations.vue
index ee2075ccf..c3a00e797 100644
--- a/jero-web/src/views/projectManagement/components/listOfRegulations.vue
+++ b/jero-web/src/views/projectManagement/components/listOfRegulations.vue
@@ -707,7 +707,7 @@
               {
                 title: this.$t('TaskCutOffTime'),
                 dataIndex: 'prehomoDueDate',
-                align: 'lefft',
+                align: 'left',
                 width: 140,
                 ellipsis: true
               },
@@ -2336,7 +2336,7 @@
   }
 
   .title-text {
-    width: 92px;
+    width: 110px;
     color: #000F16;
     display: inline-block;
     font-weight: 500;
@@ -2560,9 +2560,9 @@
     font-weight: bolder;
   }
 
-  .tableList .ant-table-tbody > tr > td{
-    color: #040B29 ;
-  }
+  //.tableList .ant-table-tbody > tr > td{
+  //  color: #040B29 ;
+  //}
 
   //.tableList .ant-table-thead > tr{
   //  padding: 2px 16px !important;
diff --git a/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue b/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue
index a885f10b4..91f874a33 100644
--- a/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue
+++ b/jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue
@@ -279,37 +279,37 @@
         columnsAll: [
           {
             title: this.$t('areaOfResponsibility'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'dutyTerritory_dictText',
             ellipsis: true
           },
           {
-            align: 'center',
+            align: 'left',
             dataIndex: 'lawEngineerName',
             slots: { title: 'regulatoryEngineer' },
             ellipsis: true
           },
           {
-            align: 'center',
+            align: 'left',
             slots: { title: 'engineeringInterfacePerson' },
             dataIndex: 'engineeringInterfacePersonName',
             ellipsis: true
           },
           {
-            align: 'center',
+            align: 'left',
             slots: { title: 'certifiedEngineer' },
             dataIndex: 'certificationEngineerName',
             ellipsis: true
           },
           {
             title: this.$t('remarks'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'remark',
             ellipsis: true
           },
           {
             title: this.$t('operation'),
-            align: 'center',
+            align: 'left',
             width: 110,
             fixed: 'right',
             scopedSlots: { customRender: 'operation' }
@@ -634,7 +634,7 @@
   }
 
   .title-text-search {
-    width: 90px;
+    width: 110px;
     color: #000F16;
     display: inline-block;
     font-weight: 500;
@@ -671,4 +671,12 @@
     background: #fff;
     border-radius: 0 0 2px 2px;
   }
+
+  /*/deep/.table .ant-table-thead > tr > th {*/
+  /*  font-weight: bolder;*/
+  /*}*/
+
+  /*/deep/.table .ant-table-tbody > tr > td {*/
+  /*  color: #040B29 ;*/
+  /*}*/
 </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 bac8f1274..327f543f5 100644
--- a/jero-web/src/views/projectManagement/components/nonConformance.vue
+++ b/jero-web/src/views/projectManagement/components/nonConformance.vue
@@ -96,7 +96,7 @@
         columns: [
           {
             title: this.$t('standard'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'serialNumber',
             scopedSlots: { customRender: 'standard' },
             ellipsis: true,
@@ -104,7 +104,7 @@
           },
           {
             title: this.$t('title'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'title',
             ellipsis: true,
             width: 180,
@@ -112,35 +112,35 @@
           },
           {
             title: this.$t('ProcessType'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'flowType',
             ellipsis: true,
             width: 180
           },
           {
             title: this.$t('areaOfResponsibility'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'dutyTerritory',
             ellipsis: true,
             width: 180
           },
           {
             title: this.$t('problemType'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'problemType',
             ellipsis: true,
             width: 180
           },
           {
             title: this.$t('Sponsor'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'initiator',
             ellipsis: true,
             width: 140
           },
           {
             title: this.$t('personLiable'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'duty',
             ellipsis: true,
             width: 140
@@ -300,7 +300,7 @@
   }
 
   .title-text {
-    width: 32px;
+    width: 110px;
     color: #000F16;
     display: inline-block;
     font-weight: 500;
@@ -341,4 +341,12 @@
     text-justify: inter-ideograph;
     word-break: break-all
   }
+
+  /deep/.ant-table-thead > tr > th {
+    font-weight: bolder;
+  }
+
+  /*/deep/.ant-table-tbody > tr > td {*/
+  /*  color: #040B29 ;*/
+  /*}*/
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/projectManagement/components/transferList.vue b/jero-web/src/views/projectManagement/components/transferList.vue
index 30f90c44b..c089917d2 100644
--- a/jero-web/src/views/projectManagement/components/transferList.vue
+++ b/jero-web/src/views/projectManagement/components/transferList.vue
@@ -78,25 +78,25 @@
           {
             title: this.$t('VirtualListName'),
             dataIndex: 'name',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('instructionForUse'),
             dataIndex: 'useExplain',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('updateTime'),
             dataIndex: 'updateTime',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           },
           {
             title: this.$t('creater'),
             dataIndex: 'createBy',
-            align: 'center',
+            align: 'left',
             ellipsis: true
           }
         ],
diff --git a/jero-web/src/views/projectManagement/components/versionStatistics.vue b/jero-web/src/views/projectManagement/components/versionStatistics.vue
index a8e087be0..7adb84e0f 100644
--- a/jero-web/src/views/projectManagement/components/versionStatistics.vue
+++ b/jero-web/src/views/projectManagement/components/versionStatistics.vue
@@ -76,14 +76,14 @@
           {
             title: this.$t('VersionNumber'),
             dataIndex: 'projectVersion',
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             width: 200
           },
           {
             title: this.$t('describe'),
             dataIndex: 'explanation',
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             width: 500
           }
diff --git a/jero-web/src/views/projectManagement/projectLibrary/index.vue b/jero-web/src/views/projectManagement/projectLibrary/index.vue
index 2d1d6d2e8..4421aa9b0 100644
--- a/jero-web/src/views/projectManagement/projectLibrary/index.vue
+++ b/jero-web/src/views/projectManagement/projectLibrary/index.vue
@@ -222,14 +222,14 @@
           // },
           {
             title: this.$t('StudioEngineer'),
-            align: 'center',
+            align: 'left',
             width: 180,
             ellipsis: true,
             dataIndex: 'studioEngineerName'
           },
           {
             title: this.$t('explain'),
-            align: 'center',
+            align: 'left',
             width: 280,
             ellipsis: true,
             dataIndex: 'explanation'
@@ -243,21 +243,21 @@
           // },
           {
             title: this.$t('ModelPlatform'),
-            align: 'center',
+            align: 'left',
             width: 180,
             ellipsis: true,
             dataIndex: 'vehiclePlatform'
           },
           {
             title: this.$t('DigitalPlatform'),
-            align: 'center',
+            align: 'left',
             width: 180,
             ellipsis: true,
             dataIndex: 'digitalPlatform'
           },
           {
             title: this.$t('operation'),
-            align: 'center',
+            align: 'left',
             fixed: 'right',
             width: 302,
             scopedSlots: { customRender: 'operation' }