feat:需求迭代

src/api/workManagement.js

@@ -47,6 +47,7 @@ const getStandardTestReport = basePart + '/simulationProject/getProjectReportFor
 
 const selectAllSimulationMageGroupList = basePart + '/simulationMageGroup/selectAllSimulationMageGroupList';
 
+const queryCoverOrExpose = basePart + '/simulationProject/selectProjectComputerRates' // 获取项目的覆盖率和暴露率
 
 
 export default {
@@ -95,5 +96,6 @@ export default {
     getStandardTestReport,
 
     selectAllSimulationMageGroupList,
-    getMultiSimulationSceneStatus
+    getMultiSimulationSceneStatus,
+    queryCoverOrExpose
 }

src/views/workManagement/sceneReport.vue

@@ -31,14 +31,26 @@
         <p class="text">
           针对<span style="border-bottom: 2px solid red">{{
             info.algorithmName
-          }}</span
-          >，进行场景的算法验证，共有{{
-            Number(info.scenePassNum)
-          }}例场景通过，通过率{{ Number(info.passRate) * 100 }}%。其中<span
-            style="border-bottom: 2px solid red"
-            >{{ info.packageName }}</span
-          >的场景复杂度、危险度分布结果如下图所示。
+            }}</span>，进行场景的算法验证，共有{{
+              Number(info.scenePassNum)
+            }}例场景通过，通过率{{ Number(info.passRate) * 100 }}%。其中<span style="border-bottom: 2px solid red">{{ info.packageName
+            }}</span>的场景覆盖率、暴露率结果如下所示。
         </p>
+        <el-table :data="coverData" style="width: 100%;margin-bottom: 15px;">
+          <el-table-column prop="scene" label="场景行为">
+          </el-table-column>
+          <el-table-column prop="ratio" label="覆盖率">
+          </el-table-column>
+        </el-table>
+        <p class="echart_desc">表1-1 覆盖率结果</p>
+        <el-table :data="exposeData" style="width: 100%;margin-bottom: 15px;">
+          <el-table-column prop="scene" label="场景行为">
+          </el-table-column>
+          <el-table-column prop="ratio" label="暴露率">
+          </el-table-column>
+        </el-table>
+        <p class="echart_desc">表1-2 暴露率结果</p>
+        <p class="text">场景复杂度、危险度分布结果如下图所示</p>
         <!-- 复杂度图表 -->
         <div class="echart-box" ref="myChart_complex"></div>
         <p class="echart_desc">图1-1 复杂度分布图</p>
@@ -152,33 +164,17 @@
         </p>
         <p class="echart_desc">表4-1 评价结果表</p>
         <el-table :data="tableDataA" border style="width: 100%">
-          <el-table-column
-            v-for="item in tableColumnA"
-            :prop="item.key"
-            :label="item.label"
-          >
+          <el-table-column v-for="item in tableColumnA" :prop="item.key" :label="item.label">
           </el-table-column>
         </el-table>
         <p class="subtitle">附录</p>
         <p class="echart_desc">表5-1 评价结果表</p>
         <el-table :data="tableDataB" border style="width: 100%">
-          <el-table-column
-            v-for="item in tableColumnB"
-            :prop="item.key"
-            :label="item.label"
-          >
+          <el-table-column v-for="item in tableColumnB" :prop="item.key" :label="item.label">
           </el-table-column>
         </el-table>
-        <el-table
-          :data="tableDataC"
-          border
-          style="width: 100%; margin-top: 50px"
-        >
-          <el-table-column
-            v-for="item in tableColumnC"
-            :prop="item.key"
-            :label="item.label"
-          >
+        <el-table :data="tableDataC" border style="width: 100%; margin-top: 50px">
+          <el-table-column v-for="item in tableColumnC" :prop="item.key" :label="item.label">
           </el-table-column>
         </el-table>
       </div>
