fix: 代码编辑器数据监听错误解决
This commit is contained in:
JiangQiming
parent
abdfee115c
commit
e233e9f55f
|
|
@ -18,4 +18,11 @@ export default {
|
||||||
disabled: (id: string) => server.post<any>(`/media/gb28181-cascade/${id}/_disabled`),
|
disabled: (id: string) => server.post<any>(`/media/gb28181-cascade/${id}/_disabled`),
|
||||||
// 启用
|
// 启用
|
||||||
enabled: (id: string) => server.post<any>(`/media/gb28181-cascade/${id}/_enabled`),
|
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`),
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -90,7 +90,7 @@ const insert = (val) => {
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
|
|
||||||
watch(() => props.value,
|
watch(() => props.modelValue,
|
||||||
(val) => {
|
(val) => {
|
||||||
instance.setValue(val)
|
instance.setValue(val)
|
||||||
})
|
})
|
||||||
|
|
|
||||||
|
|
@ -4,40 +4,23 @@
|
||||||
<a-card>
|
<a-card>
|
||||||
<a-row :gutter="24">
|
<a-row :gutter="24">
|
||||||
<a-col :span="12">
|
<a-col :span="12">
|
||||||
<a-form layout="vertical">
|
<a-form layout="vertical" :model="formData">
|
||||||
<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-row :gutter="24">
|
<a-row :gutter="24">
|
||||||
<a-col :span="8">
|
<TitleComponent data="基本信息" />
|
||||||
<JUpload
|
<a-col :span="12">
|
||||||
v-model:modelValue="formData.photoUrl"
|
|
||||||
:bgImage="formData.photoUrl"
|
|
||||||
/>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="16">
|
|
||||||
<a-form-item
|
<a-form-item
|
||||||
label="ID"
|
label="名称"
|
||||||
v-bind="validateInfos.id"
|
name="name"
|
||||||
>
|
:rules="[
|
||||||
<a-input
|
{
|
||||||
v-model:value="formData.id"
|
required: true,
|
||||||
placeholder="请输入"
|
message: '请输入名称',
|
||||||
:disabled="!!route.query.id"
|
},
|
||||||
/>
|
{
|
||||||
</a-form-item>
|
max: 84,
|
||||||
<a-form-item
|
message: '最多可输入84个字符',
|
||||||
label="设备名称"
|
},
|
||||||
v-bind="validateInfos.name"
|
]"
|
||||||
>
|
>
|
||||||
<a-input
|
<a-input
|
||||||
v-model:value="formData.name"
|
v-model:value="formData.name"
|
||||||
|
|
@ -45,93 +28,404 @@
|
||||||
/>
|
/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
<a-col :span="12">
|
||||||
<a-form-item
|
<a-form-item
|
||||||
label="所属产品"
|
label="代理视频流"
|
||||||
v-bind="validateInfos.productId"
|
name="name"
|
||||||
>
|
:rules="[
|
||||||
<a-row :gutter="[0, 10]">
|
{
|
||||||
<a-col :span="!!route.query.id ? 24 : 22">
|
required: true,
|
||||||
<a-select
|
message: '请选择代理视频流',
|
||||||
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-radio-button value="UDP">
|
<a-radio-group
|
||||||
UDP
|
button-style="solid"
|
||||||
</a-radio-button>
|
v-model:value="formData.name"
|
||||||
<a-radio-button value="TCP_PASSIVE">
|
>
|
||||||
TCP被动
|
<a-radio-button value="enabled">
|
||||||
</a-radio-button>
|
启用
|
||||||
</a-radio-group>
|
</a-radio-button>
|
||||||
</a-form-item>
|
<a-radio-button value="disabled">
|
||||||
<a-form-item label="设备厂商">
|
禁用
|
||||||
<a-input
|
</a-radio-button>
|
||||||
v-model:value="formData.manufacturer"
|
</a-radio-group>
|
||||||
placeholder="请输入设备厂商"
|
</a-form-item>
|
||||||
/>
|
</a-col>
|
||||||
</a-form-item>
|
|
||||||
<a-form-item label="设备型号">
|
<TitleComponent data="信令服务配置" />
|
||||||
<a-input
|
<a-col :span="12">
|
||||||
v-model:value="formData.model"
|
<a-form-item
|
||||||
placeholder="请输入设备型号"
|
label="集群节点"
|
||||||
/>
|
name="name"
|
||||||
</a-form-item>
|
:rules="[
|
||||||
<a-form-item label="固件版本">
|
{
|
||||||
<a-input
|
required: true,
|
||||||
v-model:value="formData.firmware"
|
message: '请选择集群节点',
|
||||||
placeholder="请输入固件版本"
|
},
|
||||||
/>
|
]"
|
||||||
</a-form-item>
|
>
|
||||||
</template>
|
<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-form-item>
|
||||||
<a-button
|
<a-button
|
||||||
type="primary"
|
type="primary"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue