diff --git a/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/components/initiatingProcess.vue b/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/components/initiatingProcess.vue
index 0578a5bb8..a2513839b 100644
--- a/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/components/initiatingProcess.vue
+++ b/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/components/initiatingProcess.vue
@@ -398,6 +398,7 @@
 </script>
 
 <style scoped>
+  @import '~@assets/less/common.less';
   .detail-box {
     padding: 67px 0 0 0;
     background: #ffffff;
diff --git a/jero-web/src/views/documentManage/library/docDetail/index.vue b/jero-web/src/views/documentManage/library/docDetail/index.vue
index 042865733..063bdf958 100644
--- a/jero-web/src/views/documentManage/library/docDetail/index.vue
+++ b/jero-web/src/views/documentManage/library/docDetail/index.vue
@@ -585,7 +585,7 @@
   }
 </style>
 <style lang="less" scoped>
-  @import '~@assets/less/common.less';
+  @import'~@assets/less/common.less';
 
   .doc-detail {
     background: #fff;
diff --git a/jero-web/src/views/processCenter/components/circulationHistory.vue b/jero-web/src/views/processCenter/components/circulationHistory.vue
index 914ec232c..b2ddeb1c6 100644
--- a/jero-web/src/views/processCenter/components/circulationHistory.vue
+++ b/jero-web/src/views/processCenter/components/circulationHistory.vue
@@ -95,7 +95,8 @@
 </script>
 
 <style scoped lang="less">
-  @import '~@assets/less/common.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/regulatoryCirculationHistory.vue b/jero-web/src/views/processCenter/components/regulatoryCirculationHistory.vue
index 4fa35d3fa..faa738360 100644
--- a/jero-web/src/views/processCenter/components/regulatoryCirculationHistory.vue
+++ b/jero-web/src/views/processCenter/components/regulatoryCirculationHistory.vue
@@ -40,35 +40,35 @@
           {
             title: this.$t('OperationContent'),
             dataIndex: 'taskDefinitionKeyName',
-            align: 'center',
+            align: 'left',
             width: '20%',
             ellipsis: true
           },
           {
             title: this.$t('opinion'),
             dataIndex: 'approvalOpinion',
-            align: 'center',
+            align: 'left',
             width: '20%',
             ellipsis: true
           },
           {
             title: this.$t('Operator'),
             dataIndex: 'createBy',
-            align: 'center',
+            align: 'left',
             width: '20%',
             ellipsis: true
           },
           {
             title: this.$t('role'),
             dataIndex: 'operatorRoleName',
-            align: 'center',
+            align: 'left',
             width: '20%',
             ellipsis: true
           },
           {
             title: this.$t('OperationTime'),
             dataIndex: 'createTime',
-            align: 'center',
+            align: 'left',
             width: '20%',
             ellipsis: true,
             customRender: function(t, r, index) {
@@ -115,6 +115,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/processForm/evaluationProcess/index.vue b/jero-web/src/views/processCenter/processForm/evaluationProcess/index.vue
index 93b643d1c..67e508224 100644
--- a/jero-web/src/views/processCenter/processForm/evaluationProcess/index.vue
+++ b/jero-web/src/views/processCenter/processForm/evaluationProcess/index.vue
@@ -348,6 +348,7 @@
 </script>
 
 <style scoped>
+  @import '~@assets/less/common.less';
   .detail-box {
     padding: 67px 0 0 0;
     background: #ffffff;
diff --git a/jero-web/src/views/processCenter/processForm/processDetails/index.vue b/jero-web/src/views/processCenter/processForm/processDetails/index.vue
index f3ab23d05..cec094536 100644
--- a/jero-web/src/views/processCenter/processForm/processDetails/index.vue
+++ b/jero-web/src/views/processCenter/processForm/processDetails/index.vue
@@ -79,6 +79,8 @@
 
 <style lang="less" scoped>
   //@import '~styles/mixins';
+  @import'~@assets/less/common.less';
+
   #processDetails {
     height: 100%;
 
diff --git a/jero-web/src/views/processCenter/processForm/regulatoryProcess/index.vue b/jero-web/src/views/processCenter/processForm/regulatoryProcess/index.vue
index 689d7b7b8..9d2628425 100644
--- a/jero-web/src/views/processCenter/processForm/regulatoryProcess/index.vue
+++ b/jero-web/src/views/processCenter/processForm/regulatoryProcess/index.vue
@@ -219,6 +219,7 @@
 </script>
 
 <style scoped>
+  @import '~@assets/less/common.less';
   .detail-box {
     padding: 67px 0 0 0;
     background: #ffffff;
diff --git a/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/SentList.vue b/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/SentList.vue
index 03459bc80..4f09ddeb8 100644
--- a/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/SentList.vue
+++ b/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/SentList.vue
@@ -220,6 +220,7 @@
 </script>
 
 <style scoped>
+  @import '~@assets/less/common.less';
   .page {
     text-align: right;
     margin-top: 20px;
diff --git a/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/dealtWith.vue b/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/dealtWith.vue
index f37f9d6b6..09ecd461c 100644
--- a/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/dealtWith.vue
+++ b/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/dealtWith.vue
@@ -51,7 +51,7 @@
         columns: [
           {
             title: this.$t('standardInformation'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'standardInfo',
             scopedSlots: { customRender: 'standardInformation' },
             ellipsis: true,
@@ -59,21 +59,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,
@@ -81,14 +81,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' }
@@ -204,6 +204,7 @@
 </script>
 
 <style scoped>
+   @import'~@assets/less/common.less';
   .page {
     text-align: right;
     margin-top: 20px;
diff --git a/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/doneList.vue b/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/doneList.vue
index febfb2bf7..e8664864e 100644
--- a/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/doneList.vue
+++ b/jero-web/src/views/toDoCenter/regulatoryAssessmentTasks/components/doneList.vue
@@ -50,7 +50,7 @@
         columns: [
           {
             title: this.$t('standardInformation'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'standardInfo',
             ellipsis: true,
             scopedSlots: { customRender: 'standardInformation' },
@@ -58,42 +58,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' }
@@ -220,6 +220,7 @@
 </script>
 
 <style scoped>
+  @import'~@assets/less/common.less';
   .page {
     text-align: right;
     margin-top: 20px;