增加评分等级文本

packages/conv/AppReportAiWill/components/Detail.vue

@@ -12,7 +12,8 @@
     </template>
     <template #content>
       <div class="detail-content__wrapper">
-        <ai-card class="detail-content__wrapper--left" title="基础信息">
+        <div class="detail-content__wrapper--left">
+          <ai-card title="基础信息">
             <template #content>
               <ai-wrapper>
                 <ai-info-item label="上报人员" :value="detail.name"></ai-info-item>
@@ -31,12 +32,14 @@
               </ai-wrapper>
             </template>
           </ai-card>
+          <ai-evaluation :bid="form.id" :info.sync="evaluation"/>
+        </div>
         <div class="rightZone">
           <ai-card title="办理进度">
             <template #content>
               <el-steps direction="vertical" :active="1">
                 <el-step
-                    v-for="(item, i) in processList"
+                    v-for="(item, i) in process"
                     :key="i"
                     :title="item.systemExplain"
                     :description="item.doTime">
@@ -190,12 +193,18 @@ export default {
         groupName: '',
         content: [],
         eventStatus: '2'
-      }
+      },
+      evaluation: {}
     }
   },
 
   computed: {
-    ...mapState(['user'])
+    ...mapState(['user']),
+    process: v => [v.processList, v.evaluation.id ? {
+      systemExplain: `${v.evaluation.createUserName}完成评价 (${v.evaluation.score}星评价)`,
+      doTime: v.evaluation.createTime,
+      doExplain: v.evaluation.rateText
+    } : null].flat().filter(Boolean)
   },
 
   created() {
@@ -501,6 +510,7 @@ export default {
   .detail-content__wrapper {
     display: flex;
     width: 100%;
+    flex-wrap: wrap;
 
     .detail-content__wrapper--left {
       flex: 1;