diff --git a/jero-web/src/views/processCenter/components/engineeringConfirmation.vue b/jero-web/src/views/processCenter/components/engineeringConfirmation.vue
index 2d99ea0fc..6b67761cf 100644
--- a/jero-web/src/views/processCenter/components/engineeringConfirmation.vue
+++ b/jero-web/src/views/processCenter/components/engineeringConfirmation.vue
@@ -319,7 +319,7 @@
         pageLoading: false,
         dataSource: [],
         dataSourceTable: [],
-        pageSize: 10,
+        pageSize: 3,
         pageNo: 1,
         total: 0,
         distributionEngineerList: [],
@@ -386,37 +386,36 @@
         visibleDetails: false,
         columnsAll: [
           {
-            title: this.$t('serialNumber'),
+            title: 'ID',
             dataIndex: 'index',
             key: 'index',
-            align: 'center',
+            align: 'left',
             width: 140,
-            fixed: 'left',
             customRender: (text, record, index) => `${index + 1}`
           },
           {
             title: this.$t('completedBy'),
             dataIndex: 'createBy',
             ellipsis: true,
-            align: 'center'
+            align: 'left'
           },
           {
             title: this.$t('completedTime'),
             dataIndex: 'createTime',
             ellipsis: true,
-            align: 'center'
+            align: 'left'
           },
           {
             title: this.$t('feedbackFromTheEngineer'),
             dataIndex: 'engineerFeedbackContent',
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             scopedSlots: { customRender: 'engineerFeedbackContent' }
           },
           {
             title: this.$t('Deliverables'),
             dataIndex: 'fileId',
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             scopedSlots: { customRender: 'Deliverables' }
           },
@@ -424,11 +423,11 @@
             title: this.$t('replyFromProjectContactPerson'),
             dataIndex: 'engineeringInterfacePersonReply',
             ellipsis: true,
-            align: 'center'
+            align: 'left'
           },
           {
             title: this.$t('operation'),
-            align: 'center',
+            align: 'left',
             width: 300,
             scopedSlots: { customRender: 'operation' }
           }
diff --git a/jero-web/src/views/processCenter/components/taskCirculationHistory.vue b/jero-web/src/views/processCenter/components/taskCirculationHistory.vue
index 4efb871ed..900d7d4c6 100644
--- a/jero-web/src/views/processCenter/components/taskCirculationHistory.vue
+++ b/jero-web/src/views/processCenter/components/taskCirculationHistory.vue
@@ -45,28 +45,34 @@
           {
             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: 'reviewResult',
-            align: 'center',
+            align: 'left',
+            width:'20%',
             scopedSlots: { customRender: 'reviewResult' }
           },
           {
             title: this.$t('opinion'),
             dataIndex: 'approvalOpinion',
-            align: 'center'
+            align: 'left',
+            width:'20%',
           },
           {
             title: this.$t('operationTime'),
             dataIndex: 'operatorTime',
-            align: 'center',
+            align: 'left',
+            width:200,
+            fixed: 'right',
             customRender: function(t, r, index) {
               return moment(t).format('YYYY-MM-DD HH:mm:ss')
             }