fix(用例管理): 修改用例管理tab刷新&新增资源分享已删除页面

2024-12-03 04:28:51 +08:00 · 2024-04-22 22:36:35 +08:00 · 2024-04-22 22:36:35 +08:00 · ebde48f503
commit ebde48f503
parent 1a13f39a96
14 changed files with 144 additions and 10 deletions
--- a/frontend/src/router/constants.ts
+++ b/frontend/src/router/constants.ts
@ -54,3 +54,6 @@ export const NO_PROJECT_ROUTE_NAME = 'no-project';
 export const WHITEBOARD_INDEX = 'index';

 export const WHITE_LIST_NAME = WHITE_LIST.map((el) => el.name);
+
+// 全屏无资源页面用于分享全屏的页面
+export const NOT_FOUND_RESOURCE = 'notResourceScreen';
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@ -3,7 +3,15 @@ import { createRouter, createWebHashHistory } from 'vue-router';
 import 'nprogress/nprogress.css';
 import createRouteGuard from './guard';
 import appRoutes from './routes';
-import { INDEX_ROUTE, INVITE_ROUTE, NO_PROJECT, NO_RESOURCE, NOT_FOUND_ROUTE, REDIRECT_MAIN } from './routes/base';
+import {
+  INDEX_ROUTE,
+  INVITE_ROUTE,
+  NO_PROJECT,
+  NO_RESOURCE,
+  NOT_FOUND_RESOURCE,
+  NOT_FOUND_ROUTE,
+  REDIRECT_MAIN,
+} from './routes/base';
 import NProgress from 'nprogress'; // progress bar

 NProgress.configure({ showSpinner: false }); // NProgress Configuration
