feat(测试计划): 测试计划详情-执行历史联调&调整新建测试计划

frontend/src/api/modules/test-plan/testPlan.ts

@@ -392,7 +392,7 @@ export function getApiScenarioReport(reportId: string) {
 export function getApiScenarioReportStep(reportId: string, stepId: string) {
   return MSR.get<ReportStepDetail[]>({ url: `${ApiScenarioReportDetailStepUrl}/${reportId}/${stepId}` });
 }
-// 计划详情-执行历史 TODO 联调
+// 计划详情-执行历史
 export function getPlanDetailExecuteHistory(data: PlanDetailFeatureCaseListQueryParams) {
   return MSR.post<CommonList<PlanDetailExecuteHistoryItem>>({ url: PlanDetailExecuteHistoryUrl, data });
 }

frontend/src/api/requrls/test-plan/testPlan.ts

@@ -80,8 +80,8 @@ export const GetTestPlanUsersUrl = '/test-plan/functional/case/user-option';
 export const BatchUpdateCaseExecutorUrl = '/test-plan/functional/case/batch/update/executor';
 // 计划详情-功能用例-执行历史
 export const ExecuteHistoryUrl = '/test-plan/functional/case/exec/history';
-// 计划详情-执行历史 TODO 联调
+// 计划详情-执行历史
-export const PlanDetailExecuteHistoryUrl = '/api/scenario/execute/page';
+export const PlanDetailExecuteHistoryUrl = '/his/page';
 // 功能用例-关联用例-接口用例-API
 export const TestPlanApiAssociatedPageUrl = '/test-plan/association/api/page';
 // 功能用例-关联用例-接口用例-CASE

frontend/src/assets/style/global.less

@@ -98,7 +98,7 @@ body {
 }
 
 /* 白色背景的tooltip */
-.tooltip-white {
+.ms-tooltip-white {
   .arco-tooltip-content {
     background-color: var(--color-bg-1);
     box-shadow: 0 4px 10px -1px rgb(100 100 102 / 15%);
@@ -108,3 +108,16 @@ body {
     background-color: var(--color-bg-1);
   }
 }
+
+/* 红色背景的tooltip */
+.ms-tooltip-red {
+  .arco-tooltip-content {
+    color: rgb(var(--danger-6));
+    background-color: rgb(var(--danger-1));
+    box-shadow: 0 4px 10px -1px rgb(100 100 102 / 15%);
+  }
+  .arco-tooltip-popup-arrow {
+    z-index: 1;
+    background-color: rgb(var(--danger-1));
+  }
+}

frontend/src/models/testPlan/testPlan.ts

@@ -61,6 +61,7 @@ export interface AddTestPlanParams {
   projectId?: string;
   testPlanId?: string;
   functionalCaseCount?: number;
+  isGroup?: boolean;
 }
 
 export interface TestPlanDetail extends AddTestPlanParams {
@@ -144,7 +145,7 @@ export interface FollowPlanParams {
 }
 
 export interface TestPlanBaseParams {
-  projectId: string;
+  projectId?: string;
   testPlanId: string;
 }
 
@@ -348,17 +349,16 @@ export interface PlanDetailApiScenarioItem {
   testPlanCollectionId: string; // 测试集id
 }
 
-// 执行历史 TODO 联调
+// 执行历史
 export interface PlanDetailExecuteHistoryItem {
   id: string;
   num: string;
-  name: string;
+  triggerMode: string; // 执行方式
+  execStatus: string; // 执行结果
   operationUser: string;
-  createUser: string;
   startTime: number;
   endTime: number;
-  lastExecResult: LastExecuteResults;
+  deleted: boolean;
-  triggerMode: string;
 }
 
 export interface CreateTask {

frontend/src/views/setting/organization/project/orgProject.vue

@@ -19,7 +19,7 @@
     </div>
     <MsBaseTable v-bind="propsRes" v-on="propsEvent">
       <template #revokeDelete="{ record }">
-        <a-tooltip class="tooltip-white">
+        <a-tooltip class="ms-tooltip-white">
           <template #content>
             <div class="flex flex-row">
               <span class="text-[var(--color-text-1)]">

frontend/src/views/setting/system/organizationAndProject/components/systemOrganization.vue

@@ -1,7 +1,7 @@
 <template>
   <MsBaseTable v-bind="propsRes" v-on="propsEvent">
     <template #revokeDelete="{ record }">
-      <a-tooltip class="tooltip-white">
+      <a-tooltip class="ms-tooltip-white">
         <template #content>
           <div class="flex flex-row">
             <span class="text-[var(--color-text-1)]">{{

frontend/src/views/setting/system/organizationAndProject/components/systemProject.vue

@@ -1,7 +1,7 @@
 <template>
   <MsBaseTable v-bind="propsRes" v-on="propsEvent">
     <template #revokeDelete="{ record }">
-      <a-tooltip class="tooltip-white">
+      <a-tooltip class="ms-tooltip-white">
         <template #content>
           <div class="flex flex-row">
             <span class="text-[var(--color-text-1)]">{{

frontend/src/views/test-plan/testPlan/createAndEditPlanDrawer.vue

@@ -28,28 +28,25 @@
         field="type"
         :label="props.planId?.length ? t('caseManagement.featureCase.moveTo') : t('testPlan.planForm.createTo')"
       >
-        <a-radio-group v-model:model-value="form.type">
+        <a-radio-group v-model:model-value="form.isGroup">
-          <a-radio :value="testPlanTypeEnum.TEST_PLAN">{{ t('testPlan.testPlanGroup.module') }}</a-radio>
+          <a-radio :value="false">{{ t('testPlan.testPlanGroup.module') }}</a-radio>
-          <a-radio :value="testPlanTypeEnum.GROUP">{{ t('testPlan.testPlanIndex.testPlanGroup') }}</a-radio>
+          <a-radio :value="true">{{ t('testPlan.testPlanIndex.testPlanGroup') }}</a-radio>
         </a-radio-group>
       </a-form-item>
       <a-form-item
-        v-show="form.type === testPlanTypeEnum.GROUP"
+        v-if="form.isGroup"
         field="groupId"
+        :rules="[{ required: true, message: t('testPlan.planForm.testPlanGroupRequired') }]"
         :label="t('testPlan.testPlanIndex.testPlanGroup')"
         class="w-[436px]"
       >
-        <a-select v-model="form.groupId" :placeholder="t('common.pleaseSelect')">
+        <a-select v-model="form.groupId" allow-search :placeholder="t('common.pleaseSelect')">
           <a-option v-for="item of groupList" :key="item.id" :value="item.id">
             {{ item.name }}
           </a-option>
         </a-select>
       </a-form-item>
-      <a-form-item
+      <a-form-item v-else field="moduleId" :label="t('common.belongModule')" class="w-[436px]">
-        v-show="form.type === testPlanTypeEnum.TEST_PLAN"
-        :label="t('common.belongModule')"
-        class="w-[436px]"
-      >
         <a-tree-select
           v-model:modelValue="form.moduleId"
           :data="props.moduleTree"
@@ -178,7 +175,7 @@
   const drawerLoading = ref(false);
   const formRef = ref<FormInstance>();
   const initForm: AddTestPlanParams = {
-    groupId: 'NONE',
+    isGroup: false,
     name: '',
     projectId: '',
     moduleId: 'root',
@@ -310,6 +307,7 @@
 
         form.value.cycle = [result.plannedStartTime as number, result.plannedEndTime as number];
         form.value.passThreshold = parseFloat(result.passThreshold.toString());
+        form.value.isGroup = result.groupId !== 'none';
       }
     } catch (error) {
       // eslint-disable-next-line no-console

frontend/src/views/test-plan/testPlan/detail/executeHistory/index.vue

@@ -8,16 +8,20 @@
         <span>{{ t(TriggerModeLabel[record.triggerMode as keyof typeof TriggerModeLabel]) }}</span>
       </template>
       <template #lastExecResult="{ record }">
-        <ExecutionStatus :status="record.status" :module-type="ReportEnum.API_REPORT" />
+        <ExecutionStatus :status="record.execStatus" :module-type="ReportEnum.API_REPORT" />
       </template>
       <template #executionStartAndEndTime="{ record }">
-        <!-- TODO 样式 -->
+        <div> {{ record.startTime }} 至 {{ record.endTime ?? '-' }} </div>
-        <div>{{ record.startTime }} 至 {{ record.endTime ?? '-' }}</div>
       </template>
       <template #operation="{ record }">
-        <MsButton class="!mr-0" @click="toReport(record)">
+        <a-tooltip :content="t('project.executionHistory.cleared')" :disabled="!record.deleted">
-          {{ t('apiScenario.executeHistory.execution.operation') }}
+          <MsButton
-        </MsButton>
+            :disabled="record.deleted || !hasAnyPermission(['PROJECT_TEST_PLAN_REPORT:READ'])"
+            class="!mr-0"
+            @click="toReport(record)"
+            >{{ t('apiScenario.executeHistory.execution.operation') }}
+          </MsButton>
+        </a-tooltip>
       </template>
     </ms-base-table>
   </div>
@@ -37,9 +41,10 @@
   import { getPlanDetailExecuteHistory } from '@/api/modules/test-plan/testPlan';
   import { useI18n } from '@/hooks/useI18n';
   import useOpenNewPage from '@/hooks/useOpenNewPage';
-  import useAppStore from '@/store/modules/app';
+  import { hasAnyPermission } from '@/utils/permission';
 
   import type { PlanDetailExecuteHistoryItem } from '@/models/testPlan/testPlan';
+  import { LastExecuteResults } from '@/enums/caseEnum';
   import { ReportEnum, TriggerModeLabel } from '@/enums/reportEnum';
   import { TestPlanRouteEnum } from '@/enums/routeEnum';
   import { FilterSlotNameEnum } from '@/enums/tableFilterEnum';
@@ -49,7 +54,6 @@
 
   const { t } = useI18n();
   const route = useRoute();
-  const appStore = useAppStore();
   const { openNewPage } = useOpenNewPage();
 
   const planId = ref(route.query.id as string);
@@ -73,7 +77,7 @@
     },
     {
       title: 'common.executionResult',
-      dataIndex: 'lastExecResult',
+      dataIndex: 'execStatus',
       slotName: 'lastExecResult',
       filterConfig: {
         valueKey: 'key',
@@ -121,8 +125,7 @@
 
   function loadExecuteList() {
     setLoadListParams({
-      projectId: appStore.currentProjectId,
+      testPlanId: planId.value,
-      id: planId.value,
     });
     loadList();
   }

frontend/src/views/test-plan/testPlan/locale/en-US.ts

@@ -80,6 +80,7 @@ export default {
   'testPlan.testPlanIndex.passRateTitleTip': 'Passed use cases/all use cases *100%',
   'testPlan.planForm.namePlaceholder': 'Please enter the name of the test plan',
   'testPlan.planForm.nameRequired': 'Test plan name cannot be empty',
+  'testPlan.planForm.testPlanGroupRequired': 'Plan group cannot be empty',
   'testPlan.planForm.planStartAndEndTime': 'Planned start and end time',
   'testPlan.planForm.associateRepeatCase': 'Allow associated duplicate cases',
   'testPlan.planForm.passThreshold': 'Pass threshold',
@@ -116,6 +117,7 @@ export default {
   'testPlan.featureCase.autoNextTip2': 'Close: After submitting the results, it is still in the current state',
   'testPlan.api.testSetRequired': 'The test set cannot be empty',
   'testPlan.executeHistory.executionStartAndEndTime': 'Execution start and end time',
+  'testPlan.executeHistory.testPlanHasTimedOut': 'Test plan has timed out',
   'testPlan.testPlanGroup.seeArchived': 'Only see archived',
   'testPlan.testPlanGroup.planNamePlaceholder': 'Please enter the name of the test plan group',
   'testPlan.testPlanGroup.name': 'Group Name',

frontend/src/views/test-plan/testPlan/locale/zh-CN.ts

@@ -75,6 +75,7 @@ export default {
   'testPlan.testPlanIndex.batchEdit': '批量编辑 (已选 { number } 项数据)',
   'testPlan.planForm.namePlaceholder': '请输入测试计划名称',
   'testPlan.planForm.nameRequired': '测试计划名称不能为空',
+  'testPlan.planForm.testPlanGroupRequired': '计划组不能为空',
   'testPlan.planForm.planStartAndEndTime': '计划起止时间',
   'testPlan.planForm.associateRepeatCase': '允许关联重复用例',
   'testPlan.planForm.passThreshold': '通过阀值',
@@ -110,6 +111,7 @@ export default {
   'testPlan.featureCase.autoNextTip2': '关闭：提交结果后，还在当前',
   'testPlan.api.testSetRequired': '测试集不能为空',
   'testPlan.executeHistory.executionStartAndEndTime': '执行起止时间',
+  'testPlan.executeHistory.testPlanHasTimedOut': '测试计划已超时',
   'testPlan.testPlanGroup.seeArchived': '只看已归档',
   'testPlan.testPlanGroup.planNamePlaceholder': '请输入测试计划组名称',
   'testPlan.testPlanGroup.name': '计划组名称',