feat(测试计划): 测试计划报告详情页面搭建_非全部

frontend/src/enums/routeEnum.ts

@@ -64,6 +64,7 @@ export enum TestPlanRouteEnum {
   TEST_PLAN_INDEX_DETAIL = 'testPlanIndexDetail',
   TEST_PLAN_INDEX_DETAIL_FEATURE_CASE_DETAIL = 'testPlanIndexDetailFeatureCaseDetail',
   TEST_PLAN_REPORT = 'testPlanReport',
+  TEST_PLAN_REPORT_DETAIL = 'testPlanReportDetail',
 }
 
 export enum UITestRouteEnum {

frontend/src/locale/en-US/index.ts

@@ -37,6 +37,7 @@ export default {
     'menu.apiTest.scenario': 'Scenario',
     'menu.apiTest.scenario.recycle': 'Recycle',
     'menu.apiTest.report': 'Report',
+    'menu.apiTest.reportDetail': 'Report Detail',
     'menu.uiTest': 'UI Test',
     'menu.performanceTest': 'Performance Test',
     'menu.projectManagement': 'Project',

frontend/src/locale/zh-CN/index.ts

@@ -39,6 +39,7 @@ export default {
     'menu.apiTest.scenario': '场景',
     'menu.apiTest.scenario.recycle': '回收站',
     'menu.apiTest.report': '报告',
+    'menu.apiTest.reportDetail': '报告详情',
     'menu.uiTest': 'UI测试',
     'menu.workstation': '工作台',
     'menu.loadTest': '性能测试',

frontend/src/router/routes/modules/testPlan.ts

@@ -38,6 +38,25 @@ const TestPlan: AppRouteRecordRaw = {
         isTopMenu: true,
       },
     },
+    {
+      path: 'testPlanReportDetail',
+      name: TestPlanRouteEnum.TEST_PLAN_REPORT_DETAIL,
+      component: () => import('@/views/test-plan/report/detail/index.vue'),
+      meta: {
+        locale: 'menu.apiTest.reportDetail',
+        roles: ['*'],
+        breadcrumbs: [
+          {
+            name: TestPlanRouteEnum.TEST_PLAN_REPORT,
+            locale: 'menu.apiTest.report',
+          },
+          {
+            name: TestPlanRouteEnum.TEST_PLAN_REPORT_DETAIL,
+            locale: 'menu.testPlan.testPlanDetail',
+          },
+        ],
+      },
+    },
     // 测试计划详情
     {
       path: 'testPlanIndexDetail',

frontend/src/views/test-plan/report/component/reportList.vue

@@ -83,6 +83,7 @@
 
 <script setup lang="ts">
   import { ref } from 'vue';
+  import { useRouter } from 'vue-router';
   import { Message } from '@arco-design/web-vue';
   import dayjs from 'dayjs';
 
@@ -102,6 +103,7 @@
 
   import { BatchApiParams } from '@/models/common';
   import { PlanReportStatus, ReportStatusEnum, TriggerModeLabel } from '@/enums/reportEnum';
+  import { TestPlanRouteEnum } from '@/enums/routeEnum';
   import { ColumnEditTypeEnum, TableKeyEnum } from '@/enums/tableEnum';
   import { FilterSlotNameEnum } from '@/enums/tableFilterEnum';
 
@@ -111,6 +113,7 @@
   const tableStore = useTableStore();
   const { t } = useI18n();
   const keyword = ref<string>('');
+  const router = useRouter();
 
   type ReportShowType = 'All' | 'INDEPENDENT' | 'INTEGRATED';
   const showType = ref<ReportShowType>('All');
@@ -387,7 +390,6 @@
   function changeShowType(val: string | number | boolean) {
     showType.value = val as ReportShowType;
     resetSelector();
-    console.log(propsRes.value);
     propsRes.value.filter = {
       integrated: integratedFilters.value,
     };
@@ -398,7 +400,12 @@
    * 报告详情 showReportDetail
    */
   function showReportDetail(id: string, rowIndex: number) {
-    // 待处理
+    router.push({
+      name: TestPlanRouteEnum.TEST_PLAN_REPORT_DETAIL,
+      query: {
+        id,
+      },
+    });
   }
 </script>
 

frontend/src/views/test-plan/report/detail/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <MsCard class="mb-[16px]" hide-back hide-footer auto-height no-content-padding hide-divider> </MsCard>
+  <MsCard class="mb-[16px]" hide-back hide-footer auto-height no-content-padding hide-divider> </MsCard>
+  <MsCard class="mb-[16px]" hide-back hide-footer auto-height no-content-padding hide-divider> </MsCard>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+
+  import MsCard from '@/components/pure/ms-card/index.vue';
+</script>
+
+<style scoped></style>