上报库-参数项查看页-控件显示不美观

待办中心-项目法规任务-处理结果字段字体颜色、功能按钮与UI图不符

jero-web/src/components/CollectionType/index.vue

@@ -1106,7 +1106,7 @@
   }
 
   .selectWid {
-    min-width: 150px;
+    /*min-width: 150px;*/
     width: 100%;
   }
 

jero-web/src/components/CollectionTypeDisabled/index.vue

@@ -980,7 +980,7 @@
   }
 
   .selectWid {
-    min-width: 150px;
+    /*min-width: 150px;*/
     width: 100%;
   }
 

jero-web/src/views/toDoCenter/projectRegulationTasks/components/circulationHistory.vue

@@ -40,6 +40,11 @@
         <span slot="approvalResult" slot-scope="text,result">
             {{approvalResult[text]}}
         </span>
+        <span slot="resultofhandling" slot-scope="text,result">
+            <span :class="statusClass[result.operatorResult]" :title="result.operatorResultName">
+                 {{result.operatorResultName}}
+            </span>
+        </span>
         <span slot="approvalFile" slot-scope="text,result">
               <span class="viewFile"
                     @click="viewFileClick(result.approvalFile)"
@@ -78,6 +83,17 @@
       return {
         loading: false,
         dataSource: [],
+        statusClass: {
+          'Accepted': 'AcceptedClass',
+          'Rejected': 'RejectedClass',
+          'Transfer': 'TransferClass',
+          'Returned': 'ReturnedClass',
+          'Adopt': 'AdoptClass',
+          'Compliance': 'ComplianceClass',
+          'Non-Compliance': 'NonComplianceClass',
+          'To be tracked': 'trackedClass',
+          'NA': 'NAClass'
+        },
         regulatoryCertificationTaskPlanList: [
           {
             status: '1',
@@ -131,6 +147,7 @@
             align: 'left',
             width: 160,
             ellipsis: true,
+            scopedSlots: { customRender: 'resultofhandling' }
           },
           {
             title: this.$t('feedback'),
@@ -164,7 +181,7 @@
             this.dataSource = res.result || []
             if (this.dataSource.length > 0) {
               let taskData = this.dataSource[this.dataSource.length - 1]
-              if (this.queryProject.TaskKey == 'fqlc'){
+              if (this.queryProject.TaskKey == 'fqlc') {
                 this.regulatoryCertificationTaskPlanList.forEach(val => {
                   if (val.name == this.$t('initiatingProcess')) {
                     val.status = '2'
@@ -200,7 +217,7 @@
                 })
               }
               if (this.queryProject.TaskKey == 'fggcssh') {
-                if (taskData.operatorResult == 'Adopt'){
+                if (taskData.operatorResult == 'Adopt') {
                   this.regulatoryCertificationTaskPlanList.forEach(val => {
                     if (val.name == this.$t('initiatingProcess')) {
                       val.status = '1'
@@ -214,7 +231,7 @@
                       val.status = '1'
                     }
                   })
-                }else{
+                } else {
                   this.regulatoryCertificationTaskPlanList.forEach(val => {
                     if (val.name == this.$t('initiatingProcess')) {
                       val.status = '1'
@@ -248,6 +265,7 @@
 
 <style scoped lang="less">
   @import '~@assets/less/common.less';
+
   .box {
     padding: 0 0 24px 0;
     box-sizing: border-box;
@@ -331,6 +349,7 @@
         }
       }
     }
+
     .process-content-content:first-child {
       padding: 0 10px 0 0;
     }
@@ -338,6 +357,7 @@
     .process-content-content:last-child {
       padding: 0 0 0 10px;
     }
+
     .process-content-right-xian {
       height: 2px;
       width: calc(100% - 27px);
@@ -346,4 +366,94 @@
       top: 16px;
     }
   }
+
+  .AcceptedClass {
+    background: #e9f8ed;
+    color: #26BD4B;
+    display: inline-block;
+    padding: 4px 8px;
+    border-radius: 2px;
+    font-weight: 400;
+    font-size: 12px;
+  }
+
+  .RejectedClass {
+    background: #fdeaea;
+    color: #E83030;
+    display: inline-block;
+    padding: 4px 8px;
+    border-radius: 2px;
+    font-weight: 400;
+    font-size: 12px;
+  }
+
+  .TransferClass {
+    background: #fff6e8;
+    color: #FDA71C;
+    display: inline-block;
+    padding: 4px 8px;
+    border-radius: 2px;
+    font-weight: 400;
+    font-size: 12px;
+  }
+
+  .ReturnedClass {
+    background: #fff6e8;
+    color: #FDA71C;
+    display: inline-block;
+    padding: 4px 8px;
+    border-radius: 2px;
+    font-weight: 400;
+    font-size: 12px;
+  }
+
+  .AdoptClass {
+    background: #e9f8ed;
+    color: #26BD4B;
+    display: inline-block;
+    padding: 4px 8px;
+    border-radius: 2px;
+    font-weight: 400;
+    font-size: 12px;
+  }
+
+  .ComplianceClass {
+    background: #e9f8ed;
+    color: #26BD4B;
+    display: inline-block;
+    padding: 4px 8px;
+    border-radius: 2px;
+    font-weight: 400;
+    font-size: 12px;
+  }
+
+  .NonComplianceClass {
+    background: #fdeaea;
+    color: #E83030;
+    display: inline-block;
+    padding: 4px 8px;
+    border-radius: 2px;
+    font-weight: 400;
+    font-size: 12px;
+  }
+
+  .trackedClass {
+    background: #fff6e8;
+    color: #FDA71C;
+    display: inline-block;
+    padding: 4px 8px;
+    border-radius: 2px;
+    font-weight: 400;
+    font-size: 12px;
+  }
+
+  .NAClass {
+    background: #f1f1f3;
+    color: #707486;
+    display: inline-block;
+    padding: 4px 8px;
+    border-radius: 2px;
+    font-weight: 400;
+    font-size: 12px;
+  }
 </style>