From 3b9bce189aad8a79204baa409f4c3ff219102421 Mon Sep 17 00:00:00 2001
From: baiqi <qi.bai@fit2cloud.com>
Date: Wed, 18 Sep 2024 15:49:47 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E5=AF=BC=E5=85=A5=E6=97=B6=E9=80=89=E4=B8=AD=E6=A8=A1=E5=9D=97?=
 =?UTF-8?q?=E4=B8=8D=E5=AD=98=E5=9C=A8=E5=9B=9E=E6=98=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1046573 --user=白奇 【接口测试】导入swagger接口-选中模块被删除-所属模块展示为id https://www.tapd.cn/55049933/s/1579890
---
 .../views/api-test/management/components/import.vue    | 10 ++++++++++
 frontend/src/views/api-test/management/locale/en-US.ts |  1 +
 frontend/src/views/api-test/management/locale/zh-CN.ts |  1 +
 .../messageManagement/components/messageList.vue       |  1 -
 4 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/api-test/management/components/import.vue b/frontend/src/views/api-test/management/components/import.vue
index aba11c8754..96e7d7847d 100644
--- a/frontend/src/views/api-test/management/components/import.vue
+++ b/frontend/src/views/api-test/management/components/import.vue
@@ -44,6 +44,11 @@
               allow-search
               allow-clear
               :filter-tree-node="filterTreeNode"
+              :fallback-option="(key: string | number) => ({
+                name: t('apiTestManagement.moduleNotExist'),
+                key,
+                disabled: true,
+              })"
             >
               <template #tree-slot-title="node">
                 <a-tooltip :content="`${node.name}`" position="tl">
@@ -261,6 +266,11 @@
               :field-names="{ title: 'name', key: 'id', children: 'children' }"
               allow-search
               :filter-tree-node="filterTreeNode"
+              :fallback-option="(key: string | number) => ({
+                name: t('apiTestManagement.moduleNotExist'),
+                key,
+                disabled: true,
+              })"
             >
               <template #tree-slot-title="node">
                 <a-tooltip :content="`${node.name}`" position="tl">
diff --git a/frontend/src/views/api-test/management/locale/en-US.ts b/frontend/src/views/api-test/management/locale/en-US.ts
index 4efdcf664d..5b63244d5c 100644
--- a/frontend/src/views/api-test/management/locale/en-US.ts
+++ b/frontend/src/views/api-test/management/locale/en-US.ts
@@ -173,6 +173,7 @@ export default {
   'apiTestManagement.protocolIsEmpty': 'The protocol is empty',
   'apiTestManagement.protocolEmptyTip': 'List display data is empty, please select protocol',
   'apiTestManagement.exportSwaggerTip': 'Swagger format only supports exporting HTTP protocol requests',
+  'apiTestManagement.moduleNotExist': 'Module does not exist',
   'case.execute.selectEnv': 'Select Environment',
   'case.execute.defaultEnv': 'Default Environment',
   'case.execute.newEnv': 'New Environment',
diff --git a/frontend/src/views/api-test/management/locale/zh-CN.ts b/frontend/src/views/api-test/management/locale/zh-CN.ts
index 33733e4e30..679752705e 100644
--- a/frontend/src/views/api-test/management/locale/zh-CN.ts
+++ b/frontend/src/views/api-test/management/locale/zh-CN.ts
@@ -166,6 +166,7 @@ export default {
   'apiTestManagement.protocolIsEmpty': '接口协议为空',
   'apiTestManagement.protocolEmptyTip': '列表展示数据为空，请选择协议',
   'apiTestManagement.exportSwaggerTip': 'Swagger格式仅支持导出HTTP协议的请求',
+  'apiTestManagement.moduleNotExist': '模块不存在',
   'case.execute.selectEnv': '环境选择',
   'case.execute.defaultEnv': '默认环境',
   'case.execute.newEnv': '新环境',
diff --git a/frontend/src/views/project-management/messageManagement/components/messageList.vue b/frontend/src/views/project-management/messageManagement/components/messageList.vue
index 1b68f81077..2593b77580 100644
--- a/frontend/src/views/project-management/messageManagement/components/messageList.vue
+++ b/frontend/src/views/project-management/messageManagement/components/messageList.vue
@@ -450,7 +450,6 @@
       background-color: var(--color-text-n9);
     }
   }
-
   :deep(.arco-select-view-multiple.arco-select-view-size-medium .arco-select-view-tag) {
     margin-top: 1px;
     margin-bottom: 1px;