ui: Fix Load Balancer Rules alignment issue (#5451)

Author: Pearl1594

ui/src/views/network/IngressEgressRuleConfigure.vue

@@ -282,6 +282,9 @@ export default {
       this.rules = this.tabType === 'ingress' ? this.resource.ingressrule : this.resource.egressrule
     },
     getCapitalise (val) {
+      if (!val) {
+        return
+      }
       if (val === 'all') return this.$t('label.all')
       return val.toUpperCase()
     },

ui/src/views/network/LoadBalancing.vue

@@ -736,6 +736,9 @@ export default {
       return 'Configure'
     },
     getCapitalise (val) {
+      if (!val) {
+        return
+      }
       if (val === 'all') return this.$t('label.all')
       return val.toUpperCase()
     },