From bc93563d12d3ca25a6022552cf43e3425e65c02c Mon Sep 17 00:00:00 2001
From: jackhoo_98 <jackhoo_98@foxmail.com>
Date: Fri, 17 Feb 2023 18:14:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BD=91=E7=BB=9C=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=20=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=EF=BC=8C=E5=85=B1=E4=BA=AB/=E7=8B=AC=E7=AB=8B=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E8=A1=A8=E5=8D=95=E6=A0=A1=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/link/Type/Detail/index copy.vue | 2238 --------------
 src/views/link/Type/Detail/index.vue      | 3267 ++++++++-------------
 src/views/link/Type/data.ts               |  216 +-
 src/views/link/Type/type.d.ts             |   63 +-
 4 files changed, 1390 insertions(+), 4394 deletions(-)
 delete mode 100644 src/views/link/Type/Detail/index copy.vue

diff --git a/src/views/link/Type/Detail/index copy.vue b/src/views/link/Type/Detail/index copy.vue
deleted file mode 100644
index fca55914..00000000
--- a/src/views/link/Type/Detail/index copy.vue	
+++ /dev/null
@@ -1,2238 +0,0 @@
-<template>
-    <page-container>
-        <a-card>
-            <div class="steps-box">
-                <a-form
-                    :model="formState"
-                    ref="formRef1"
-                    name="basic"
-                    autocomplete="off"
-                    layout="vertical"
-                >
-                    <a-row :gutter="[24, 24]">
-                        <a-col :span="12">
-                            <a-form-item
-                                label="名称"
-                                name="name"
-                                :rules="[
-                                    {
-                                        required: true,
-                                        message: '请输入名称',
-                                    },
-                                    {
-                                        max: 64,
-                                        message: '最大可输入64个字符',
-                                    },
-                                ]"
-                            >
-                                <a-input
-                                    v-model:value="formState.name"
-                                    placeholder="请输入名称"
-                                />
-                            </a-form-item>
-                        </a-col>
-                        <a-col :span="12">
-                            <a-form-item
-                                label="类型"
-                                name="type"
-                                :rules="[
-                                    {
-                                        required: true,
-                                        message: '请选择类型',
-                                    },
-                                ]"
-                            >
-                                <a-select
-                                    v-model:value="formState.type"
-                                    :options="typeOption"
-                                    placeholder="请选择类型"
-                                    allowClear
-                                    show-search
-                                    :filter-option="filterOption"
-                                />
-                            </a-form-item>
-                        </a-col>
-                    </a-row>
-
-                    <a-form-item
-                        name="shareCluster"
-                        :rules="[
-                            {
-                                required: true,
-                                message: '请选择集群',
-                            },
-                        ]"
-                    >
-                        <div class="form-label">
-                            集群
-                            <span class="form-label-required">*</span>
-                            <a-tooltip>
-                                <template #title>
-                                    <p>共享配置:集群下所有节点共用同一配置</p>
-                                    <p>独立配置:集群下不同节点使用不同配置</p>
-                                </template>
-                                <question-circle-outlined />
-                            </a-tooltip>
-                        </div>
-
-                        <a-radio-group
-                            v-model:value="formState.shareCluster"
-                            button-style="solid"
-                        >
-                            <a-radio-button :value="true"
-                                >共享配置</a-radio-button
-                            >
-                            <a-radio-button :value="false"
-                                >独立配置</a-radio-button
-                            >
-                        </a-radio-group>
-                    </a-form-item>
-                    <div v-if="formState.shareCluster" class="form-item1">
-                        <a-row :gutter="[24, 0]">
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('host', formState.type)"
-                            >
-                                <a-form-item
-                                    :name="['configuration', 'host']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请选择本地地址',
-                                        },
-                                        {
-                                            pattern:
-                                                Validator.regIp ||
-                                                Validator.regDomain,
-                                            message: '请输入IP或者域名',
-                                        },
-                                    ]"
-                                >
-                                    <div class="form-label">
-                                        本地地址
-                                        <span class="form-label-required"
-                                            >*</span
-                                        >
-                                        <a-tooltip>
-                                            <template #title>
-                                                <p>
-                                                    绑定到服务器上的网卡地址,绑定到所有网卡:0.0.0.0
-                                                </p>
-                                            </template>
-                                            <question-circle-outlined />
-                                        </a-tooltip>
-                                    </div>
-                                    <a-select
-                                        v-model:value="
-                                            formState.configuration.host
-                                        "
-                                        :disabled="true"
-                                        show-search
-                                        :filter-option="filterOption"
-                                    >
-                                        <a-select-option value="0.0.0.0"
-                                            >0.0.0.0</a-select-option
-                                        >
-                                    </a-select>
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('port', formState.type)"
-                            >
-                                <a-form-item
-                                    :name="['configuration', 'port']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请选择本地端口',
-                                        },
-                                    ]"
-                                >
-                                    <div class="form-label">
-                                        本地端口
-                                        <span class="form-label-required"
-                                            >*</span
-                                        >
-                                        <a-tooltip>
-                                            <template #title>
-                                                <p>监听指定端口的请求</p>
-                                            </template>
-                                            <question-circle-outlined />
-                                        </a-tooltip>
-                                    </div>
-
-                                    <a-select
-                                        v-model:value="
-                                            formState.configuration.port
-                                        "
-                                        :options="sipList"
-                                        placeholder="请选择本地端口"
-                                        allowClear
-                                        show-search
-                                        :filter-option="filterOption"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('publicHost', formState.type)"
-                            >
-                                <a-form-item
-                                    :name="['configuration', 'publicHost']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入公网地址',
-                                        },
-                                        {
-                                            pattern:
-                                                Validator.regIp ||
-                                                Validator.regDomain,
-                                            message: '请输入IP或者域名',
-                                        },
-                                    ]"
-                                >
-                                    <div class="form-label">
-                                        公网地址
-                                        <span class="form-label-required"
-                                            >*</span
-                                        >
-                                        <a-tooltip>
-                                            <template #title>
-                                                <p>
-                                                    对外提供访问的地址,内网环境时填写服务器的内网IP地址
-                                                </p>
-                                            </template>
-                                            <question-circle-outlined />
-                                        </a-tooltip>
-                                    </div>
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration.publicHost
-                                        "
-                                        placeholder="请输入公网地址"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('publicPort', formState.type)"
-                            >
-                                <a-form-item
-                                    :name="['configuration', 'publicPort']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入公网端口',
-                                        },
-                                        {
-                                            pattern: Validator.regOnlyNumber,
-                                            message:
-                                                '请输入1-65535之间的正整数',
-                                        },
-                                    ]"
-                                >
-                                    <div class="form-label">
-                                        公网端口
-                                        <span class="form-label-required"
-                                            >*</span
-                                        >
-                                        <a-tooltip>
-                                            <template #title>
-                                                <p>对外提供访问的端口</p>
-                                            </template>
-                                            <question-circle-outlined />
-                                        </a-tooltip>
-                                    </div>
-
-                                    <a-input-number
-                                        style="width: 100%"
-                                        placeholder="请输入公网端口"
-                                        v-model:value="
-                                            formState.configuration.publicPort
-                                        "
-                                        :min="1"
-                                        :max="65535"
-                                    />
-                                </a-form-item>
-                            </a-col>
-
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('remoteHost', formState.type)"
-                            >
-                                <a-form-item
-                                    label="远程地址"
-                                    :name="['configuration', 'remoteHost']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入远程地址',
-                                        },
-                                        {
-                                            pattern:
-                                                Validator.regIp ||
-                                                Validator.regDomain,
-                                            message: '请输入IP或者域名',
-                                        },
-                                    ]"
-                                >
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration.remoteHost
-                                        "
-                                        placeholder="请输入远程地址"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('remotePort', formState.type)"
-                            >
-                                <a-form-item
-                                    label="远程端口"
-                                    :name="['configuration', 'remotePort']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '输入远程端口',
-                                        },
-                                        {
-                                            pattern: Validator.regOnlyNumber,
-                                            message:
-                                                '请输入1-65535之间的正整数',
-                                        },
-                                    ]"
-                                >
-                                    <a-input-number
-                                        style="width: 100%"
-                                        placeholder="请输入远程端口"
-                                        v-model:value="
-                                            formState.configuration.remotePort
-                                        "
-                                        :min="1"
-                                        :max="65535"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('clientId', formState.type)"
-                            >
-                                <a-form-item
-                                    label="clientId"
-                                    :name="['configuration', 'clientId']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入ClientId',
-                                        },
-                                        {
-                                            max: 64,
-                                            message: '最大可输入64个字符',
-                                        },
-                                    ]"
-                                >
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration.clientId
-                                        "
-                                        placeholder="请输入ClientId"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('username', formState.type)"
-                            >
-                                <a-form-item
-                                    label="用户名"
-                                    :name="['configuration', 'username']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入用户名',
-                                        },
-                                        {
-                                            max: 64,
-                                            message: '最大可输入64个字符',
-                                        },
-                                    ]"
-                                >
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration.username
-                                        "
-                                        placeholder="请输入用户名"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('password', formState.type)"
-                            >
-                                <a-form-item
-                                    label="密码"
-                                    :name="['configuration', 'password']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入密码',
-                                        },
-                                        {
-                                            max: 64,
-                                            message: '最大可输入64个字符',
-                                        },
-                                    ]"
-                                >
-                                    <a-input-password
-                                        v-model:value="
-                                            formState.configuration.password
-                                        "
-                                        placeholder="请输入密码"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('topicPrefix', formState.type)"
-                            >
-                                <a-form-item
-                                    :name="['configuration', 'topicPrefix']"
-                                    :rules="[
-                                        {
-                                            max: 64,
-                                            message: '最大可输入64个字符',
-                                        },
-                                    ]"
-                                >
-                                    <div class="form-label">
-                                        订阅前缀
-                                        <span class="form-label-required"
-                                            >*</span
-                                        >
-                                        <a-tooltip>
-                                            <template #title>
-                                                <p>
-                                                    当连接的服务为EMQ时,可能需要使用共享的订阅前缀,如:$queue或$share
-                                                </p>
-                                            </template>
-                                            <question-circle-outlined />
-                                        </a-tooltip>
-                                    </div>
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration.topicPrefix
-                                        "
-                                        placeholder="请输入订阅前缀"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="
-                                    isVisible('maxMessageSize', formState.type)
-                                "
-                            >
-                                <a-form-item
-                                    :name="['configuration', 'maxMessageSize']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入最大消息长度',
-                                        },
-                                    ]"
-                                >
-                                    <div class="form-label">
-                                        最大消息长度
-                                        <span class="form-label-required"
-                                            >*</span
-                                        >
-                                        <a-tooltip>
-                                            <template #title>
-                                                <p>
-                                                    单次收发消息的最大长度,单位:字节;设置过大可能会影响性能
-                                                </p>
-                                            </template>
-                                            <question-circle-outlined />
-                                        </a-tooltip>
-                                    </div>
-                                    <a-input-number
-                                        style="width: 100%"
-                                        v-model:value="
-                                            formState.configuration
-                                                .maxMessageSize
-                                        "
-                                        placeholder="请输入最大消息长度"
-                                        :min="1024"
-                                        :max="1073741824"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="
-                                    isVisible('secureSpan12', formState.type)
-                                        ? '12'
-                                        : '24'
-                                "
-                            >
-                                <a-form-item
-                                    :label="
-                                        isVisible('secure', formState.type)
-                                            ? '开启TLS'
-                                            : '开启DTLS'
-                                    "
-                                    :name="['configuration', 'secure']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                        },
-                                    ]"
-                                >
-                                    <a-radio-group
-                                        v-model:value="
-                                            formState.configuration.secure
-                                        "
-                                    >
-                                        <a-radio :value="true">是</a-radio>
-                                        <a-radio :value="false">否</a-radio>
-                                    </a-radio-group>
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="formState.configuration.secure"
-                            >
-                                <a-form-item
-                                    label="证书"
-                                    :name="['configuration', 'certId']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请选择证书',
-                                        },
-                                    ]"
-                                >
-                                    <a-select
-                                        v-model:value="
-                                            formState.configuration.certId
-                                        "
-                                        :options="sipList"
-                                        placeholder="请选择证书"
-                                        allowClear
-                                        show-search
-                                        :filter-option="filterOption"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="formState.configuration.secure"
-                            >
-                                <a-form-item
-                                    label="私钥别名"
-                                    :name="['configuration', 'privateKeyAlias']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入私钥别名',
-                                        },
-                                        {
-                                            max: 64,
-                                            message: '最大可输入64个字符',
-                                        },
-                                    ]"
-                                >
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration
-                                                .privateKeyAlias
-                                        "
-                                        placeholder="请输入私钥别名"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="24"
-                                v-if="isVisible('parserType', formState.type)"
-                            >
-                                <a-form-item
-                                    :name="['configuration', 'parserType']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请选择粘拆包规则',
-                                        },
-                                    ]"
-                                >
-                                    <div class="form-label">
-                                        粘拆包规则
-                                        <span class="form-label-required"
-                                            >*</span
-                                        >
-                                        <a-tooltip>
-                                            <template #title>
-                                                <p>处理TCP粘拆包的方式</p>
-                                            </template>
-                                            <question-circle-outlined />
-                                        </a-tooltip>
-                                    </div>
-                                    <a-select
-                                        style="width: 48.5%"
-                                        v-model:value="
-                                            formState.configuration.parserType
-                                        "
-                                        :options="ParserTypeOptions"
-                                        placeholder="请选择粘拆包规则"
-                                        allowClear
-                                        show-search
-                                        :filter-option="filterOption"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="
-                                    isVisible(
-                                        'delimited',
-                                        formState.configuration.parserType,
-                                    )
-                                "
-                            >
-                                <a-form-item
-                                    label="分隔符"
-                                    :name="[
-                                        'configuration',
-                                        'parserConfiguration',
-                                        'delimited',
-                                    ]"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入分隔符',
-                                        },
-                                        {
-                                            max: 64,
-                                            message: '最大可输入64个字符',
-                                        },
-                                    ]"
-                                >
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration
-                                                .parserConfiguration.delimited
-                                        "
-                                        placeholder="请输入分隔符"
-                                    />
-                                </a-form-item>
-                            </a-col>
-
-                            <a-col
-                                :span="24"
-                                v-if="
-                                    isVisible(
-                                        'lang',
-                                        formState.configuration.parserType,
-                                    )
-                                "
-                            >
-                                <a-form-item
-                                    v-show="false"
-                                    label="脚本语言"
-                                    :name="[
-                                        'configuration',
-                                        'parserConfiguration',
-                                        'lang',
-                                    ]"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请选择脚本语言',
-                                        },
-                                        {
-                                            max: 64,
-                                            message: '最大可输入64个字符',
-                                        },
-                                    ]"
-                                >
-                                    <a-select
-                                        v-model:value="
-                                            formState.configuration
-                                                .parserConfiguration.lang
-                                        "
-                                        show-search
-                                        :filter-option="filterOption"
-                                    >
-                                        <a-select-option
-                                            :value="
-                                                formState.configuration
-                                                    .parserType === 'SCRIPT'
-                                                    ? 'javascript'
-                                                    : ''
-                                            "
-                                            >javascript</a-select-option
-                                        >
-                                    </a-select>
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="24"
-                                v-if="
-                                    isVisible(
-                                        'script',
-                                        formState.configuration.parserType,
-                                    )
-                                "
-                            >
-                                <a-form-item
-                                    label="解析脚本"
-                                    :name="[
-                                        'configuration',
-                                        'parserConfiguration',
-                                        'script',
-                                    ]"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入脚本',
-                                        },
-                                    ]"
-                                >
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration
-                                                .parserConfiguration.script
-                                        "
-                                        placeholder="请输入脚本"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="
-                                    isVisible(
-                                        'size',
-                                        formState.configuration.parserType,
-                                    )
-                                "
-                            >
-                                <a-form-item
-                                    label="长度值"
-                                    :name="[
-                                        'configuration',
-                                        'parserConfiguration',
-                                        'size',
-                                    ]"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入长度值',
-                                        },
-                                    ]"
-                                >
-                                    <a-input-number
-                                        style="width: 100%"
-                                        v-model:value="
-                                            formState.configuration
-                                                .parserConfiguration.size
-                                        "
-                                        placeholder="请输入长度值"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="
-                                    isVisible(
-                                        'length',
-                                        formState.configuration.parserType,
-                                    )
-                                "
-                            >
-                                <a-form-item
-                                    label="长度"
-                                    :name="[
-                                        'configuration',
-                                        'parserConfiguration',
-                                        'length',
-                                    ]"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请选择长度',
-                                        },
-                                    ]"
-                                >
-                                    <a-select
-                                        style="width: 100%"
-                                        v-model:value="
-                                            formState.configuration
-                                                .parserConfiguration.length
-                                        "
-                                        :options="LengthOptions"
-                                        placeholder="请选择长度"
-                                        allowClear
-                                        show-search
-                                        :filter-option="filterOption"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="
-                                    isVisible(
-                                        'offset',
-                                        formState.configuration.parserType,
-                                    )
-                                "
-                            >
-                                <a-form-item
-                                    label="偏移量"
-                                    :name="[
-                                        'configuration',
-                                        'parserConfiguration',
-                                        'offset',
-                                    ]"
-                                    :rules="[
-                                        {
-                                            pattern: Validator.regOnlyNumber,
-                                            message:
-                                                '请输入0-65535之间的正整数',
-                                        },
-                                    ]"
-                                >
-                                    <a-input-number
-                                        style="width: 100%"
-                                        v-model:value="
-                                            formState.configuration
-                                                .parserConfiguration.offset
-                                        "
-                                        placeholder="请输入偏移量"
-                                        :min="0"
-                                        :max="65535"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="
-                                    isVisible(
-                                        'little',
-                                        formState.configuration.parserType,
-                                    )
-                                "
-                            >
-                                <a-form-item
-                                    label="大小端"
-                                    :name="[
-                                        'configuration',
-                                        'parserConfiguration',
-                                        'little',
-                                    ]"
-                                >
-                                    <a-select
-                                        style="width: 100%"
-                                        v-model:value="
-                                            formState.configuration
-                                                .parserConfiguration.little
-                                        "
-                                        :options="LittleOptions"
-                                        placeholder="请选择大小端"
-                                        allowClear
-                                        show-search
-                                        :filter-option="filterOption"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                        </a-row>
-                    </div>
-                    <a-row :gutter="[24, 24]" v-if="formState.shareCluster">
-                        <a-col :span="24">
-                            <a-form-item label="说明" name="description">
-                                <a-textarea
-                                    v-model:value="formState.description"
-                                    show-count
-                                    :maxlength="200"
-                                    :rows="4"
-                                /> </a-form-item
-                        ></a-col>
-                    </a-row>
-                </a-form>
-                <div v-if="!formState.shareCluster" class="form-item2">
-                    <a-form
-                        ref="formRef2"
-                        layout="vertical"
-                        name="dynamic_form_nest_item"
-                        :model="dynamicValidateForm"
-                    >
-                        <div
-                            v-for="(
-                                cluster, index
-                            ) in dynamicValidateForm.cluster"
-                            :key="cluster.id"
-                        >
-                            <a-collapse v-model:activeKey="activeKey">
-                                <a-collapse-panel
-                                    :key="cluster.id"
-                                    :header="`#${index + 1}.节点`"
-                                >
-                                    <template #extra>
-                                        <delete-outlined
-                                            @click="removeCluster(cluster)"
-                                        />
-                                    </template>
-
-                                    <a-row :gutter="[24, 0]">
-                                        <a-col :span="12">
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'serverId',
-                                                ]"
-                                            >
-                                                <div class="form-label">
-                                                    节点名称
-                                                </div>
-                                                <a-select
-                                                    v-model:value="
-                                                        cluster.serverId
-                                                    "
-                                                    :options="clustersList"
-                                                    placeholder="请选择节点名称"
-                                                    allowClear
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
-                                                    "
-                                                >
-                                                </a-select>
-                                            </a-form-item>
-                                        </a-col>
-
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'host',
-                                                    formState.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'host',
-                                                ]"
-                                                :rules="{
-                                                    required: true,
-                                                    message: '请选择本地地址',
-                                                }"
-                                            >
-                                                <div class="form-label">
-                                                    本地地址
-                                                    <span
-                                                        class="form-label-required"
-                                                        >*</span
-                                                    >
-                                                    <a-tooltip>
-                                                        <template #title>
-                                                            <p>
-                                                                绑定到服务器上的网卡地址,绑定到所有网卡:0.0.0.0
-                                                            </p>
-                                                        </template>
-                                                        <question-circle-outlined />
-                                                    </a-tooltip>
-                                                </div>
-
-                                                <a-select
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .host
-                                                    "
-                                                    :options="sipListOption"
-                                                    placeholder="本地地址"
-                                                    allowClear
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
-                                                    "
-                                                    @change="
-                                                        handleChangeForm2Sip(
-                                                            index,
-                                                        )
-                                                    "
-                                                >
-                                                </a-select>
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'port',
-                                                    formState.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'port',
-                                                ]"
-                                                :rules="{
-                                                    required: true,
-                                                    message: '请选择本地端口',
-                                                }"
-                                            >
-                                                <div class="form-label">
-                                                    本地端口
-                                                    <span
-                                                        class="form-label-required"
-                                                        >*</span
-                                                    >
-                                                    <a-tooltip>
-                                                        <template #title>
-                                                            <p>
-                                                                监听指定端口的请求
-                                                            </p>
-                                                        </template>
-                                                        <question-circle-outlined />
-                                                    </a-tooltip>
-                                                </div>
-                                                <a-select
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .port
-                                                    "
-                                                    :options="
-                                                        sipListIndex[index]
-                                                    "
-                                                    placeholder="请选择本地端口"
-                                                    allowClear
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
-                                                    "
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'publicHost',
-                                                    formState.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'publicHost',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请输入公网地址',
-                                                    },
-                                                    {
-                                                        pattern:
-                                                            Validator.regIp ||
-                                                            Validator.regDomain,
-                                                        message:
-                                                            '请输入IP或者域名',
-                                                    },
-                                                ]"
-                                            >
-                                                <div class="form-label">
-                                                    公网地址
-                                                    <span
-                                                        class="form-label-required"
-                                                        >*</span
-                                                    >
-                                                    <a-tooltip>
-                                                        <template #title>
-                                                            <p>
-                                                                对外提供访问的地址,内网环境时填写服务器的内网IP地址
-                                                            </p>
-                                                        </template>
-                                                        <question-circle-outlined />
-                                                    </a-tooltip>
-                                                </div>
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .publicHost
-                                                    "
-                                                    placeholder="请输入公网地址"
-                                                    allowClear
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'publicPort',
-                                                    formState.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'publicPort',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请输入公网端口',
-                                                    },
-                                                    {
-                                                        pattern:
-                                                            Validator.regOnlyNumber,
-                                                        message:
-                                                            '请输入1-65535之间的正整数',
-                                                    },
-                                                ]"
-                                            >
-                                                <div class="form-label">
-                                                    公网端口
-                                                    <span
-                                                        class="form-label-required"
-                                                        >*</span
-                                                    >
-                                                    <a-tooltip>
-                                                        <template #title>
-                                                            <p>
-                                                                对外提供访问的端口
-                                                            </p>
-                                                        </template>
-                                                        <question-circle-outlined />
-                                                    </a-tooltip>
-                                                </div>
-
-                                                <a-input-number
-                                                    style="width: 100%"
-                                                    placeholder="请输入公网端口"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .publicPort
-                                                    "
-                                                    :min="1"
-                                                    :max="65535"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'remoteHost',
-                                                    formState.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="远程地址"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'remoteHost',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请输入远程地址',
-                                                    },
-                                                    {
-                                                        pattern:
-                                                            Validator.regIp ||
-                                                            Validator.regDomain,
-                                                        message:
-                                                            '请输入IP或者域名',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .configuration
-                                                            .remoteHost
-                                                    "
-                                                    placeholder="请输入远程地址"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'remotePort',
-                                                    formState.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="远程端口"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'remotePort',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '输入远程端口',
-                                                    },
-                                                    {
-                                                        pattern:
-                                                            Validator.regOnlyNumber,
-                                                        message:
-                                                            '请输入1-65535之间的正整数',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input-number
-                                                    style="width: 100%"
-                                                    placeholder="请输入远程端口"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .remotePort
-                                                    "
-                                                    :min="1"
-                                                    :max="65535"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'clientId',
-                                                    formState.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="clientId"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'clientId',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请输入ClientId',
-                                                    },
-                                                    {
-                                                        max: 64,
-                                                        message:
-                                                            '最大可输入64个字符',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .clientId
-                                                    "
-                                                    placeholder="请输入ClientId"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'username',
-                                                    formState.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="用户名"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'username',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '请输入用户名',
-                                                    },
-                                                    {
-                                                        max: 64,
-                                                        message:
-                                                            '最大可输入64个字符',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .username
-                                                    "
-                                                    placeholder="请输入用户名"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'password',
-                                                    formState.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="密码"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'password',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '请输入密码',
-                                                    },
-                                                    {
-                                                        max: 64,
-                                                        message:
-                                                            '最大可输入64个字符',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input-password
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .password
-                                                    "
-                                                    placeholder="请输入密码"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'topicPrefix',
-                                                    formState.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'topicPrefix',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        max: 64,
-                                                        message:
-                                                            '最大可输入64个字符',
-                                                    },
-                                                ]"
-                                            >
-                                                <div class="form-label">
-                                                    订阅前缀
-                                                    <span
-                                                        class="form-label-required"
-                                                        >*</span
-                                                    >
-                                                    <a-tooltip>
-                                                        <template #title>
-                                                            <p>
-                                                                当连接的服务为EMQ时,可能需要使用共享的订阅前缀,如:$queue或$share
-                                                            </p>
-                                                        </template>
-                                                        <question-circle-outlined />
-                                                    </a-tooltip>
-                                                </div>
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .topicPrefix
-                                                    "
-                                                    placeholder="请输入订阅前缀"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'maxMessageSize',
-                                                    formState.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'maxMessageSize',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请输入最大消息长度',
-                                                    },
-                                                ]"
-                                            >
-                                                <div class="form-label">
-                                                    最大消息长度
-                                                    <span
-                                                        class="form-label-required"
-                                                        >*</span
-                                                    >
-                                                    <a-tooltip>
-                                                        <template #title>
-                                                            <p>
-                                                                单次收发消息的最大长度,单位:字节;设置过大可能会影响性能
-                                                            </p>
-                                                        </template>
-                                                        <question-circle-outlined />
-                                                    </a-tooltip>
-                                                </div>
-                                                <a-input-number
-                                                    style="width: 100%"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .maxMessageSize
-                                                    "
-                                                    placeholder="请输入最大消息长度"
-                                                    :min="1024"
-                                                    :max="1073741824"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="
-                                                isVisible(
-                                                    'secureSpan12',
-                                                    formState.type,
-                                                )
-                                                    ? '12'
-                                                    : '24'
-                                            "
-                                        >
-                                            <a-form-item
-                                                :label="
-                                                    isVisible(
-                                                        'secure',
-                                                        formState.type,
-                                                    )
-                                                        ? '开启TLS'
-                                                        : '开启DTLS'
-                                                "
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'secure',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                    },
-                                                ]"
-                                            >
-                                                <a-radio-group
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .secure
-                                                    "
-                                                >
-                                                    <a-radio :value="true"
-                                                        >是</a-radio
-                                                    >
-                                                    <a-radio :value="false"
-                                                        >否</a-radio
-                                                    >
-                                                </a-radio-group>
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="cluster.configuration.secure"
-                                        >
-                                            <a-form-item
-                                                label="证书"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'certId',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '请选择证书',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-select
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .certId
-                                                    "
-                                                    :options="sipList"
-                                                    placeholder="请选择证书"
-                                                    allowClear
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
-                                                    "
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="cluster.configuration.secure"
-                                        >
-                                            <a-form-item
-                                                label="私钥别名"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'privateKeyAlias',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请输入私钥别名',
-                                                    },
-                                                    {
-                                                        max: 64,
-                                                        message:
-                                                            '最大可输入64个字符',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .privateKeyAlias
-                                                    "
-                                                    placeholder="请输入私钥别名"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="24"
-                                            v-if="
-                                                isVisible(
-                                                    'parserType',
-                                                    formState.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserType',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请选择粘拆包规则',
-                                                    },
-                                                ]"
-                                            >
-                                                <div class="form-label">
-                                                    粘拆包规则
-                                                    <span
-                                                        class="form-label-required"
-                                                        >*</span
-                                                    >
-                                                    <a-tooltip>
-                                                        <template #title>
-                                                            <p>
-                                                                处理TCP粘拆包的方式
-                                                            </p>
-                                                        </template>
-                                                        <question-circle-outlined />
-                                                    </a-tooltip>
-                                                </div>
-                                                <a-select
-                                                    style="width: 48.5%"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserType
-                                                    "
-                                                    :options="ParserTypeOptions"
-                                                    placeholder="请选择粘拆包规则"
-                                                    allowClear
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
-                                                    "
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'delimited',
-                                                    cluster.configuration
-                                                        .parserType,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="分隔符"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserConfiguration',
-                                                    'delimited',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '请输入分隔符',
-                                                    },
-                                                    {
-                                                        max: 64,
-                                                        message:
-                                                            '最大可输入64个字符',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserConfiguration
-                                                            .delimited
-                                                    "
-                                                    placeholder="请输入分隔符"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="24"
-                                            v-if="
-                                                isVisible(
-                                                    'lang',
-                                                    cluster.configuration
-                                                        .parserType,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                v-show="false"
-                                                label="脚本语言"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserConfiguration',
-                                                    'lang',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请选择脚本语言',
-                                                    },
-                                                    {
-                                                        max: 64,
-                                                        message:
-                                                            '最大可输入64个字符',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-select
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserConfiguration
-                                                            .lang
-                                                    "
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
-                                                    "
-                                                >
-                                                    <a-select-option
-                                                        :value="
-                                                            cluster
-                                                                .configuration
-                                                                .parserType ===
-                                                            'SCRIPT'
-                                                                ? 'javascript'
-                                                                : ''
-                                                        "
-                                                        >javascript</a-select-option
-                                                    >
-                                                </a-select>
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="24"
-                                            v-if="
-                                                isVisible(
-                                                    'script',
-                                                    cluster.configuration
-                                                        .parserType,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="解析脚本"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserConfiguration',
-                                                    'script',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '请输入脚本',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserConfiguration
-                                                            .script
-                                                    "
-                                                    placeholder="请输入脚本"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'size',
-                                                    cluster.configuration
-                                                        .parserType,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="长度值"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserConfiguration',
-                                                    'size',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '请输入长度值',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input-number
-                                                    style="width: 100%"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserConfiguration
-                                                            .size
-                                                    "
-                                                    placeholder="请输入长度值"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'length',
-                                                    cluster.configuration
-                                                        .parserType,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="长度"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserConfiguration',
-                                                    'length',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '请选择长度',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-select
-                                                    style="width: 100%"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserConfiguration
-                                                            .length
-                                                    "
-                                                    :options="LengthOptions"
-                                                    placeholder="请选择长度"
-                                                    allowClear
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
-                                                    "
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'offset',
-                                                    cluster.configuration
-                                                        .parserType,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="偏移量"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserConfiguration',
-                                                    'offset',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        pattern:
-                                                            Validator.regOnlyNumber,
-                                                        message:
-                                                            '请输入0-65535之间的正整数',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input-number
-                                                    style="width: 100%"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserConfiguration
-                                                            .offset
-                                                    "
-                                                    placeholder="请输入偏移量"
-                                                    :min="0"
-                                                    :max="65535"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'little',
-                                                    cluster.configuration
-                                                        .parserType,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="大小端"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserConfiguration',
-                                                    'little',
-                                                ]"
-                                            >
-                                                <a-select
-                                                    style="width: 100%"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserConfiguration
-                                                            .little
-                                                    "
-                                                    :options="LittleOptions"
-                                                    placeholder="请选择大小端"
-                                                    allowClear
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
-                                                    "
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                    </a-row>
-                                </a-collapse-panel>
-                            </a-collapse>
-                        </div>
-
-                        <a-form-item>
-                            <a-button
-                                style="margin-top: 10px"
-                                type="dashed"
-                                block
-                                @click="addCluster"
-                            >
-                                <PlusOutlined />
-                                新增
-                            </a-button>
-                        </a-form-item>
-                        <a-row
-                            :gutter="[24, 24]"
-                            v-if="!formState.shareCluster"
-                        >
-                            <a-col :span="24">
-                                <a-form-item label="说明" name="description">
-                                    <a-textarea
-                                        v-model:value="formState.description"
-                                        show-count
-                                        :maxlength="200"
-                                        :rows="4"
-                                    /> </a-form-item
-                            ></a-col>
-                        </a-row>
-                    </a-form>
-                </div>
-            </div>
-            <div class="steps-action">
-                <a-button
-                    v-if="view === 'false'"
-                    type="primary"
-                    @click="saveData"
-                >
-                    保存
-                </a-button>
-            </div>
-        </a-card>
-
-        <!-- <div class="steps-action">
-            <a-button
-                v-if="[0].includes(current)"
-                style="margin-right: 8px"
-                @click="next"
-            >
-                下一步
-            </a-button>
-            <a-button
-                v-if="current === 1 && view === 'false'"
-                type="primary"
-                style="margin-right: 8px"
-                @click="saveData"
-            >
-                保存
-            </a-button>
-            <a-button v-if="current > 0" @click="prev"> 上一步 </a-button>
-        </div> -->
-    </page-container>
-</template>
-
-<script lang="ts" setup name="TypeDetail">
-import { message, Form } from 'ant-design-vue';
-import type { FormInstance } from 'ant-design-vue';
-import {
-    update,
-    save,
-    resourcesCurrent,
-    resourceClusters,
-    supports,
-} from '@/api/link/type';
-import {
-    DeleteOutlined,
-    PlusOutlined,
-    QuestionCircleOutlined,
-    InfoCircleOutlined,
-} from '@ant-design/icons-vue';
-// import { update, save } from '@/api/link/accessConfig';
-import {
-    FormStates,
-    FormStates2,
-    VisibleData,
-    ParserTypeOptions,
-    isVisible,
-    Validator,
-    LengthOptions,
-    LittleOptions,
-} from '../data';
-import type { Form2 } from '../type';
-
-// interface Form2 {
-//     clusterNodeId: string;
-//     port: string;
-//     host: string;
-//     publicPort: string;
-//     publicHost: string;
-//     id: number;
-// }
-
-const props = defineProps({
-    provider: {
-        type: Object,
-        default: () => {},
-    },
-    data: {
-        type: Object,
-        default: () => {},
-    },
-});
-
-const route = useRoute();
-const view = route.query.view as string;
-const id = route.params.id as string;
-
-const activeKey: any = ref([]);
-const clientHeight = document.body.clientHeight;
-
-const formRef1 = ref<FormInstance>();
-const formRef2 = ref<FormInstance>();
-const useForm = Form.useForm;
-
-const formData = ref({
-    name: '',
-    description: '',
-});
-// let formState = ref<FormState>({
-let formState = ref({
-    ...FormStates,
-});
-
-let params = {
-    configuration: {},
-};
-let sipListConst: any = [];
-const sipListOption = ref([]);
-const sipList = ref([]);
-const sipListIndex: any = ref([]);
-const clustersList = ref([]);
-const typeOption = ref([]);
-
-const dynamicValidateForm = reactive<{ cluster: Form2[] }>({
-    cluster: [],
-});
-
-const removeCluster = (item: Form2) => {
-    let index = dynamicValidateForm.cluster.indexOf(item);
-    if (index !== -1) {
-        dynamicValidateForm.cluster.splice(index, 1);
-    }
-};
-
-const addCluster = () => {
-    const id = Date.now();
-    dynamicValidateForm.cluster.push({
-        ...FormStates2,
-        id,
-    });
-    activeKey.value = [...activeKey.value, id.toString()];
-};
-// const addCluster = () => {
-//     const id = Date.now();
-//     dynamicValidateForm.cluster.push({
-//         ...FormStates2,
-//         id,
-//     });
-//     activeKey.value = [...activeKey.value, id.toString()];
-// };
-
-const filterOption = (input: string, option: any) => {
-    return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
-};
-
-const handleChangeForm2Sip = (index: number) => {
-    dynamicValidateForm.cluster.configuration.port = undefined;
-    const value = dynamicValidateForm.cluster.configuration.host;
-    sipListIndex.value[index] = sipListConst
-        .find((i: any) => i.host === value)
-        ?.portList.map((i: any) => {
-            return {
-                value: JSON.stringify({
-                    host: value,
-                    port: i.port,
-                }),
-                label: `${i.transports.join('/')} (${i.port})`,
-            };
-        });
-};
-
-const saveData = () => {
-    // validate().then(async (values) => {
-    //     params = {
-    //         ...params,
-    //         ...values,
-    //         provider: 'gb28181-2016',
-    //         transport: 'SIP',
-    //         channel: 'gb28181',
-    //     };
-    //     const resp =
-    //         id === ':id' ? await save(params) : await update({ ...params, id });
-    //     if (resp.status === 200) {
-    //         message.success('操作成功！');
-    //         // if (params.get('save')) {
-    //         // if ((window as any).onTabSaveSuccess) {
-    //         //   if (resp.result) {
-    //         //     (window as any).onTabSaveSuccess(resp.result);
-    //         //     setTimeout(() => window.close(), 300);
-    //         //   }
-    //         // }
-    //         //   } else {
-    //         history.back();
-    //         //   }
-    //     }
-    // });
-};
-
-const next = async () => {
-    let data1: any = await formRef1.value?.validate();
-    if (data1.configuration?.port) {
-        const port = JSON.parse(data1.configuration.port).port;
-        data1.configuration.port = port;
-    }
-    if (!data1?.shareCluster) {
-        let data2 = await formRef2.value?.validate();
-        if (data2 && data2?.cluster) {
-            data2.cluster.forEach((i: any) => {
-                i.enabled = true;
-                i.port = JSON.parse(i.port).port;
-            });
-            data1 = {
-                ...data1,
-                ...data2,
-            };
-        }
-    }
-    params.configuration = data1;
-};
-
-const getSupports = async () => {
-    const res = await supports();
-
-    typeOption.value = res.result.map((item) => ({
-        label: item.name,
-        value: item.id,
-    }));
-    console.log(1112, res, typeOption.value);
-
-    // supports().then((resp) =>
-    //   resp.result?.map((item: any) => ({
-    //     label: item.name,
-    //     value: item.id,
-    //   })),
-    // );
-};
-getSupports();
-
-onMounted(() => {
-    resourcesCurrent().then((resp) => {
-        if (resp.status === 200) {
-            sipListConst = resp.result;
-            sipListOption.value = sipListConst.map((i) => ({
-                value: i.host,
-                label: i.host,
-            }));
-
-            sipList.value = sipListConst
-                .find((i) => i.host === '0.0.0.0')
-                ?.portList.map((i) => {
-                    return {
-                        value: JSON.stringify({
-                            host: '0.0.0.0',
-                            port: i.port,
-                        }),
-                        label: `${i.transports.join('/')} (${i.port})`,
-                    };
-                });
-        }
-    });
-
-    resourceClusters().then((resp) => {
-        if (resp.status === 200) {
-            const list = resp.result.map((i) => ({
-                value: i.id,
-                label: i.name,
-            }));
-            clustersList.value = list;
-        }
-    });
-
-    if (id !== ':id') {
-        formState.value = props.data.configuration;
-        formData.value = {
-            name: props.data.name,
-            description: props.data?.description || '',
-        };
-    }
-});
-</script>
-
-<style lang="less" scoped>
-.steps-box {
-    width: 70%;
-    min-height: 400px;
-    .card-item {
-        padding-right: 5px;
-        max-height: 480px;
-        overflow-y: auto;
-        overflow-x: hidden;
-    }
-    .card-last {
-        padding-right: 5px;
-        overflow-y: auto;
-        overflow-x: hidden;
-    }
-}
-.steps-action {
-    width: 100%;
-    margin-top: 24px;
-    margin-left: 20px;
-}
-
-.form-item1 {
-    // background-color: #f6f6f6;
-    border: 1px solid #d9d9d9;
-    padding: 10px;
-    margin-bottom: 20px;
-}
-.form-label {
-    height: 30px;
-    padding-bottom: 8px;
-    .form-label-required {
-        color: red;
-        margin: 0 4px 0 -2px;
-    }
-}
-</style>
diff --git a/src/views/link/Type/Detail/index.vue b/src/views/link/Type/Detail/index.vue
index 3cc498d0..81191769 100644
--- a/src/views/link/Type/Detail/index.vue
+++ b/src/views/link/Type/Detail/index.vue
@@ -1,2025 +1,1084 @@
 <template>
     <page-container>
         <a-card>
-            <div class="steps-box">
-                <!-- <a-form
-                    :model="formState"
-                    ref="formRef1"
-                    name="basic"
-                    autocomplete="off"
-                    layout="vertical"
-                >
-                    <a-row :gutter="[24, 24]">
-                        <a-col :span="12">
-                            <a-form-item
-                                label="名称"
-                                name="name"
-                                :rules="[
-                                    {
-                                        required: true,
-                                        message: '请输入名称',
-                                    },
-                                    {
-                                        max: 64,
-                                        message: '最大可输入64个字符',
-                                    },
-                                ]"
-                            >
-                                <a-input
-                                    v-model:value="formState.name"
-                                    placeholder="请输入名称"
-                                />
-                            </a-form-item>
-                        </a-col>
-                        <a-col :span="12">
-                            <a-form-item
-                                label="类型"
-                                name="type"
-                                :rules="[
-                                    {
-                                        required: true,
-                                        message: '请选择类型',
-                                    },
-                                ]"
-                            >
-                                <a-select
-                                    v-model:value="formState.type"
-                                    :options="typeOption"
-                                    placeholder="请选择类型"
-                                    allowClear
-                                    show-search
-                                    :filter-option="filterOption"
-                                />
-                            </a-form-item>
-                        </a-col>
-                    </a-row>
-
-                    <a-form-item
-                        name="shareCluster"
-                        :rules="[
-                            {
-                                required: true,
-                                message: '请选择集群',
-                            },
-                        ]"
-                    >
-                        <div class="form-label">
-                            集群
-                            <span class="form-label-required">*</span>
-                            <a-tooltip>
-                                <template #title>
-                                    <p>共享配置:集群下所有节点共用同一配置</p>
-                                    <p>独立配置:集群下不同节点使用不同配置</p>
-                                </template>
-                                <question-circle-outlined />
-                            </a-tooltip>
-                        </div>
-
-                        <a-radio-group
-                            v-model:value="formState.shareCluster"
-                            button-style="solid"
+            <div class="steps-content">
+                <div class="steps-box">
+                    <div>
+                        <a-form
+                            :model="formData"
+                            ref="formRef1"
+                            name="basic"
+                            autocomplete="off"
+                            layout="vertical"
                         >
