UI: fix cannot list lb rules if cidr_list is NULL

Author: weizhouapache

ui/src/components/view/BulkActionProgress.vue

@@ -81,7 +81,7 @@
           <div><desktop-outlined /> {{ record.virtualmachinename }} ({{ record.vmguestip }})</div>
         </template>
         <template #cidrlist="{ record }">
-          <span style="white-space: pre-line"> {{ record.cidrlist.replaceAll(" ", "\n") }}</span>
+          <span style="white-space: pre-line"> {{ record.cidrlist?.replaceAll(" ", "\n") }}</span>
         </template>
       </a-table>
       <br/>

ui/src/components/view/BulkActionView.vue

@@ -83,7 +83,7 @@
             {{ record.icmpcode || record.endport >= 0 ? record.icmpcode || record.endport : $t('label.all') }}
           </template>
           <template #cidrlist="{record}">
-            <span style="white-space: pre-line"> {{ record.cidrlist.replaceAll(" ", "\n") }}</span>
+            <span style="white-space: pre-line"> {{ record.cidrlist?.replaceAll(" ", "\n") }}</span>
           </template>
         </a-table>
         <a-divider />

ui/src/views/network/LoadBalancing.vue

@@ -119,7 +119,7 @@
       :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
       :rowKey="record => record.id">
       <template #cidrlist="{ record }">
-        <span style="white-space: pre-line"> {{ record.cidrlist.replaceAll(" ", "\n") }}</span>
+        <span style="white-space: pre-line"> {{ record.cidrlist?.replaceAll(" ", "\n") }}</span>
       </template>
       <template #algorithm="{ record }">
         {{ returnAlgorithmName(record.algorithm) }}