fix(缺陷管理): 更新交互和一直转圈bug修复

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

@@ -144,23 +144,23 @@
             </div>
           </template>
           <template #second>
-            <a-spin :loading="rightLoading" class="w-full">
+            <!-- <a-spin :loading="rightLoading" class="w-full"> -->
             <!-- 所属平台一致, 详情展示 -->
             <div v-if="props.currentPlatform === detailInfo.platform" class="rightWrapper h-full p-[24px]">
               <!-- 自定义字段开始 -->
               <div class="inline-block w-full break-words">
-                  <a-skeleton v-if="loading" class="w-full" :loading="loading" :animation="true">
+                <a-skeleton v-if="rightLoading" class="w-full" :loading="rightLoading" :animation="true">
                   <a-space direction="vertical" class="w-[100%]" size="large">
                     <a-skeleton-line :rows="14" :line-height="30" :line-spacing="30" />
                   </a-space>
                 </a-skeleton>
-                  <div v-if="!loading" class="mb-4 font-medium">
+                <div v-if="!rightLoading" class="mb-4 font-medium">
                   <strong>
                     {{ t('bugManagement.detail.basicInfo') }}
                   </strong>
                 </div>
                 <MsFormCreate
-                    v-if="!loading"
+                  v-if="!rightLoading"
                   ref="formCreateRef"
                   v-model:form-item="formItem"
                   v-model:api="fApi"
@@ -202,7 +202,7 @@
             <div v-else>
               <a-empty> {{ $t('messageBox.noContent') }} </a-empty>
             </div>
-            </a-spin>
+            <!-- </a-spin> -->
           </template>
         </MsSplitBox>
       </div>
@@ -562,15 +562,28 @@
     });
   }
 
-  const handelFormCreateChange = debounce(() => {
+  /**
+   * 单独更新字段
+   */
+  async function updateFieldHandler() {
+    try {
       rightLoading.value = true;
-    bugDetailTabRef.value?.handleSave();
+      await bugDetailTabRef.value?.handleSave();
+      rightLoading.value = false;
+    } catch (error) {
+      console.log(error);
+    } finally {
+      rightLoading.value = false;
+    }
+  }
+
+  const handelFormCreateChange = debounce(() => {
+    updateFieldHandler();
   }, 300);
 
   const changeTag = debounce(() => {
     detailInfo.value.tags = tags.value;
-    rightLoading.value = true;
-    bugDetailTabRef.value?.handleSave();
+    updateFieldHandler();
   }, 300);
 
   // 表单配置项