From dcb1dc5c00a0a38c315bdb8b633982d463d0d4bb Mon Sep 17 00:00:00 2001
From: Zhunianya <2698076424@qq.com>
Date: Mon, 10 Aug 2026 11:54:46 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E8=AE=BE=E5=A4=87=E8=AF=A6=E6=83=85):=20?=
 =?UTF-8?q?=E8=BF=9E=E6=8E=A5=E5=8F=82=E6=95=B0=E4=BF=A1=E6=81=AF=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vue/src/api/iot/device.js                | 164 ++++++------
 vue/src/views/iot/device/device-edit.vue | 328 +++++++++++++++++------
 vue/src/views/iot/sip/sipidGen.vue       |  78 +++---
 3 files changed, 373 insertions(+), 197 deletions(-)

diff --git a/vue/src/api/iot/device.js b/vue/src/api/iot/device.js
index 8a242723..b3dad975 100644
--- a/vue/src/api/iot/device.js
+++ b/vue/src/api/iot/device.js
@@ -2,38 +2,38 @@ import request from '@/utils/request';
 
 // 查询设备列表
 export function listDevice(query) {
-  return request({
-    url: '/iot/device/list',
-    method: 'get',
-    params: query,
-  });
+    return request({
+        url: '/iot/device/list',
+        method: 'get',
+        params: query,
+    });
 }
 
 // 查询未授权设备列表
 export function listUnAuthDevice(query) {
-  return request({
-    url: '/iot/device/unAuthlist',
-    method: 'get',
-    params: query,
-  });
+    return request({
+        url: '/iot/device/unAuthlist',
+        method: 'get',
+        params: query,
+    });
 }
 
 // 查询分组可添加设备分页列表
 export function listDeviceByGroup(query) {
-  return request({
-    url: '/iot/device/listByGroup',
-    method: 'get',
-    params: query,
-  });
+    return request({
+        url: '/iot/device/listByGroup',
+        method: 'get',
+        params: query,
+    });
 }
 
 // 查询设备简短列表
 export function listDeviceShort(query) {
-  return request({
-    url: '/iot/device/shortList',
-    method: 'get',
-    params: query,
-  });
+    return request({
+        url: '/iot/device/shortList',
+        method: 'get',
+        params: query,
+    });
 }
 
 // 查询设备变量概况
