fix(测试跟踪): 模板管理切换tab,表格错位

--bug=1033609 --user=陈建星 【项目设置】模版管理tab页切换-操作列显示错乱 https://www.tapd.cn/55049933/s/1445447
This commit is contained in:
AgAngle 2023-12-19 15:04:33 +08:00 committed by 刘瑞斌
parent 88ccf74d67
commit ab8607555f
1 changed files with 9 additions and 4 deletions

View File

@ -1,6 +1,6 @@
<template> <template>
<el-card> <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"> <el-tab-pane :label="$t('custom_field.name')" name="field" v-if="fieldEnable">
<custom-field-list v-if="activeName === 'field'"/> <custom-field-list v-if="activeName === 'field'"/>
</el-tab-pane> </el-tab-pane>
@ -33,11 +33,16 @@ export default {
fieldEnable: false, fieldEnable: false,
caseTemplateEnable: false, caseTemplateEnable: false,
issueTemplateEnable: false, issueTemplateEnable: false,
apiTemplateEnable: false apiTemplateEnable: false,
visible: true
}; };
}, },
created() { activated() {
this.changeTab(); this.visible = false;
this.$nextTick(() => {
this.visible = true;
this.changeTab();
});
}, },
methods: { methods: {
hasPermissions, hasPermissions,