diff --git a/jero-web/src/views/documentManage/library/docDetail/index.vue b/jero-web/src/views/documentManage/library/docDetail/index.vue
index a201b7ef7..042865733 100644
--- a/jero-web/src/views/documentManage/library/docDetail/index.vue
+++ b/jero-web/src/views/documentManage/library/docDetail/index.vue
@@ -819,10 +819,12 @@
     cursor: pointer;
   }
 
-  /deep/.table .ant-table-thead > tr > th {
-    font-weight: bolder;
-  }
-
+  ///deep/.table .ant-table-thead > tr > th {
+  //  font-weight: bolder;
+  //}
+  ///deep/.ant-table-thead > tr > th {
+  //  background: #f3f6f6;
+  //}
   ///deep/.table .ant-table-tbody > tr > td {
   //  color: #040B29 ;
   //}
diff --git a/jero-web/src/views/processCenter/components/circulationHistory.vue b/jero-web/src/views/processCenter/components/circulationHistory.vue
index c05bcabbd..914ec232c 100644
--- a/jero-web/src/views/processCenter/components/circulationHistory.vue
+++ b/jero-web/src/views/processCenter/components/circulationHistory.vue
@@ -43,32 +43,32 @@
           {
             title: this.$t('OperationNode'),
             dataIndex: 'name',
-            align: 'center',
+            align: 'left',
             width:'20%',
           },
           {
             title: this.$t('Operator'),
             dataIndex: 'assignee',
-            align: 'center',
+            align: 'left',
             width:'20%',
           },
           {
             title: this.$t('result'),
             dataIndex: 'approvalResult',
-            align: 'center',
+            align: 'left',
             width:'20%',
             scopedSlots: { customRender: 'approvalResult' }
           },
           {
             title: this.$t('opinion'),
             dataIndex: 'approvalOpinion',
-            align: 'center',
+            align: 'left',
             width:'20%',
           },
           {
             title: this.$t('OperationTime'),
             dataIndex: 'createTime',
-            align: 'center',
+            align: 'left',
             width:'20%',
             customRender: function(t, r, index) {
               return moment(t).format('YYYY-MM-DD HH:mm:ss')
@@ -95,6 +95,7 @@
 </script>
 
 <style scoped lang="less">
+  @import '~@assets/less/common.less';
   .box {
     padding: 0 24px 24px 24px;
     box-sizing: border-box;
diff --git a/jero-web/src/views/processCenter/components/engineeringConfirmation.vue b/jero-web/src/views/processCenter/components/engineeringConfirmation.vue
index d4f14b411..f9d78b186 100644
--- a/jero-web/src/views/processCenter/components/engineeringConfirmation.vue
+++ b/jero-web/src/views/processCenter/components/engineeringConfirmation.vue
@@ -822,6 +822,7 @@
 </script>
 
 <style scoped lang="less">
+  @import '~@assets/less/common.less';
   .box {
     padding: 0 24px 24px 24px;
     box-sizing: border-box;
diff --git a/jero-web/src/views/processCenter/components/standardContentList.vue b/jero-web/src/views/processCenter/components/standardContentList.vue
index 32fd02fd5..13a11f0ac 100644
--- a/jero-web/src/views/processCenter/components/standardContentList.vue
+++ b/jero-web/src/views/processCenter/components/standardContentList.vue
@@ -76,44 +76,44 @@
           {
             title: this.$t('ProcessType'),
             dataIndex: 'ProcessType',
-            align: 'center',
+            align: 'left',
             width:200,
           },
           {
             title: this.$t('Sponsor'),
             dataIndex: 'InitiatorName',
-            align: 'center',
+            align: 'left',
             width:160,
           },
           {
             title: this.$t('personLiable'),
             dataIndex: 'DutyName',
-            align: 'center',
+            align: 'left',
             width:160,
           },
           {
             title: this.$t('TaskCutOffTime'),
             dataIndex: 'DueDate',
-            align: 'center',
+            align: 'left',
             width:160,
           },
           {
             title: this.$t('typeOfDeliverables'),
             dataIndex: 'DeliverableType',
-            align: 'center',
+            align: 'left',
             width:160,
           },
           {
             title: this.$t('deliverableTemplate'),
             dataIndex: 'DeliverableTemplateName',
-            align: 'center',
+            align: 'left',
             width:260,
             scopedSlots: { customRender: 'designDeliverableTemplateName' }
           },
           {
             title: this.$t('descriptionDeliverables'),
             dataIndex: 'remark',
-            align: 'center',
+            align: 'left',
             width:300,
           }
         ],
@@ -124,13 +124,13 @@
           {
             title: this.$t('deliverableTemplate'),
             dataIndex: 'fileName',
-            align: 'center',
+            align: 'left',
             width: 260,
             ellipsis: true
           },
           {
             title: this.$t('operation'),
-            align: 'center',
+            align: 'left',
             width: 130,
             scopedSlots: { customRender: 'fileOperation' }
           }
@@ -246,5 +246,11 @@
 </script>
 
 <style scoped>
-
+  @import '~@assets/less/common.less';
+/*/deep/.ant-table-column-title{*/
+/*  font-weight: bold!important;*/
+/*}*/
+/*/deep/.ant-table-thead > tr > th {*/
+/*  background: #f3f6f6;*/
+/*}*/
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/processCenter/components/taskCirculationHistory.vue b/jero-web/src/views/processCenter/components/taskCirculationHistory.vue
index c474671e7..2f3375a25 100644
--- a/jero-web/src/views/processCenter/components/taskCirculationHistory.vue
+++ b/jero-web/src/views/processCenter/components/taskCirculationHistory.vue
@@ -98,6 +98,7 @@
 </script>
 
 <style scoped lang="less">
+  @import '~@assets/less/common.less';
   .box {
     padding: 0 24px 24px 24px;
     box-sizing: border-box;
@@ -115,4 +116,13 @@
       color: #000F16;
     }
   }
+  //
+  ///deep/.ant-table-column-title{
+  //  font-weight: bold!important;
+  //  background: #f3f6f6;
+  //}
+  //
+  ///deep/.ant-table-thead > tr > th {
+  //  background: #f3f6f6;
+  //}
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/SentList.vue b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/SentList.vue
index a282c6bd0..71260b266 100644
--- a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/SentList.vue
+++ b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/SentList.vue
@@ -54,7 +54,7 @@
         columns: [
           {
             title: this.$t('RelatedItems'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'projectName',
             scopedSlots: { customRender: 'RelatedItems' },
             ellipsis: true,
@@ -62,7 +62,7 @@
           },
           {
             title: this.$t('standardInformation'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'standardInfo',
             scopedSlots: { customRender: 'standardInformation' },
             ellipsis: true,
@@ -70,42 +70,42 @@
           },
           {
             title: this.$t('taskType'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'flowTypeShow',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('LastProcessor'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'lastAssigneeName',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('CurrentProcessor'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'assigneeName',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('TaskCutOffTime'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'endTime',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('taskStatus'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'statusShow',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('operation'),
-            align: 'center',
+            align: 'left',
             fixed: 'right',
             width: 120,
             scopedSlots: { customRender: 'operation' }
@@ -343,6 +343,7 @@
 </script>
 
 <style scoped>
+  @import '~@assets/less/common.less';
   .page {
     text-align: right;
     margin-top: 20px;
@@ -351,4 +352,12 @@
   .text-operation {
     margin-right: 8px;
   }
+
+  /*/deep/.ant-table-column-title{*/
+  /*  font-weight: bold!important;*/
+  /*}*/
+
+  /*/deep/.ant-table-thead > tr > th {*/
+  /*  background: #f3f6f6;*/
+  /*}*/
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/dealtWith.vue b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/dealtWith.vue
index 118d34cae..bdce2d3ec 100644
--- a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/dealtWith.vue
+++ b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/dealtWith.vue
@@ -55,7 +55,7 @@
         columns: [
           {
             title: this.$t('RelatedItems'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'projectName',
             ellipsis: true,
             scopedSlots: { customRender: 'RelatedItems' },
@@ -63,7 +63,7 @@
           },
           {
             title: this.$t('standardInformation'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'standardInfo',
             ellipsis: true,
             scopedSlots: { customRender: 'standardInformation' },
@@ -71,21 +71,21 @@
           },
           {
             title: this.$t('taskType'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'flowTypeShow',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('Sponsor'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'createBy',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('TaskCutOffTime'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'endTime',
             ellipsis: true,
             width: 170,
@@ -93,14 +93,14 @@
           },
           {
             title: this.$t('taskStatus'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'statusShow',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('operation'),
-            align: 'center',
+            align: 'left',
             fixed: 'right',
             width: 120,
             scopedSlots: { customRender: 'operation' }
@@ -327,6 +327,7 @@
 </script>
 
 <style scoped>
+  @import '~@assets/less/common.less';
   .page {
     text-align: right;
     margin-top: 20px;
diff --git a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/doneList.vue b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/doneList.vue
index ec3a33458..fe5b1e94a 100644
--- a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/doneList.vue
+++ b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/doneList.vue
@@ -60,7 +60,7 @@
         columns: [
           {
             title: this.$t('RelatedItems'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'projectName',
             ellipsis: true,
             scopedSlots: { customRender: 'RelatedItems' },
@@ -68,7 +68,7 @@
           },
           {
             title: this.$t('standardInformation'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'standardInfo',
             ellipsis: true,
             scopedSlots: { customRender: 'standardInformation' },
@@ -76,42 +76,42 @@
           },
           {
             title: this.$t('taskType'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'flowTypeShow',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('Sponsor'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'createBy',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('CurrentProcessor'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'assigneeName',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('TaskCutOffTime'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'endTime',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('taskStatus'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'statusShow',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('operation'),
-            align: 'center',
+            align: 'left',
             fixed: 'right',
             width: 120,
             scopedSlots: { customRender: 'operation' }
@@ -345,6 +345,7 @@
 </script>
 
 <style scoped>
+  @import '~@assets/less/common.less';
   .page {
     text-align: right;
     margin-top: 20px;
diff --git a/jero-web/src/views/toDoCenter/taskConfirmation/index.vue b/jero-web/src/views/toDoCenter/taskConfirmation/index.vue
index f4b078e56..ff9758757 100644
--- a/jero-web/src/views/toDoCenter/taskConfirmation/index.vue
+++ b/jero-web/src/views/toDoCenter/taskConfirmation/index.vue
@@ -95,7 +95,7 @@
         columns: [
           {
             title: this.$t('RelatedItems'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'projectName',
             ellipsis: true,
             scopedSlots: { customRender: 'RelatedItems' },
@@ -103,7 +103,7 @@
           },
           {
             title: this.$t('standardInformation'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'standardInfo',
             ellipsis: true,
             scopedSlots: { customRender: 'standardInformation' },
@@ -111,35 +111,35 @@
           },
           {
             title: this.$t('taskType'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'flowTypeShow',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('Sponsor'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'createBy',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('TaskCutOffTime'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'endTime',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('taskStatus'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'statusShow',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('operation'),
-            align: 'center',
+            align: 'left',
             fixed: 'right',
             width: 120,
             scopedSlots: { customRender: 'operation' }