评价报告优化

src/views/workManagement/evaluationReport.vue

@@ -12,8 +12,30 @@
                     <b>{{ info.algorithmScore }}</b>
                 </div>
                 <div class="box">
-                    <span>测试等级:</span>
-                    <b>{{ info.evaluationLevel }}</b>
+                    <span class="evaluationLevelInfoBox"
+                        >测试等级
+                        <el-popover
+                            placement="top"
+                            width="600"
+                            trigger="hover"
+                            popper-class="elPopoverReport"
+                        >
+                            <tableList
+                                :border="true"
+                                :columns="columnsA"
+                                :getDataWay="getDataWayA"
+                                class="colorfulTable"
+                            >
+                            </tableList>
+                            <i
+                                class="el-icon-info cursor"
+                                title=""
+                                slot="reference"
+                            ></i>
+                        </el-popover>
+                        :
+                    </span>
+                    <b>{{ evaluationLevelInfo }}</b>
                 </div>
             </div>
             <div class="desBox">
@@ -36,16 +58,11 @@
             </tableList>
         </div>
 
-        <div class="tableBox tableBoxB">
+        <!-- <div class="tableBox tableBoxB">
             <div class="title">评价等级</div>
-            <tableList
-                :border="true"
-                :columns="columnsA"
-                :getDataWay="getDataWayA"
-                class="colorfulTable"
-            >
+            <tableList :border="true" :columns="columnsA" :getDataWay="getDataWayA" class="colorfulTable">
             </tableList>
-        </div>
+        </div> -->
 
         <div class="tableBox tableBoxC">
             <div class="title">算法测试评分细则</div>
@@ -58,6 +75,17 @@
             </tableList>
         </div>
 
+        <div class="tableBoxCTip">
+            <span>注：</span>
+            <b
+                >场景数量=仿真异常场景个数+未参与评分场景个数+未达标场景个数+达标场景个数<br />
+                仿真异常场景：在仿真过程中报aborted错误的场景，参与得分权重，测试结果均赋0分<br />
+                未参与评分场景：因为场景与评分规则不匹配导致程序报错无法对仿真结果进行打分的场景，参与得分权重，测试结果均赋0分<br />
+                未达标场景：仿真测试未得到满分的场景<br />
+                达标场景个数：仿真测试得到满分的场景</b
+            >
+        </div>
+
         <div class="tableBox tableBoxD">
             <div class="title">详情得分情况</div>
             <tableList
@@ -82,6 +110,7 @@ export default {
         return {
             id: "",
             projectType: "",
+            evaluationLevelInfo: "",
             columns: [
                 {
                     label: "测试项目",
@@ -494,6 +523,25 @@ export default {
                 this.sublistNameObjA = arr2;
             }
         },
+        // 处理测试等级展示
+        evaluationLevelInfoShow(evaluationLevel) {
+            switch (evaluationLevel) {
+                case "G":
+                    this.evaluationLevelInfo = "优秀(G)";
+                    break;
+                case "A":
+                    this.evaluationLevelInfo = "良好(A)";
+                    break;
+                case "M":
+                    this.evaluationLevelInfo = "一般(M)";
+                    break;
+                case "P":
+                    this.evaluationLevelInfo = "较差(P)";
+                    break;
+                default:
+                    break;
+            }
+        },
     },
 
     mounted() {
@@ -512,6 +560,7 @@ export default {
                 }).then((res) => {
                     if (res.code == 200 && res.info) {
                         this.info = res.info;
+                        this.evaluationLevelInfoShow(res.info.evaluationLevel);
                         this.getDataWay.data = res.info.algorithmScoreList;
 
                         this.columnsB = res.info.subListScoreLiTitle;
@@ -547,7 +596,7 @@ export default {
     .evaluationInfo {
         font-size: 16px;
 
-        span,
+        > span,
         b {
             display: block;
             font-weight: normal;
@@ -556,6 +605,14 @@ export default {
         span {
             width: 80px;
             color: @gray;
+
+            &.evaluationLevelInfoBox {
+                width: 111px;
+
+                > span {
+                    padding-right: 0;
+                }
+            }
         }
 
         b {
@@ -600,6 +657,7 @@ export default {
 
     .tableBox {
         padding: 60px 0;
+
         .title {
             padding-bottom: 20px;
             font-size: 18px;
@@ -614,22 +672,18 @@ export default {
         padding: 0 0 60px;
     }
 
-    .colorfulTable {
-        /deep/ .el-table__body {
-            .el-table__row:nth-child(2) {
-                td:nth-child(2) {
-                    background-color: #c1db69;
-                }
-                td:nth-child(3) {
-                    background-color: #faf54a;
-                }
-                td:nth-child(4) {
-                    background-color: #ff9d33;
-                }
-                td:last-child {
-                    background-color: #f56c6c;
-                }
-            }
+    .tableBoxC {
+        padding-bottom: 30px;
+    }
+
+    .tableBoxCTip {
+        display: flex;
+        padding-bottom: 60px;
+
+        > span,
+        b {
+            display: block;
+            font-weight: normal;
         }
     }