-                            <a-radio-button :value="true"
-                                >共享配置</a-radio-button
-                            >
-                            <a-radio-button :value="false"
-                                >独立配置</a-radio-button
-                            >
-                        </a-radio-group>
-                    </a-form-item>
-                    <div v-if="formState.shareCluster" class="form-item1">
-                        <a-row :gutter="[24, 0]">
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('host', formState.type)"
-                            >
-                                <a-form-item
-                                    :name="['configuration', 'host']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请选择本地地址',
-                                        },
-                                        {
-                                            pattern:
-                                                Validator.regIp ||
-                                                Validator.regDomain,
-                                            message: '请输入IP或者域名',
-                                        },
-                                    ]"
-                                >
-                                    <div class="form-label">
-                                        本地地址
-                                        <span class="form-label-required"
-                                            >*</span
-                                        >
-                                        <a-tooltip>
-                                            <template #title>
-                                                <p>
-                                                    绑定到服务器上的网卡地址,绑定到所有网卡:0.0.0.0
-                                                </p>
-                                            </template>
-                                            <question-circle-outlined />
-                                        </a-tooltip>
-                                    </div>
-                                    <a-select
-                                        v-model:value="
-                                            formState.configuration.host
-                                        "
-                                        :disabled="true"
-                                        show-search
-                                        :filter-option="filterOption"
+                            <a-row :gutter="[24, 0]">
+                                <a-col :span="12">
+                                    <a-form-item
+                                        label="名称"
+                                        name="name"
+                                        :rules="Rules.name"
                                     >
