From ab8607555fcf8f0a280178383b715cd6be977caa Mon Sep 17 00:00:00 2001
From: AgAngle <1323481023@qq.com>
Date: Tue, 19 Dec 2023 15:04:33 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E6=A8=A1=E6=9D=BF=E7=AE=A1=E7=90=86=E5=88=87=E6=8D=A2tab?=
 =?UTF-8?q?=EF=BC=8C=E8=A1=A8=E6=A0=BC=E9=94=99=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1033609 --user=陈建星 【项目设置】模版管理tab页切换-操作列显示错乱 https://www.tapd.cn/55049933/s/1445447
---
 .../src/business/menu/template/TemplateSetting.vue  | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/project-management/frontend/src/business/menu/template/TemplateSetting.vue b/project-management/frontend/src/business/menu/template/TemplateSetting.vue
index 79c7318951..004ec907b2 100644
--- a/project-management/frontend/src/business/menu/template/TemplateSetting.vue
+++ b/project-management/frontend/src/business/menu/template/TemplateSetting.vue
@@ -1,6 +1,6 @@
 <template>
   <el-card>
-    <el-tabs class="system-setting" v-model="activeName" @change="changeTab">
+    <el-tabs v-if="visible" class="system-setting" v-model="activeName" @change="changeTab">
       <el-tab-pane :label="$t('custom_field.name')" name="field" v-if="fieldEnable">
         <custom-field-list v-if="activeName === 'field'"/>
       </el-tab-pane>
@@ -33,11 +33,16 @@ export default {
       fieldEnable: false,
       caseTemplateEnable: false,
       issueTemplateEnable: false,
-      apiTemplateEnable: false
+      apiTemplateEnable: false,
+      visible: true
     };
   },
-  created() {
-    this.changeTab();
+  activated() {
+    this.visible = false;
+    this.$nextTick(() => {
+      this.visible = true;
+      this.changeTab();
+    });
   },
   methods: {
     hasPermissions,