diff --git a/jero-web/src/views/documentManage/collection/index.vue b/jero-web/src/views/documentManage/collection/index.vue
index 0e0ba89a0..ba832c11a 100644
--- a/jero-web/src/views/documentManage/collection/index.vue
+++ b/jero-web/src/views/documentManage/collection/index.vue
@@ -122,13 +122,13 @@
             dataIndex: 'serialNumber',
             key: 'serialNumber',
             scopedSlots: { customRender: 'serialNumber' },
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             width: 180
           },
           {
             title: this.$t('title'),
-            align: 'center',
+            align: 'left',
             scopedSlots: { customRender: 'serialtitle' },
             width: 180,
             ellipsis: true,
@@ -136,14 +136,14 @@
           },
           {
             title: this.$t('status'),
-            align: 'center',
+            align: 'left',
             width: 180,
             ellipsis: true,
             dataIndex: 'state'
           },
           {
             title: this.$t('collectionTime'),
-            align: 'center',
+            align: 'left',
             width: 180,
             ellipsis: true,
             dataIndex: 'createTime'
@@ -152,7 +152,7 @@
             title: this.$t('operation'),
             dataIndex: 'action',
             scopedSlots: { customRender: 'action' },
-            align: 'center',
+            align: 'left',
             fixed: 'right',
             width: 170
           }
@@ -326,7 +326,7 @@
   }
 
   .title-text {
-    width: 43px;
+    width: 110px;
     color: #000F16;
     display: inline-block;
     font-weight: 500;
diff --git a/jero-web/src/views/documentManage/subscribtion/index.vue b/jero-web/src/views/documentManage/subscribtion/index.vue
index 3e45140b2..17f4d0d4c 100644
--- a/jero-web/src/views/documentManage/subscribtion/index.vue
+++ b/jero-web/src/views/documentManage/subscribtion/index.vue
@@ -120,14 +120,14 @@
             title: this.$t('standard'),
             dataIndex: 'serialNumber',
             key: 'serialNumber',
-            align: 'center',
+            align: 'left',
             width: 180,
             scopedSlots: { customRender: 'serialNumber' },
             ellipsis: true
           },
           {
             title: this.$t('title'),
-            align: 'center',
+            align: 'left',
             width: 180,
             dataIndex: 'title',
             scopedSlots: { customRender: 'serialtitle' },
@@ -135,14 +135,14 @@
           },
           {
             title: this.$t('status'),
-            align: 'center',
+            align: 'left',
             width: 180,
             dataIndex: 'state',
             ellipsis: true
           },
           {
             title: this.$t('subscriptionTime'),
-            align: 'center',
+            align: 'left',
             width: 180,
             dataIndex: 'createTime',
             ellipsis: true
@@ -152,7 +152,7 @@
             dataIndex: 'action',
             fixed: 'right',
             scopedSlots: { customRender: 'action' },
-            align: 'center',
+            align: 'left',
             width: 170
           }
         ],
@@ -338,7 +338,7 @@
   }
 
   .title-text {
-    width: 33px;
+    width: 110px;
     color: #000F16;
     display: inline-block;
     font-weight: 500;
diff --git a/jero-web/src/views/processCenter/procedure/index.vue b/jero-web/src/views/processCenter/procedure/index.vue
index 142b8c28a..33a57d525 100644
--- a/jero-web/src/views/processCenter/procedure/index.vue
+++ b/jero-web/src/views/processCenter/procedure/index.vue
@@ -118,7 +118,7 @@
           {
             title: this.$t('serialNumber'),
             dataIndex: 'index',
-            align: 'center',
+            align: 'left',
             width: 100,
             customRender: function(t, r, index) {
               return parseInt(index) + 1
@@ -127,21 +127,21 @@
           {
             title: this.$t('ProcessName'),
             dataIndex: 'name',
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             width: 240
           },
           {
             title: this.$t('ProcessType'),
             dataIndex: 'categoryName',
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             width: 240
           },
           {
             title: this.$t('createTime'),
             dataIndex: 'createTime',
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             width: 240,
             customRender: function(t, r, index) {
@@ -151,7 +151,7 @@
           {
             title: this.$t('operation'),
             width: 210,
-            align: 'center',
+            align: 'left',
             fixed: 'right',
             scopedSlots: { customRender: 'operation' }
           }
@@ -298,7 +298,7 @@
 </script>
 
 <style lang="less" scoped>
-  @import '~@assets/less/common.less';
+  @import'~@assets/less/common.less';
 
   .content {
     padding: 0 10px;
diff --git a/jero-web/src/views/system/LogList.vue b/jero-web/src/views/system/LogList.vue
index dafa1dbf8..eb44eb1b1 100644
--- a/jero-web/src/views/system/LogList.vue
+++ b/jero-web/src/views/system/LogList.vue
@@ -100,7 +100,7 @@
             title: '#',
             dataIndex: '',
             key:'rowIndex',
-            align:"center",
+            align:"left",
             customRender:function (t,r,index) {
               return parseInt(index)+1;
             }
@@ -115,25 +115,25 @@
           {
             title: this.$t('OperatorID'),
             dataIndex: 'userid',
-            align:"center",
+            align:"left",
             sorter: true
           },
           {
             title: this.$t('OperatorName'),
             dataIndex: 'username',
-            align:"center",
+            align:"left",
             sorter: true
           },
           {
             title: 'IP',
             dataIndex: 'ip',
-            align:"center",
+            align:"left",
             sorter: true
           },
           {
             title: this.$t('ElapsedTime'),
             dataIndex: 'costTime',
-            align:"center",
+            align:"left",
             sorter: true
           },
           {
@@ -148,12 +148,12 @@
                 return text;
               }
             },*/
-            align:"center",
+            align:"left",
           },
           {
             title: this.$t('createTime'),
             dataIndex: 'createTime',
-            align:"center",
+            align:"left",
             sorter: true
           }
         ],
@@ -161,7 +161,7 @@
         {
           title: this.$t('OperationType'),
           dataIndex: 'operateType_dictText',
-          align:"center",
+          align:"left",
         },
         labelCol: {
           xs: { span: 1 },