Update: fix ui

Author: weizhouapache

ui/src/views/network/AclListRulesTab.vue

@@ -393,6 +393,7 @@ export default {
           this.icmpTypes.push(result)
         }
       })
+      this.icmpCodes.push({ code: -1, description: this.$t('label.all') })
     },
     updateIcmpCodes (val) {
       this.form.icmpcode = -1

ui/src/views/network/IngressEgressRuleConfigure.vue

@@ -47,14 +47,6 @@
             <a-select-option value="protocolnumber" :label="$t('label.protocol.number')">{{ capitalise($t('label.protocol.number')) }}</a-select-option>
           </a-select>
         </div>
-        <div v-show="['tcp', 'udp', 'protocolnumber'].includes(newRule.protocol) && !(newRule.protocol === 'protocolnumber' && newRule.protocolnumber === 1)" class="form__item">
-          <div class="form__label">{{ $t('label.startport') }}</div>
-          <a-input v-model:value="newRule.startport"></a-input>
-        </div>
-        <div v-show="['tcp', 'udp', 'protocolnumber'].includes(newRule.protocol) && !(newRule.protocol === 'protocolnumber' && newRule.protocolnumber === 1)" class="form__item">
-          <div class="form__label">{{ $t('label.endport') }}</div>
-          <a-input v-model:value="newRule.endport"></a-input>
-        </div>
         <div v-show="newRule.protocol === 'protocolnumber'" class="form__item">
           <div class="form__label">{{ $t('label.protocol.number') }}</div>
           <a-select
@@ -69,6 +61,14 @@
             </a-select-option>
           </a-select>
         </div>
+        <div v-show="['tcp', 'udp', 'protocolnumber'].includes(newRule.protocol) && !(newRule.protocol === 'protocolnumber' && newRule.protocolnumber === 1)" class="form__item">
+          <div class="form__label">{{ $t('label.startport') }}</div>
+          <a-input v-model:value="newRule.startport"></a-input>
+        </div>
+        <div v-show="['tcp', 'udp', 'protocolnumber'].includes(newRule.protocol) && !(newRule.protocol === 'protocolnumber' && newRule.protocolnumber === 1)" class="form__item">
+          <div class="form__label">{{ $t('label.endport') }}</div>
+          <a-input v-model:value="newRule.endport"></a-input>
+        </div>
         <div v-show="newRule.protocol === 'icmp' || (newRule.protocol === 'protocolnumber' && newRule.protocolnumber === 1)" class="form__item">
           <div class="form__label">{{ $t('label.icmptype') }}</div>
           <a-select