From 2f7766aa2fa95cd3f349cb8702e7253f0416ef2a Mon Sep 17 00:00:00 2001
From: hooklee2000 <52850777+hooklee2000@users.noreply.github.com>
Date: Fri, 24 Jun 2022 09:11:38 +0800
Subject: [PATCH 1/3] UI fix message.add.vpn.customer.gateway.failed when
 catched error

---
 ui/src/views/network/CreateVpnCustomerGateway.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/views/network/CreateVpnCustomerGateway.vue b/ui/src/views/network/CreateVpnCustomerGateway.vue
index 7144e273bd3a..b890e2968a75 100644
--- a/ui/src/views/network/CreateVpnCustomerGateway.vue
+++ b/ui/src/views/network/CreateVpnCustomerGateway.vue
@@ -341,7 +341,7 @@ export default {
           this.formRef.value.resetFields()
         }).catch(error => {
           console.error(error)
-          this.$message.error(this.$t('message.success.add.vpn.customer.gateway'))
+          this.$message.error(this.$t('message.add.vpn.customer.gateway.failed'))
           this.isSubmitted = false
         })
       }).catch(error => {

From 827c3c31dc92be3bce8b4e24222354f79bf139a8 Mon Sep 17 00:00:00 2001
From: hooklee2000 <52850777+hooklee2000@users.noreply.github.com>
Date: Fri, 24 Jun 2022 10:15:03 +0800
Subject: [PATCH 2/3] fix UI VPC add ACL  without required input  close ui

Without any input, click ok button then close the ui . We need display ui to confirm all required input.
---
 ui/src/views/network/VpcTab.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ui/src/views/network/VpcTab.vue b/ui/src/views/network/VpcTab.vue
index 2aee72cd43a7..f32fdef1e959 100644
--- a/ui/src/views/network/VpcTab.vue
+++ b/ui/src/views/network/VpcTab.vue
@@ -822,7 +822,7 @@ export default {
     handleNetworkAclFormSubmit () {
       if (this.fetchLoading) return
       this.fetchLoading = true
-      this.modals.networkAcl = false
+      //this.modals.networkAcl = false
 
       this.formRef.value.validate().then(() => {
         const values = toRaw(this.form)
@@ -852,6 +852,7 @@ export default {
         }).catch(error => {
           this.$notifyError(error)
         }).finally(() => {
+          this.modals.networkAcl = false
           this.fetchLoading = false
           this.fetchAclList()
         })

From 84a280516bec5bd184154059ae81c4c779a7e8f8 Mon Sep 17 00:00:00 2001
From: hooklee2000 <52850777+hooklee2000@users.noreply.github.com>
Date: Fri, 24 Jun 2022 16:04:42 +0800
Subject: [PATCH 3/3] remove commented line

---
 ui/src/views/network/VpcTab.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/ui/src/views/network/VpcTab.vue b/ui/src/views/network/VpcTab.vue
index f32fdef1e959..0183764562bb 100644
--- a/ui/src/views/network/VpcTab.vue
+++ b/ui/src/views/network/VpcTab.vue
@@ -822,7 +822,6 @@ export default {
     handleNetworkAclFormSubmit () {
       if (this.fetchLoading) return
       this.fetchLoading = true
-      //this.modals.networkAcl = false
 
       this.formRef.value.validate().then(() => {
         const values = toRaw(this.form)