diff --git a/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue b/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue index 8896596ea..933fc7c21 100644 --- a/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue +++ b/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue @@ -5,6 +5,7 @@ v-model="dialogVisible" :close-on-click-modal="false" :close-on-press-escape="false" + destroy-on-close align-center class="display-setting-dialog" > @@ -218,6 +219,7 @@ px @@ -232,6 +234,7 @@ px @@ -348,18 +351,6 @@ const customStyle = computed(() => { } }) -watch(dialogVisible, (bool) => { - if (!bool) { - form.value = { - show_source: false - } - imgUrl.value = { - avatar: '', - float_icon: '' - } - } -}) - function resetForm() { form.value = { ...defaultSetting @@ -394,9 +385,10 @@ const open = (data: any, content: any) => { imgUrl.value.user_avatar = data.user_avatar xpackForm.value.disclaimer = data.disclaimer xpackForm.value.disclaimer_value = data.disclaimer_value - xpackForm.value.custom_theme.theme_color = data.custom_theme?.theme_color - xpackForm.value.custom_theme.header_font_color = data.custom_theme?.header_font_color || '#1f2329' - + xpackForm.value.custom_theme = { + theme_color: data.custom_theme?.theme_color || '', + header_font_color: data.custom_theme?.header_font_color || '#1f2329' + } xpackForm.value.float_location = data.float_location form.value = xpackForm.value