-                                        <a-select-option value="0.0.0.0"
-                                            >0.0.0.0</a-select-option
-                                        >
-                                    </a-select>
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('port', formState.type)"
-                            >
-                                <a-form-item
-                                    :name="['configuration', 'port']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请选择本地端口',
-                                        },
-                                    ]"
-                                >
-                                    <div class="form-label">
-                                        本地端口
-                                        <span class="form-label-required"
-                                            >*</span
-                                        >
-                                        <a-tooltip>
-                                            <template #title>
-                                                <p>监听指定端口的请求</p>
-                                            </template>
-                                            <question-circle-outlined />
-                                        </a-tooltip>
-                                    </div>
-
-                                    <a-select
-                                        v-model:value="
-                                            formState.configuration.port
-                                        "
-                                        :options="sipList"
-                                        placeholder="请选择本地端口"
-                                        allowClear
-                                        show-search
-                                        :filter-option="filterOption"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('publicHost', formState.type)"
-                            >
-                                <a-form-item
-                                    :name="['configuration', 'publicHost']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入公网地址',
-                                        },
-                                        {
-                                            pattern:
-                                                Validator.regIp ||
-                                                Validator.regDomain,
-                                            message: '请输入IP或者域名',
-                                        },
-                                    ]"
-                                >
-                                    <div class="form-label">
-                                        公网地址
-                                        <span class="form-label-required"
-                                            >*</span
-                                        >
-                                        <a-tooltip>
-                                            <template #title>
-                                                <p>
-                                                    对外提供访问的地址,内网环境时填写服务器的内网IP地址
-                                                </p>
-                                            </template>
-                                            <question-circle-outlined />
-                                        </a-tooltip>
-                                    </div>
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration.publicHost
-                                        "
-                                        placeholder="请输入公网地址"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('publicPort', formState.type)"
-                            >
-                                <a-form-item
-                                    :name="['configuration', 'publicPort']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入公网端口',
-                                        },
-                                        {
-                                            pattern: Validator.regOnlyNumber,
-                                            message:
-                                                '请输入1-65535之间的正整数',
-                                        },
-                                    ]"
-                                >
-                                    <div class="form-label">
-                                        公网端口
-                                        <span class="form-label-required"
-                                            >*</span
-                                        >
-                                        <a-tooltip>
-                                            <template #title>
-                                                <p>对外提供访问的端口</p>
-                                            </template>
-                                            <question-circle-outlined />
-                                        </a-tooltip>
-                                    </div>
-
-                                    <a-input-number
-                                        style="width: 100%"
-                                        placeholder="请输入公网端口"
-                                        v-model:value="
-                                            formState.configuration.publicPort
-                                        "
-                                        :min="1"
-                                        :max="65535"
-                                    />
-                                </a-form-item>
-                            </a-col>
-
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('remoteHost', formState.type)"
-                            >
-                                <a-form-item
-                                    label="远程地址"
-                                    :name="['configuration', 'remoteHost']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入远程地址',
-                                        },
-                                        {
-                                            pattern:
-                                                Validator.regIp ||
-                                                Validator.regDomain,
-                                            message: '请输入IP或者域名',
-                                        },
-                                    ]"
-                                >
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration.remoteHost
-                                        "
-                                        placeholder="请输入远程地址"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('remotePort', formState.type)"
-                            >
-                                <a-form-item
-                                    label="远程端口"
-                                    :name="['configuration', 'remotePort']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '输入远程端口',
-                                        },
-                                        {
-                                            pattern: Validator.regOnlyNumber,
-                                            message:
-                                                '请输入1-65535之间的正整数',
-                                        },
-                                    ]"
-                                >
-                                    <a-input-number
-                                        style="width: 100%"
-                                        placeholder="请输入远程端口"
-                                        v-model:value="
-                                            formState.configuration.remotePort
-                                        "
-                                        :min="1"
-                                        :max="65535"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('clientId', formState.type)"
-                            >
-                                <a-form-item
-                                    label="clientId"
-                                    :name="['configuration', 'clientId']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入ClientId',
-                                        },
-                                        {
-                                            max: 64,
-                                            message: '最大可输入64个字符',
-                                        },
-                                    ]"
-                                >
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration.clientId
-                                        "
-                                        placeholder="请输入ClientId"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('username', formState.type)"
-                            >
-                                <a-form-item
-                                    label="用户名"
-                                    :name="['configuration', 'username']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入用户名',
-                                        },
-                                        {
-                                            max: 64,
-                                            message: '最大可输入64个字符',
-                                        },
-                                    ]"
-                                >
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration.username
-                                        "
-                                        placeholder="请输入用户名"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('password', formState.type)"
-                            >
-                                <a-form-item
-                                    label="密码"
-                                    :name="['configuration', 'password']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入密码',
-                                        },
-                                        {
-                                            max: 64,
-                                            message: '最大可输入64个字符',
-                                        },
-                                    ]"
-                                >
-                                    <a-input-password
-                                        v-model:value="
-                                            formState.configuration.password
-                                        "
-                                        placeholder="请输入密码"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="isVisible('topicPrefix', formState.type)"
-                            >
-                                <a-form-item
-                                    :name="['configuration', 'topicPrefix']"
-                                    :rules="[
-                                        {
-                                            max: 64,
-                                            message: '最大可输入64个字符',
-                                        },
-                                    ]"
-                                >
-                                    <div class="form-label">
-                                        订阅前缀
-                                        <span class="form-label-required"
-                                            >*</span
-                                        >
-                                        <a-tooltip>
-                                            <template #title>
-                                                <p>
-                                                    当连接的服务为EMQ时,可能需要使用共享的订阅前缀,如:$queue或$share
-                                                </p>
-                                            </template>
-                                            <question-circle-outlined />
-                                        </a-tooltip>
-                                    </div>
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration.topicPrefix
-                                        "
-                                        placeholder="请输入订阅前缀"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="
-                                    isVisible('maxMessageSize', formState.type)
-                                "
-                            >
-                                <a-form-item
-                                    :name="['configuration', 'maxMessageSize']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入最大消息长度',
-                                        },
-                                    ]"
-                                >
-                                    <div class="form-label">
-                                        最大消息长度
-                                        <span class="form-label-required"
-                                            >*</span
-                                        >
-                                        <a-tooltip>
-                                            <template #title>
-                                                <p>
-                                                    单次收发消息的最大长度,单位:字节;设置过大可能会影响性能
-                                                </p>
-                                            </template>
-                                            <question-circle-outlined />
-                                        </a-tooltip>
-                                    </div>
-                                    <a-input-number
-                                        style="width: 100%"
-                                        v-model:value="
-                                            formState.configuration
-                                                .maxMessageSize
-                                        "
-                                        placeholder="请输入最大消息长度"
-                                        :min="1024"
-                                        :max="1073741824"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="
-                                    isVisible('secureSpan12', formState.type)
-                                        ? '12'
-                                        : '24'
-                                "
-                            >
-                                <a-form-item
-                                    :label="
-                                        isVisible('secure', formState.type)
-                                            ? '开启TLS'
-                                            : '开启DTLS'
-                                    "
-                                    :name="['configuration', 'secure']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                        },
-                                    ]"
-                                >
-                                    <a-radio-group
-                                        v-model:value="
-                                            formState.configuration.secure
-                                        "
-                                    >
-                                        <a-radio :value="true">是</a-radio>
-                                        <a-radio :value="false">否</a-radio>
-                                    </a-radio-group>
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="formState.configuration.secure"
-                            >
-                                <a-form-item
-                                    label="证书"
-                                    :name="['configuration', 'certId']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请选择证书',
-                                        },
-                                    ]"
-                                >
-                                    <a-select
-                                        v-model:value="
-                                            formState.configuration.certId
-                                        "
-                                        :options="sipList"
-                                        placeholder="请选择证书"
-                                        allowClear
-                                        show-search
-                                        :filter-option="filterOption"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="formState.configuration.secure"
-                            >
-                                <a-form-item
-                                    label="私钥别名"
-                                    :name="['configuration', 'privateKeyAlias']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入私钥别名',
-                                        },
-                                        {
-                                            max: 64,
-                                            message: '最大可输入64个字符',
-                                        },
-                                    ]"
-                                >
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration
-                                                .privateKeyAlias
-                                        "
-                                        placeholder="请输入私钥别名"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="24"
-                                v-if="isVisible('parserType', formState.type)"
-                            >
-                                <a-form-item
-                                    :name="['configuration', 'parserType']"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请选择粘拆包规则',
-                                        },
-                                    ]"
-                                >
-                                    <div class="form-label">
-                                        粘拆包规则
-                                        <span class="form-label-required"
-                                            >*</span
-                                        >
-                                        <a-tooltip>
-                                            <template #title>
-                                                <p>处理TCP粘拆包的方式</p>
-                                            </template>
-                                            <question-circle-outlined />
-                                        </a-tooltip>
-                                    </div>
-                                    <a-select
-                                        style="width: 48.5%"
-                                        v-model:value="
-                                            formState.configuration.parserType
-                                        "
-                                        :options="ParserTypeOptions"
-                                        placeholder="请选择粘拆包规则"
-                                        allowClear
-                                        show-search
-                                        :filter-option="filterOption"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="
-                                    isVisible(
-                                        'delimited',
-                                        formState.configuration.parserType,
-                                    )
-                                "
-                            >
-                                <a-form-item
-                                    label="分隔符"
-                                    :name="[
-                                        'configuration',
-                                        'parserConfiguration',
-                                        'delimited',
-                                    ]"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入分隔符',
-                                        },
-                                        {
-                                            max: 64,
-                                            message: '最大可输入64个字符',
-                                        },
-                                    ]"
-                                >
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration
-                                                .parserConfiguration.delimited
-                                        "
-                                        placeholder="请输入分隔符"
-                                    />
-                                </a-form-item>
-                            </a-col>
-
-                            <a-col
-                                :span="24"
-                                v-if="
-                                    isVisible(
-                                        'lang',
-                                        formState.configuration.parserType,
-                                    )
-                                "
-                            >
-                                <a-form-item
-                                    v-show="false"
-                                    label="脚本语言"
-                                    :name="[
-                                        'configuration',
-                                        'parserConfiguration',
-                                        'lang',
-                                    ]"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请选择脚本语言',
-                                        },
-                                        {
-                                            max: 64,
-                                            message: '最大可输入64个字符',
-                                        },
-                                    ]"
-                                >
-                                    <a-select
-                                        v-model:value="
-                                            formState.configuration
-                                                .parserConfiguration.lang
-                                        "
-                                        show-search
-                                        :filter-option="filterOption"
-                                    >
-                                        <a-select-option
-                                            :value="
-                                                formState.configuration
-                                                    .parserType === 'SCRIPT'
-                                                    ? 'javascript'
-                                                    : ''
-                                            "
-                                            >javascript</a-select-option
-                                        >
-                                    </a-select>
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="24"
-                                v-if="
-                                    isVisible(
-                                        'script',
-                                        formState.configuration.parserType,
-                                    )
-                                "
-                            >
-                                <a-form-item
-                                    label="解析脚本"
-                                    :name="[
-                                        'configuration',
-                                        'parserConfiguration',
-                                        'script',
-                                    ]"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入脚本',
-                                        },
-                                    ]"
-                                >
-                                    <a-input
-                                        v-model:value="
-                                            formState.configuration
-                                                .parserConfiguration.script
-                                        "
-                                        placeholder="请输入脚本"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="
-                                    isVisible(
-                                        'size',
-                                        formState.configuration.parserType,
-                                    )
-                                "
-                            >
-                                <a-form-item
-                                    label="长度值"
-                                    :name="[
-                                        'configuration',
-                                        'parserConfiguration',
-                                        'size',
-                                    ]"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入长度值',
-                                        },
-                                    ]"
-                                >
-                                    <a-input-number
-                                        style="width: 100%"
-                                        v-model:value="
-                                            formState.configuration
-                                                .parserConfiguration.size
-                                        "
-                                        placeholder="请输入长度值"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="
-                                    isVisible(
-                                        'length',
-                                        formState.configuration.parserType,
-                                    )
-                                "
-                            >
-                                <a-form-item
-                                    label="长度"
-                                    :name="[
-                                        'configuration',
-                                        'parserConfiguration',
-                                        'length',
-                                    ]"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请选择长度',
-                                        },
-                                    ]"
-                                >
-                                    <a-select
-                                        style="width: 100%"
-                                        v-model:value="
-                                            formState.configuration
-                                                .parserConfiguration.length
-                                        "
-                                        :options="LengthOptions"
-                                        placeholder="请选择长度"
-                                        allowClear
-                                        show-search
-                                        :filter-option="filterOption"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="
-                                    isVisible(
-                                        'offset',
-                                        formState.configuration.parserType,
-                                    )
-                                "
-                            >
-                                <a-form-item
-                                    label="偏移量"
-                                    :name="[
-                                        'configuration',
-                                        'parserConfiguration',
-                                        'offset',
-                                    ]"
-                                    :rules="[
-                                        {
-                                            pattern: Validator.regOnlyNumber,
-                                            message:
-                                                '请输入0-65535之间的正整数',
-                                        },
-                                    ]"
-                                >
-                                    <a-input-number
-                                        style="width: 100%"
-                                        v-model:value="
-                                            formState.configuration
-                                                .parserConfiguration.offset
-                                        "
-                                        placeholder="请输入偏移量"
-                                        :min="0"
-                                        :max="65535"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col
-                                :span="12"
-                                v-if="
-                                    isVisible(
-                                        'little',
-                                        formState.configuration.parserType,
-                                    )
-                                "
-                            >
-                                <a-form-item
-                                    label="大小端"
-                                    :name="[
-                                        'configuration',
-                                        'parserConfiguration',
-                                        'little',
-                                    ]"
-                                >
-                                    <a-select
-                                        style="width: 100%"
-                                        v-model:value="
-                                            formState.configuration
-                                                .parserConfiguration.little
-                                        "
-                                        :options="LittleOptions"
-                                        placeholder="请选择大小端"
-                                        allowClear
-                                        show-search
-                                        :filter-option="filterOption"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                        </a-row>
-                    </div>
-                    <a-row :gutter="[24, 24]" v-if="formState.shareCluster">
-                        <a-col :span="24">
-                            <a-form-item label="说明" name="description">
-                                <a-textarea
-                                    v-model:value="formState.description"
-                                    show-count
-                                    :maxlength="200"
-                                    :rows="4"
-                                /> </a-form-item
-                        ></a-col>
-                    </a-row>
-                </a-form> -->
-                <div class="form-item2">
-                    <!-- <div v-if="!formState.shareCluster" class="form-item2"> -->
-                    <a-form
-                        ref="formRef2"
-                        layout="vertical"
-                        name="dynamic_form_nest_item"
-                        :model="dynamicValidateForm"
-                    >
-                        <a-row :gutter="[24, 24]">
-                            <a-col :span="12">
-                                <a-form-item
-                                    label="名称"
-                                    name="name"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请输入名称',
-                                        },
-                                        {
-                                            max: 64,
-                                            message: '最大可输入64个字符',
-                                        },
-                                    ]"
-                                >
-                                    <a-input
-                                        v-model:value="dynamicValidateForm.name"
-                                        placeholder="请输入名称"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col :span="12">
-                                <a-form-item
-                                    label="类型"
-                                    name="type"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请选择类型',
-                                        },
-                                    ]"
-                                >
-                                    <a-select
-                                        v-model:value="dynamicValidateForm.type"
-                                        :options="typeOption"
-                                        placeholder="请选择类型"
-                                        allowClear
-                                        show-search
-                                        :filter-option="filterOption"
-                                    />
-                                </a-form-item>
-                            </a-col>
-                            <a-col :span="24">
-                                <a-form-item
-                                    name="shareCluster"
-                                    :rules="[
-                                        {
-                                            required: true,
-                                            message: '请选择集群',
-                                        },
-                                    ]"
-                                >
-                                    <div class="form-label">
-                                        集群
-                                        <span class="form-label-required"
-                                            >*</span
-                                        >
-                                        <a-tooltip>
-                                            <template #title>
-                                                <p>
-                                                    共享配置:集群下所有节点共用同一配置
-                                                </p>
-                                                <p>
-                                                    独立配置:集群下不同节点使用不同配置
-                                                </p>
-                                            </template>
-                                            <question-circle-outlined />
-                                        </a-tooltip>
-                                    </div>
-
-                                    <a-radio-group
-                                        v-model:value="
-                                            dynamicValidateForm.shareCluster
-                                        "
-                                        button-style="solid"
-                                        @change="
-                                            changeShareCluster(
-                                                dynamicValidateForm.shareCluster,
-                                            )
-                                        "
-                                    >
-                                        <a-radio-button :value="true"
-                                            >共享配置</a-radio-button
-                                        >
-                                        <a-radio-button :value="false"
-                                            >独立配置</a-radio-button
-                                        >
-                                    </a-radio-group>
-                                </a-form-item></a-col
-                            >
-                        </a-row>
-
-                        <div
-                            v-for="(
-                                cluster, index
-                            ) in dynamicValidateForm.cluster"
-                            :key="cluster.id"
-                        >
-                            <a-collapse v-model:activeKey="activeKey">
-                                <a-collapse-panel
-                                    :key="cluster.id"
-                                    :header="`#${index + 1}.节点`"
-                                >
-                                    <template #extra v-if="!shareCluster">
-                                        <delete-outlined
-                                            @click="removeCluster(cluster)"
+                                        <a-input
+                                            v-model:value="formData.name"
+                                            placeholder="请输入名称"
                                         />