@@ -192,8 +188,8 @@ import html2canvas from 'html2canvas'
 import jsPDF from 'jspdf'
 import * as echarts from 'echarts'
 export default {
-  name:'sceneReport',
-  data() {
+  name: 'sceneReport',
+  data () {
     return {
       tableColumnA: [
         {
@@ -255,15 +251,43 @@ export default {
         { a: '[0,25]', b: 'D' },
       ],
       info: {}, // 报告数据
+      coverData: [],
+      exposeData: []
     }
   },
-  mounted() {
+  mounted () {
     const { id, projectType } = this.$route.query
     this.getReportDetail(id, projectType)
+    this.queryCoverOrExpose(id)
   },
   methods: {
+    queryCoverOrExpose (id) {
+      this.$axios({
+        method: 'post',
+        url: this.$api.workManagement.queryCoverOrExpose,
+        data: {
+          id,
+        }
+      }).then(res => {
+        if (res.code == 200) {
+          // 生成 coverageRate 的数组
+          const coverageArray = (res.info || []).map(item => ({
+            scene: item.sceneBaseName,
+            ratio: item.coverageRate
+          }));
+          this.coverData = coverageArray
+
+          // 生成 exposureRate 的数组
+          const exposureArray = (res.info || []).map(item => ({
+            scene: item.sceneBaseName,
+            ratio: item.exposureRate
+          }));
+          this.exposeData = exposureArray
+        }
+      })
+    },
     // 获取报告
-    getReportDetail(id, projectType) {
+    getReportDetail (id, projectType) {
       this.$axios({
         method: 'post',
         url: this.$api.workManagement.getStandardTestReport,
@@ -279,7 +303,7 @@ export default {
       })
     },
     // 图表初始化
-    echartInit(info) {
+    echartInit (info) {
       const chart_complex = echarts.init(this.$refs.myChart_complex) // 复杂度分布图
       const chart_risk = echarts.init(this.$refs.myChart_risk) // 危险度分布图
       const chart_complex_scale = echarts.init(this.$refs.myChart_complex_scale) // 算法复杂度分布
@@ -1792,7 +1816,7 @@ export default {
       })
     },
     // 下载报告
-    down() {
+    down () {
       const content = this.$refs.pdfContent
       html2canvas(content).then((canvas) => {
         var contentWidth = canvas.width
@@ -1841,6 +1865,7 @@ export default {
   display: flex !important;
   flex-direction: column !important;
   align-items: center !important;
+
   .pdf_box {
     box-sizing: border-box;
     width: 80%;
@@ -1849,6 +1874,7 @@ export default {
     display: flex;
     flex-direction: column;
     align-content: center;
+
     .report_banner {
       width: 100%;
       height: 2000px;
@@ -1858,27 +1884,32 @@ export default {
       display: flex;
       flex-direction: column;
       align-items: center;
+
       h1 {
         margin-top: 350px;
         font-size: 82px;
         font-weight: bold;
         color: #000;
       }
+
       .report_table {
         margin-top: 250px;
         width: 500px;
         height: auto;
+
         .table_item {
           width: 100%;
           height: 40px;
           border-bottom: none;
           display: flex;
           align-items: center;
+
           p {
             width: 200px;
             text-align: center;
             font-size: 18px;
           }
+
           span {
             width: 100%;
             text-align: left;
@@ -1887,16 +1918,19 @@ export default {
           }
         }
       }
+
       h4 {
         margin-top: 100px;
         font-size: 18px;
       }
     }
+
     .report_content {
       box-sizing: border-box;
       padding: 0 30px;
       width: 100%;
       min-height: 500px;
+
       h3 {
         margin-top: 50px;
         text-align: center;
@@ -1912,11 +1946,13 @@ export default {
     color: #000;
     margin: 30px 0 30px;
   }
+
   .text {
     font-size: 16px;
     text-indent: 36px;
     margin-bottom: 10px;
   }
+
   .echart-box {
     width: 100%;
     min-height: 300px;
@@ -1925,6 +1961,7 @@ export default {
     align-items: center;
     margin-top: 30px;
   }
+
   .echart_desc {
     font-size: 12px;
     text-align: center;