From 0023824099902efcafa6652cd5e5040b65c4531a Mon Sep 17 00:00:00 2001
From: "xinxin.wu" <xinxin.wu@fit2cloud.com>
Date: Tue, 16 Apr 2024 17:13:20 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=BC=BA=E9=99=B7=E7=AE=A1=E7=90=86):=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E4=BA=A4=E4=BA=92=E5=92=8C=E4=B8=80=E7=9B=B4?=
 =?UTF-8?q?=E8=BD=AC=E5=9C=88bug=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/bug-detail-drawer.vue          | 135 ++++++++++--------
 1 file changed, 74 insertions(+), 61 deletions(-)

diff --git a/frontend/src/views/bug-management/components/bug-detail-drawer.vue b/frontend/src/views/bug-management/components/bug-detail-drawer.vue
index 7cf711e300..54d6656e66 100644
--- a/frontend/src/views/bug-management/components/bug-detail-drawer.vue
+++ b/frontend/src/views/bug-management/components/bug-detail-drawer.vue
@@ -144,65 +144,65 @@
             </div>
           </template>
           <template #second>
-            <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-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">
-                    <strong>
-                      {{ t('bugManagement.detail.basicInfo') }}
-                    </strong>
-                  </div>
-                  <MsFormCreate
-                    v-if="!loading"
-                    ref="formCreateRef"
-                    v-model:form-item="formItem"
-                    v-model:api="fApi"
-                    :form-rule="formRules"
-                    class="w-full"
-                    :option="options"
-                    @change="handelFormCreateChange"
-                  />
-                  <!-- 自定义字段结束 -->
-                  <div
-                    v-if="!isPlatformDefaultTemplate && hasAnyPermission(['PROJECT_BUG:READ+UPDATE']) && !loading"
-                    class="baseItem"
-                  >
-                    <a-form
-                      :model="{}"
-                      :label-col-props="{
-                        span: 9,
-                      }"
-                      :wrapper-col-props="{
-                        span: 15,
-                      }"
-                      label-align="left"
-                      content-class="tags-class"
-                    >
-                      <a-form-item field="tags" :label="t('system.orgTemplate.tags')">
-                        <MsTagsInput
-                          v-model:model-value="tags"
-                          :disabled="!hasAnyPermission(['PROJECT_BUG:READ+UPDATE'])"
-                          @blur="changeTag"
-                        />
-                      </a-form-item>
-                    </a-form>
-                  </div>
+            <!-- <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="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="!rightLoading" class="mb-4 font-medium">
+                  <strong>
+                    {{ t('bugManagement.detail.basicInfo') }}
+                  </strong>
                 </div>
+                <MsFormCreate
+                  v-if="!rightLoading"
+                  ref="formCreateRef"
+                  v-model:form-item="formItem"
+                  v-model:api="fApi"
+                  :form-rule="formRules"
+                  class="w-full"
+                  :option="options"
+                  @change="handelFormCreateChange"
+                />
+                <!-- 自定义字段结束 -->
+                <div
+                  v-if="!isPlatformDefaultTemplate && hasAnyPermission(['PROJECT_BUG:READ+UPDATE']) && !loading"
+                  class="baseItem"
+                >
+                  <a-form
+                    :model="{}"
+                    :label-col-props="{
+                      span: 9,
+                    }"
+                    :wrapper-col-props="{
+                      span: 15,
+                    }"
+                    label-align="left"
+                    content-class="tags-class"
+                  >
+                    <a-form-item field="tags" :label="t('system.orgTemplate.tags')">
+                      <MsTagsInput
+                        v-model:model-value="tags"
+                        :disabled="!hasAnyPermission(['PROJECT_BUG:READ+UPDATE'])"
+                        @blur="changeTag"
+                      />
+                    </a-form-item>
+                  </a-form>
+                </div>
+              </div>
 
-                <!-- 内置基础信息结束 -->
-              </div>
-              <!-- 所属平台不一致, 详情不展示, 展示空面板 -->
-              <div v-else>
-                <a-empty> {{ $t('messageBox.noContent') }} </a-empty>
-              </div>
-            </a-spin>
+              <!-- 内置基础信息结束 -->
+            </div>
+            <!-- 所属平台不一致, 详情不展示, 展示空面板 -->
+            <div v-else>
+              <a-empty> {{ $t('messageBox.noContent') }} </a-empty>
+            </div>
+            <!-- </a-spin> -->
           </template>
         </MsSplitBox>
       </div>
@@ -562,15 +562,28 @@
     });
   }
 
+  /**
+   * 单独更新字段
+   */
+  async function updateFieldHandler() {
+    try {
+      rightLoading.value = true;
+      await bugDetailTabRef.value?.handleSave();
+      rightLoading.value = false;
+    } catch (error) {
+      console.log(error);
+    } finally {
+      rightLoading.value = false;
+    }
+  }
+
   const handelFormCreateChange = debounce(() => {
-    rightLoading.value = true;
-    bugDetailTabRef.value?.handleSave();
+    updateFieldHandler();
   }, 300);
 
   const changeTag = debounce(() => {
     detailInfo.value.tags = tags.value;
-    rightLoading.value = true;
-    bugDetailTabRef.value?.handleSave();
+    updateFieldHandler();
   }, 300);
 
   // 表单配置项