@ -26,6 +34,7 @@ const router = createRouter({
    ...appRoutes,
    REDIRECT_MAIN,
    NOT_FOUND_ROUTE,
+    NOT_FOUND_RESOURCE,
    INVITE_ROUTE,
    NO_PROJECT,
    NO_RESOURCE,
--- a/frontend/src/router/routes/base.ts
+++ b/frontend/src/router/routes/base.ts
@ -69,3 +69,9 @@ export const NO_PROJECT: RouteRecordRaw = {
    hideInMenu: true,
  },
 };
+
+export const NOT_FOUND_RESOURCE: RouteRecordRaw = {
+  path: '/notResourceScreen',
+  name: 'notResourceScreen',
+  component: () => import('@/views/base/not-resource-screen/not-resource-screen.vue'),
+};
--- a/frontend/src/views/api-test/report/shareCaseIndex.vue
+++ b/frontend/src/views/api-test/report/shareCaseIndex.vue
@ -9,7 +9,7 @@
  import caseReportCom from './component/caseReportCom.vue';

  import { getShareReportInfo, reportCaseDetail } from '@/api/modules/api-test/report';
-  import { NO_RESOURCE_ROUTE_NAME } from '@/router/constants';
+  import { NOT_FOUND_RESOURCE } from '@/router/constants';

  import type { ReportDetail } from '@/models/apiTest/report';

@ -23,7 +23,7 @@
      const res = await getShareReportInfo(route.query.shareId as string);
      if (res.deleted) {
        router.push({
-          name: NO_RESOURCE_ROUTE_NAME,
+          name: NOT_FOUND_RESOURCE,
        });
      } else {
        detail.value = await reportCaseDetail(res.reportId, route.query.shareId as string);
--- a/frontend/src/views/api-test/report/shareSceneIndex.vue
+++ b/frontend/src/views/api-test/report/shareSceneIndex.vue
@ -9,7 +9,7 @@
  import ShareCom from './component/scenarioCom.vue';

  import { getShareReportInfo, reportScenarioDetail } from '@/api/modules/api-test/report';
-  import { NO_RESOURCE_ROUTE_NAME } from '@/router/constants';
+  import { NOT_FOUND_RESOURCE } from '@/router/constants';

  import type { ReportDetail } from '@/models/apiTest/report';

@ -22,7 +22,7 @@
      const res = await getShareReportInfo(route.query.shareId as string);
      if (res.deleted) {
        router.push({
-          name: NO_RESOURCE_ROUTE_NAME,
+          name: NOT_FOUND_RESOURCE,
        });
      } else {
        detail.value = await reportScenarioDetail(res.reportId, route.query.shareId as string);
--- a/frontend/src/views/base/not-resource-screen/not-resource-screen.vue
+++ b/frontend/src/views/base/not-resource-screen/not-resource-screen.vue
@ -0,0 +1,55 @@
+<template>
+  <div class="absolute left-[50%] top-[50%] ml-[-95px] mt-[-121px] text-center">
+    <div class="page">
+      <div class="content-wrapper">
+        <div class="content">
+          <div class="no-resource-svg"></div>
+          <div class="title">
+            <span>{{ t('common.resourceDeleted') }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { useRouter } from 'vue-router';
+
+  import { useI18n } from '@/hooks/useI18n';
+
+  const { t } = useI18n();
+</script>
+
+<style lang="less">
+  .page {
+    @apply h-full;
+
+    background-color: var(--color-text-fff);
+    .content-wrapper {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 100%;
+      background-color: var(--color-text-fff);
+      .content {
+        .no-resource-svg {
+          margin: 0 auto 24px;
+          width: 160px;
+          height: 98px;
+          background: url('@/assets/svg/no_resource.svg');
+          background-size: cover;
+        }
+        .title {
+          display: flex;
+          justify-content: center;
+          font-size: 16px;
+          color: var(--color-text-1);
+          .user {
+            margin-left: 16px;
+          }
+        }
+      }
+    }
+  }
+</style>
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/tabDefect.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/tabDefect.vue
@ -540,6 +540,15 @@
    }
  }

+  watch(
+    () => props.caseId,
+    (val) => {
+      if (val) {
+        getFetch();
+      }
+    }
+  );
+
  onMounted(() => {
    getFetch();
    initFilterOptions();
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCase/tabCaseTable.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCase/tabCaseTable.vue
@ -273,7 +273,16 @@
    getFetch();
  }, 100);

-  onMounted(async () => {
+  watch(
+    () => props.caseId,
+    (val) => {
+      if (val) {
+        getFetch();
+      }
+    }
+  );
+
+  onMounted(() => {
    getFetch();
  });
 </script>
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCaseReview.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCaseReview.vue
@ -143,6 +143,15 @@
    });
  }

+  watch(
+    () => props.caseId,
+    (val) => {
+      if (val) {
+        initData();
+      }
+    }
+  );
+
  onMounted(() => {
    initData();
  });
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabChangeHistory.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabChangeHistory.vue
@ -255,6 +255,15 @@
  //   }
  // );

+  watch(
+    () => props.caseId,
+    (val) => {
+      if (val) {
+        initData();
+      }
+    }
+  );
+
  onMounted(() => {
    doCheckIsTip();
    initData();
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabComment/tabCommentIndex.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabComment/tabCommentIndex.vue
@ -228,6 +228,15 @@
    return data;
  }

+  watch(
+    () => props.caseId,
+    (val) => {
+      if (val) {
+        getAllCommentList();
+      }
+    }
+  );
+
  onMounted(() => {
    getAllCommentList();
  });
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/associatedDemandTable.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/associatedDemandTable.vue
@ -171,6 +171,15 @@
      }
    }
  );
+
+  watch(
+    () => props.funParams.caseId,
+    (val) => {
+      if (val) {
+        initData();
+      }
+    }
+  );
 </script>

 <style scoped lang="less"></style>
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/tabDependency.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/tabDependency.vue
@ -235,6 +235,15 @@
  //   }
  // );

+  watch(
+    () => props.caseId,
+    (val) => {
+      if (val) {
+        initData();
+      }
+    }
+  );
+
  onMounted(() => {
    initData();
  });
--- a/frontend/src/views/project-management/environmental/components/envParams/HttpTab.vue
+++ b/frontend/src/views/project-management/environmental/components/envParams/HttpTab.vue
@ -5,7 +5,7 @@
      t('project.environmental.httpNoWarning')
    }}</span>
  </div>
-  <div class="grid grid-cols-4">
+  <div class="grid grid-cols-6">
    <div class="col-start-1">
      <a-button
        v-if="!store.currentEnvDetailInfo.mock"
@ -16,14 +16,13 @@
      >
    </div>

-    <div class="col-end-5 flex flex-row gap-[8px]">
+    <div class="col-span-2 col-end-7 flex flex-row gap-[8px]">
      <a-input-number
        v-model:model-value="form.requestTimeout"
        :min="0"
        :step="100"
        :precision="0"
        :max="600000"
-        class="w-[180px]"
        :disabled="isDisabled"
      >
        <template #prefix>
@ -36,7 +35,6 @@
        :step="100"
        :max="600000"
        :precision="0"
-        class="w-[180px]"
        :disabled="isDisabled"
      >
        <template #prefix>