-                                    </template>
-
-                                    <a-row :gutter="[24, 0]">
-                                        <a-col :span="12">
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'serverId',
-                                                ]"
+                                    </a-form-item>
+                                </a-col>
+                                <a-col :span="12">
+                                    <a-form-item
+                                        label="类型"
+                                        name="type"
+                                        :rules="Rules.type"
+                                    >
+                                        <a-select
+                                            v-model:value="formData.type"
+                                            :options="typeOptions"
+                                            placeholder="请选择类型"
+                                            allowClear
+                                            show-search
+                                            :filter-option="filterOption"
+                                            @change="changeType"
+                                        />
+                                    </a-form-item>
+                                </a-col>
+                                <a-col :span="24">
+                                    <a-form-item
+                                        name="shareCluster"
+                                        :rules="Rules.shareCluster"
+                                    >
+                                        <div class="form-label">
+                                            集群
+                                            <span class="form-label-required"
+                                                >*</span
                                             >
-                                                <div class="form-label">
-                                                    节点名称
-                                                </div>
-                                                <a-select
-                                                    v-model:value="
-                                                        cluster.serverId
-                                                    "
-                                                    :options="clustersList"
-                                                    placeholder="请选择节点名称"
-                                                    allowClear
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
-                                                    "
-                                                >
-                                                </a-select>
-                                            </a-form-item>
-                                        </a-col>
+                                            <a-tooltip>
+                                                <template #title>
+                                                    <p>
+                                                        共享配置:集群下所有节点共用同一配置
+                                                    </p>
+                                                    <p>
+                                                        独立配置:集群下不同节点使用不同配置
+                                                    </p>
+                                                </template>
+                                                <question-circle-outlined />
+                                            </a-tooltip>
+                                        </div>
 
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'host',
-                                                    dynamicValidateForm.type,
+                                        <a-radio-group
+                                            v-model:value="
+                                                formData.shareCluster
+                                            "
+                                            button-style="solid"
+                                            @change="
+                                                changeShareCluster(
+                                                    formData.shareCluster,
                                                 )
                                             "
                                         >
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'host',
-                                                ]"
-                                                :rules="{
-                                                    required: true,
-                                                    message: '请选择本地地址',
-                                                }"
+                                            <a-radio-button :value="true"
+                                                >共享配置</a-radio-button
                                             >
