render()

in seatunnel-ui/src/views/task/synchronization-definition/task-modal.tsx [81:152]
72 lines of code
1 McCabe index (conditional complexity)

  render() {
    const {
      t,
      getNextStep,
      showModalRef,
      preCancle,
    } = this
    return (
      <template>
        <Modal
          title={this.t(
            'project.synchronization_definition.create_synchronization_task'
          )}
          show={showModalRef}
          onCancel={this.cancelModal}
          onConfirm={this.confirmModal}
          confirmLoading={this.saving}
        >
          <NForm model={this.model} rules={this.rules} ref='taskModalFormRef'>
            <NFormItem
              label={this.t(
                'project.synchronization_definition.synchronization_task_name'
              )}
              path='name'
            >
              <NInput
                clearable
                v-model={[this.model.name, 'value']}
                placeholder={this.t(
                  'project.synchronization_definition.task_name_tips'
                )}
              />
            </NFormItem>
            <NFormItem
              label={this.t('project.synchronization_definition.task_describe')}
              path='description'
            >
              <NInput
                clearable
                v-model={[this.model.description, 'value']}
                placeholder={this.t(
                  'project.synchronization_definition.task_describe_tips'
                )}
                maxlength={50}
              />
            </NFormItem>
            <NFormItem
              label={this.t(
                'project.synchronization_definition.business_model'
              )}
              path='businessModel'
            >
              <NRadioGroup v-model={[this.model.jobType, 'value']}>
                <NSpace>
                  <NRadio key='wholeLibrarySync' value='DATA_REPLICA'>
                    {this.t(
                      'project.synchronization_definition.whole_library_sync'
                    )}
                  </NRadio>
                  <NRadio key='dataIntegration' value='DATA_INTEGRATION'>
                    {this.t(
                      'project.synchronization_definition.data_integration'
                    )}
                  </NRadio>
                </NSpace>
              </NRadioGroup>
            </NFormItem>
          </NForm>
        </Modal>
      </template>
    )
  }