@@ -47,109 +47,117 @@ export function listThingsModel(query) {
 
 // 查询所有设备简短列表
 export function listAllDeviceShort() {
-  return request({
-    url: '/iot/device/all',
-    method: 'get',
-  });
+    return request({
+        url: '/iot/device/all',
+        method: 'get',
+    });
 }
 
 // 查询设备详细
 export function getDevice(deviceId) {
-  return request({
-    url: '/iot/device/' + deviceId,
-    method: 'get',
-  });
+    return request({
+        url: '/iot/device/' + deviceId,
+        method: 'get',
+    });
 }
 
 // 设备数据同步
 export function deviceSynchronization(serialNumber) {
-  return request({
-    url: '/iot/device/synchronization/' + serialNumber,
-    method: 'get',
-  });
+    return request({
+        url: '/iot/device/synchronization/' + serialNumber,
+        method: 'get',
+    });
 }
 
 // 根据设备编号查询设备详细
 export function getDeviceBySerialNumber(serialNumber) {
-  return request({
-    url: '/iot/device/getDeviceBySerialNumber/' + serialNumber,
-    method: 'get',
-  });
+    return request({
+        url: '/iot/device/getDeviceBySerialNumber/' + serialNumber,
+        method: 'get',
+    });
 }
 
 // 查询设备统计信息
 export function getDeviceStatistic() {
-  return request({
-    url: '/iot/device/statistic',
-    method: 'get',
-  });
+    return request({
+        url: '/iot/device/statistic',
+        method: 'get',
+    });
 }
 
 // 查询设备运行状态详细
 export function getDeviceRunningStatus(params) {
-  return request({
-    url: '/iot/device/runningStatus',
-    method: 'get',
-    params: params,
-  });
+    return request({
+        url: '/iot/device/runningStatus',
+        method: 'get',
+        params: params,
+    });
 }
 
 // 查询设备物模型的值
 export function getDeviceThingsModelValue(deviceId) {
-  return request({
-    url: '/iot/device/thingsModelValue/' + deviceId,
-    method: 'get',
-  });
+    return request({
+        url: '/iot/device/thingsModelValue/' + deviceId,
+        method: 'get',
+    });
 }
 
 // 新增设备
 export function addDevice(data) {
-  return request({
-    url: '/iot/device',
-    method: 'post',
-    data: data,
-  });
+    return request({
+        url: '/iot/device',
+        method: 'post',
+        data: data,
+    });
 }
 
 // 修改设备
 export function updateDevice(data) {
-  return request({
-    url: '/iot/device',
-    method: 'put',
-    data: data,
-  });
+    return request({
+        url: '/iot/device',
+        method: 'put',
+        data: data,
+    });
 }
 
 // 删除设备
 export function delDevice(deviceId) {
-  return request({
-    url: '/iot/device/' + deviceId,
-    method: 'delete',
-  });
+    return request({
+        url: '/iot/device/' + deviceId,
+        method: 'delete',
+    });
 }
 
 // 生成设备编号
 export function generatorDeviceNum(params) {
-  return request({
-    url: '/iot/device/generator',
-    method: 'get',
-    params: params,
-  });
+    return request({
+        url: '/iot/device/generator',
+        method: 'get',
+        params: params,
+    });
 }
 
 export function getGwDevCode(params) {
-  return request({
-    url: '/iot/device/gwDevCount',
-    method: 'get',
-    params: params,
-  });
+    return request({
+        url: '/iot/device/gwDevCount',
+        method: 'get',
+        params: params,
+    });
 }
 
 //mqtt连接参数查看
 export function getMqttConnect(params) {
-  return request({
-    url: '/iot/device/getMqttConnectData',
-    method: 'get',
-    params: params,
-  });
+    return request({
+        url: '/iot/device/getMqttConnectData',
+        method: 'get',
+        params: params,
+    });
+}
+
+//获取国标配置信息
+export function getSipConfig(deviceSipId) {
+    return request({
+        url: '/sip/sipconfig/auth/' + deviceSipId,
+        method: 'get',
+    });
 }
diff --git a/vue/src/views/iot/device/device-edit.vue b/vue/src/views/iot/device/device-edit.vue
index be60a6fd..597f1756 100644
--- a/vue/src/views/iot/device/device-edit.vue
+++ b/vue/src/views/iot/device/device-edit.vue
@@ -1,6 +1,7 @@
 <template>
     <el-card style="margin: 6px; padding-bottom: 100px">
-        <el-tabs v-model="activeName" tab-position="left" @tab-click="tabChange" style="padding: 10px; min-height: 400px">
+        <el-tabs v-model="activeName" tab-position="left" @tab-click="tabChange"
+            style="padding: 10px; min-height: 400px">
             <el-tab-pane name="basic">
                 <span slot="label">* {{ $t('device.device-edit.148398-0') }}</span>
                 <el-form ref="form" :model="form" :rules="rules" label-width="100px">
@@ -8,7 +9,8 @@
                         <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="8">
                             <el-form-item :label="$t('device.device-edit.148398-1')" prop="deviceName">
                                 <el-input v-model="form.deviceName" :placeholder="$t('device.device-edit.148398-2')">
-                                    <el-button slot="append" @click="openSummaryDialog" v-if="form.deviceId != 0">{{ $t('device.device-edit.148398-3') }}</el-button>
+                                    <el-button slot="append" @click="openSummaryDialog" v-if="form.deviceId != 0">{{
+                                        $t('device.device-edit.148398-3') }}</el-button>
                                 </el-input>
                             </el-form-item>
                             <el-form-item label="" prop="productName">
@@ -16,8 +18,11 @@
                                     <span style="color: red">*</span>
                                     {{ $t('device.device-edit.148398-4') }}
                                 </template>
-                                <el-input readonly v-model="form.productName" :placeholder="$t('device.device-edit.148398-95')" :disabled="form.status != 1">
-                                    <el-button slot="append" @click="selectProduct()" :disabled="form.status != 1">{{ $t('device.device-edit.148398-6') }}</el-button>
+                                <el-input readonly v-model="form.productName"
+                                    :placeholder="$t('device.device-edit.148398-95')" :disabled="form.status != 1">
+                                    <el-button slot="append" @click="selectProduct()" :disabled="form.status != 1">{{
+                                        $t('device.device-edit.148398-6')
+                                        }}</el-button>
                                 </el-input>
                             </el-form-item>
                             <el-form-item label="" prop="serialNumber">
@@ -25,81 +30,109 @@
                                     <span style="color: red">*</span>
                                     {{ $t('device.device-edit.148398-7') }}
                                 </template>
-                                <el-input v-model="form.serialNumber" :placeholder="$t('device.device-edit.148398-8')" :disabled="form.status !== 1" maxlength="32">
-                                    <el-button v-if="form.deviceType !== 3" slot="append" @click="generateNum" :loading="genDisabled" :disabled="form.status != 1" v-hasPermi="['iot:device:add']">{{ $t('device.device-edit.148398-9') }}</el-button>
-                                    <el-button v-if="form.deviceType === 3" slot="append" @click="genSipID()" :disabled="form.status != 1" v-hasPermi="['iot:device:add']">{{ $t('device.device-edit.148398-9') }}</el-button>
+                                <el-input v-model="form.serialNumber" :placeholder="$t('device.device-edit.148398-8')"
+                                    :disabled="form.status !== 1" maxlength="32">
+                                    <el-button v-if="form.deviceType !== 3" slot="append" @click="generateNum"
+                                        :loading="genDisabled" :disabled="form.status != 1"
+                                        v-hasPermi="['iot:device:add']">{{ $t('device.device-edit.148398-9')
+                                        }}</el-button>
+                                    <el-button v-if="form.deviceType === 3" slot="append" @click="genSipID()"
+                                        :disabled="form.status != 1" v-hasPermi="['iot:device:add']">{{
+                                            $t('device.device-edit.148398-9') }}</el-button>
                                 </el-input>
                             </el-form-item>
                             <el-form-item v-if="openServerTip">
                                 <template>
-                                    <el-alert type="info" show-icon :description="$t('device.device-edit.148398-10')"></el-alert>
+                                    <el-alert type="info" show-icon
+                                        :description="$t('device.device-edit.148398-10')"></el-alert>
                                 </template>
                             </el-form-item>
                             <el-form-item v-if="openTip">
                                 <template>
-                                    <el-alert type="success" show-icon :description="$t('device.device-edit.148398-11')"></el-alert>
+                                    <el-alert type="success" show-icon
+                                        :description="$t('device.device-edit.148398-11')"></el-alert>
                                 </template>
                             </el-form-item>
                             <el-form-item :label="$t('device.device-edit.148398-12')" prop="firmwareVersion">
-                                <el-input v-model="form.firmwareVersion" :placeholder="$t('device.device-edit.148398-12')" type="number" step="0.1" :disabled="form.status != 1 || form.deviceType === 3">
+                                <el-input v-model="form.firmwareVersion"
+                                    :placeholder="$t('device.device-edit.148398-12')" type="number" step="0.1"
+                                    :disabled="form.status != 1 || form.deviceType === 3">
                                     <template slot="prepend">Version</template>
                                 </el-input>
                             </el-form-item>
                             <el-form-item :label="$t('device.device-edit.148398-15')" prop="isShadow">
-                                <el-switch v-model="form.isShadow" active-text="" inactive-text="" :active-value="1" :inactive-value="0" :disabled="form.deviceType === 3"></el-switch>
+                                <el-switch v-model="form.isShadow" active-text="" inactive-text="" :active-value="1"
+                                    :inactive-value="0" :disabled="form.deviceType === 3"></el-switch>
                             </el-form-item>
                             <el-form-item :label="$t('device.device-edit.148398-16')" prop="deviceStatus">
-                                <el-switch
-                                    v-model="deviceStatus"
-                                    active-text=""
-                                    inactive-text=""
-                                    :disabled="form.status === 1 || form.deviceType === 3"
-                                    :active-value="1"
-                                    :inactive-value="0"
-                                    active-color="#F56C6C"
-                                ></el-switch>
+                                <el-switch v-model="deviceStatus" active-text="" inactive-text=""
+                                    :disabled="form.status === 1 || form.deviceType === 3" :active-value="1"
+                                    :inactive-value="0" active-color="#F56C6C"></el-switch>
                             </el-form-item>
                             <el-form-item :label="$t('device.device-edit.148398-17')" prop="remark">
-                                <el-input v-model="form.remark" type="textarea" :placeholder="$t('device.device-edit.148398-18')" rows="3" />
+                                <el-input v-model="form.remark" type="textarea"
+                                    :placeholder="$t('device.device-edit.148398-18')" rows="3" />
                             </el-form-item>
                         </el-col>
                         <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="8">
                             <el-form-item :label="$t('device.device-edit.148398-19')" prop="locationWay">
-                                <el-select v-model="form.locationWay" :placeholder="$t('device.device-edit.148398-20')" clearable size="small" style="width: 100%" :disabled="form.deviceType === 3">
-                                    <el-option v-for="dict in dict.type.iot_location_way" :key="dict.value" :label="dict.label" :value="Number(dict.value)" />
+                                <el-select v-model="form.locationWay" :placeholder="$t('device.device-edit.148398-20')"
+                                    clearable size="small" style="width: 100%" :disabled="form.deviceType === 3">
+                                    <el-option v-for="dict in dict.type.iot_location_way" :key="dict.value"
+                                        :label="dict.label" :value="Number(dict.value)" />
                                 </el-select>
                             </el-form-item>
                             <el-form-item :label="$t('device.device-edit.148398-21')" prop="longitude">
-                                <el-input v-model="form.longitude" :placeholder="$t('device.device-edit.148398-22')" type="number" :disabled="form.locationWay != 3">
-                                    <el-link slot="append" :underline="false" href="https://api.map.baidu.com/lbsapi/getpoint/index.html" target="_blank" :disabled="form.locationWay != 3">{{ $t('device.device-edit.148398-23') }}</el-link>
+                                <el-input v-model="form.longitude" :placeholder="$t('device.device-edit.148398-22')"
+                                    type="number" :disabled="form.locationWay != 3">
+                                    <el-link slot="append" :underline="false"
+                                        href="https://api.map.baidu.com/lbsapi/getpoint/index.html" target="_blank"
+                                        :disabled="form.locationWay != 3">{{ $t('device.device-edit.148398-23')
+                                        }}</el-link>
                                 </el-input>
                             </el-form-item>
                             <el-form-item :label="$t('device.device-edit.148398-24')" prop="latitude">
-                                <el-input v-model="form.latitude" :placeholder="$t('device.device-edit.148398-25')" type="number" :disabled="form.locationWay != 3">
-                                    <el-link slot="append" :underline="false" href="https://api.map.baidu.com/lbsapi/getpoint/index.html" target="_blank" :disabled="form.locationWay != 3">{{ $t('device.device-edit.148398-23') }}</el-link>
+                                <el-input v-model="form.latitude" :placeholder="$t('device.device-edit.148398-25')"
+                                    type="number" :disabled="form.locationWay != 3">
+                                    <el-link slot="append" :underline="false"
+                                        href="https://api.map.baidu.com/lbsapi/getpoint/index.html" target="_blank"
+                                        :disabled="form.locationWay != 3">{{ $t('device.device-edit.148398-23')
+                                        }}</el-link>
                                 </el-input>
                             </el-form-item>
                             <el-form-item :label="$t('device.device-edit.148398-26')" prop="networkAddress">
-                                <el-input v-model="form.networkAddress" :placeholder="$t('device.device-edit.148398-27')" :disabled="form.locationWay != 3" />
+                                <el-input v-model="form.networkAddress"
+                                    :placeholder="$t('device.device-edit.148398-27')"
+                                    :disabled="form.locationWay != 3" />
                             </el-form-item>
                             <el-form-item :label="$t('device.device-edit.148398-28')" prop="networkIp">
-                                <el-input v-model="form.networkIp" :placeholder="$t('device.device-edit.148398-29')" disabled />
+                                <el-input v-model="form.networkIp" :placeholder="$t('device.device-edit.148398-29')"
+                                    disabled />
                             </el-form-item>
                             <el-form-item :label="$t('device.device-edit.148398-30')" prop="activeTime">
-                                <el-date-picker clearable v-model="form.activeTime" type="date" value-format="yyyy-MM-dd" :placeholder="$t('device.device-edit.148398-31')" disabled style="width: 100%"></el-date-picker>
+                                <el-date-picker clearable v-model="form.activeTime" type="date"
+                                    value-format="yyyy-MM-dd" :placeholder="$t('device.device-edit.148398-31')" disabled
+                                    style="width: 100%"></el-date-picker>
                             </el-form-item>
                             <el-form-item :label="$t('device.device-edit.148398-32')" prop="rssi">
-                                <el-input v-model="form.rssi" :placeholder="$t('device.device-edit.148398-33')" disabled />
+                                <el-input v-model="form.rssi" :placeholder="$t('device.device-edit.148398-33')"
+                                    disabled />
                             </el-form-item>
-                            <el-form-item :label="$t('device.device-edit.148398-34')" prop="remark" v-if="form.deviceId != 0">
-                                <dict-tag :options="dict.type.iot_device_status" :value="form.status" style="display: inline-block; margin-right: 8px" />
-                                <el-button size="small" @click="handleViewMqtt()">{{ $t('device.device-edit.148398-35') }}</el-button>
-                                <el-button size="small" @click="openCodeDialog()">{{ $t('device.device-edit.148398-36') }}</el-button>
+                            <el-form-item :label="$t('device.device-edit.148398-34')" prop="remark"
+                                v-if="form.deviceId != 0">
+                                <dict-tag :options="dict.type.iot_device_status" :value="form.status"
+                                    style="display: inline-block; margin-right: 8px" />
+                                <el-button size="small" @click="handleViewMqtt()">{{ $t('device.device-edit.148398-35')
+                                    }}</el-button>
+                                <el-button size="small" @click="openCodeDialog()">{{ $t('device.device-edit.148398-36')
+                                    }}</el-button>
                             </el-form-item>
                         </el-col>
                         <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="8" v-if="form.deviceId != 0">
-                            <div style="border: 1px solid #dfe4ed; border-radius: 5px; padding: 5px; text-align: center; line-height: 400px">
-                                <div id="map" style="height: 435px; width: 100%">{{ $t('device.device-edit.148398-37') }}</div>
+                            <div
+                                style="border: 1px solid #dfe4ed; border-radius: 5px; padding: 5px; text-align: center; line-height: 400px">
+                                <div id="map" style="height: 435px; width: 100%">{{ $t('device.device-edit.148398-37')
+                                    }}</div>
                             </div>
                         </el-col>
                     </el-row>
@@ -107,8 +140,12 @@
 
                 <el-form label-width="100px" style="margin-top: 50px">
                     <el-form-item style="text-align: center; margin-left: -100px; margin-top: 10px">
-                        <el-button type="primary" @click="submitForm" v-hasPermi="['iot:device:edit']" v-show="form.deviceId != 0">{{ $t('device.device-timer.433369-33') }}</el-button>
-                        <el-button type="primary" @click="submitForm" v-hasPermi="['iot:device:add']" v-show="form.deviceId == 0">{{ $t('device.device-timer.433369-32') }}</el-button>
+                        <el-button type="primary" @click="submitForm" v-hasPermi="['iot:device:edit']"
+                            v-show="form.deviceId != 0">{{
+                                $t('device.device-timer.433369-33') }}</el-button>
+                        <el-button type="primary" @click="submitForm" v-hasPermi="['iot:device:add']"
+                            v-show="form.deviceId == 0">{{
+                                $t('device.device-timer.433369-32') }}</el-button>
                     </el-form-item>
                 </el-form>
 
@@ -118,31 +155,34 @@
                 <sipid ref="sipidGen" :product="form" @addGenEvent="getSipIDData($event)" />
             </el-tab-pane>
 
-            <el-tab-pane name="runningStatus" key="1" v-if="form.deviceType !== 3 && form.deviceId !=0  && !isSubDev">
+            <el-tab-pane name="runningStatus" key="1" v-if="form.deviceType !== 3 && form.deviceId != 0 && !isSubDev">
                 <span slot="label">{{ $t('device.device-edit.148398-42') }}</span>
-                <running-status ref="runningStatus" :device="form" @statusEvent="getDeviceStatusData($event)"/>
-              </el-tab-pane>
-            <el-tab-pane name="videoLive" key="2" v-if="form.deviceType === 3 && form.deviceId !=0 ">
+                <running-status ref="runningStatus" :device="form" @statusEvent="getDeviceStatusData($event)" />
+            </el-tab-pane>
+            <el-tab-pane name="videoLive" key="2" v-if="form.deviceType === 3 && form.deviceId != 0">
                 <span slot="label">{{ $t('device.device-edit.148398-45') }}</span>
                 <device-live-stream ref="deviceLiveStream" :device="form" />
             </el-tab-pane>
 
-            <el-tab-pane name="deviceTimer" key="3" v-if="form.deviceType !== 3 && form.deviceId !=0  && hasShrarePerm('timer')">
+            <el-tab-pane name="deviceTimer" key="3"
+                v-if="form.deviceType !== 3 && form.deviceId != 0 && hasShrarePerm('timer')">
                 <span slot="label">{{ $t('device.device-edit.148398-47') }}</span>
                 <device-timer ref="deviceTimer" :device="form" />
             </el-tab-pane>
 
-            <el-tab-pane name="deviceUser" key="4"  v-if="form.deviceId !=0">
+            <el-tab-pane name="deviceUser" key="4" v-if="form.deviceId != 0">
                 <span slot="label">{{ $t('device.device-user.037521-12') }}</span>
                 <device-user ref="deviceUser" :device="form" @userEvent="getUserData($event)" />
             </el-tab-pane>
 
-            <el-tab-pane name="deviceLog" key="5"  v-if="form.deviceType !== 3 && form.deviceId !=0 && hasShrarePerm('log')" lazy>
+            <el-tab-pane name="deviceLog" key="5"
+                v-if="form.deviceType !== 3 && form.deviceId != 0 && hasShrarePerm('log')" lazy>
                 <span slot="label">{{ $t('device.device-edit.148398-49') }}</span>
                 <device-log ref="deviceLog" :device="form" />
             </el-tab-pane>
 
-            <el-tab-pane name="deviceFuncLog" key="6" v-if="form.deviceType !== 3 && form.deviceId !=0 && hasShrarePerm('log')" lazy>
+            <el-tab-pane name="deviceFuncLog" key="6"
+                v-if="form.deviceType !== 3 && form.deviceId != 0 && hasShrarePerm('log')" lazy>
                 <span slot="label">{{ $t('device.device-edit.148398-50') }}</span>
                 <device-func ref="deviceFuncLog" :device="form" />
             </el-tab-pane>
@@ -156,7 +196,8 @@
 
             <el-tab-pane name="deviceReturn" disabled>
                 <span slot="label">
-                    <el-button type="info" size="mini" @click="goBack()">{{ $t('device.device-edit.148398-53') }}</el-button>
+                    <el-button type="info" size="mini" @click="goBack()">{{ $t('device.device-edit.148398-53')
+                        }}</el-button>
                 </span>
             </el-tab-pane>
         </el-tabs>
@@ -165,14 +206,16 @@
         <el-dialog :title="$t('device.device-edit.148398-54')" :visible.sync="openSummary" width="700px" append-to-body>
             <el-row :gutter="20">
                 <el-col :span="14">
-                    <div style="border: 1px solid #ccc; margin-top: -15px; height: 350px; width: 360px; overflow: scroll">
+                    <div
+                        style="border: 1px solid #ccc; margin-top: -15px; height: 350px; width: 360px; overflow: scroll">
                         <json-viewer :value="summary" :expand-depth="10" copyable>
                             <template v-slot:copy>{{ $t('device.device-edit.148398-55') }}</template>
                         </json-viewer>
                     </div>
                 </el-col>
                 <el-col :span="10">
-                    <div style="border: 1px solid #ccc; width: 200px; text-align: center; margin-left: 20px; margin-top: -10px">
+                    <div
+                        style="border: 1px solid #ccc; width: 200px; text-align: center; margin-left: 20px; margin-top: -10px">
                         <vue-qr :text="qrText" :size="200"></vue-qr>
                         <div style="padding-bottom: 10px">{{ $t('device.device-edit.148398-56') }}</div>
                     </div>
@@ -189,29 +232,82 @@
                 <div style="padding-bottom: 10px">{{ $t('device.device-edit.148398-56') }}</div>
             </div>
         </el-dialog>
-        <el-dialog :title="$t('device.device-edit.148398-58')" :visible.sync="openViewMqtt" width="600px" :show-close="true" append-to-body :close-on-click-modal="false">
-            <el-form ref="listQuery" :model="listQuery" :rules="rules" label-width="150px">
-                <el-form-item :label="$t('device.device-edit.148398-88')" prop="clientId">
-                    <el-input v-model="listQuery.clientId" readonly style="width: 80%" />
+
+        <el-dialog :title="$t('device.device-edit.148398-58')" :visible.sync="openViewMqtt" width="600px"
+            :show-close="true" append-to-body :close-on-click-modal="false">
+            <el-form ref="listQuery" :model="listQuery" :rules="rules" label-width="120px"
+                v-if="this.form.transport == 'MQTT' || this.form.transport == 'COAP'">
+                <el-form-item label="clientId" prop="clientId">
+                    <el-input v-model="listQuery.clientId" readonly style="width: 400px" />
                 </el-form-item>
-                <el-form-item :label="$t('device.device-edit.148398-92')" prop="username">
-                    <el-input v-model="listQuery.username" readonly style="width: 80%" />
+                <el-form-item label="username" prop="username">
+                    <el-input v-model="listQuery.username" readonly style="width: 400px" />
                 </el-form-item>
-                <el-form-item :label="$t('device.device-edit.148398-93')" prop="passwd">
-                    <el-input clearable v-model="listQuery.passwd" readonly style="width: 80%"></el-input>
+                <el-form-item label="passwd" prop="passwd">
+                    <el-input clearable v-model="listQuery.passwd" readonly style="width: 400px"></el-input>
                 </el-form-item>
-                <el-form-item :label="$t('device.device-edit.148398-87')" prop="subscribeTopic">
-                    <el-input clearable v-model="listQuery.subscribeTopic" readonly style="width: 80%"></el-input>
+                <el-form-item label="subscribeTopic" prop="subscribeTopic">
+                    <el-input clearable v-model="listQuery.subscribeTopic" readonly style="width: 400px"></el-input>
                 </el-form-item>
-                <el-form-item :label="$t('device.device-edit.148398-106')" prop="reportTopic">
-                    <el-input clearable v-model="listQuery.reportTopic" readonly style="width: 80%"></el-input>
+                <el-form-item label="reportTopic" prop="reportTopic">
+                    <el-input clearable v-model="listQuery.reportTopic" readonly style="width: 400px"></el-input>
                 </el-form-item>
-                <el-form-item :label="$t('device.device-edit.148398-90')" prop="port">
-                    <el-input clearable v-model="listQuery.port" readonly style="width: 80%"></el-input>
+                <el-form-item label="port" prop="port">
+                    <el-input clearable v-model="listQuery.port" readonly style="width: 400px"></el-input>
                 </el-form-item>
             </el-form>
+            <el-form ref="listQuery" :model="listQuery" :rules="rules" label-width="120px"
+                v-if="this.form.transport == 'TCP'">
+                <!-- 注册包 -->
+                <el-form-item label="enrollPackage" prop="enrollPackage">
+                    <el-input clearable v-model="listQuery.enrollPackage" readonly style="width: 400px"></el-input>
+                </el-form-item>
+                <el-form-item label="port" prop="port">
+                    <el-input clearable v-model="listQuery.port" readonly style="width: 400px"></el-input>
+                </el-form-item>
+            </el-form>
+            <el-form ref="httpForm" :model="httpForm" :rules="rules" label-width="120px"
+                v-if="this.form.transport == 'HTTP'">
+                <!-- 认证类型 -->
+                <el-form-item label="clientId" prop="clientId">
+                    <el-input v-model="httpForm.clientId" readonly style="width: 400px" />
+                </el-form-item>
+                <el-form-item :label="$t('device.device-edit.148398-91')">
+                    <el-input clearable v-model="httpForm.type" readonly style="width: 400px"></el-input>
+                </el-form-item>
+                <el-form-item :label="$t('product.product-edit.473153-93')">
+                    <el-input clearable v-model="httpForm.username" readonly style="width: 400px"></el-input>
+                </el-form-item>
+                <el-form-item :label="$t('product.product-edit.473153-94')">
+                    <el-input clearable v-model="httpForm.password" readonly style="width: 400px"></el-input>
+                </el-form-item>
+                <el-form-item label="port">
+                    <el-input clearable v-model="httpForm.port" readonly style="width: 400px"></el-input>
+                </el-form-item>
+            </el-form>
+            <el-form ref="GBform" :model="GBform" :rules="rules" label-width="120px"
+                v-if="this.form.transport == 'GB28181'">
+                <!-- 服务器域 -->
+                <el-form-item :label="$t('device.device-edit.148398-87')">
+                    <el-input clearable v-model="GBform.domainAlias" readonly style="width: 400px"></el-input>
+                </el-form-item>
+                <!-- 服务器sipid" -->
+                <el-form-item :label="$t('device.device-edit.148398-88')">
+                    <el-input clearable v-model="GBform.serverSipid" readonly style="width: 400px"></el-input>
+                </el-form-item>
+                <!--  认证密码-->
+                <el-form-item :label="$t('device.device-edit.148398-89')">
+                    <el-input clearable v-model="GBform.password" readonly style="width: 400px"></el-input>
+                </el-form-item>
+                <!--  接入端口号  -->
+                <el-form-item :label="$t('device.device-edit.148398-90')">
+                    <el-input clearable v-model="GBform.port" readonly style="width: 400px"></el-input>
+                </el-form-item>
+            </el-form>
+
             <div slot="footer" class="dialog-footer">
-                <el-button class="btns" type="primary" @click="doCopy(2)">{{ $t('device.device-edit.148398-59') }}</el-button>
+                <el-button class="btns" type="primary" @click="doCopy">{{ $t('device.device-edit.148398-59')
+                    }}</el-button>
                 <el-button @click="closeSummaryDialog">{{ $t('device.device-edit.148398-57') }}</el-button>
             </div>
         </el-dialog>
@@ -230,7 +326,7 @@ import deviceTimer from './device-timer';
 import DeviceFunc from './device-functionlog';
 import vueQr from 'vue-qr';
 import { loadBMap } from '@/utils/map.js';
-import { deviceSynchronization, getDevice, addDevice, updateDevice, generatorDeviceNum, getMqttConnect } from '@/api/iot/device';
+import { deviceSynchronization, getDevice, addDevice, updateDevice, generatorDeviceNum, getMqttConnect, getSipConfig } from '@/api/iot/device';
 import { getDeviceRunningStatus } from '@/api/iot/device';
 import { cacheJsonThingsModel } from '@/api/iot/model';
 import deviceLiveStream from '@/views/components/player/deviceLiveStream';
@@ -320,8 +416,19 @@ export default {
                 clientId: 0,
                 username: '',
                 passwd: '',
-                subscribeTopic: '',
-                reportTopic: '',
+                port: '',
+            },
+            GBform: {
+                domainAlias: '',
+                serverSipid: '',
+                password: '',
+                port: '',
+            },
+            httpForm: {
+                type: '',
+                username: '',
+                password: '',
+                clientId: '',
                 port: '',
             },
             openTip: false,
@@ -486,7 +593,7 @@ export default {
 
         //获取子组件订阅的设备状态
         getDeviceStatusData(status) {
-          this.form.status = status;
+            this.form.status = status;
         },
         getPlayerData(data) {
             this.activeName = data.tabName;
@@ -881,7 +988,7 @@ export default {
             this.form.serialNumber = devsipid;
         },
         // 获取选中的用户
-        getUserData(user) {},
+        getUserData(user) { },
         /**关闭物模型 */
         openSummaryDialog() {
             let json = {
@@ -898,9 +1005,9 @@ export default {
             this.openSummary = false;
             this.openViewMqtt = false;
         },
-        doCopy(type) {
-            if (type == 2) {
-                const input = document.createElement('input');
+        doCopy() {
+            const input = document.createElement('input');
+            if (this.form.transport == 'MQTT' || this.form.transport == 'COAP') {
                 input.value =
                     '{"clientId":"' +
                     this.listQuery.clientId +
@@ -915,12 +1022,39 @@ export default {
                     '","port":"' +
                     this.listQuery.port +
                     '"}';
-                document.body.appendChild(input);
-                input.select(); //选中输入框
-                document.execCommand('Copy'); //复制当前选中文本到前切板
-                document.body.removeChild(input);
-                this.$message.success('复制成功');
+            } else if (this.form.transport == 'TCP') {
+                input.value = '{enrollPackage:' + this.listQuery.enrollPackage + ',port:' + this.listQuery.port + '}';
+            } else if (this.form.transport == 'HTTP') {
+                input.value =
+                    '{clientId:' +
+                    this.httpForm.clientId +
+                    ',type:' +
+                    this.httpForm.type +
+                    ',username:' +
+                    this.httpForm.username +
+                    ',password:' +
+                    this.httpForm.password +
+                    '","port":"' +
+                    this.httpForm.port +
+                    '"}';
             }
+            if (this.form.transport == 'GB28181') {
+                input.value =
+                    '{domainAlias:' +
+                    this.GBform.domainAlias +
+                    ',serverSipid:' +
+                    this.GBform.serverSipid +
+                    ',password:' +
+                    this.GBform.password +
+                    ',port:' +
+                    this.GBform.port +
+                    '}';
+            }
+            document.body.appendChild(input);
+            input.select(); //选中输入框
+            document.execCommand('Copy'); //复制当前选中文本到剪切板
+            document.body.removeChild(input);
+            this.$message.success(this.$t('device.device-edit.148398-71'));
         },
         openCodeDialog() {
             let json = {
@@ -967,15 +1101,35 @@ export default {
         handleViewMqtt() {
             this.openViewMqtt = true;
             this.loading = true;
-            const params = {
-                deviceId: this.form.deviceId,
-            };
-            getMqttConnect(params).then((response) => {
-                if (response.code == 200) {
-                    this.listQuery = response.data;
-                    this.loading = false;
-                }
-            });
+            if (this.form.transport === 'MQTT' || this.form.transport === 'TCP' || this.form.transport === 'COAP') {
+                const params = {
+                    deviceId: this.form.deviceId,
+                };
+                getMqttConnect(params).then((response) => {
+                    if (response.code == 200) {
+                        this.listQuery = response.data;
+                        this.loading = false;
+                    }
+                });
+            } else if (this.form.transport === 'GB28181') {
+                const deviceSipId = this.form.deviceId;
+                getSipConfig(deviceSipId).then((response) => {
+                    if (response.code == 200) {
+                        this.GBform = response.data;
+                        this.loading = false;
+                    }
+                });
+            } else if (this.form.transport === 'HTTP') {
+                const params = {
+                    deviceId: this.form.deviceId,
+                };
+                getHttpConfig(params).then((response) => {
+                    if (response.code == 200) {
+                        this.httpForm = response.data;
+                        this.loading = false;
+                    }
+                });
+            }
         },
     },
 };
diff --git a/vue/src/views/iot/sip/sipidGen.vue b/vue/src/views/iot/sip/sipidGen.vue
index 1861301e..473d2ff7 100644
--- a/vue/src/views/iot/sip/sipidGen.vue
+++ b/vue/src/views/iot/sip/sipidGen.vue
@@ -1,21 +1,27 @@
 <template>
-    <el-dialog :title="$t('sip.sipidGen.998538-1')" :visible.sync="open" width="400px" append-to-body :close-on-click-modal="false">
-        <el-form ref="createForm" :model="createForm" label-width="100px" :rules="rules">
+    <el-dialog :title="$t('sip.sipidGen.998538-1')" :visible.sync="open" width="400px" append-to-body
+        :close-on-click-modal="false">
+        <el-form ref="createForm" :model="createForm" label-width="100px">
             <el-form-item :label="$t('sip.sipidGen.998538-0')" prop="city">
-                <el-cascader :options="cityOptions" v-model="createForm.city" @change="changeProvince" change-on-select :props="{ checkStrictly: false }"></el-cascader>
+                <el-cascader :options="cityOptions" v-model="createForm.city" @change="changeProvince" change-on-select
+                    :props="{ checkStrictly: false }"></el-cascader>
             </el-form-item>
-            <el-form-item :label="$t('sip.sipidGen.998538-4')" prop="deviceType">
-                <el-select v-model="createForm.deviceType" :placeholder="$t('sip.sipidGen.998538-4')">
-                    <el-option v-for="dict in dict.type.video_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
+            <el-form-item :label="$t('sip.index.998533-9')" prop="deviceType">
+                <el-select v-model="createForm.deviceType" :placeholder="$t('sip.index.998533-9')">
+                    <el-option v-for="dict in dict.type.video_type" :key="dict.value" :label="dict.label"
+                        :value="dict.value" :disabled="dict.value === '600'"></el-option>
                 </el-select>
             </el-form-item>
-            <el-form-item :label="$t('sip.sipidGen.998538-5')" prop="channelType">
-                <el-select v-model="createForm.channelType" :placeholder="$t('sip.sipidGen.998538-4')">
-                    <el-option v-for="dict in dict.type.channel_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
+            <el-form-item :label="$t('sip.index.998533-15')" prop="channelType">
+                <el-select v-model="createForm.channelType" :placeholder="$t('sip.index.998533-16')"
+                    :disabled="createForm.deviceType == ''">
+                    <el-option v-for="dict in dict.type.channel_type" :key="dict.value" :label="dict.label"
+                        :value="dict.value" :disabled="dict.value === '600' || dict.value === '601'"></el-option>
                 </el-select>
             </el-form-item>
-            <el-form-item :label="$t('sip.sipidGen.998538-6')" prop="createNum">
-                <el-input-number controls-position="right" :min="1" :max="10" v-model="createForm.createNum" :placeholder="$t('sip.index.998533-19')" type="number" style="width: 220px" />
+            <el-form-item :label="$t('sip.index.998533-20')" prop="createNum">
+                <el-input-number controls-position="right" :min="1" :max="10" v-model="createForm.createNum"
+                    :placeholder="$t('sip.index.998533-19')" type="number" style="width: 220px" />
             </el-form-item>
         </el-form>
         <div slot="footer" class="dialog-footer">
@@ -59,17 +65,9 @@ export default {
             cityOptions: regionData,
             city: '',
             cityCode: '',
-
-            // 表单校验
-            rules: {
-                city: [{ required: true, message: this.$t('sip.sipidGen.998538-7'), trigger: 'change' }],
-                deviceType: [{ required: true, message: this.$t('sip.sipidGen.998538-8'), trigger: 'change' }],
-                channelType: [{ required: true, message: this.$t('sip.sipidGen.998538-9'), trigger: 'change' }],
-                createNum: [{ required: true, message: this.$t('sip.index.998533-19'), trigger: 'change' }],
-            },
         };
     },
-    created() {},
+    created() { },
     methods: {
         /** 行政区划改变 **/
         changeProvince(data) {
@@ -80,21 +78,37 @@ export default {
         },
         /** 提交按钮 */
         submitForm() {
-            this.$refs.createForm.validate((valid) => {
-                if (valid) {
-                    this.createForm.productId = this.product.productId;
-                    this.createForm.productName = this.product.productName;
-                    this.createForm.tenantId = this.product.tenantId;
-                    this.createForm.tenantName = this.product.tenantName;
-                    this.createForm.deviceSipId = this.createForm.city[2] + '0000' + this.createForm.deviceType + '0';
-                    this.createForm.channelSipId = this.createForm.city[2] + '0000' + this.createForm.channelType + '0';
+            if (this.createForm.createNum < 1) {
+                this.$modal.alertError(this.$t('sip.index.998533-42'));
+                return;
+            }
+            if (!this.createForm.id) {
+                this.createForm.deviceSipId = this.createForm.city[2] + '0000' + this.createForm.deviceType + '0';
+                this.createForm.channelSipId = this.createForm.city[2] + '0000' + this.createForm.channelType + '0';
+
+                if (
+                    this.createForm.deviceType !== '' &&
+                    this.createForm.channelType !== '' &&
+                    this.createForm.city.length === 3
+                ) {
                     addChannel(this.createForm.createNum, this.createForm).then((response) => {
-                        this.$modal.msgSuccess(this.$t('sip.sipidGen.998538-2'));
-                        this.devsipid = response.data;
-                        this.confirmSelectProduct();
+                        this.$modal.msgSuccess(this.$t('addSuccess'));
+                        this.open = false;
+                        this.getList();
+                    });
+                } else {
+                    this.$message({
+                        type: 'error',
+                        message: this.$t('sip.index.998533-44'),
                     });
                 }
-            });
+            } else {
+                updateChannel(this.createForm).then((response) => {
+                    this.$modal.msgSuccess(this.$t('updateSuccess'));
+                    this.open = false;
+                    this.getList();
+                });
+            }
         },
         confirmSelectProduct() {
             this.open = false;