From e233e9f55ff2d897d2212cbcc65289824dd03242 Mon Sep 17 00:00:00 2001
From: JiangQiming <291854119@qq.com>
Date: Tue, 28 Feb 2023 19:45:23 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BB=A3=E7=A0=81=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E5=99=A8=E6=95=B0=E6=8D=AE=E7=9B=91=E5=90=AC=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E8=A7=A3=E5=86=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/media/cascade.ts               |   7 +
 src/components/MonacoEditor/index.vue  |   2 +-
 src/views/media/Cascade/Save/index.vue | 528 +++++++++++++++++++------
 3 files changed, 419 insertions(+), 118 deletions(-)

diff --git a/src/api/media/cascade.ts b/src/api/media/cascade.ts
index be1b8215..58d27d52 100644
--- a/src/api/media/cascade.ts
+++ b/src/api/media/cascade.ts
@@ -18,4 +18,11 @@ export default {
     disabled: (id: string) => server.post<any>(`/media/gb28181-cascade/${id}/_disabled`),
     // 启用
     enabled: (id: string) => server.post<any>(`/media/gb28181-cascade/${id}/_enabled`),
+
+    // 新增/编辑 
+    // 获取集群节点
+    clusters: () => server.get(`/network/resources/alive/clusters`),
+    // SIP本地地址
+    all: () => server.get(`/network/resources/alive/_all`),
+
 }
\ No newline at end of file
diff --git a/src/components/MonacoEditor/index.vue b/src/components/MonacoEditor/index.vue
index 7d438221..21f8ba61 100644
--- a/src/components/MonacoEditor/index.vue
+++ b/src/components/MonacoEditor/index.vue
@@ -90,7 +90,7 @@ const insert = (val) => {
     ]);
 }
 
-watch(() => props.value,
+watch(() => props.modelValue,
     (val) => {
         instance.setValue(val)
     })
diff --git a/src/views/media/Cascade/Save/index.vue b/src/views/media/Cascade/Save/index.vue
index 84c9fc1e..c9081613 100644
--- a/src/views/media/Cascade/Save/index.vue
+++ b/src/views/media/Cascade/Save/index.vue
@@ -4,40 +4,23 @@
         <a-card>
             <a-row :gutter="24">
                 <a-col :span="12">
-                    <a-form layout="vertical">
-                        <a-form-item
-                            label="接入方式"
-                            v-bind="validateInfos.channel"
-                        >
-                            <RadioCard
-                                layout="horizontal"
-                                :options="PROVIDER_OPTIONS"
-                                :checkStyle="true"
-                                :disabled="!!route.query.id"
-                                v-model="formData.channel"
-                            />
-                        </a-form-item>
+                    <a-form layout="vertical" :model="formData">
                         <a-row :gutter="24">
-                            <a-col :span="8">
-                                <JUpload
-                                    v-model:modelValue="formData.photoUrl"
-                                    :bgImage="formData.photoUrl"
-                                />
-                            </a-col>
-                            <a-col :span="16">
+                            <TitleComponent data="基本信息" />
+                            <a-col :span="12">
                                 <a-form-item
-                                    label="ID"
-                                    v-bind="validateInfos.id"
-                                >
-                                    <a-input
-                                        v-model:value="formData.id"
-                                        placeholder="请输入"
-                                        :disabled="!!route.query.id"
-                                    />
-                                </a-form-item>
-                                <a-form-item
-                                    label="设备名称"
-                                    v-bind="validateInfos.name"
+                                    label="名称"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请输入名称',
+                                        },
+                                        {
+                                            max: 84,
+                                            message: '最多可输入84个字符',
+                                        },
+                                    ]"
                                 >
                                     <a-input
                                         v-model:value="formData.name"
@@ -45,93 +28,404 @@
                                     />
                                 </a-form-item>
                             </a-col>
-                        </a-row>
-                        <a-form-item
-                            label="所属产品"
-                            v-bind="validateInfos.productId"
-                        >
-                            <a-row :gutter="[0, 10]">
-                                <a-col :span="!!route.query.id ? 24 : 22">
-                                    <a-select
-                                        v-model:value="formData.productId"
-                                        placeholder="请选择所属产品"
-                                        :disabled="!!route.query.id"
-                                    >
-                                        <a-select-option
-                                            v-for="(item, index) in productList"
-                                            :key="index"
-                                            :value="item.id"
-                                        >
-                                            {{ item.name }}
-                                        </a-select-option>
-                                    </a-select>
-                                </a-col>
-                                <a-col :span="2" v-if="!route.query.id">
-                                    <a-button
-                                        type="link"
-                                        @click="saveProductVis = true"
-                                    >
-                                        <AIcon type="PlusOutlined" />
-                                    </a-button>
-                                </a-col>
-                            </a-row>
-                        </a-form-item>
-                        <a-form-item
-                            label="接入密码"
-                            v-bind="validateInfos['others.access_pwd']"
-                            v-if="formData.channel === 'gb28181-2016'"
-                        >
-                            <a-input-password
-                                v-model:value="formData.others.access_pwd"
-                                placeholder="请输入接入密码"
-                            />
-                        </a-form-item>
-                        <template v-if="!!route.query.id">
-                            <a-form-item
-                                label="流传输模式"
-                                v-bind="validateInfos.streamMode"
-                            >
-                                <a-radio-group
-                                    button-style="solid"
-                                    v-model:value="formData.streamMode"
+                            <a-col :span="12">
+                                <a-form-item
+                                    label="代理视频流"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请选择代理视频流',
+                                        },
+                                    ]"
                                 >
