测试计划关联报告前端修改

test-ui/src/views/test/testplan/caseReport/caseReport.vue

@@ -10,10 +10,18 @@
       </el-button>
     </div>
     <div v-show="total > 0">
+      <div class="button-right">
+        <el-button icon="el-icon-plus" type="primary" size="medium" @click="addReportVue">
+          新建报告
+        </el-button>
+      </div>
       <el-tabs style="margin-top: 10px;">
         <el-Table v-loading="loading" :data="list">
           <el-table-column prop="name" label="测试报告名称" align="center"/>
           <el-table-column prop="result" label="测试结果" align="center">
+            <template #default="{ row }">
+              <dict-tag :options="dict.type.test_result" :value="row.result"/>
+            </template>
           </el-table-column>
           <el-table-column prop="type" label="测试阶段" align="center">
             <template #default="{ row }">
@@ -21,6 +29,9 @@
             </template>
           </el-table-column>
           <el-table-column prop="status" label="发送状态" align="center">
+            <template #default="{ row }">
+              <dict-tag :options="dict.type.report_send_status" :value="row.status"/>
+            </template>
           </el-table-column>
           <el-table-column prop="updateBy" label="最后更新人" align="center"/>
           <el-table-column prop="updateTime" label="最后更新时间" align="center"/>
@@ -59,7 +70,7 @@ import {addTestReport, getTestReportList} from "@/api/test/testPlan";
 export default {
   name: 'caseReport',
   components: {SimpleOptions},
-  dicts: ['test_type'],
+  dicts: ['test_type','test_result','report_send_status'],
   props: {
     planId: {
       type: String,
@@ -157,4 +168,9 @@ export default {
   margin-top: 200px;
 }
 
+.button-right {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 10px;
+}
 </style>