-                                                <div class="form-label">
-                                                    本地地址
-                                                    <span
-                                                        class="form-label-required"
-                                                        >*</span
-                                                    >
-                                                    <a-tooltip>
-                                                        <template #title>
-                                                            <p>
-                                                                绑定到服务器上的网卡地址,绑定到所有网卡:0.0.0.0
-                                                            </p>
-                                                        </template>
-                                                        <question-circle-outlined />
-                                                    </a-tooltip>
-                                                </div>
+                                            <a-radio-button :value="false"
+                                                >独立配置</a-radio-button
+                                            >
+                                        </a-radio-group>
+                                    </a-form-item>
+                                </a-col>
+                            </a-row>
 
-                                                <a-select
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .host
+                            <a-form
+                                ref="formRef2"
+                                layout="vertical"
+                                name="dynamic_form_nest_item"
+                                :model="dynamicValidateForm"
+                            >
+                                <div
+                                    v-for="(
+                                        cluster, index
+                                    ) in dynamicValidateForm.cluster"
+                                    :key="cluster.id"
+                                >
+                                    <a-collapse
+                                        v-model:activeKey="activeKey"
+                                        class="collapse"
+                                    >
+                                        <a-collapse-panel
+                                            :key="cluster.id"
+                                            :header="`#${index + 1}.节点`"
+                                        >
+                                            <template
+                                                #extra
+                                                v-if="!shareCluster"
+                                            >
+                                                <delete-outlined
+                                                    @click="
+                                                        removeCluster(cluster)
                                                     "
-                                                    :options="sipListOption"
-                                                    placeholder="本地地址"
-                                                    allowClear
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
-                                                    "
-                                                    @change="
-                                                        handleChangeForm2Sip(
+                                                />
+                                            </template>
+                                            <a-row :gutter="[24, 0]">
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="!shareCluster"
+                                                >
+                                                    <a-form-item
+                                                        :name="[
+                                                            'cluster',
                                                             index,
+                                                            'serverId',
+                                                        ]"
+                                                    >
+                                                        <div class="form-label">
+                                                            节点名称
+                                                        </div>
+                                                        <a-select
+                                                            v-model:value="
+                                                                cluster.serverId
+                                                            "
+                                                            :options="
+                                                                clustersList
+                                                            "
+                                                            placeholder="请选择节点名称"
+                                                            allowClear
+                                                            show-search
+                                                            :filter-option="
+                                                                filterOption
+                                                            "
+                                                        >
+                                                        </a-select>
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'host',
+                                                            formData.type,
                                                         )
                                                     "
                                                 >
-                                                </a-select>
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'port',
-                                                    dynamicValidateForm.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'port',
-                                                ]"
-                                                :rules="{
-                                                    required: true,
-                                                    message: '请选择本地端口',
-                                                }"
-                                            >
-                                                <div class="form-label">
-                                                    本地端口
-                                                    <span
-                                                        class="form-label-required"
-                                                        >*</span
+                                                    <a-form-item
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'host',
+                                                        ]"
+                                                        :rules="Rules.host"
                                                     >
-                                                    <a-tooltip>
-                                                        <template #title>
-                                                            <p>
-                                                                监听指定端口的请求
-                                                            </p>
-                                                        </template>
-                                                        <question-circle-outlined />
-                                                    </a-tooltip>
-                                                </div>
-                                                <a-select
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .port
-                                                    "
-                                                    :options="
-                                                        sipListIndex[index]
-                                                    "
-                                                    placeholder="请选择本地端口"
-                                                    allowClear
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
-                                                    "
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'publicHost',
-                                                    dynamicValidateForm.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'publicHost',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请输入公网地址',
-                                                    },
-                                                    {
-                                                        pattern:
-                                                            Validator.regIp ||
-                                                            Validator.regDomain,
-                                                        message:
-                                                            '请输入IP或者域名',
-                                                    },
-                                                ]"
-                                            >
-                                                <div class="form-label">
-                                                    公网地址
-                                                    <span
-                                                        class="form-label-required"
-                                                        >*</span
-                                                    >
-                                                    <a-tooltip>
-                                                        <template #title>
-                                                            <p>
-                                                                对外提供访问的地址,内网环境时填写服务器的内网IP地址
-                                                            </p>
-                                                        </template>
-                                                        <question-circle-outlined />
-                                                    </a-tooltip>
-                                                </div>
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .publicHost
-                                                    "
-                                                    placeholder="请输入公网地址"
-                                                    allowClear
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'publicPort',
-                                                    dynamicValidateForm.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'publicPort',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请输入公网端口',
-                                                    },
-                                                    {
-                                                        pattern:
-                                                            Validator.regOnlyNumber,
-                                                        message:
-                                                            '请输入1-65535之间的正整数',
-                                                    },
-                                                ]"
-                                            >
-                                                <div class="form-label">
-                                                    公网端口
-                                                    <span
-                                                        class="form-label-required"
-                                                        >*</span
-                                                    >
-                                                    <a-tooltip>
-                                                        <template #title>
-                                                            <p>
-                                                                对外提供访问的端口
-                                                            </p>
-                                                        </template>
-                                                        <question-circle-outlined />
-                                                    </a-tooltip>
-                                                </div>
+                                                        <div class="form-label">
+                                                            本地地址
+                                                            <span
+                                                                class="form-label-required"
+                                                                >*</span
+                                                            >
+                                                            <a-tooltip>
+                                                                <template
+                                                                    #title
+                                                                >
+                                                                    <p>
+                                                                        绑定到服务器上的网卡地址,绑定到所有网卡:0.0.0.0
+                                                                    </p>
+                                                                </template>
+                                                                <question-circle-outlined />
+                                                            </a-tooltip>
+                                                        </div>
 
-                                                <a-input-number
-                                                    style="width: 100%"
-                                                    placeholder="请输入公网端口"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .publicPort
+                                                        <a-select
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .host
+                                                            "
+                                                            :options="
+                                                                sipListOption
+                                                            "
+                                                            placeholder="请选择本地地址"
+                                                            allowClear
+                                                            show-search
+                                                            :disabled="
+                                                                shareCluster
+                                                            "
+                                                            :filter-option="
+                                                                filterOption
+                                                            "
+                                                            @change="
+                                                                handleChangeForm2Sip(
+                                                                    index,
+                                                                )
+                                                            "
+                                                        >
+                                                        </a-select>
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'port',
+                                                            formData.type,
+                                                        )
                                                     "
