[Improvement-17926] Supports creating worker groups without workers (#17927)

Author: ruanwenjun

dolphinscheduler-ui/src/views/security/worker-group-manage/components/use-modal.ts

@@ -47,15 +47,6 @@ export function useModal(
             return new Error(t('security.worker_group.group_name_tips'))
           }
         }
-      },
-      addrList: {
-        required: true,
-        trigger: ['input', 'blur'],
-        validator() {
-          if (variables.model.addrList.length < 1) {
-            return new Error(t('security.worker_group.worker_addresses_tips'))
-          }
-        }
       }
     }
   })

dolphinscheduler-ui/src/views/security/worker-group-manage/components/worker-group-modal.tsx

@@ -78,7 +78,9 @@ const WorkerGroupModal = defineComponent({
         } else {
           variables.model.id = props.row.id
           variables.model.name = props.row.name
-          variables.model.addrList = props.row.addrList.split(',')
+          variables.model.addrList = props.row.addrList
+            ? props.row.addrList.split(',')
+            : []
         }
       }
     )
@@ -88,7 +90,9 @@ const WorkerGroupModal = defineComponent({
       () => {
         variables.model.id = props.row.id
         variables.model.name = props.row.name
-        variables.model.addrList = props.row.addrList.split(',')
+        variables.model.addrList = props.row.addrList
+          ? props.row.addrList.split(',')
+          : []
       }
     )
 
@@ -107,7 +111,7 @@ const WorkerGroupModal = defineComponent({
           show={this.showModalRef}
           onCancel={this.cancelModal}
           onConfirm={this.confirmModal}
-          confirmDisabled={!this.model.name || this.model.addrList.length < 1}
+          confirmDisabled={!this.model.name}
           confirmClassName='btn-submit'
           cancelClassName='btn-cancel'
           confirmLoading={this.saving}

dolphinscheduler-ui/src/views/security/worker-group-manage/use-table.ts

@@ -55,16 +55,18 @@ export function useTable() {
         key: 'addrList',
         render: (row: WorkerGroupItem) =>
           h(NSpace, null, {
-            default: () =>
-              row.addrList
-                .split(',')
-                .map((item: string) =>
-                  h(
-                    NTag,
-                    { type: 'success', size: 'small' },
-                    { default: () => item }
+            default: () => {
+              const addrList = row.addrList ? row.addrList.split(',') : []
+              return addrList.length
+                ? addrList.map((item: string) =>
+                    h(
+                      NTag,
+                      { type: 'success', size: 'small' },
+                      { default: () => item }
+                    )
                   )
-                )
+                : h('span', { style: { color: '#999' } }, '-')
+            }
           })
       },
       {