From 474d7e2930d0378bc1164ad1d8cab78ce0a5283e Mon Sep 17 00:00:00 2001
From: "xinxin.wu" <xinxin.wu@fit2cloud.com>
Date: Mon, 21 Oct 2024 12:03:23 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=AE=A1=E5=88=92):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=B5=8B=E8=AF=95=E8=AE=A1=E5=88=92=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E6=89=A7=E8=A1=8C=E5=BC=B9=E7=AA=97=E5=92=8C=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=E4=BC=98=E5=85=88=E7=BA=A7=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/caseDetailDrawer.vue           |  4 +-
 .../featureCase/components/executeForm.vue    |  3 +-
 .../featureCase/detail/executeSubmit.vue      | 56 ++++++++++++++++---
 3 files changed, 51 insertions(+), 12 deletions(-)

diff --git a/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue b/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue
index 54d6b63672..27b32977f9 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue
@@ -494,7 +494,9 @@
       Message.success(t('caseManagement.featureCase.editSuccess'));
       detailInfo.value.name = titleName.value;
       isEditTitle.value = false;
-      updateSuccess();
+      nextTick(() => {
+        updateSuccess();
+      });
     } catch (error) {
       console.log(error);
     } finally {
diff --git a/frontend/src/views/test-plan/testPlan/detail/featureCase/components/executeForm.vue b/frontend/src/views/test-plan/testPlan/detail/featureCase/components/executeForm.vue
index e55b6fb436..2d210089eb 100644
--- a/frontend/src/views/test-plan/testPlan/detail/featureCase/components/executeForm.vue
+++ b/frontend/src/views/test-plan/testPlan/detail/featureCase/components/executeForm.vue
@@ -11,7 +11,7 @@
       </div>
     </a-form-item>
     <a-form-item field="content" asterisk-position="end" class="mb-0">
-      <div class="flex w-full items-center">
+      <div class="textarea-input flex w-full items-center">
         <a-textarea
           v-if="props.isDblclickPlaceholder && !achievedForm"
           v-model="form.content"
@@ -20,7 +20,6 @@
           :auto-size="{ minRows: 1 }"
           style="resize: vertical"
           :max-length="1000"
-          @click="achievedForm = true"
         />
         <MsRichText
           v-if="!props.isDblclickPlaceholder || achievedForm"
diff --git a/frontend/src/views/test-plan/testPlan/detail/featureCase/detail/executeSubmit.vue b/frontend/src/views/test-plan/testPlan/detail/featureCase/detail/executeSubmit.vue
index 4bbd6fc564..619c015f03 100644
--- a/frontend/src/views/test-plan/testPlan/detail/featureCase/detail/executeSubmit.vue
+++ b/frontend/src/views/test-plan/testPlan/detail/featureCase/detail/executeSubmit.vue
@@ -4,7 +4,8 @@
     v-model:form="form"
     is-dblclick-placeholder
     class="execute-form"
-    @dblclick="dblclickHandler"
+    @dblclick="dblOrClickHandler"
+    @click="dblOrClickHandler"
   >
     <template #headerRight>
       <slot name="headerRight"></slot>
@@ -64,6 +65,7 @@
 
   const emit = defineEmits<{
     (e: 'done', status: LastExecuteResults, content: string): void;
+    (e: 'dblclick'): void;
   }>();
 
   const { t } = useI18n();
@@ -74,14 +76,52 @@
 
   const modalVisible = ref(false);
   const submitLoading = ref(false);
-  // 双击富文本内容打开弹窗
-  function dblclickHandler() {
+  // 双击富文本内容或者双击描述文本框打开弹窗
+  const achievedForm = ref<boolean>(props.isDefaultActivate);
+
+  const clickTimeout = ref<ReturnType<typeof setTimeout> | null>();
+
+  // 双击处理逻辑
+  function handleDblClick() {
+    if (clickTimeout.value) {
+      clearTimeout(clickTimeout.value); // 清除单击的处理
+      clickTimeout.value = null;
+    }
+    modalVisible.value = true;
+    dialogForm.value = cloneDeep(form.value); // 克隆表单数据到弹窗表单
+  }
+
+  // 单击处理逻辑
+  function handleClick() {
+    if (clickTimeout.value) {
+      clearTimeout(clickTimeout.value);
+    }
+    clickTimeout.value = setTimeout(() => {
+      if (!achievedForm.value) {
+        achievedForm.value = true; // 切换到富文本框
+      }
+      clickTimeout.value = null;
+    }, 200);
+  }
+
+  function dblOrClickHandler() {
     nextTick(() => {
       const editorContent = document.querySelector('.execute-form')?.querySelector('.editor-content');
-      useEventListener(editorContent, 'dblclick', () => {
-        modalVisible.value = true;
-        dialogForm.value = cloneDeep(form.value);
-      });
+      const textareaContent = document.querySelector('.execute-form')?.querySelector('.textarea-input');
+
+      const bindEvents = (element: Element | null) => {
+        if (element) {
+          useEventListener(element, 'dblclick', handleDblClick);
+          useEventListener(element, 'click', handleClick);
+        }
+      };
+
+      if (editorContent) {
+        bindEvents(editorContent);
+      }
+      if (textareaContent) {
+        bindEvents(textareaContent);
+      }
     });
   }
 
@@ -107,8 +147,6 @@
     }
   );
 
-  const achievedForm = ref<boolean>(props.isDefaultActivate);
-
   function cancel(e: Event) {
     // 点击取消/关闭，弹窗关闭，富文本内容都清空；点击空白处，弹窗关闭，将弹窗内容填入下面富文本内容里
     if (!(e.target as any)?.classList.contains('arco-modal-wrapper')) {