-                                                    :min="1"
-                                                    :max="65535"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
+                                                >
+                                                    <a-form-item
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'port',
+                                                        ]"
+                                                        :rules="Rules.port"
+                                                    >
+                                                        <div class="form-label">
+                                                            本地端口
+                                                            <span
+                                                                class="form-label-required"
+                                                                >*</span
+                                                            >
+                                                            <a-tooltip>
+                                                                <template
+                                                                    #title
+                                                                >
+                                                                    <p>
+                                                                        监听指定端口的请求
+                                                                    </p>
+                                                                </template>
+                                                                <question-circle-outlined />
+                                                            </a-tooltip>
+                                                        </div>
+                                                        <a-select
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .port
+                                                            "
+                                                            :options="
+                                                                portOptions
+                                                            "
+                                                            placeholder="请选择本地端口"
+                                                            allowClear
+                                                            show-search
+                                                            :filter-option="
+                                                                filterPortOption
+                                                            "
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'publicHost',
+                                                            formData.type,
+                                                        )
+                                                    "
+                                                >
+                                                    <a-form-item
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
 
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'remoteHost',
-                                                    dynamicValidateForm.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="远程地址"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'remoteHost',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请输入远程地址',
-                                                    },
-                                                    {
-                                                        pattern:
-                                                            Validator.regIp ||
-                                                            Validator.regDomain,
-                                                        message:
-                                                            '请输入IP或者域名',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .remoteHost
-                                                    "
-                                                    placeholder="请输入远程地址"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'remotePort',
-                                                    dynamicValidateForm.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="远程端口"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'remotePort',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '输入远程端口',
-                                                    },
-                                                    {
-                                                        pattern:
-                                                            Validator.regOnlyNumber,
-                                                        message:
-                                                            '请输入1-65535之间的正整数',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input-number
-                                                    style="width: 100%"
-                                                    placeholder="请输入远程端口"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .remotePort
-                                                    "
-                                                    :min="1"
-                                                    :max="65535"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'clientId',
-                                                    dynamicValidateForm.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="clientId"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'clientId',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请输入ClientId',
-                                                    },
-                                                    {
-                                                        max: 64,
-                                                        message:
-                                                            '最大可输入64个字符',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .clientId
-                                                    "
-                                                    placeholder="请输入ClientId"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'username',
-                                                    dynamicValidateForm.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="用户名"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'username',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '请输入用户名',
-                                                    },
-                                                    {
-                                                        max: 64,
-                                                        message:
-                                                            '最大可输入64个字符',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .username
-                                                    "
-                                                    placeholder="请输入用户名"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'password',
-                                                    dynamicValidateForm.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="密码"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'password',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '请输入密码',
-                                                    },
-                                                    {
-                                                        max: 64,
-                                                        message:
-                                                            '最大可输入64个字符',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input-password
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .password
-                                                    "
-                                                    placeholder="请输入密码"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'topicPrefix',
-                                                    dynamicValidateForm.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'topicPrefix',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        max: 64,
-                                                        message:
-                                                            '最大可输入64个字符',
-                                                    },
-                                                ]"
-                                            >
-                                                <div class="form-label">
-                                                    订阅前缀
-                                                    <span
-                                                        class="form-label-required"
-                                                        >*</span
+                                                            'publicHost',
+                                                        ]"
+                                                        :rules="
+                                                            Rules.publicHost
+                                                        "
                                                     >
-                                                    <a-tooltip>
-                                                        <template #title>
-                                                            <p>
-                                                                当连接的服务为EMQ时,可能需要使用共享的订阅前缀,如:$queue或$share
-                                                            </p>
-                                                        </template>
-                                                        <question-circle-outlined />
-                                                    </a-tooltip>
-                                                </div>
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .topicPrefix
+                                                        <div class="form-label">
+                                                            公网地址
+                                                            <span
+                                                                class="form-label-required"
+                                                                >*</span
+                                                            >
+                                                            <a-tooltip>
+                                                                <template
+                                                                    #title
+                                                                >
+                                                                    <p>
+                                                                        对外提供访问的地址,内网环境时填写服务器的内网IP地址
+                                                                    </p>
+                                                                </template>
+                                                                <question-circle-outlined />
+                                                            </a-tooltip>
+                                                        </div>
+                                                        <a-input
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .publicHost
+                                                            "
+                                                            placeholder="请输入公网地址"
+                                                            allowClear
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'publicPort',
+                                                            formData.type,
+                                                        )
                                                     "
-                                                    placeholder="请输入订阅前缀"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'maxMessageSize',
-                                                    dynamicValidateForm.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'maxMessageSize',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请输入最大消息长度',
-                                                    },
-                                                ]"
-                                            >
-                                                <div class="form-label">
-                                                    最大消息长度
-                                                    <span
-                                                        class="form-label-required"
-                                                        >*</span
+                                                >
+                                                    <a-form-item
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'publicPort',
+                                                        ]"
+                                                        :rules="
+                                                            Rules.publicPort
+                                                        "
                                                     >
-                                                    <a-tooltip>
-                                                        <template #title>
-                                                            <p>
-                                                                单次收发消息的最大长度,单位:字节;设置过大可能会影响性能
-                                                            </p>
-                                                        </template>
-                                                        <question-circle-outlined />
-                                                    </a-tooltip>
-                                                </div>
-                                                <a-input-number
-                                                    style="width: 100%"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .maxMessageSize
+                                                        <div class="form-label">
+                                                            公网端口
+                                                            <span
+                                                                class="form-label-required"
+                                                                >*</span
+                                                            >
+                                                            <a-tooltip>
+                                                                <template
+                                                                    #title
+                                                                >
+                                                                    <p>
+                                                                        对外提供访问的端口
+                                                                    </p>
+                                                                </template>
+                                                                <question-circle-outlined />
+                                                            </a-tooltip>
+                                                        </div>
+
+                                                        <a-input-number
+                                                            style="width: 100%"
+                                                            placeholder="请输入端口"
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .publicPort
+                                                            "
+                                                            :min="1"
+                                                            :max="65535"
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'remoteHost',
+                                                            formData.type,
+                                                        )
                                                     "
-                                                    placeholder="请输入最大消息长度"
-                                                    :min="1024"
-                                                    :max="1073741824"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="
-                                                isVisible(
-                                                    'secureSpan12',
-                                                    dynamicValidateForm.type,
-                                                )
-                                                    ? '12'
-                                                    : '24'
-                                            "
-                                        >
-                                            <a-form-item
-                                                :label="
-                                                    isVisible(
-                                                        'secure',
-                                                        dynamicValidateForm.type,
-                                                    )
-                                                        ? '开启TLS'
-                                                        : '开启DTLS'
-                                                "
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'secure',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                    },
-                                                ]"
-                                            >
-                                                <a-radio-group
-                                                    v-model:value="
+                                                >
+                                                    <a-form-item
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'remoteHost',
+                                                        ]"
+                                                        :rules="
+                                                            Rules.remoteHost
+                                                        "
+                                                    >
+                                                        <div
+                                                            class="form-label"
+                                                        ></div>
+
+                                                        <a-input
+                                                            placeholder="请输入远程地址"
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .remoteHost
+                                                            "
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'remotePort',
+                                                            formData.type,
+                                                        )
+                                                    "
+                                                >
+                                                    <a-form-item
+                                                        label="远程端口"
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'remotePort',
+                                                        ]"
+                                                        :rules="
+                                                            Rules.remotePort
+                                                        "
+                                                    >
+                                                        <a-input-number
+                                                            style="width: 100%"
+                                                            placeholder="请输入远程端口"
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .remotePort
+                                                            "
+                                                            :min="1"
+                                                            :max="65535"
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'clientId',
+                                                            formData.type,
+                                                        )
+                                                    "
+                                                >
+                                                    <a-form-item
+                                                        label="clientId"
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'clientId',
+                                                        ]"
+                                                        :rules="Rules.clientId"
+                                                    >
+                                                        <a-input
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .clientId
+                                                            "
+                                                            placeholder="请输入ClientId"
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'username',
+                                                            formData.type,
+                                                        )
+                                                    "
+                                                >
+                                                    <a-form-item
+                                                        label="用户名"
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'username',
+                                                        ]"
+                                                        :rules="Rules.username"
+                                                    >
+                                                        <a-input
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .username
+                                                            "
+                                                            placeholder="请输入用户名"
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'password',
+                                                            formData.type,
+                                                        )
+                                                    "
+                                                >
+                                                    <a-form-item
+                                                        label="密码"
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'password',
+                                                        ]"
+                                                        :rules="Rules.password"
+                                                    >
+                                                        <a-input-password
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .password
+                                                            "
+                                                            placeholder="请输入密码"
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'topicPrefix',
+                                                            formData.type,
+                                                        )
+                                                    "
+                                                >
+                                                    <a-form-item
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'topicPrefix',
+                                                        ]"
+                                                        :rules="
+                                                            Rules.topicPrefix
+                                                        "
+                                                    >
+                                                        <div class="form-label">
+                                                            订阅前缀
+                                                            <a-tooltip>
+                                                                <template
+                                                                    #title
+                                                                >
+                                                                    <p>
+                                                                        当连接的服务为EMQ时,可能需要使用共享的订阅前缀,如:$queue或$share
+                                                                    </p>
+                                                                </template>
+                                                                <question-circle-outlined />
+                                                            </a-tooltip>
+                                                        </div>
+                                                        <a-input
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .topicPrefix
+                                                            "
+                                                            placeholder="请输入订阅前缀"
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'maxMessageSize',
+                                                            formData.type,
+                                                        )
+                                                    "
+                                                >
+                                                    <a-form-item
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'maxMessageSize',
+                                                        ]"
+                                                        :rules="
+                                                            Rules.maxMessageSize
+                                                        "
+                                                    >
+                                                        <div class="form-label">
+                                                            最大消息长度
+                                                            <span
+                                                                class="form-label-required"
+                                                                >*</span
+                                                            >
+                                                            <a-tooltip>
+                                                                <template
+                                                                    #title
+                                                                >
+                                                                    <p>
+                                                                        单次收发消息的最大长度,单位:字节;设置过大可能会影响性能
+                                                                    </p>
+                                                                </template>
+                                                                <question-circle-outlined />
+                                                            </a-tooltip>
+                                                        </div>
+                                                        <a-input-number
+                                                            style="width: 100%"
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .maxMessageSize
+                                                            "
+                                                            placeholder="请输入最大消息长度"
+                                                            :min="1024"
+                                                            :max="1073741824"
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="
+                                                        isVisible(
+                                                            'secureSpan12',
+                                                            formData.type,
+                                                        )
+                                                            ? '12'
+                                                            : '24'
+                                                    "
+                                                >
+                                                    <a-form-item
+                                                        :label="
+                                                            isVisible(
+                                                                'secure',
+                                                                formData.type,
+                                                            )
+                                                                ? '开启TLS'
+                                                                : '开启DTLS'
+                                                        "
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'secure',
+                                                        ]"
+                                                        :rules="Rules.secure"
+                                                    >
+                                                        <a-radio-group
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .secure
+                                                            "
+                                                        >
+                                                            <a-radio
+                                                                :value="true"
+                                                                >是</a-radio
+                                                            >
+                                                            <a-radio
+                                                                :value="false"
+                                                                >否</a-radio
+                                                            >
+                                                        </a-radio-group>
+                                                    </a-form-item>
+                                                </a-col>
+
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
                                                         cluster.configuration
                                                             .secure
                                                     "
                                                 >
-                                                    <a-radio :value="true"
-                                                        >是</a-radio
+                                                    <a-form-item
+                                                        label="证书"
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'certId',
+                                                        ]"
+                                                        :rules="Rules.certId"
                                                     >
-                                                    <a-radio :value="false"
-                                                        >否</a-radio
-                                                    >
-                                                </a-radio-group>
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="cluster.configuration.secure"
-                                        >
-                                            <a-form-item
-                                                label="证书"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'certId',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '请选择证书',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-select
-                                                    v-model:value="
+                                                        <a-select
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .certId
+                                                            "
+                                                            :options="sipList"
+                                                            placeholder="请选择证书"
+                                                            allowClear
+                                                            show-search
+                                                            :filter-option="
+                                                                filterOption
+                                                            "
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
                                                         cluster.configuration
-                                                            .certId
-                                                    "
-                                                    :options="sipList"
-                                                    placeholder="请选择证书"
-                                                    allowClear
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
-                                                    "
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="cluster.configuration.secure"
-                                        >
-                                            <a-form-item
-                                                label="私钥别名"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'privateKeyAlias',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请输入私钥别名',
-                                                    },
-                                                    {
-                                                        max: 64,
-                                                        message:
-                                                            '最大可输入64个字符',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .privateKeyAlias
-                                                    "
-                                                    placeholder="请输入私钥别名"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="24"
-                                            v-if="
-                                                isVisible(
-                                                    'parserType',
-                                                    dynamicValidateForm.type,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserType',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请选择粘拆包规则',
-                                                    },
-                                                ]"
-                                            >
-                                                <div class="form-label">
-                                                    粘拆包规则
-                                                    <span
-                                                        class="form-label-required"
-                                                        >*</span
-                                                    >
-                                                    <a-tooltip>
-                                                        <template #title>
-                                                            <p>
-                                                                处理TCP粘拆包的方式
-                                                            </p>
-                                                        </template>
-                                                        <question-circle-outlined />
-                                                    </a-tooltip>
-                                                </div>
-                                                <a-select
-                                                    style="width: 48.5%"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserType
-                                                    "
-                                                    :options="ParserTypeOptions"
-                                                    placeholder="请选择粘拆包规则"
-                                                    allowClear
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
-                                                    "
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'delimited',
-                                                    cluster.configuration
-                                                        .parserType,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="分隔符"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserConfiguration',
-                                                    'delimited',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '请输入分隔符',
-                                                    },
-                                                    {
-                                                        max: 64,
-                                                        message:
-                                                            '最大可输入64个字符',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserConfiguration
-                                                            .delimited
-                                                    "
-                                                    placeholder="请输入分隔符"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="24"
-                                            v-if="
-                                                isVisible(
-                                                    'lang',
-                                                    cluster.configuration
-                                                        .parserType,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                v-show="false"
-                                                label="脚本语言"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserConfiguration',
-                                                    'lang',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message:
-                                                            '请选择脚本语言',
-                                                    },
-                                                    {
-                                                        max: 64,
-                                                        message:
-                                                            '最大可输入64个字符',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-select
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserConfiguration
-                                                            .lang
-                                                    "
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
+                                                            .secure
                                                     "
                                                 >
-                                                    <a-select-option
-                                                        :value="
+                                                    <a-form-item
+                                                        label="私钥别名"
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'privateKeyAlias',
+                                                        ]"
+                                                        :rules="
+                                                            Rules.privateKeyAlias
+                                                        "
+                                                    >
+                                                        <a-input
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .privateKeyAlias
+                                                            "
+                                                            placeholder="请输入私钥别名"
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="24"
+                                                    v-if="
+                                                        isVisible(
+                                                            'parserType',
+                                                            formData.type,
+                                                        )
+                                                    "
+                                                >
+                                                    <a-form-item
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'parserType',
+                                                        ]"
+                                                        :rules="
+                                                            Rules.parserType
+                                                        "
+                                                    >
+                                                        <div class="form-label">
+                                                            粘拆包规则
+                                                            <span
+                                                                class="form-label-required"
+                                                                >*</span
+                                                            >
+                                                            <a-tooltip>
+                                                                <template
+                                                                    #title
+                                                                >
+                                                                    <p>
+                                                                        处理TCP粘拆包的方式
+                                                                    </p>
+                                                                </template>
+                                                                <question-circle-outlined />
+                                                            </a-tooltip>
+                                                        </div>
+                                                        <a-select
+                                                            style="width: 48.5%"
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .parserType
+                                                            "
+                                                            :options="
+                                                                ParserTypeOptions
+                                                            "
+                                                            placeholder="请选择粘拆包规则"
+                                                            allowClear
+                                                            show-search
+                                                            :filter-option="
+                                                                filterOption
+                                                            "
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'delimited',
                                                             cluster
                                                                 .configuration
