feat(缺陷管理): 缺陷管理详情编辑报错优化

frontend/src/views/bug-management/components/bug-detail-drawer.vue

@@ -575,13 +575,6 @@
         } else {
           activeTab.value = 'detail';
         }
-      } else {
-        if (!props.pagination && !props.tableData) return;
-        const query = { ...route.query };
-        delete query.id;
-        router.replace({
-          query,
-        });
       }
     }
   );

frontend/src/views/bug-management/createAndEditBug.vue

@@ -17,7 +17,13 @@
       />
     </template>
     <div class="h-[calc(100vh-168px)] w-full">
-      <BugDetail ref="bugDetailRef" v-model:template-id="bugTemplateId" :bug-id="bugId" @save-params="saveParams" />
+      <BugDetail
+        ref="bugDetailRef"
+        v-model:template-id="bugTemplateId"
+        :bug-id="bugId"
+        :is-copy-bug="isCopy"
+        @save-params="saveParams"
+      />
     </div>
   </MsCard>
 </template>

frontend/src/views/bug-management/edit.vue

@@ -215,7 +215,6 @@
   import { EditorPreviewFileUrl } from '@/api/requrls/bug-management';
   import { useI18n } from '@/hooks/useI18n';
   import { useAppStore } from '@/store';
-  import useUserStore from '@/store/modules/user';
   import { downloadByteFile } from '@/utils';
   import { scrollIntoView } from '@/utils/dom';
   import { findParents, Option } from '@/utils/recursion';
@@ -239,6 +238,7 @@
 
   const props = defineProps<{
     templateId: string; // 缺陷模板id
+    isCopyBug?: boolean; // 是否复制
     bugId?: string; // 缺陷id，不传递为创建
     isDrawer?: boolean; // 是否是弹窗模式
     caseType?: CaseLinkEnum; // 用例类型
@@ -262,7 +262,6 @@
   const { t } = useI18n();
 
   const appStore = useAppStore();
-  const route = useRoute();
   const form = ref<BugEditFormObject>({
     projectId: appStore.currentProjectId,
     title: '',
@@ -297,11 +296,9 @@
   const associatedDrawer = ref(false);
   const loading = ref(false);
   const acceptType = ref('none'); // 模块-上传文件类型
-  const userStore = useUserStore();
+  const isEdit = computed(() => props.bugId && !props.isCopyBug);
-  const isEdit = computed(() => !!route.query.id && route.params.mode === 'edit');
   const bugId = ref<string | undefined>(props.bugId);
   const isEditOrCopy = computed(() => !!bugId.value);
-  const isCopy = computed(() => route.params.mode === 'copy');
   const isPlatformDefaultTemplate = ref(false);
   const imageUrl = ref('');
   const previewVisible = ref<boolean>(false);
@@ -310,7 +307,7 @@
   // 描述-环境/富文本临时附件ID
   const descriptionFileIdMap = ref<Record<string, string[]>>({});
 
-  const isLoading = ref<boolean>(true);
+  const isLoading = ref<boolean>(false);
   const rowLength = ref<number>(0);
 
   // 处理文件参数
@@ -593,7 +590,7 @@
       copyFiles,
       richTextTmpFileIds: isPlatformDefaultTemplate.value ? getDescriptionFileId() : descriptionFileIds.value,
     };
-    if (isCopy.value) {
+    if (props.isCopyBug) {
       delete tmpObj.id;
       delete tmpObj.richTextTmpFileIds;
     }
@@ -644,23 +641,29 @@
     return [];
   };
 
-  // 获取详情
+  // 设置模板值
-  const getDetailInfo = async () => {
+  async function setTemplateValue(bugDetail: BugEditFormObject) {
-    loading.value = true;
+    const { status, templateId, platformBugId } = bugDetail;
-    const id = route.query.id as string;
+    try {
-    if (!id) return;
+      if (props.isCopyBug) {
-    const res = await getBugDetail(id);
-    const { customFields, templateId, attachments } = res;
-    // 根据模板ID 初始化自定义字段
-    if (isCopy.value) {
         // 复制, 只需返回初始状态
         await templateChange(templateId);
       } else {
-      await templateChange(templateId, { fromStatusId: res.status, platformBugKey: res.platformBugId });
+        await templateChange(templateId, { fromStatusId: status, platformBugKey: platformBugId });
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
+
+  // 处理文件
+  async function handleFile(attachments: AttachFileInfo[]) {
+    if (!attachments.length) {
+      return;
     }
-    if (attachments && attachments.length) {
-      if (!isCopy.value) {
     // 非Copy时, 附件列表赋值
+    if (!props.isCopyBug) {
       attachmentsList.value = attachments;
     }
     // 检查文件是否有更新
@@ -672,7 +675,7 @@
           ...fileInfo,
           name: fileInfo.fileName,
           isUpdateFlag: checkUpdateFileIds.includes(fileInfo.fileId),
-            isCopyFlag: isCopy.value,
+          isCopyFlag: props.isCopyBug,
         };
       })
       .map((fileInfo: any) => {
@@ -680,15 +683,19 @@
       });
   }
 
+  function makeCustomValue(bugDetail: BugEditFormObject) {
+    const { customFields, status } = bugDetail;
     let tmpObj: Record<string, any> = {};
+
     if (isEdit.value) {
-      tmpObj = { status: res.status };
+      tmpObj = { status };
     }
+
     if (customFields && Array.isArray(customFields)) {
       const MULTIPLE_TYPE = ['MULTIPLE_SELECT', 'MULTIPLE_INPUT', 'CHECKBOX', 'MULTIPLE_MEMBER'];
       const SINGRADIO_TYPE = ['RADIO', 'SELECT', 'MEMBER'];
       customFields.forEach((item) => {
-        if (item.id === 'status' && isCopy.value) {
+        if (item.id === 'status' && props.isCopyBug) {
           // 复制时, 状态赋值为空
           tmpObj[item.id] = '';
           // 多选类型需要过滤选项
@@ -730,8 +737,25 @@
         }
       });
     }
-    // 自定义字段赋值
+    return tmpObj;
+  }
+
+  // 获取详情
+  const getDetailInfo = async () => {
+    try {
+      loading.value = true;
+      const res = await getBugDetail(bugId.value as string);
+      const { templateId, attachments } = res;
+      if (templateId) {
+        await setTemplateValue(res);
+      }
+      // 处理附件
+      handleFile(attachments);
+
+      // 处理自定义字段以及三方字段
+      const tmpObj = await makeCustomValue(res);
       fApi.value.setValue(tmpObj);
+
       // 平台默认模板系统字段单独处理
       if (isPlatformDefaultTemplate.value && form.value.platformSystemFields) {
         Object.keys(form.value.platformSystemFields).forEach((key) => {
@@ -741,23 +765,29 @@
       const { platformSystemFields } = form.value;
 
       let copyName = '';
-    if (isCopy.value) {
+      if (props.isCopyBug) {
         copyName = `copy_${res.title}`;
         if (copyName.length > 255) {
           form.value.title = copyName.slice(0, 255);
         }
       }
+
       // 表单赋值
       form.value = {
         id: res.id,
-      title: isCopy.value ? copyName : res.title,
+        title: props.isCopyBug ? copyName : res.title,
         description: res.description,
         templateId: res.templateId,
         tags: res.tags || [],
         projectId: res.projectId,
         platformSystemFields,
       };
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
       loading.value = false;
+    }
   };
 
   // 监视自定义字段改变处理formCreate