-                                    <a-radio-button value="UDP">
-                                        UDP
-                                    </a-radio-button>
-                                    <a-radio-button value="TCP_PASSIVE">
-                                        TCP被动
-                                    </a-radio-button>
-                                </a-radio-group>
-                            </a-form-item>
-                            <a-form-item label="设备厂商">
-                                <a-input
-                                    v-model:value="formData.manufacturer"
-                                    placeholder="请输入设备厂商"
-                                />
-                            </a-form-item>
-                            <a-form-item label="设备型号">
-                                <a-input
-                                    v-model:value="formData.model"
-                                    placeholder="请输入设备型号"
-                                />
-                            </a-form-item>
-                            <a-form-item label="固件版本">
-                                <a-input
-                                    v-model:value="formData.firmware"
-                                    placeholder="请输入固件版本"
-                                />
-                            </a-form-item>
-                        </template>
+                                    <a-radio-group
+                                        button-style="solid"
+                                        v-model:value="formData.name"
+                                    >
+                                        <a-radio-button value="enabled">
+                                            启用
+                                        </a-radio-button>
+                                        <a-radio-button value="disabled">
+                                            禁用
+                                        </a-radio-button>
+                                    </a-radio-group>
+                                </a-form-item>
+                            </a-col>
+
+                            <TitleComponent data="信令服务配置" />
+                            <a-col :span="12">
+                                <a-form-item
+                                    label="集群节点"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请选择集群节点',
+                                        },
+                                    ]"
+                                >
+                                    <a-input
+                                        v-model:value="formData.name"
+                                        placeholder="请选择集群节点"
+                                    />
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="12">
+                                <a-form-item
+                                    label="信令名称"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请输入信令名称',
+                                        },
+                                        {
+                                            max: 64,
+                                            message: '最多可输入64个字符',
+                                        },
+                                    ]"
+                                >
+                                    <a-input
+                                        v-model:value="formData.name"
+                                        placeholder="请输入信令名称"
+                                    />
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="24">
+                                <a-form-item
+                                    label="上级SIP ID"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请输入上级SIP ID',
+                                        },
+                                        {
+                                            max: 64,
+                                            message: '最多可输入64个字符',
+                                        },
+                                    ]"
+                                >
+                                    <a-input
+                                        v-model:value="formData.name"
+                                        placeholder="请输入上级SIP ID"
+                                    />
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="12">
+                                <a-form-item
+                                    label="上级SIP域"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请输入上级平台SIP域',
+                                        },
+                                        {
+                                            max: 64,
+                                            message: '最多可输入64个字符',
+                                        },
+                                    ]"
+                                >
+                                    <a-input
+                                        v-model:value="formData.name"
+                                        placeholder="请输入上级平台SIP域"
+                                    />
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="12">
+                                <a-form-item
+                                    label="上级SIP 地址"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请输入上级SIP 地址',
+                                        },
+                                        {
+                                            max: 64,
+                                            message: '最多可输入64个字符',
+                                        },
+                                    ]"
+                                >
+                                    <a-row :gutter="10">
+                                        <a-col :span="14">
+                                            <a-input
+                                                v-model:value="formData.name"
+                                                placeholder="请输入IP地址"
+                                            />
+                                        </a-col>
+                                        <a-col :span="10">
+                                            <a-input
+                                                v-model:value="formData.name"
+                                                placeholder="请输入端口"
+                                            />
+                                        </a-col>
+                                    </a-row>
+                                </a-form-item>
+                            </a-col>
+
+                            <a-col :span="24">
+                                <a-form-item
+                                    label="本地SIP ID"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请输入网关侧的SIP ID',
+                                        },
+                                        {
+                                            max: 64,
+                                            message: '最多可输入64个字符',
+                                        },
+                                    ]"
+                                >
+                                    <a-input
+                                        v-model:value="formData.name"
+                                        placeholder="网关侧的SIP ID"
+                                    />
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="12">
+                                <a-form-item
+                                    label="SIP本地地址"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请输入SIP本地地址',
+                                        },
+                                    ]"
+                                >
+                                    <a-row :gutter="10">
+                                        <a-col :span="14">
+                                            <a-select
+                                                v-model:value="formData.name"
+                                                placeholder="请选择IP地址"
+                                            >
+                                                <a-select-option value="1">
+                                                    1
+                                                </a-select-option>
+                                            </a-select>
+                                        </a-col>
+                                        <a-col :span="10">
+                                            <a-select
+                                                v-model:value="formData.name"
+                                                placeholder="请选择端口"
+                                            >
+                                                <a-select-option value="1">
+                                                    1
+                                                </a-select-option>
+                                            </a-select>
+                                        </a-col>
+                                    </a-row>
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="12">
+                                <a-form-item
+                                    label="SIP远程地址"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请输入SIP远程地址',
+                                        },
+                                        {
+                                            max: 64,
+                                            message: '最多可输入64个字符',
+                                        },
+                                    ]"
+                                >
+                                    <a-row :gutter="10">
+                                        <a-col :span="14">
+                                            <a-input
+                                                v-model:value="formData.name"
+                                                placeholder="请输入IP地址"
+                                            />
+                                        </a-col>
+                                        <a-col :span="10">
+                                            <a-input
+                                                v-model:value="formData.name"
+                                                placeholder="请输入端口"
+                                            />
+                                        </a-col>
+                                    </a-row>
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="24">
+                                <a-form-item
+                                    label="传输协议"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请选择传输协议',
+                                        },
+                                    ]"
+                                >
+                                    <a-radio-group
+                                        button-style="solid"
+                                        v-model:value="formData.name"
+                                    >
+                                        <a-radio-button value="UDP">
+                                            UDP
+                                        </a-radio-button>
+                                        <a-radio-button value="TCP_PASSIVE">
+                                            TCP
+                                        </a-radio-button>
+                                    </a-radio-group>
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="12">
+                                <a-form-item
+                                    label="用户"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请输入用户',
+                                        },
+                                        {
+                                            max: 64,
+                                            message: '最多可输入64个字符',
+                                        },
+                                    ]"
+                                >
+                                    <a-input
+                                        v-model:value="formData.name"
+                                        placeholder="请输入用户"
+                                    />
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="12">
+                                <a-form-item
+                                    label="接入密码"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请输入接入密码',
+                                        },
+                                        {
+                                            max: 64,
+                                            message: '最多可输入64个字符',
+                                        },
+                                    ]"
+                                >
+                                    <a-input
+                                        v-model:value="formData.name"
+                                        placeholder="请输入接入密码"
+                                    />
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="12">
+                                <a-form-item
+                                    label="厂商"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请输入厂商',
+                                        },
+                                        {
+                                            max: 64,
+                                            message: '最多可输入64个字符',
+                                        },
+                                    ]"
+                                >
+                                    <a-input
+                                        v-model:value="formData.name"
+                                        placeholder="请输入厂商"
+                                    />
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="12">
+                                <a-form-item
+                                    label="型号"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请输入型号',
+                                        },
+                                        {
+                                            max: 64,
+                                            message: '最多可输入64个字符',
+                                        },
+                                    ]"
+                                >
+                                    <a-input
+                                        v-model:value="formData.name"
+                                        placeholder="请输入型号"
+                                    />
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="12">
+                                <a-form-item
+                                    label="版本号"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请输入版本号',
+                                        },
+                                        {
+                                            max: 64,
+                                            message: '最多可输入64个字符',
+                                        },
+                                    ]"
+                                >
+                                    <a-input
+                                        v-model:value="formData.name"
+                                        placeholder="请输入版本号"
+                                    />
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="12">
+                                <a-form-item
+                                    label="心跳周期（秒）"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请输入心跳周期（秒）',
+                                        },
+                                        {
+                                            max: 64,
+                                            message: '最多可输入64个字符',
+                                        },
+                                    ]"
+                                >
+                                    <a-input-number
+                                        v-model:value="formData.name"
+                                        placeholder="请输入心跳周期（秒）"
+                                    />
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="12">
+                                <a-form-item
+                                    label="注册间隔（秒）"
+                                    name="name"
+                                    :rules="[
+                                        {
+                                            required: true,
+                                            message: '请输入注册间隔（秒）',
+                                        },
+                                        {
+                                            max: 64,
+                                            message: '最多可输入64个字符',
+                                        },
+                                    ]"
+                                >
+                                    <a-input-number
+                                        v-model:value="formData.name"
+                                        placeholder="请输入注册间隔（秒）"
+                                    />
+                                </a-form-item>
+                            </a-col>
+                        </a-row>
 
-                        <a-form-item label="说明">
-                            <a-textarea
-                                v-model:value="formData.description"
-                                show-count
-                                :maxlength="200"
-                                :rows="5"
-                                placeholder="请输入说明"
-                            />
-                        </a-form-item>
                         <a-form-item>
                             <a-button
                                 type="primary"