-                                                                .parserType ===
-                                                            'SCRIPT'
-                                                                ? 'javascript'
-                                                                : ''
-                                                        "
-                                                        >javascript</a-select-option
+                                                                .parserType,
+                                                        )
+                                                    "
+                                                >
+                                                    <a-form-item
+                                                        label="分隔符"
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'parserConfiguration',
+                                                            'delimited',
+                                                        ]"
+                                                        :rules="Rules.delimited"
                                                     >
-                                                </a-select>
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="24"
-                                            v-if="
-                                                isVisible(
-                                                    'script',
-                                                    cluster.configuration
-                                                        .parserType,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="解析脚本"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserConfiguration',
-                                                    'script',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '请输入脚本',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserConfiguration
-                                                            .script
+                                                        <a-input
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .parserConfiguration
+                                                                    .delimited
+                                                            "
+                                                            placeholder="请输入分隔符"
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="24"
+                                                    v-if="
+                                                        isVisible(
+                                                            'lang',
+                                                            cluster
+                                                                .configuration
+                                                                .parserType,
+                                                        )
                                                     "
-                                                    placeholder="请输入脚本"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'size',
-                                                    cluster.configuration
-                                                        .parserType,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="长度值"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserConfiguration',
-                                                    'size',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '请输入长度值',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input-number
-                                                    style="width: 100%"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserConfiguration
-                                                            .size
+                                                >
+                                                    <a-form-item
+                                                        v-show="false"
+                                                        label="脚本语言"
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'parserConfiguration',
+                                                            'lang',
+                                                        ]"
+                                                        :rules="Rules.lang"
+                                                    >
+                                                        <a-select
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .parserConfiguration
+                                                                    .lang
+                                                            "
+                                                            show-search
+                                                            :filter-option="
+                                                                filterOption
+                                                            "
+                                                        >
+                                                            <a-select-option
+                                                                :value="
+                                                                    cluster
+                                                                        .configuration
+                                                                        .parserType ===
+                                                                    'SCRIPT'
+                                                                        ? 'javascript'
+                                                                        : ''
+                                                                "
+                                                                >javascript</a-select-option
+                                                            >
+                                                        </a-select>
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="24"
+                                                    v-if="
+                                                        isVisible(
+                                                            'script',
+                                                            cluster
+                                                                .configuration
+                                                                .parserType,
+                                                        )
                                                     "
-                                                    placeholder="请输入长度值"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'length',
-                                                    cluster.configuration
-                                                        .parserType,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="长度"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserConfiguration',
-                                                    'length',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        required: true,
-                                                        message: '请选择长度',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-select
-                                                    style="width: 100%"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserConfiguration
-                                                            .length
+                                                >
+                                                    <a-form-item
+                                                        label="解析脚本"
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'parserConfiguration',
+                                                            'script',
+                                                        ]"
+                                                        :rules="Rules.script"
+                                                    >
+                                                        <a-input
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .parserConfiguration
+                                                                    .script
+                                                            "
+                                                            placeholder="请输入脚本"
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'size',
+                                                            cluster
+                                                                .configuration
+                                                                .parserType,
+                                                        )
                                                     "
-                                                    :options="LengthOptions"
-                                                    placeholder="请选择长度"
-                                                    allowClear
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
+                                                >
+                                                    <a-form-item
+                                                        label="长度值"
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'parserConfiguration',
+                                                            'size',
+                                                        ]"
+                                                        :rules="Rules.size"
+                                                    >
+                                                        <a-input-number
+                                                            style="width: 100%"
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .parserConfiguration
+                                                                    .size
+                                                            "
+                                                            placeholder="请输入长度值"
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'length',
+                                                            cluster
+                                                                .configuration
+                                                                .parserType,
+                                                        )
                                                     "
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'offset',
-                                                    cluster.configuration
-                                                        .parserType,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="偏移量"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserConfiguration',
-                                                    'offset',
-                                                ]"
-                                                :rules="[
-                                                    {
-                                                        pattern:
-                                                            Validator.regOnlyNumber,
-                                                        message:
-                                                            '请输入0-65535之间的正整数',
-                                                    },
-                                                ]"
-                                            >
-                                                <a-input-number
-                                                    style="width: 100%"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserConfiguration
-                                                            .offset
+                                                >
+                                                    <a-form-item
+                                                        label="长度"
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'parserConfiguration',
+                                                            'length',
+                                                        ]"
+                                                        :rules="Rules.length"
+                                                    >
+                                                        <a-select
+                                                            style="width: 100%"
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .parserConfiguration
+                                                                    .length
+                                                            "
+                                                            :options="
+                                                                LengthOptions
+                                                            "
+                                                            placeholder="请选择长度"
+                                                            allowClear
+                                                            show-search
+                                                            :filter-option="
+                                                                filterOption
+                                                            "
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'offset',
+                                                            cluster
+                                                                .configuration
+                                                                .parserType,
+                                                        )
                                                     "
-                                                    placeholder="请输入偏移量"
-                                                    :min="0"
-                                                    :max="65535"
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                        <a-col
-                                            :span="12"
-                                            v-if="
-                                                isVisible(
-                                                    'little',
-                                                    cluster.configuration
-                                                        .parserType,
-                                                )
-                                            "
-                                        >
-                                            <a-form-item
-                                                label="大小端"
-                                                :name="[
-                                                    'cluster',
-                                                    index,
-                                                    'configuration',
-                                                    'parserConfiguration',
-                                                    'little',
-                                                ]"
-                                            >
-                                                <a-select
-                                                    style="width: 100%"
-                                                    v-model:value="
-                                                        cluster.configuration
-                                                            .parserConfiguration
-                                                            .little
+                                                >
+                                                    <a-form-item
+                                                        label="偏移量"
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'parserConfiguration',
+                                                            'offset',
+                                                        ]"
+                                                        :rules="Rules.offset"
+                                                    >
+                                                        <a-input-number
+                                                            style="width: 100%"
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .parserConfiguration
+                                                                    .offset
+                                                            "
+                                                            placeholder="请输入偏移量"
+                                                            :min="0"
+                                                            :max="65535"
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                                <a-col
+                                                    :span="12"
+                                                    v-if="
+                                                        isVisible(
+                                                            'little',
+                                                            cluster
+                                                                .configuration
+                                                                .parserType,
+                                                        )
                                                     "
-                                                    :options="LittleOptions"
-                                                    placeholder="请选择大小端"
-                                                    allowClear
-                                                    show-search
-                                                    :filter-option="
-                                                        filterOption
-                                                    "
-                                                />
-                                            </a-form-item>
-                                        </a-col>
-                                    </a-row>
-                                </a-collapse-panel>
-                            </a-collapse>
-                        </div>
+                                                >
+                                                    <a-form-item
+                                                        label="大小端"
+                                                        :name="[
+                                                            'cluster',
+                                                            index,
+                                                            'configuration',
+                                                            'parserConfiguration',
+                                                            'little',
+                                                        ]"
+                                                    >
+                                                        <a-select
+                                                            style="width: 100%"
+                                                            v-model:value="
+                                                                cluster
+                                                                    .configuration
+                                                                    .parserConfiguration
+                                                                    .little
+                                                            "
+                                                            :options="
+                                                                LittleOptions
+                                                            "
+                                                            placeholder="请选择大小端"
+                                                            allowClear
+                                                            show-search
+                                                            :filter-option="
+                                                                filterOption
+                                                            "
+                                                        />
+                                                    </a-form-item>
+                                                </a-col>
+                                            </a-row>
+                                        </a-collapse-panel>
+                                    </a-collapse>
+                                </div>
+                                <a-form-item v-if="!shareCluster">
+                                    <a-button
+                                        type="dashed"
+                                        block
+                                        @click="addCluster"
+                                    >
+                                        <PlusOutlined />
+                                        新增
+                                    </a-button>
+                                </a-form-item>
+                            </a-form>
 
-                        <a-form-item v-if="!shareCluster">
-                            <a-button
-                                style="margin-top: 10px"
-                                type="dashed"
-                                block
-                                @click="addCluster"
-                            >
-                                <PlusOutlined />
-                                新增
-                            </a-button>
-                        </a-form-item>
-                        <a-row :gutter="[24, 0]">
-                            <a-col :span="24">
-                                <a-form-item label="说明" name="description">
-                                    <a-textarea
-                                        v-model:value="
-                                            dynamicValidateForm.description
-                                        "
-                                        show-count
-                                        :maxlength="200"
-                                        :rows="4"
-                                    /> </a-form-item
-                            ></a-col>
-                        </a-row>
-                    </a-form>
+                            <a-row :gutter="[24, 0]">
+                                <a-col :span="24">
+                                    <a-form-item
+                                        label="说明"
+                                        name="description"
+                                    >
+                                        <a-textarea
+                                            v-model:value="formData.description"
+                                            show-count
+                                            :maxlength="200"
+                                            :rows="4"
+                                        /> </a-form-item
+                                ></a-col>
+                            </a-row>
+                        </a-form>
+                    </div>
                 </div>
             </div>
             <div class="steps-action">
@@ -2032,97 +1091,56 @@
                 </a-button>
             </div>
         </a-card>
-
-        <!-- <div class="steps-action">
-            <a-button
-                v-if="[0].includes(current)"
-                style="margin-right: 8px"
-                @click="next"
-            >
-                下一步
-            </a-button>
-            <a-button
-                v-if="current === 1 && view === 'false'"
-                type="primary"
-                style="margin-right: 8px"
-                @click="saveData"
-            >
-                保存
-            </a-button>
-            <a-button v-if="current > 0" @click="prev"> 上一步 </a-button>
-        </div> -->
     </page-container>
 </template>
 
-<script lang="ts" setup name="TypeDetail">
+<script lang="ts" setup name="AccessNetwork">
 import { message, Form } from 'ant-design-vue';
 import type { FormInstance } from 'ant-design-vue';
-import {
-    update,
-    save,
-    resourcesCurrent,
-    resourceClusters,
-    supports,
-} from '@/api/link/type';
+import { getResourcesCurrent, getClusters } from '@/api/link/accessConfig';
 import {
     DeleteOutlined,
     PlusOutlined,
     QuestionCircleOutlined,
     InfoCircleOutlined,
 } from '@ant-design/icons-vue';
-// import { update, save } from '@/api/link/accessConfig';
+import { update, save } from '@/api/link/accessConfig';
+import {
+    // update,
+    // save,
+    resourcesCurrent,
+    resourceClusters,
+    supports,
+} from '@/api/link/type';
 import {
     FormStates,
     FormStates2,
-    DefaultFormStates,
-    VisibleData,
+    Configuration,
     ParserTypeOptions,
     isVisible,
     Validator,
     LengthOptions,
     LittleOptions,
+    Rules,
+    TCPList,
+    UDPList,
 } from '../data';
-import type { Form2 } from '../type';
-
-// interface Form2 {
-//     clusterNodeId: string;
-//     port: string;
-//     host: string;
-//     publicPort: string;
-//     publicHost: string;
-//     id: number;
-// }
-
-const props = defineProps({
-    provider: {
-        type: Object,
-        default: () => {},
-    },
-    data: {
-        type: Object,
-        default: () => {},
-    },
-});
+import { cloneDeep } from 'lodash-es';
+import type { ConfigurationType, FormDataType, FormData2Type } from '../type';
+import { Store } from 'jetlinks-store';
 
 const route = useRoute();
 const view = route.query.view as string;
 const id = route.params.id as string;
 
-const activeKey: any = ref([1]);
+const activeKey = ref(['1']);
 const clientHeight = document.body.clientHeight;
 
 const formRef1 = ref<FormInstance>();
 const formRef2 = ref<FormInstance>();
 const useForm = Form.useForm;
 
