From 60f93c0a343089651a059b57785cb6b4f1ba20f7 Mon Sep 17 00:00:00 2001
From: hLinx <327159425@qq.com>
Date: Wed, 21 Sep 2022 16:55:10 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E7=BC=96=E8=BE=91=E6=89=A7=E8=A1=8C?=
 =?UTF-8?q?=E6=96=B9=E6=A1=88=E7=9A=84=E5=90=8D=E7=A7=B0=EF=BC=8C=E7=A9=BA?=
 =?UTF-8?q?=E9=97=B4=E5=A4=AA=E5=B0=8F=E4=BA=86=EF=BC=8C=E6=94=B9=E6=88=90?=
 =?UTF-8?q?=E5=92=8C=E6=96=B0=E5=BB=BA=E7=9A=84=E4=B8=80=E8=87=B4=20#1300?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/plan/components/edit-title.vue     | 27 ++++++-------------
 1 file changed, 8 insertions(+), 19 deletions(-)

diff --git a/src/frontend/src/views/task-manage/common/plan/components/edit-title.vue b/src/frontend/src/views/task-manage/common/plan/components/edit-title.vue
index 2f524ec62f..818979013c 100644
--- a/src/frontend/src/views/task-manage/common/plan/components/edit-title.vue
+++ b/src/frontend/src/views/task-manage/common/plan/components/edit-title.vue
@@ -20,7 +20,6 @@
                 enter-trigger
                 :maxlength="60"
                 behavior="simplicity"
-                @input="handleInput"
                 @submit="handleSubmit" />
             <i
                 v-if="errorInfo"
@@ -46,10 +45,9 @@
     </div>
 </template>
 <script>
-    import _ from 'lodash';
     import TaskPlanService from '@service/task-plan';
     import I18n from '@/i18n';
-    import { calcTextWidth, getOffset } from '@utils/assist';
+    import { getOffset } from '@utils/assist';
     import { planNameRule } from '@utils/validator';
 
     export default {
@@ -104,26 +102,14 @@
                 this.isSubmiting = false;
                 this.isEditing = true;
                 this.errorInfo = '';
-                this.inputWidth = this.$refs.text.getBoundingClientRect().width;
+                const windowClienWidth = window.innerWidth;
+                const { left } = getOffset(this.$refs.box);
+                this.inputWidth = windowClienWidth - left - 230;
                 // 输入框自动获取焦点
                 setTimeout(() => {
                     this.$refs.input.$el.querySelector('.bk-form-input').focus();
                 });
             },
-            /**
-             * @desc 用户输入时自适应输入框宽度
-             * @param { String } value 输入值
-             */
-            handleInput: _.throttle(function (value) {
-                const windowClienWidth = window.innerWidth;
-                const offset = 60;
-                const width = calcTextWidth(value, this.$refs.box) + offset;
-                const { left } = getOffset(this.$refs.box);
-                const maxWidth = windowClienWidth - left - 230;
-                if (width <= maxWidth && width > this.inputWidth) {
-                    this.inputWidth = width;
-                }
-            }, 60),
             /**
              * @desc 提交编辑值
              */
@@ -173,7 +159,10 @@
                         this.isEditing = false;
                         this.$emit('on-edit-success');
                         this.messageSuccess(I18n.t('template.执行方案名称编辑成功'));
-                    });
+                    })
+                        .finally(() => {
+                            this.isSubmiting = false;
+                        });
                 });
             },
         },