-const formData = ref({
-    name: '',
-    description: '',
-});
-// let formState = ref<FormState>({
-let formState = ref({
-    ...FormStates,
-});
+let formData = ref(FormStates);
 
 let params = {
     configuration: {},
@@ -2132,16 +1150,20 @@ const sipListOption = ref([]);
 const sipList = ref([]);
 const sipListIndex: any = ref([]);
 const clustersList = ref([]);
-const typeOption = ref([]);
+const typeOptions = ref([]);
+const portOptions = ref([]);
+let portOptionsConst: any = [];
 
-let dynamicValidateForm = reactive({ ...DefaultFormStates });
-// const dynamicValidateForm = reactive<{ cluster: Form2[] }>({
-//     ...FormStates,
-//     cluster: [{ ...FormStates2, id: 1 }],
-// });
-console.log(221, dynamicValidateForm);
+// <{ cluster: Form2[] }>
 
-const removeCluster = (item) => {
+// const dynamicValidateForm = reactive<{ cluster: FormData2Type[] }>(
+//     initDynamicValidateForm(),
+// );
+const dynamicValidateForm = reactive<{ cluster: FormData2Type[] }>({
+    cluster: [{ ...cloneDeep(FormStates2), id: '1' }],
+});
+
+const removeCluster = (item: FormData2Type) => {
     let index = dynamicValidateForm.cluster.indexOf(item);
     if (index !== -1) {
         dynamicValidateForm.cluster.splice(index, 1);
@@ -2151,7 +1173,7 @@ const removeCluster = (item) => {
 const addCluster = () => {
     const id = Date.now();
     dynamicValidateForm.cluster.push({
-        ...FormStates2,
+        ...cloneDeep(FormStates2),
         id,
     });
     activeKey.value = [...activeKey.value, id.toString()];
@@ -2161,9 +1183,13 @@ const filterOption = (input: string, option: any) => {
     return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
 };
 
+const filterPortOption = (input: string, option: any) => {
+    return JSON.stringify(option.label).indexOf(input) >= 0;
+};
+
 const handleChangeForm2Sip = (index: number) => {
-    dynamicValidateForm.cluster.configuration.port = undefined;
-    const value = dynamicValidateForm.cluster.configuration.host;
+    dynamicValidateForm.cluster[index].configuration.port = undefined;
+    const value = dynamicValidateForm.cluster[index].configuration.host;
     sipListIndex.value[index] = sipListConst
         .find((i: any) => i.host === value)
         ?.portList.map((i: any) => {
@@ -2177,63 +1203,21 @@ const handleChangeForm2Sip = (index: number) => {
         });
 };
 
-const saveData = () => {
-    // validate().then(async (values) => {
-    //     params = {
-    //         ...params,
-    //         ...values,
-    //         provider: 'gb28181-2016',
-    //         transport: 'SIP',
-    //         channel: 'gb28181',
-    //     };
-    //     const resp =
-    //         id === ':id' ? await save(params) : await update({ ...params, id });
-    //     if (resp.status === 200) {
-    //         message.success('操作成功！');
-    //         // if (params.get('save')) {
-    //         // if ((window as any).onTabSaveSuccess) {
-    //         //   if (resp.result) {
-    //         //     (window as any).onTabSaveSuccess(resp.result);
-    //         //     setTimeout(() => window.close(), 300);
-    //         //   }
-    //         // }
-    //         //   } else {
-    //         history.back();
-    //         //   }
-    //     }
-    // });
+const saveData = async () => {
+    let data2 = await formRef2.value?.validate();
 };
 
 const next = async () => {
-    let data1: any = await formRef1.value?.validate();
-    if (data1.configuration?.port) {
-        const port = JSON.parse(data1.configuration.port).port;
-        data1.configuration.port = port;
-    }
-    if (!data1?.shareCluster) {
-        let data2 = await formRef2.value?.validate();
-        if (data2 && data2?.cluster) {
-            data2.cluster.forEach((i: any) => {
-                i.enabled = true;
-                i.port = JSON.parse(i.port).port;
-            });
-            data1 = {
-                ...data1,
-                ...data2,
-            };
-        }
-    }
-    params.configuration = data1;
+    let data2 = await formRef2.value?.validate();
 };
 
 const getSupports = async () => {
     const res = await supports();
 
-    typeOption.value = res.result.map((item) => ({
+    typeOptions.value = res.result.map((item) => ({
         label: item.name,
         value: item.id,
     }));
-    console.log(1112, res, typeOption.value);
 
     // supports().then((resp) =>
     //   resp.result?.map((item: any) => ({
@@ -2244,30 +1228,64 @@ const getSupports = async () => {
 };
 getSupports();
 
+const filterConfigByType = (data, type: string) => {
+    let _temp = type;
+    if (TCPList.includes(type)) {
+        _temp = 'TCP';
+    } else if (UDPList.includes(type)) {
+        _temp = 'UDP';
+    }
+    // 只保留ports 包含type的数据
+    const _config = data?.filter((item) => {
+        return Object.keys(item.ports).includes(_temp);
+    });
+
+    // 只保留ports的type数据
+    return _config?.map((i) => {
+        i.ports = i.ports[_temp];
+        return i;
+    });
+};
+// const getResourceById = async (id, type) =>
+//   Service.getResourcesClustersById(id).then((resp) => filterConfigByType(resp.result, type))
+
 onMounted(() => {
     resourcesCurrent().then((resp) => {
         if (resp.status === 200) {
-            sipListConst = resp.result;
-            sipListOption.value = sipListConst.map((i) => ({
-                value: i.host,
-                label: i.host,
+            portOptionsConst = resp.result;
+            Store.set('configRef', resp.result);
+            const type = formData.value.type;
+            const host = dynamicValidateForm.cluster[0].configuration.host;
+
+            const _port = filterConfigByType(resp.result, type);
+            const _host = _port.find((item) => item.host === host);
+
+            portOptions.value = _host?.ports?.map((p) => ({
+                label: p,
+                value: p,
             }));
 
-            sipList.value = sipListConst
-                .find((i) => i.host === '0.0.0.0')
-                ?.portList.map((i) => {
-                    return {
-                        value: JSON.stringify({
-                            host: '0.0.0.0',
-                            port: i.port,
-                        }),
-                        label: `${i.transports.join('/')} (${i.port})`,
-                    };
-                });
+            // sipListConst = resp.result;
+            // sipListOption.value = sipListConst.map((i) => ({
+            //     value: i.host,
+            //     label: i.host,
+            // }));
+
+            // sipList.value = sipListConst
+            //     .find((i) => i.host === '0.0.0.0')
+            //     ?.portList.map((i) => {
+            //         return {
+            //             value: JSON.stringify({
+            //                 host: '0.0.0.0',
+            //                 port: i.port,
+            //             }),
+            //             label: `${i.transports.join('/')} (${i.port})`,
+            //         };
+            //     });
         }
     });
 
-    resourceClusters().then((resp) => {
+    getClusters().then((resp) => {
         if (resp.status === 200) {
             const list = resp.result.map((i) => ({
                 value: i.id,
@@ -2278,7 +1296,7 @@ onMounted(() => {
     });
 
     if (id !== ':id') {
-        formState.value = props.data.configuration;
+        // formData.value = props.data.configuration;
         // formData.value = {
         //     name: props.data.name,
         //     description: props.data?.description || '',
@@ -2287,10 +1305,28 @@ onMounted(() => {
 });
 
 const shareCluster = ref(true);
+
 const changeShareCluster = (value: boolean) => {
     shareCluster.value = value;
-    dynamicValidateForm.cluster = [{ ...FormStates2, id: 1 }];
+    activeKey.value = ['1'];
+    console.log(1112, shareCluster.value);
+
+    dynamicValidateForm.cluster = [{ ...cloneDeep(FormStates2), id: '1' }];
 };
+
+const changeType = (value: string) => {
+    dynamicValidateForm.cluster = [{ ...cloneDeep(FormStates2), id: '1' }];
+};
+
+watch(
+    () => formData.value.shareCluster,
+
+    (value) => {
+        const { configuration } = dynamicValidateForm.cluster[0];
+        if (value) configuration.host = '0.0.0.0';
+    },
+    { deep: true, immediate: true },
+);
 </script>
 
 <style lang="less" scoped>
@@ -2312,7 +1348,7 @@ const changeShareCluster = (value: boolean) => {
 .steps-action {
     width: 100%;
     margin-top: 24px;
-    margin-left: 20px;
+    // margin-left: 20px;
 }
 
 .form-item1 {
@@ -2329,4 +1365,7 @@ const changeShareCluster = (value: boolean) => {
         margin: 0 4px 0 -2px;
     }
 }
+.collapse {
+    margin-bottom: 20px;
+}
 </style>
diff --git a/src/views/link/Type/data.ts b/src/views/link/Type/data.ts
index 4de555c9..f8ebaaf3 100644
--- a/src/views/link/Type/data.ts
+++ b/src/views/link/Type/data.ts
@@ -1,7 +1,7 @@
-const configuration = {
+export const Configuration = {
     parserType: undefined,
     port: undefined,
-    host: '0.0.0.0',
+    host: undefined,
     publicPort: '',
     publicHost: '',
     remoteHost: '',
@@ -11,7 +11,7 @@ const configuration = {
     password: '',
     topicPrefix: '',
     maxMessageSize: '',
-    certId: '',
+    certId: undefined,
     privateKeyAlias: '',
     clientId: '',
     parserConfiguration: {
@@ -29,24 +29,21 @@ export const FormStates = {
     name: '',
     type: 'UDP',
     shareCluster: true,
-    // configuration,
     description: '',
 };
 
 export const FormStates2 = {
     serverId: undefined,
-    configuration,
+    configuration: Configuration,
 };
 
-
-
-// export const DefaultCluster = {
-
-// }
-export const DefaultFormStates = {
-    ...FormStates,
-    cluster: [{ ...FormStates2, id: 1 }],
-};
+export const TCPList = [
+    'TCP_SERVER',
+    'WEB_SOCKET_SERVER',
+    'HTTP_SERVER',
+    'MQTT_SERVER',
+];
+export const UDPList = ['UDP', 'COAP_SERVER'];
 
 const VisibleMost = [
     'COAP_SERVER',
@@ -63,6 +60,7 @@ export const VisibleData = {
     host: VisibleMost,
     publicPort: VisibleMost,
     publicHost: VisibleMost,
+    serverId: ['MQTT_CLIENT'],
     remoteHost: ['MQTT_CLIENT'],
     remotePort: ['MQTT_CLIENT'],
     secure: ['TCP_SERVER', 'UDP', 'COAP_SERVER'],
@@ -114,3 +112,193 @@ export const Validator = {
     ),
     regOnlyNumber: new RegExp(/^\d+$/),
 };
+
+export const Rules = {
+    name: [
+        {
+            required: true,
+            message: '请输入名称',
+        },
+        {
+            max: 64,
+            message: '最大可输入64个字符',
+        },
+    ],
+    type: [
+        {
+            required: true,
+            message: '请选择类型',
+        },
+    ],
+    shareCluster: [
+        {
+            required: true,
+            message: '请选择集群',
+        },
+    ],
+    host: [
+        {
+            required: true,
+            message: '请选择本地地址',
+        },
+    ],
+    port: [
+        {
+            required: true,
+            message: '请选择本地端口',
+        },
+    ],
+    publicHost: [
+        {
+            required: true,
+            message: '请输入公网地址',
+        },
+        {
+            pattern: Validator.regIp || Validator.regDomain,
+            message: '请输入IP或者域名',
+        },
+    ],
+    publicPort: [
+        {
+            required: true,
+            message: '请输入公网端口',
+        },
+        {
+            pattern: Validator.regOnlyNumber,
+            message: '请输入1-65535之间的正整数',
+        },
+    ],
+    remoteHost: [
+        {
+            required: true,
+            message: '请输入远程地址',
+        },
+        {
+            pattern: Validator.regIp || Validator.regDomain,
+            message: '请输入IP或者域名',
+        },
+    ],
+    remotePort: [
+        {
+            required: true,
+            message: '输入远程端口',
+        },
+        {
+            pattern: Validator.regOnlyNumber,
+            message: '请输入1-65535之间的正整数',
+        },
+    ],
+    clientId: [
+        {
+            required: true,
+            message: '请输入ClientId',
+        },
+        {
+            max: 64,
+            message: '最大可输入64个字符',
+        },
+    ],
+    username: [
+        {
+            required: true,
+            message: '请输入用户名',
+        },
+        {
+            max: 64,
+            message: '最大可输入64个字符',
+        },
+    ],
+    password: [
+        {
+            required: true,
+            message: '请输入密码',
+        },
+        {
+            max: 64,
+            message: '最大可输入64个字符',
+        },
+    ],
+    topicPrefix: [
+        {
+            max: 64,
+            message: '最大可输入64个字符',
+        },
+    ],
+    maxMessageSize: [
+        {
+            max: 64,
+            message: '最大可输入64个字符',
+        },
+    ],
+    secure: [
+        {
+            required: true,
+        },
+    ],
+    certId: [
+        {
+            required: true,
+            message: '请选择证书',
+        },
+    ],
+    privateKeyAlias: [
+        {
+            required: true,
+            message: '请输入私钥别名',
+        },
+        {
+            max: 64,
+            message: '最大可输入64个字符',
+        },
+    ],
+    parserType: [
+        {
+            required: true,
+            message: '请选择粘拆包规则',
+        },
+    ],
+    delimited: [
+        {
+            required: true,
+            message: '请输入分隔符',
+        },
+        {
+            max: 64,
+            message: '最大可输入64个字符',
+        },
+    ],
+    lang: [
+        {
+            required: true,
+            message: '请选择脚本语言',
+        },
+        {
+            max: 64,
+            message: '最大可输入64个字符',
+        },
+    ],
+    script: [
+        {
+            required: true,
+            message: '请输入脚本',
+        },
+    ],
+    size: [
+        {
+            required: true,
+            message: '请输入长度值',
+        },
+    ],
+    length: [
+        {
+            required: true,
+            message: '请选择长度',
+        },
+    ],
+    offset: [
+        {
+            pattern: Validator.regOnlyNumber,
+            message: '请输入0-65535之间的正整数',
+        },
+    ],
+};
diff --git a/src/views/link/Type/type.d.ts b/src/views/link/Type/type.d.ts
index 7d33cc3b..ff456664 100644
--- a/src/views/link/Type/type.d.ts
+++ b/src/views/link/Type/type.d.ts
@@ -1,31 +1,38 @@
-export interface Form2 {
-    id: number;
-    serverId: string | undefined;
-    configuration: {
-        parserType: undefined;
-        port: undefined;
-        host: string;
-        publicPort: string;
-        publicHost: string;
-        remoteHost: string;
-        remotePort: string;
-        secure: boolean;
-        username: string;
-        password: string;
-        topicPrefix: string;
-        maxMessageSize: string;
-        certId: string;
-        privateKeyAlias: string;
-        clientId: string;
-        parserConfiguration: {
-            delimited: string;
-            lang: string;
-            script: string;
-            size: string;
-            length: string;
-            offset: string;
-            little: string | boolean;
-        };
+export interface ConfigurationType {
+    parserType: string | undefined;
+    port: string | undefined;
+    host: string | undefined;;
+    publicPort: string;
+    publicHost: string;
+    remoteHost: string;
+    remotePort: string;
+    secure: boolean;
+    username: string;
+    password: string;
+    topicPrefix: string;
+    maxMessageSize: string;
+    certId: string | undefined;
+    privateKeyAlias: string;
+    clientId: string;
+    parserConfiguration: {
+        delimited: string;
+        lang: string;
+        script: string;
+        size: string;
+        length: string;
+        offset: string;
+        little: string | boolean;
     };
+}
+
+export interface FormDataType {
+    name: string;
+    type: string;
+    shareCluster: boolean;
     description: string;
 }
+export interface FormData2Type {
+    id?: number | string;
+    serverId?: string | undefined;
+    configuration: ConfigurationType;
+}