Merge branch '648540858:wvp-28181-2.0' into wvp-28181-2.0

README.md

@@ -134,10 +134,10 @@ QQ私信一般不回, 精力有限.欢迎大家在群里讨论.觉得项目对
 感谢作者[dexter langhuihui](https://github.com/langhuihui) 开源这么好用的WEB播放器。     
 感谢作者[Kyle](https://gitee.com/kkkkk5G) 开源了好用的前端页面     
 感谢各位大佬的赞助以及对项目的指正与帮助。包括但不限于代码贡献、问题反馈、资金捐赠等各种方式的支持！以下排名不分先后：  
-[lawrencehj](https://github.com/lawrencehj) @陆丰-创奇科技 [swwhaha](https://github.com/swwheihei) 
+[lawrencehj](https://github.com/lawrencehj) [Smallwhitepig](https://github.com/Smallwhitepig) [swwhaha](https://github.com/swwheihei) 
 [hotcoffie](https://github.com/hotcoffie) [xiaomu](https://github.com/nikmu) [TristingChen](https://github.com/TristingChen)
 [chenparty](https://github.com/chenparty) [Hotleave](https://github.com/hotleave) [ydwxb](https://github.com/ydwxb)
-[ydpd](https://github.com/ydpd) [szy833](https://github.com/szy833) [ydwxb](https://github.com/ydwxb)
+[ydpd](https://github.com/ydpd) [szy833](https://github.com/szy833) [ydwxb](https://github.com/ydwxb) [Albertzhu666](https://github.com/Albertzhu666)
 
 ps: 刚增加了这个名单，肯定遗漏了一些大佬，欢迎大佬联系我添加。
 

pom.xml

@@ -11,7 +11,7 @@
 
 	<groupId>com.genersoft</groupId>
 	<artifactId>wvp-pro</artifactId>
-	<version>2.0.2</version>
+	<version>2.1.1</version>
 	<name>web video platform</name>
 	<description>国标28181视频平台</description>
 

sql/clean.sql

@@ -0,0 +1,13 @@
+delete from  device;
+delete from  device_alarm;
+delete from  device_channel;
+delete from  device_mobile_position;
+delete from  gb_stream;
+delete from  log;
+delete from  media_server;
+delete from  parent_platform;
+delete from  platform_catalog;
+delete from  platform_gb_channel;
+delete from  platform_gb_stream;
+delete from  stream_proxy;
+delete from  stream_push;

sql/mysql.sql

@@ -1,13 +1,13 @@
+-- MariaDB dump 10.19  Distrib 10.7.3-MariaDB, for Linux (x86_64)
 --
+-- Host: 127.0.0.1    Database: wvp3
 -- ------------------------------------------------------
+-- Server version	8.0.0-dmr
 
 /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
 /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
 /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
-/*!50503 SET NAMES utf8mb4 */;
+/*!40101 SET NAMES utf8mb4 */;
 /*!40103 SET @OLD_TIME_ZONE=@@TIME_ZONE */;
 /*!40103 SET TIME_ZONE='+00:00' */;
 /*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
@@ -21,33 +21,34 @@
 
 DROP TABLE IF EXISTS `device`;
 /*!40101 SET @saved_cs_client     = @@character_set_client */;
-/*!50503 SET character_set_client = utf8mb4 */;
+/*!40101 SET character_set_client = utf8 */;
 CREATE TABLE `device` (
-                          `id` int NOT NULL AUTO_INCREMENT,
-                          `deviceId` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
-                          `name` varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                          `manufacturer` varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                          `model` varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                          `firmware` varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                          `transport` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                          `streamMode` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                          `online` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                          `registerTime` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                          `keepaliveTime` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                          `ip` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
-                          `createTime` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
-                          `updateTime` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
-                          `port` int NOT NULL,
-                          `expires` int NOT NULL,
-                          `subscribeCycleForCatalog` int NOT NULL,
-                          `subscribeCycleForMobilePosition` int NOT NULL,
-                          `mobilePositionSubmissionInterval` int DEFAULT 5 NOT NULL,
-                          `subscribeCycleForAlarm` int NOT NULL,
-                          `hostAddress` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
-                          `charset` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
+                          `id` int(11) NOT NULL AUTO_INCREMENT,
+                          `deviceId` varchar(50) NOT NULL,
+                          `name` varchar(255) DEFAULT NULL,
+                          `manufacturer` varchar(255) DEFAULT NULL,
+                          `model` varchar(255) DEFAULT NULL,
+                          `firmware` varchar(255) DEFAULT NULL,
+                          `transport` varchar(50) DEFAULT NULL,
+                          `streamMode` varchar(50) DEFAULT NULL,
+                          `online` varchar(50) DEFAULT NULL,
+                          `registerTime` varchar(50) DEFAULT NULL,
+                          `keepaliveTime` varchar(50) DEFAULT NULL,
+                          `ip` varchar(50) NOT NULL,
+                          `createTime` varchar(50) NOT NULL,
+                          `updateTime` varchar(50) NOT NULL,
+                          `port` int(11) NOT NULL,
+                          `expires` int(11) NOT NULL,
+                          `subscribeCycleForCatalog` int(11) NOT NULL,
+                          `subscribeCycleForMobilePosition` int(11) NOT NULL,
+                          `mobilePositionSubmissionInterval` int(11) NOT NULL DEFAULT '5',
+                          `subscribeCycleForAlarm` int(11) NOT NULL,
+                          `hostAddress` varchar(50) NOT NULL,
+                          `charset` varchar(50) NOT NULL,
+                          `ssrcCheck` int(11) DEFAULT '0',
                           PRIMARY KEY (`id`),
                           UNIQUE KEY `device_deviceId_uindex` (`deviceId`)
-) ENGINE=InnoDB AUTO_INCREMENT=21 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
+) ENGINE=InnoDB AUTO_INCREMENT=47 DEFAULT CHARSET=utf8mb4;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 --
@@ -65,20 +66,20 @@ UNLOCK TABLES;
 
 DROP TABLE IF EXISTS `device_alarm`;
 /*!40101 SET @saved_cs_client     = @@character_set_client */;
-/*!50503 SET character_set_client = utf8mb4 */;
+/*!40101 SET character_set_client = utf8 */;
 CREATE TABLE `device_alarm` (
-                                `id` int NOT NULL AUTO_INCREMENT,
-                                `deviceId` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                `channelId` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                `alarmPriority` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                `alarmMethod` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                `alarmTime` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                `alarmDescription` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+                                `id` int(11) NOT NULL AUTO_INCREMENT,
+                                `deviceId` varchar(50) NOT NULL,
+                                `channelId` varchar(50) NOT NULL,
+                                `alarmPriority` varchar(50) NOT NULL,
+                                `alarmMethod` varchar(50) DEFAULT NULL,
+                                `alarmTime` varchar(50) NOT NULL,
+                                `alarmDescription` varchar(255) DEFAULT NULL,
                                 `longitude` double DEFAULT NULL,
                                 `latitude` double DEFAULT NULL,
-                                `alarmType` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+                                `alarmType` varchar(50) DEFAULT NULL,
                                 PRIMARY KEY (`id`) USING BTREE
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 ROW_FORMAT=DYNAMIC;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 --
@@ -96,43 +97,43 @@ UNLOCK TABLES;
 
 DROP TABLE IF EXISTS `device_channel`;
 /*!40101 SET @saved_cs_client     = @@character_set_client */;
-/*!50503 SET character_set_client = utf8mb4 */;
+/*!40101 SET character_set_client = utf8 */;
 CREATE TABLE `device_channel` (
-                                  `id` int NOT NULL AUTO_INCREMENT,
-                                  `channelId` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
-                                  `name` varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                  `manufacture` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                  `model` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                  `owner` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                  `civilCode` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                  `block` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                  `address` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                  `parentId` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                  `safetyWay` int DEFAULT NULL,
-                                  `registerWay` int DEFAULT NULL,
-                                  `certNum` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                  `certifiable` int DEFAULT NULL,
-                                  `errCode` int DEFAULT NULL,
-                                  `endTime` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                  `secrecy` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                  `ipAddress` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                  `port` int DEFAULT NULL,
-                                  `password` varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                  `PTZType` int DEFAULT NULL,
-                                  `status` int DEFAULT NULL,
+                                  `id` int(11) NOT NULL AUTO_INCREMENT,
+                                  `channelId` varchar(50) NOT NULL,
+                                  `name` varchar(255) DEFAULT NULL,
+                                  `manufacture` varchar(50) DEFAULT NULL,
+                                  `model` varchar(50) DEFAULT NULL,
+                                  `owner` varchar(50) DEFAULT NULL,
+                                  `civilCode` varchar(50) DEFAULT NULL,
+                                  `block` varchar(50) DEFAULT NULL,
+                                  `address` varchar(50) DEFAULT NULL,
+                                  `parentId` varchar(50) DEFAULT NULL,
+                                  `safetyWay` int(11) DEFAULT NULL,
+                                  `registerWay` int(11) DEFAULT NULL,
+                                  `certNum` varchar(50) DEFAULT NULL,
+                                  `certifiable` int(11) DEFAULT NULL,
+                                  `errCode` int(11) DEFAULT NULL,
+                                  `endTime` varchar(50) DEFAULT NULL,
+                                  `secrecy` varchar(50) DEFAULT NULL,
+                                  `ipAddress` varchar(50) DEFAULT NULL,
+                                  `port` int(11) DEFAULT NULL,
+                                  `password` varchar(255) DEFAULT NULL,
+                                  `PTZType` int(11) DEFAULT NULL,
+                                  `status` int(11) DEFAULT NULL,
                                   `longitude` double DEFAULT NULL,
                                   `latitude` double DEFAULT NULL,
-                                  `streamId` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                  `deviceId` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
-                                  `parental` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
+                                  `streamId` varchar(50) DEFAULT NULL,
+                                  `deviceId` varchar(50) NOT NULL,
+                                  `parental` varchar(50) DEFAULT NULL,
                                   `hasAudio` bit(1) DEFAULT NULL,
-                                  `createTime` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
-                                  `updateTime` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
-                                  `subCount` int DEFAULT '0',
+                                  `createTime` varchar(50) NOT NULL,
+                                  `updateTime` varchar(50) NOT NULL,
+                                  `subCount` int(11) DEFAULT '0',
                                   PRIMARY KEY (`id`),
                                   UNIQUE KEY `device_channel_id_uindex` (`id`),
                                   UNIQUE KEY `device_channel_pk` (`channelId`,`deviceId`)
-) ENGINE=InnoDB AUTO_INCREMENT=46 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
+) ENGINE=InnoDB AUTO_INCREMENT=81657 DEFAULT CHARSET=utf8mb4;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 --
@@ -150,24 +151,24 @@ UNLOCK TABLES;
 
 DROP TABLE IF EXISTS `device_mobile_position`;
 /*!40101 SET @saved_cs_client     = @@character_set_client */;
-/*!50503 SET character_set_client = utf8mb4 */;
+/*!40101 SET character_set_client = utf8 */;
 CREATE TABLE `device_mobile_position` (
-                                          `id` int NOT NULL AUTO_INCREMENT,
-                                          `deviceId` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
-                                          `channelId` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
-                                          `deviceName` varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                          `time` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
+                                          `id` int(11) NOT NULL AUTO_INCREMENT,
+                                          `deviceId` varchar(50) NOT NULL,
+                                          `channelId` varchar(50) NOT NULL,
+                                          `deviceName` varchar(255) DEFAULT NULL,
+                                          `time` varchar(50) NOT NULL,
                                           `longitude` double NOT NULL,
                                           `latitude` double NOT NULL,
                                           `altitude` double DEFAULT NULL,
                                           `speed` double DEFAULT NULL,
                                           `direction` double DEFAULT NULL,
-                                          `reportSource` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                          `geodeticSystem` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                          `cnLng` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                          `cnLat` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
+                                          `reportSource` varchar(50) DEFAULT NULL,
+                                          `geodeticSystem` varchar(50) DEFAULT NULL,
+                                          `cnLng` varchar(50) DEFAULT NULL,
+                                          `cnLat` varchar(50) DEFAULT NULL,
                                           PRIMARY KEY (`id`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
+) ENGINE=InnoDB AUTO_INCREMENT=6108 DEFAULT CHARSET=utf8mb4;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 --
@@ -185,23 +186,23 @@ UNLOCK TABLES;
 
 DROP TABLE IF EXISTS `gb_stream`;
 /*!40101 SET @saved_cs_client     = @@character_set_client */;
-/*!50503 SET character_set_client = utf8mb4 */;
+/*!40101 SET character_set_client = utf8 */;
 CREATE TABLE `gb_stream` (
-                             `gbStreamId` int NOT NULL AUTO_INCREMENT,
-                             `app` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                             `stream` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                             `gbId` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                             `name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+                             `gbStreamId` int(11) NOT NULL AUTO_INCREMENT,
+                             `app` varchar(255) NOT NULL,
+                             `stream` varchar(255) NOT NULL,
+                             `gbId` varchar(50) NOT NULL,
+                             `name` varchar(255) DEFAULT NULL,
                              `longitude` double DEFAULT NULL,
                              `latitude` double DEFAULT NULL,
-                             `streamType` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
-                             `mediaServerId` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
-                             `status` int DEFAULT NULL,
-                             `createStamp` bigint DEFAULT NULL,
+                             `streamType` varchar(50) DEFAULT NULL,
+                             `mediaServerId` varchar(50) DEFAULT NULL,
+                             `status` int(11) DEFAULT NULL,
+                             `createStamp` bigint(20) DEFAULT NULL,
                              PRIMARY KEY (`gbStreamId`) USING BTREE,
                              UNIQUE KEY `app` (`app`,`stream`) USING BTREE,
                              UNIQUE KEY `gbId` (`gbId`) USING BTREE
-) ENGINE=InnoDB AUTO_INCREMENT=300766 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+) ENGINE=InnoDB AUTO_INCREMENT=300769 DEFAULT CHARSET=utf8mb4 ROW_FORMAT=DYNAMIC;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 --
@@ -219,19 +220,19 @@ UNLOCK TABLES;
 
 DROP TABLE IF EXISTS `log`;
 /*!40101 SET @saved_cs_client     = @@character_set_client */;
-/*!50503 SET character_set_client = utf8mb4 */;
+/*!40101 SET character_set_client = utf8 */;
 CREATE TABLE `log` (
-                       `id` int NOT NULL AUTO_INCREMENT,
-                       `name` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                       `type` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                       `uri` varchar(200) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                       `address` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                       `result` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                       `timing` bigint NOT NULL,
-                       `username` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                       `createTime` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
+                       `id` int(11) NOT NULL AUTO_INCREMENT,
+                       `name` varchar(50) NOT NULL,
+                       `type` varchar(50) NOT NULL,
+                       `uri` varchar(200) NOT NULL,
+                       `address` varchar(50) NOT NULL,
+                       `result` varchar(50) NOT NULL,
+                       `timing` bigint(20) NOT NULL,
+                       `username` varchar(50) NOT NULL,
+                       `createTime` varchar(50) NOT NULL,
                        PRIMARY KEY (`id`) USING BTREE
-) ENGINE=InnoDB AUTO_INCREMENT=962 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+) ENGINE=InnoDB AUTO_INCREMENT=1552 DEFAULT CHARSET=utf8mb4 ROW_FORMAT=DYNAMIC;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 --
@@ -249,34 +250,34 @@ UNLOCK TABLES;
 
 DROP TABLE IF EXISTS `media_server`;
 /*!40101 SET @saved_cs_client     = @@character_set_client */;
-/*!50503 SET character_set_client = utf8mb4 */;
+/*!40101 SET character_set_client = utf8 */;
 CREATE TABLE `media_server` (
-                                `id` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                `ip` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                `hookIp` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                `sdpIp` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                `streamIp` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                `httpPort` int NOT NULL,
-                                `httpSSlPort` int NOT NULL,
-                                `rtmpPort` int NOT NULL,
-                                `rtmpSSlPort` int NOT NULL,
-                                `rtpProxyPort` int NOT NULL,
-                                `rtspPort` int NOT NULL,
-                                `rtspSSLPort` int NOT NULL,
-                                `autoConfig` int NOT NULL,
-                                `secret` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                `streamNoneReaderDelayMS` int NOT NULL,
-                                `rtpEnable` int NOT NULL,
-                                `rtpPortRange` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                `sendRtpPortRange` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                `recordAssistPort` int NOT NULL,
-                                `defaultServer` int NOT NULL,
-                                `createTime` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                `updateTime` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                `hookAliveInterval` int NOT NULL,
+                                `id` varchar(255) NOT NULL,
+                                `ip` varchar(50) NOT NULL,
+                                `hookIp` varchar(50) NOT NULL,
+                                `sdpIp` varchar(50) NOT NULL,
+                                `streamIp` varchar(50) NOT NULL,
+                                `httpPort` int(11) NOT NULL,
+                                `httpSSlPort` int(11) NOT NULL,
+                                `rtmpPort` int(11) NOT NULL,
+                                `rtmpSSlPort` int(11) NOT NULL,
+                                `rtpProxyPort` int(11) NOT NULL,
+                                `rtspPort` int(11) NOT NULL,
+                                `rtspSSLPort` int(11) NOT NULL,
+                                `autoConfig` int(11) NOT NULL,
+                                `secret` varchar(50) NOT NULL,
+                                `streamNoneReaderDelayMS` int(11) NOT NULL,
+                                `rtpEnable` int(11) NOT NULL,
+                                `rtpPortRange` varchar(50) NOT NULL,
+                                `sendRtpPortRange` varchar(50) NOT NULL,
+                                `recordAssistPort` int(11) NOT NULL,
+                                `defaultServer` int(11) NOT NULL,
+                                `createTime` varchar(50) NOT NULL,
+                                `updateTime` varchar(50) NOT NULL,
+                                `hookAliveInterval` int(11) NOT NULL,
                                 PRIMARY KEY (`id`) USING BTREE,
                                 UNIQUE KEY `media_server_i` (`ip`,`httpPort`) USING BTREE
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 ROW_FORMAT=DYNAMIC;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 --
@@ -294,33 +295,36 @@ UNLOCK TABLES;
 
 DROP TABLE IF EXISTS `parent_platform`;
 /*!40101 SET @saved_cs_client     = @@character_set_client */;
-/*!50503 SET character_set_client = utf8mb4 */;
+/*!40101 SET character_set_client = utf8 */;
 CREATE TABLE `parent_platform` (
-                                   `id` int NOT NULL AUTO_INCREMENT,
-                                   `enable` int DEFAULT NULL,
-                                   `name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                   `serverGBId` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                   `serverGBDomain` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                   `serverIP` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                   `serverPort` int DEFAULT NULL,
-                                   `deviceGBId` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                   `deviceIp` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                   `devicePort` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                   `username` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                   `password` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                   `expires` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                   `keepTimeout` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                   `transport` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                   `characterSet` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                   `catalogId` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                   `ptz` int DEFAULT NULL,
-                                   `rtcp` int DEFAULT NULL,
+                                   `id` int(11) NOT NULL AUTO_INCREMENT,
+                                   `enable` int(11) DEFAULT NULL,
+                                   `name` varchar(255) DEFAULT NULL,
+                                   `serverGBId` varchar(50) NOT NULL,
+                                   `serverGBDomain` varchar(50) DEFAULT NULL,
+                                   `serverIP` varchar(50) DEFAULT NULL,
+                                   `serverPort` int(11) DEFAULT NULL,
+                                   `deviceGBId` varchar(50) NOT NULL,
+                                   `deviceIp` varchar(50) DEFAULT NULL,
+                                   `devicePort` varchar(50) DEFAULT NULL,
+                                   `username` varchar(255) DEFAULT NULL,
+                                   `password` varchar(50) DEFAULT NULL,
+                                   `expires` varchar(50) DEFAULT NULL,
+                                   `keepTimeout` varchar(50) DEFAULT NULL,
+                                   `transport` varchar(50) DEFAULT NULL,
+                                   `characterSet` varchar(50) DEFAULT NULL,
+                                   `catalogId` varchar(50) NOT NULL,
+                                   `ptz` int(11) DEFAULT NULL,
+                                   `rtcp` int(11) DEFAULT NULL,
                                    `status` bit(1) DEFAULT NULL,
-                                   `shareAllLiveStream` int DEFAULT NULL,
+                                   `shareAllLiveStream` int(11) DEFAULT NULL,
+                                   `startOfflinePush` int(11) DEFAULT '0',
+                                   `administrativeDivision` varchar(50) NOT NULL,
+                                   `catalogGroup` int(11) DEFAULT '1',
                                    PRIMARY KEY (`id`),
                                    UNIQUE KEY `parent_platform_id_uindex` (`id`),
                                    UNIQUE KEY `parent_platform_pk` (`serverGBId`)
-) ENGINE=InnoDB AUTO_INCREMENT=23 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+) ENGINE=InnoDB AUTO_INCREMENT=25 DEFAULT CHARSET=utf8mb4 ROW_FORMAT=DYNAMIC;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 --
@@ -338,14 +342,14 @@ UNLOCK TABLES;
 
 DROP TABLE IF EXISTS `platform_catalog`;
 /*!40101 SET @saved_cs_client     = @@character_set_client */;
-/*!50503 SET character_set_client = utf8mb4 */;
+/*!40101 SET character_set_client = utf8 */;
 CREATE TABLE `platform_catalog` (
-                                    `id` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                    `platformId` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                    `name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                    `parentId` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
+                                    `id` varchar(50) NOT NULL,
+                                    `platformId` varchar(50) NOT NULL,
+                                    `name` varchar(255) NOT NULL,
+                                    `parentId` varchar(50) DEFAULT NULL,
                                     PRIMARY KEY (`id`) USING BTREE
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 ROW_FORMAT=DYNAMIC;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 --
@@ -363,14 +367,14 @@ UNLOCK TABLES;
 
 DROP TABLE IF EXISTS `platform_gb_channel`;
 /*!40101 SET @saved_cs_client     = @@character_set_client */;
-/*!50503 SET character_set_client = utf8mb4 */;
+/*!40101 SET character_set_client = utf8 */;
 CREATE TABLE `platform_gb_channel` (
-                                       `id` int NOT NULL AUTO_INCREMENT,
-                                       `platformId` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
-                                       `catalogId` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
-                                       `deviceChannelId` int NOT NULL,
+                                       `id` int(11) NOT NULL AUTO_INCREMENT,
+                                       `platformId` varchar(50) NOT NULL,
+                                       `catalogId` varchar(50) NOT NULL,
+                                       `deviceChannelId` int(11) NOT NULL,
                                        PRIMARY KEY (`id`)
-) ENGINE=InnoDB AUTO_INCREMENT=47 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
+) ENGINE=InnoDB AUTO_INCREMENT=250 DEFAULT CHARSET=utf8mb4;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 --
@@ -388,15 +392,15 @@ UNLOCK TABLES;
 
 DROP TABLE IF EXISTS `platform_gb_stream`;
 /*!40101 SET @saved_cs_client     = @@character_set_client */;
-/*!50503 SET character_set_client = utf8mb4 */;
+/*!40101 SET character_set_client = utf8 */;
 CREATE TABLE `platform_gb_stream` (
-                                      `platformId` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                      `catalogId` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                                      `gbStreamId` int NOT NULL,
-                                      `id` int NOT NULL AUTO_INCREMENT,
+                                      `platformId` varchar(50) NOT NULL,
+                                      `catalogId` varchar(50) NOT NULL,
+                                      `gbStreamId` int(11) NOT NULL,
+                                      `id` int(11) NOT NULL AUTO_INCREMENT,
                                       PRIMARY KEY (`id`),
                                       UNIQUE KEY `platform_gb_stream_pk` (`platformId`,`catalogId`,`gbStreamId`)
-) ENGINE=InnoDB AUTO_INCREMENT=301207 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+) ENGINE=InnoDB AUTO_INCREMENT=301210 DEFAULT CHARSET=utf8mb4 ROW_FORMAT=DYNAMIC;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 --
@@ -414,29 +418,29 @@ UNLOCK TABLES;
 
 DROP TABLE IF EXISTS `stream_proxy`;
 /*!40101 SET @saved_cs_client     = @@character_set_client */;
-/*!50503 SET character_set_client = utf8mb4 */;
+/*!40101 SET character_set_client = utf8 */;
 CREATE TABLE `stream_proxy` (
-                                `id` int NOT NULL AUTO_INCREMENT,
-                                `type` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
-                                `app` varchar(255) COLLATE utf8mb4_general_ci NOT NULL,
-                                `stream` varchar(255) COLLATE utf8mb4_general_ci NOT NULL,
-                                `url` varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                `src_url` varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                `dst_url` varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                `timeout_ms` int DEFAULT NULL,
-                                `ffmpeg_cmd_key` varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                `rtp_type` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                                `mediaServerId` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
+                                `id` int(11) NOT NULL AUTO_INCREMENT,
+                                `type` varchar(50) NOT NULL,
+                                `app` varchar(255) NOT NULL,
+                                `stream` varchar(255) NOT NULL,
+                                `url` varchar(255) DEFAULT NULL,
+                                `src_url` varchar(255) DEFAULT NULL,
+                                `dst_url` varchar(255) DEFAULT NULL,
+                                `timeout_ms` int(11) DEFAULT NULL,
+                                `ffmpeg_cmd_key` varchar(255) DEFAULT NULL,
+                                `rtp_type` varchar(50) DEFAULT NULL,
+                                `mediaServerId` varchar(50) DEFAULT NULL,
                                 `enable_hls` bit(1) DEFAULT NULL,
                                 `enable_mp4` bit(1) DEFAULT NULL,
                                 `enable` bit(1) NOT NULL,
                                 `status` bit(1) NOT NULL,
                                 `enable_remove_none_reader` bit(1) NOT NULL,
-                                `createTime` varchar(50) COLLATE utf8mb4_general_ci NOT NULL,
-                                `name` varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
+                                `createTime` varchar(50) NOT NULL,
+                                `name` varchar(255) DEFAULT NULL,
                                 PRIMARY KEY (`id`),
                                 UNIQUE KEY `stream_proxy_pk` (`app`,`stream`)
-) ENGINE=InnoDB AUTO_INCREMENT=8 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
+) ENGINE=InnoDB AUTO_INCREMENT=10 DEFAULT CHARSET=utf8mb4;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 --
@@ -454,20 +458,20 @@ UNLOCK TABLES;
 
 DROP TABLE IF EXISTS `stream_push`;
 /*!40101 SET @saved_cs_client     = @@character_set_client */;
-/*!50503 SET character_set_client = utf8mb4 */;
+/*!40101 SET character_set_client = utf8 */;
 CREATE TABLE `stream_push` (
-                               `id` int NOT NULL AUTO_INCREMENT,
-                               `app` varchar(255) COLLATE utf8mb4_general_ci NOT NULL,
-                               `stream` varchar(255) COLLATE utf8mb4_general_ci NOT NULL,
-                               `totalReaderCount` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                               `originType` int DEFAULT NULL,
-                               `originTypeStr` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
-                               `createStamp` bigint DEFAULT NULL,
-                               `aliveSecond` int DEFAULT NULL,
-                               `mediaServerId` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
+                               `id` int(11) NOT NULL AUTO_INCREMENT,
+                               `app` varchar(255) NOT NULL,
+                               `stream` varchar(255) NOT NULL,
+                               `totalReaderCount` varchar(50) DEFAULT NULL,
+                               `originType` int(11) DEFAULT NULL,
+                               `originTypeStr` varchar(50) DEFAULT NULL,
+                               `createStamp` bigint(20) DEFAULT NULL,
+                               `aliveSecond` int(11) DEFAULT NULL,
+                               `mediaServerId` varchar(50) DEFAULT NULL,
                                PRIMARY KEY (`id`),
                                UNIQUE KEY `stream_push_pk` (`app`,`stream`)
-) ENGINE=InnoDB AUTO_INCREMENT=300799 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
+) ENGINE=InnoDB AUTO_INCREMENT=300838 DEFAULT CHARSET=utf8mb4;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 --
@@ -485,17 +489,17 @@ UNLOCK TABLES;
 
 DROP TABLE IF EXISTS `user`;
 /*!40101 SET @saved_cs_client     = @@character_set_client */;
-/*!50503 SET character_set_client = utf8mb4 */;
+/*!40101 SET character_set_client = utf8 */;
 CREATE TABLE `user` (
-                        `id` int NOT NULL AUTO_INCREMENT,
-                        `username` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                        `password` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                        `roleId` int NOT NULL,
-                        `createTime` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                        `updateTime` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
+                        `id` int(11) NOT NULL AUTO_INCREMENT,
+                        `username` varchar(255) NOT NULL,
+                        `password` varchar(255) NOT NULL,
+                        `roleId` int(11) NOT NULL,
+                        `createTime` varchar(50) NOT NULL,
+                        `updateTime` varchar(50) NOT NULL,
                         PRIMARY KEY (`id`) USING BTREE,
                         UNIQUE KEY `user_username_uindex` (`username`) USING BTREE
-) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8mb4 ROW_FORMAT=DYNAMIC;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 --
@@ -504,7 +508,8 @@ CREATE TABLE `user` (
 
 LOCK TABLES `user` WRITE;
 /*!40000 ALTER TABLE `user` DISABLE KEYS */;
-INSERT INTO `user` VALUES (1,'admin','21232f297a57a5a743894a0e4a801fc3',1,'2021 - 04 - 13 14:14:57','2021 - 04 - 13 14:14:57');
+INSERT INTO `user` VALUES
+    (1,'admin','21232f297a57a5a743894a0e4a801fc3',1,'2021 - 04 - 13 14:14:57','2021 - 04 - 13 14:14:57');
 /*!40000 ALTER TABLE `user` ENABLE KEYS */;
 UNLOCK TABLES;
 
@@ -514,15 +519,15 @@ UNLOCK TABLES;
 
 DROP TABLE IF EXISTS `user_role`;
 /*!40101 SET @saved_cs_client     = @@character_set_client */;
-/*!50503 SET character_set_client = utf8mb4 */;
+/*!40101 SET character_set_client = utf8 */;
 CREATE TABLE `user_role` (
-                             `id` int NOT NULL AUTO_INCREMENT,
-                             `name` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                             `authority` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                             `createTime` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
-                             `updateTime` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL,
+                             `id` int(11) NOT NULL AUTO_INCREMENT,
+                             `name` varchar(50) NOT NULL,
+                             `authority` varchar(50) NOT NULL,
+                             `createTime` varchar(50) NOT NULL,
+                             `updateTime` varchar(50) NOT NULL,
                              PRIMARY KEY (`id`) USING BTREE
-) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci ROW_FORMAT=DYNAMIC;
+) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8mb4 ROW_FORMAT=DYNAMIC;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 --
@@ -531,7 +536,8 @@ CREATE TABLE `user_role` (
 
 LOCK TABLES `user_role` WRITE;
 /*!40000 ALTER TABLE `user_role` DISABLE KEYS */;
-INSERT INTO `user_role` VALUES (1,'admin','0','2021-04-13 14:14:57','2021-04-13 14:14:57');
+INSERT INTO `user_role` VALUES
+    (1,'admin','0','2021-04-13 14:14:57','2021-04-13 14:14:57');
 /*!40000 ALTER TABLE `user_role` ENABLE KEYS */;
 UNLOCK TABLES;
 /*!40103 SET TIME_ZONE=@OLD_TIME_ZONE */;
@@ -544,4 +550,4 @@ UNLOCK TABLES;
 /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
 /*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
 
+-- Dump completed on 2022-04-18 10:50:27

sql/update.sql

@@ -1,8 +1,12 @@
-alter table device
-    add subscribeCycleForMobilePosition int null;
+alter table parent_platform
+    add startOfflinePush int default 0 null;
 
-alter table device
-    add mobilePositionSubmissionInterval int default 5 null;
+alter table parent_platform
+    add administrativeDivision varchar(50) not null;
+
+alter table parent_platform
+    add catalogGroup int default 1 null;
 
 alter table device
-    add subscribeCycleForAlarm int null;
+    add ssrcCheck int default 0 null;
+

src/main/java/com/genersoft/iot/vmp/gb28181/bean/Device.java

@@ -129,6 +129,11 @@ public class Device {
 	 */
 	private int subscribeCycleForAlarm;
 
+	/**
+	 * 是否开启ssrc校验，默认关闭，开启可以防止串流
+	 */
+	private boolean ssrcCheck;
+
 
 	public String getDeviceId() {
 		return deviceId;
@@ -321,4 +326,12 @@ public class Device {
 	public void setSubscribeCycleForAlarm(int subscribeCycleForAlarm) {
 		this.subscribeCycleForAlarm = subscribeCycleForAlarm;
 	}
+
+	public boolean isSsrcCheck() {
+		return ssrcCheck;
+	}
+
+	public void setSsrcCheck(boolean ssrcCheck) {
+		this.ssrcCheck = ssrcCheck;
+	}
 }

src/main/java/com/genersoft/iot/vmp/gb28181/bean/DeviceChannel.java

@@ -169,6 +169,11 @@ public class DeviceChannel {
 	 */
 	private boolean hasAudio;
 
+	/**
+	 * 标记通道的类型，0->国标通道 1->直播流通道 2->业务分组/虚拟组织/行政区划
+	 */
+	private int channelType;
+
 	public int getId() {
 		return id;
 	}
@@ -441,4 +446,12 @@ public class DeviceChannel {
 	public void setUpdateTime(String updateTime) {
 		this.updateTime = updateTime;
 	}
+
+	public int getChannelType() {
+		return channelType;
+	}
+
+	public void setChannelType(int channelType) {
+		this.channelType = channelType;
+	}
 }

src/main/java/com/genersoft/iot/vmp/gb28181/bean/ParentPlatform.java

@@ -129,6 +129,21 @@ public class ParentPlatform {
      */
     private boolean mobilePositionSubscribe;
 
+    /**
+     * 点播未推流的设备时是否使用redis通知拉起
+     */
+    private boolean startOfflinePush;
+
+    /**
+     * 目录分组-每次向上级发送通道信息时单个包携带的通道数量，取值1,2,4,8
+     */
+    private int catalogGroup;
+
+    /**
+     * 行政区划
+     */
+    private String administrativeDivision;
+
     public Integer getId() {
         return id;
     }
@@ -329,4 +344,28 @@ public class ParentPlatform {
     public void setMobilePositionSubscribe(boolean mobilePositionSubscribe) {
         this.mobilePositionSubscribe = mobilePositionSubscribe;
     }
+
+    public boolean isStartOfflinePush() {
+        return startOfflinePush;
+    }
+
+    public void setStartOfflinePush(boolean startOfflinePush) {
+        this.startOfflinePush = startOfflinePush;
+    }
+
+    public int getCatalogGroup() {
+        return catalogGroup;
+    }
+
+    public void setCatalogGroup(int catalogGroup) {
+        this.catalogGroup = catalogGroup;
+    }
+
+    public String getAdministrativeDivision() {
+        return administrativeDivision;
+    }
+
+    public void setAdministrativeDivision(String administrativeDivision) {
+        this.administrativeDivision = administrativeDivision;
+    }
 }

src/main/java/com/genersoft/iot/vmp/gb28181/session/CatalogDataCatch.java

@@ -85,6 +85,12 @@ public class CatalogDataCatch {
         return syncStatus;
     }
 
+    public boolean isSyncRunning(String deviceId) {
+        CatalogData catalogData = data.get(deviceId);
+        if (catalogData == null) return false;
+        return !catalogData.getStatus().equals(CatalogData.CatalogDataStatus.end);
+    }
+
     @Scheduled(fixedRate = 5 * 1000)   //每5秒执行一次, 发现数据5秒未更新则移除数据并认为数据接收超时
     private void timerTask(){
         Set<String> keys = data.keySet();

src/main/java/com/genersoft/iot/vmp/gb28181/task/impl/CatalogSubscribeTask.java

@@ -10,6 +10,8 @@ import org.springframework.scheduling.annotation.Async;
 import javax.sip.Dialog;
 import javax.sip.DialogState;
 import javax.sip.ResponseEvent;
+import java.util.Timer;
+import java.util.TimerTask;
 
 /**
  * 目录订阅任务
@@ -20,6 +22,8 @@ public class CatalogSubscribeTask implements ISubscribeTask {
     private final ISIPCommander sipCommander;
     private Dialog dialog;
 
+    private Timer timer ;
+
     public CatalogSubscribeTask(Device device, ISIPCommander sipCommander) {
         this.device = device;
         this.sipCommander = sipCommander;
@@ -27,6 +31,10 @@ public class CatalogSubscribeTask implements ISubscribeTask {
 
     @Override
     public void run() {
+        if (timer != null ) {
+            timer.cancel();
+            timer = null;
+        }
         sipCommander.catalogSubscribe(device, dialog, eventResult -> {
             if (eventResult.dialog != null || eventResult.dialog.getState().equals(DialogState.CONFIRMED)) {
                 dialog = eventResult.dialog;
@@ -43,6 +51,13 @@ public class CatalogSubscribeTask implements ISubscribeTask {
             dialog = null;
             // 失败
             logger.warn("[目录订阅]失败，信令发送失败： {}-{} ", device.getDeviceId(), eventResult.msg);
+            timer = new Timer();
+            timer.schedule(new TimerTask() {
+                @Override
+                public void run() {
+                    CatalogSubscribeTask.this.run();
+                }
+            }, 2000);
         });
     }
 
@@ -56,9 +71,13 @@ public class CatalogSubscribeTask implements ISubscribeTask {
          * TERMINATED-> Terminated Dialog状态-终止
          */
         logger.info("取消目录订阅时dialog状态为{}", DialogState.CONFIRMED);
+        if (timer != null ) {
+            timer.cancel();
+            timer = null;
+        }
         if (dialog != null && dialog.getState().equals(DialogState.CONFIRMED)) {
             device.setSubscribeCycleForCatalog(0);
-            sipCommander.mobilePositionSubscribe(device, dialog, eventResult -> {
+            sipCommander.catalogSubscribe(device, dialog, eventResult -> {
                 ResponseEvent event = (ResponseEvent) eventResult.event;
                 if (event.getResponse().getRawContent() != null) {
                     // 成功

src/main/java/com/genersoft/iot/vmp/gb28181/task/impl/MobilePositionSubscribeHandlerTask.java

@@ -29,7 +29,6 @@ public class MobilePositionSubscribeHandlerTask implements ISubscribeTask {
     private String key;
 
     public MobilePositionSubscribeHandlerTask(IRedisCatchStorage redisCatchStorage, ISIPCommanderForPlatform sipCommanderForPlatform, IVideoManagerStorage storager, String platformId, String sn, String key, SubscribeHolder subscribeInfo) {
-        System.out.println("MobilePositionSubscribeHandlerTask 初始化");
         this.redisCatchStorage = redisCatchStorage;
         this.storager = storager;
         this.platform = storager.queryParentPlatByServerGBId(platformId);

src/main/java/com/genersoft/iot/vmp/gb28181/transmit/cmd/impl/SIPCommanderFroPlatform.java

@@ -32,6 +32,7 @@ import javax.sip.header.*;
 import javax.sip.message.Request;
 import java.lang.reflect.Field;
 import java.text.ParseException;
+import java.util.ArrayList;
 import java.util.HashSet;
 import java.util.List;
 import java.util.UUID;
@@ -215,7 +216,11 @@ public class SIPCommanderFroPlatform implements ISIPCommanderForPlatform {
             return false;
         }
         try {
-            String catalogXml = getCatalogXml(channel, sn, parentPlatform, size);
+            List<DeviceChannel> channels = new ArrayList<>();
+            if (channel != null) {
+                channels.add(channel);
+            }
+            String catalogXml = getCatalogXml(channels, sn, parentPlatform, size);
 
             // callid
             CallIdHeader callIdHeader = parentPlatform.getTransport().equals("TCP") ? tcpSipProvider.getNewCallId()
@@ -239,7 +244,7 @@ public class SIPCommanderFroPlatform implements ISIPCommanderForPlatform {
         sendCatalogResponse(channels, parentPlatform, sn, fromTag, 0);
         return true;
     }
-    private String getCatalogXml(DeviceChannel channel, String sn, ParentPlatform parentPlatform, int size) {
+    private String getCatalogXml(List<DeviceChannel> channels, String sn, ParentPlatform parentPlatform, int size) {
         String characterSet = parentPlatform.getCharacterSet();
         StringBuffer catalogXml = new StringBuffer(600);
         catalogXml.append("<?xml version=\"1.0\" encoding=\"" + characterSet +"\"?>\r\n");
@@ -248,34 +253,38 @@ public class SIPCommanderFroPlatform implements ISIPCommanderForPlatform {
         catalogXml.append("<SN>" +sn + "</SN>\r\n");
         catalogXml.append("<DeviceID>" + parentPlatform.getDeviceGBId() + "</DeviceID>\r\n");
         catalogXml.append("<SumNum>" + size + "</SumNum>\r\n");
-        catalogXml.append("<DeviceList Num=\"1\">\r\n");
-        catalogXml.append("<Item>\r\n");
-        if (channel != null) {
-            catalogXml.append("<DeviceID>" + channel.getChannelId() + "</DeviceID>\r\n");
-            catalogXml.append("<Name>" + channel.getName() + "</Name>\r\n");
-            catalogXml.append("<Manufacturer>" + channel.getManufacture() + "</Manufacturer>\r\n");
-            catalogXml.append("<Model>" + channel.getModel() + "</Model>\r\n");
-            catalogXml.append("<Owner>" + channel.getOwner() + "</Owner>\r\n");
-            catalogXml.append("<CivilCode>" + channel.getCivilCode() + "</CivilCode>\r\n");
-            catalogXml.append("<Address>" + channel.getAddress() + "</Address>\r\n");
-            catalogXml.append("<Parental>" + channel.getParental() + "</Parental>\r\n");
-            if (channel.getParentId() != null) {
-                catalogXml.append("<ParentID>" + channel.getParentId() + "</ParentID>\r\n");
+        catalogXml.append("<DeviceList Num=\"" + channels.size() +"\">\r\n");
+        if (channels.size() > 0) {
+            for (DeviceChannel channel : channels) {
+                catalogXml.append("<Item>\r\n");
+                catalogXml.append("<DeviceID>" + channel.getChannelId() + "</DeviceID>\r\n");
+                catalogXml.append("<Name>" + channel.getName() + "</Name>\r\n");
+                catalogXml.append("<Manufacturer>" + channel.getManufacture() + "</Manufacturer>\r\n");
+                catalogXml.append("<Parental>" + channel.getParental() + "</Parental>\r\n");
+                if (channel.getParentId() != null) {
+                    catalogXml.append("<ParentID>" + channel.getParentId() + "</ParentID>\r\n");
+                }
+                catalogXml.append("<RegisterWay>" + channel.getRegisterWay() + "</RegisterWay>\r\n");
+                catalogXml.append("<Status>" + (channel.getStatus() == 0?"OFF":"ON") + "</Status>\r\n");
+                catalogXml.append("<Secrecy>" + channel.getSecrecy() + "</Secrecy>\r\n");
+                if (channel.getChannelType() != 2) { // 业务分组/虚拟组织/行政区划 不设置以下字段
+                    catalogXml.append("<Model>" + channel.getModel() + "</Model>\r\n");
+                    catalogXml.append("<Owner>" + channel.getOwner() + "</Owner>\r\n");
+                    catalogXml.append("<CivilCode>" + channel.getCivilCode() + "</CivilCode>\r\n");
+                    catalogXml.append("<Address>" + channel.getAddress() + "</Address>\r\n");
+                    catalogXml.append("<Longitude>" + channel.getLongitude() + "</Longitude>\r\n");
+                    catalogXml.append("<Latitude>" + channel.getLatitude() + "</Latitude>\r\n");
+                    catalogXml.append("<IPAddress>" + channel.getIpAddress() + "</IPAddress>\r\n");
+                    catalogXml.append("<Port>" + channel.getPort() + "</Port>\r\n");
+                    catalogXml.append("<Info>\r\n");
+                    catalogXml.append("<PTZType>" + channel.getPTZType() + "</PTZType>\r\n");
+                    catalogXml.append("</Info>\r\n");
+                }
+
+                catalogXml.append("</Item>\r\n");
             }
-            catalogXml.append("<Secrecy>" + channel.getSecrecy() + "</Secrecy>\r\n");
-            catalogXml.append("<RegisterWay>" + channel.getRegisterWay() + "</RegisterWay>\r\n");
-            catalogXml.append("<Status>" + (channel.getStatus() == 0?"OFF":"ON") + "</Status>\r\n");
-            catalogXml.append("<Longitude>" + channel.getLongitude() + "</Longitude>\r\n");
-            catalogXml.append("<Latitude>" + channel.getLatitude() + "</Latitude>\r\n");
-            catalogXml.append("<IPAddress>" + channel.getIpAddress() + "</IPAddress>\r\n");
-            catalogXml.append("<Port>" + channel.getPort() + "</Port>\r\n");
-            catalogXml.append("<Info>\r\n");
-            catalogXml.append("<PTZType>" + channel.getPTZType() + "</PTZType>\r\n");
-            catalogXml.append("</Info>\r\n");
         }
 
-
-        catalogXml.append("</Item>\r\n");
         catalogXml.append("</DeviceList>\r\n");
         catalogXml.append("</Response>\r\n");
         return catalogXml.toString();
@@ -286,15 +295,20 @@ public class SIPCommanderFroPlatform implements ISIPCommanderForPlatform {
             return;
         }
         try {
-            DeviceChannel deviceChannel = channels.get(index);
-            String catalogXml = getCatalogXml(deviceChannel, sn, parentPlatform, channels.size());
+            List<DeviceChannel> deviceChannels;
+            if (index + parentPlatform.getCatalogGroup() < channels.size()) {
+                deviceChannels = channels.subList(index, index + parentPlatform.getCatalogGroup());
+            }else {
+                deviceChannels = channels.subList(index, channels.size());
+            }
+            String catalogXml = getCatalogXml(deviceChannels, sn, parentPlatform, channels.size());
             // callid
             CallIdHeader callIdHeader = parentPlatform.getTransport().equals("TCP") ? tcpSipProvider.getNewCallId()
                     : udpSipProvider.getNewCallId();
 
             Request request = headerProviderPlarformProvider.createMessageRequest(parentPlatform, catalogXml, fromTag, callIdHeader);
             transmitRequest(parentPlatform, request, null, eventResult -> {
-                int indexNext = index + 1;
+                int indexNext = index + parentPlatform.getCatalogGroup();
                 sendCatalogResponse(channels, parentPlatform, sn, fromTag, indexNext);
             });
         } catch (SipException | ParseException | InvalidArgumentException e) {
@@ -432,13 +446,21 @@ public class SIPCommanderFroPlatform implements ISIPCommanderForPlatform {
         if (index >= deviceChannels.size()) {
             return true;
         }
+        List<DeviceChannel> channels;
+        if (index + parentPlatform.getCatalogGroup() < deviceChannels.size()) {
+            channels = deviceChannels.subList(index, index + parentPlatform.getCatalogGroup());
+        }else {
+            channels = deviceChannels.subList(index, deviceChannels.size());
+        }
         try {
             Integer finalIndex = index;
-            String catalogXmlContent = getCatalogXmlContentForCatalogAddOrUpdate(parentPlatform, deviceChannels.get(index ), deviceChannels.size(), type, subscribeInfo);
+            String catalogXmlContent = getCatalogXmlContentForCatalogAddOrUpdate(parentPlatform, channels,
+                    deviceChannels.size(), type, subscribeInfo);
             sendNotify(parentPlatform, catalogXmlContent, subscribeInfo, eventResult -> {
                 logger.error("发送NOTIFY通知消息失败。错误：{} {}", eventResult.statusCode, eventResult.msg);
             }, (eventResult -> {
-                sendNotifyForCatalogAddOrUpdate(type, parentPlatform, deviceChannels, subscribeInfo, finalIndex + 1);
+                sendNotifyForCatalogAddOrUpdate(type, parentPlatform, deviceChannels, subscribeInfo,
+                        finalIndex + parentPlatform.getCatalogGroup());
             }));
         } catch (SipException | ParseException e) {
             e.printStackTrace();
@@ -500,11 +522,9 @@ public class SIPCommanderFroPlatform implements ISIPCommanderForPlatform {
 
     }
 
-    private  String getCatalogXmlContentForCatalogAddOrUpdate(ParentPlatform parentPlatform, DeviceChannel channel, int sumNum, String type, SubscribeInfo subscribeInfo) {
+    private  String getCatalogXmlContentForCatalogAddOrUpdate(ParentPlatform parentPlatform, List<DeviceChannel> channels, int sumNum, String type, SubscribeInfo subscribeInfo) {
         StringBuffer catalogXml = new StringBuffer(600);
-        if (parentPlatform.getServerGBId().equals(channel.getParentId())) {
-            channel.setParentId(parentPlatform.getDeviceGBId());
-        }
+
         String characterSet = parentPlatform.getCharacterSet();
         catalogXml.append("<?xml version=\"1.0\" encoding=\"" + characterSet + "\"?>\r\n");
         catalogXml.append("<Notify>\r\n");
@@ -512,26 +532,35 @@ public class SIPCommanderFroPlatform implements ISIPCommanderForPlatform {
         catalogXml.append("<SN>" + (int) ((Math.random() * 9 + 1) * 100000) + "</SN>\r\n");
         catalogXml.append("<DeviceID>" + parentPlatform.getDeviceGBId() + "</DeviceID>\r\n");
         catalogXml.append("<SumNum>1</SumNum>\r\n");
-        catalogXml.append("<DeviceList Num=\"1\">\r\n");
-        catalogXml.append("<Item>\r\n");
-        catalogXml.append("<DeviceID>" + channel.getChannelId() + "</DeviceID>\r\n");
-        catalogXml.append("<Name>" + channel.getName() + "</Name>\r\n");
-        catalogXml.append("<Manufacturer>" + channel.getManufacture() + "</Manufacturer>\r\n");
-        catalogXml.append("<Model>" + channel.getModel() + "</Model>\r\n");
-        catalogXml.append("<Owner>0</Owner>\r\n");
-        catalogXml.append("<CivilCode>CivilCode</CivilCode>\r\n");
-        catalogXml.append("<Address>" + channel.getAddress() + "</Address>\r\n");
-        catalogXml.append("<Parental>" + channel.getParental() + "</Parental>\r\n");
-        if (channel.getParentId() != null) {
-            catalogXml.append("<ParentID>" + channel.getParentId() + "</ParentID>\r\n");
-        }
-        catalogXml.append("<Secrecy>" + channel.getSecrecy() + "</Secrecy>\r\n");
-        catalogXml.append("<RegisterWay>" + channel.getRegisterWay() + "</RegisterWay>\r\n");
-        catalogXml.append("<Status>" + (channel.getStatus() == 0 ? "OFF" : "ON") + "</Status>\r\n");
-        if (!"presence".equals(subscribeInfo.getEventType())) {
-            catalogXml.append("<Event>" + type + "</Event>\r\n");
-        }
-        catalogXml.append("</Item>\r\n");
+        catalogXml.append("<DeviceList Num=\"" + channels.size() + "\">\r\n");
+        if (channels.size() > 0) {
+            for (DeviceChannel channel : channels) {
+                if (parentPlatform.getServerGBId().equals(channel.getParentId())) {
+                    channel.setParentId(parentPlatform.getDeviceGBId());
+                }
+                catalogXml.append("<Item>\r\n");
+                catalogXml.append("<DeviceID>" + channel.getChannelId() + "</DeviceID>\r\n");
+                catalogXml.append("<Name>" + channel.getName() + "</Name>\r\n");
+                catalogXml.append("<Manufacturer>" + channel.getManufacture() + "</Manufacturer>\r\n");
+                catalogXml.append("<Parental>" + channel.getParental() + "</Parental>\r\n");
+                if (channel.getParentId() != null) {
+                    catalogXml.append("<ParentID>" + channel.getParentId() + "</ParentID>\r\n");
+                }
+                catalogXml.append("<Secrecy>" + channel.getSecrecy() + "</Secrecy>\r\n");
+                catalogXml.append("<RegisterWay>" + channel.getRegisterWay() + "</RegisterWay>\r\n");
+                catalogXml.append("<Status>" + (channel.getStatus() == 0 ? "OFF" : "ON") + "</Status>\r\n");
+                if (channel.getChannelType() == 2) {  // 业务分组/虚拟组织/行政区划 不设置以下属性
+                    catalogXml.append("<Model>" + channel.getModel() + "</Model>\r\n");
+                    catalogXml.append("<Owner>0</Owner>\r\n");
+                    catalogXml.append("<CivilCode>CivilCode</CivilCode>\r\n");
+                    catalogXml.append("<Address>" + channel.getAddress() + "</Address>\r\n");
+                }
+                if (!"presence".equals(subscribeInfo.getEventType())) {
+                    catalogXml.append("<Event>" + type + "</Event>\r\n");
+                }
+                catalogXml.append("</Item>\r\n");
+            }
+        }
         catalogXml.append("</DeviceList>\r\n");
         catalogXml.append("</Notify>\r\n");
         return catalogXml.toString();
@@ -553,13 +582,20 @@ public class SIPCommanderFroPlatform implements ISIPCommanderForPlatform {
         if (index >= deviceChannels.size()) {
             return true;
         }
+        List<DeviceChannel> channels;
+        if (index + parentPlatform.getCatalogGroup() < deviceChannels.size()) {
+            channels = deviceChannels.subList(index, index + parentPlatform.getCatalogGroup());
+        }else {
+            channels = deviceChannels.subList(index, deviceChannels.size());
+        }
         try {
             Integer finalIndex = index;
-            String catalogXmlContent = getCatalogXmlContentForCatalogOther(parentPlatform, deviceChannels.get(index), type);
+            String catalogXmlContent = getCatalogXmlContentForCatalogOther(parentPlatform, channels, type);
             sendNotify(parentPlatform, catalogXmlContent, subscribeInfo, eventResult -> {
                 logger.error("发送NOTIFY通知消息失败。错误：{} {}", eventResult.statusCode, eventResult.msg);
             }, (eventResult -> {
-                sendNotifyForCatalogOther(type, parentPlatform, deviceChannels, subscribeInfo, finalIndex + 1);
+                sendNotifyForCatalogOther(type, parentPlatform, deviceChannels, subscribeInfo,
+                        finalIndex + parentPlatform.getCatalogGroup());
             }));
         } catch (SipException e) {
             e.printStackTrace();
@@ -574,10 +610,8 @@ public class SIPCommanderFroPlatform implements ISIPCommanderForPlatform {
         return true;
     }
 
-    private String getCatalogXmlContentForCatalogOther(ParentPlatform parentPlatform, DeviceChannel channel, String type) {
-        if (parentPlatform.getServerGBId().equals(channel.getParentId())) {
-            channel.setParentId(parentPlatform.getDeviceGBId());
-        }
+    private String getCatalogXmlContentForCatalogOther(ParentPlatform parentPlatform, List<DeviceChannel> channels, String type) {
+
         String characterSet = parentPlatform.getCharacterSet();
         StringBuffer catalogXml = new StringBuffer(600);
         catalogXml.append("<?xml version=\"1.0\" encoding=\"" + characterSet + "\"?>\r\n");
@@ -586,11 +620,18 @@ public class SIPCommanderFroPlatform implements ISIPCommanderForPlatform {
         catalogXml.append("<SN>" + (int) ((Math.random() * 9 + 1) * 100000) + "</SN>\r\n");
         catalogXml.append("<DeviceID>" + parentPlatform.getDeviceGBId() + "</DeviceID>\r\n");
         catalogXml.append("<SumNum>1</SumNum>\r\n");
-        catalogXml.append("<DeviceList Num=\"1\">\r\n");
-        catalogXml.append("<Item>\r\n");
-        catalogXml.append("<DeviceID>" + channel.getChannelId() + "</DeviceID>\r\n");
-        catalogXml.append("<Event>" + type + "</Event>\r\n");
-        catalogXml.append("</Item>\r\n");
+        catalogXml.append("<DeviceList Num=\" " + channels.size() + " \">\r\n");
+        if (channels.size() > 0) {
+            for (DeviceChannel channel : channels) {
+                if (parentPlatform.getServerGBId().equals(channel.getParentId())) {
+                    channel.setParentId(parentPlatform.getDeviceGBId());
+                }
+                catalogXml.append("<Item>\r\n");
+                catalogXml.append("<DeviceID>" + channel.getChannelId() + "</DeviceID>\r\n");
+                catalogXml.append("<Event>" + type + "</Event>\r\n");
+                catalogXml.append("</Item>\r\n");
+            }
+        }
         catalogXml.append("</DeviceList>\r\n");
         catalogXml.append("</Notify>\r\n");
         return catalogXml.toString();

src/main/java/com/genersoft/iot/vmp/gb28181/transmit/event/request/impl/InviteRequestProcessor.java

@@ -397,6 +397,10 @@ public class InviteRequestProcessor extends SIPRequestProcessorParent implements
 							logger.info("[ app={}, stream={} ]通道离线，启用流后开始推流",gbStream.getApp(), gbStream.getStream());
 							responseAck(evt, Response.BAD_REQUEST, "channel [" + gbStream.getGbId() + "] offline");
 						}else if ("push".equals(gbStream.getStreamType())) {
+							if (!platform.isStartOfflinePush()) {
+								responseAck(evt, Response.TEMPORARILY_UNAVAILABLE, "channel unavailable");
+								return;
+							}
 							// 发送redis消息以使设备上线
 							logger.info("[ app={}, stream={} ]通道离线，发送redis信息控制设备开始推流",gbStream.getApp(), gbStream.getStream());
 							MessageForPushChannel messageForPushChannel = new MessageForPushChannel();

src/main/java/com/genersoft/iot/vmp/gb28181/transmit/event/request/impl/RegisterRequestProcessor.java

@@ -3,7 +3,6 @@ package com.genersoft.iot.vmp.gb28181.transmit.event.request.impl;
 import com.genersoft.iot.vmp.common.VideoManagerConstants;
 import com.genersoft.iot.vmp.conf.SipConfig;
 import com.genersoft.iot.vmp.gb28181.auth.DigestServerAuthenticationHelper;
-import com.genersoft.iot.vmp.gb28181.auth.RegisterLogicHandler;
 import com.genersoft.iot.vmp.gb28181.bean.Device;
 import com.genersoft.iot.vmp.gb28181.bean.WvpSipDate;
 import com.genersoft.iot.vmp.gb28181.event.EventPublisher;
@@ -42,166 +41,157 @@ import java.util.Locale;
 @Component
 public class RegisterRequestProcessor extends SIPRequestProcessorParent implements InitializingBean, ISIPRequestProcessor {
 
-	private Logger logger = LoggerFactory.getLogger(RegisterRequestProcessor.class);
-
-	public String method = "REGISTER";
-
-	@Autowired
-	private SipConfig sipConfig;
-
-	@Autowired
-	private RegisterLogicHandler handler;
-
-	@Autowired
-	private IRedisCatchStorage redisCatchStorage;
-
-	@Autowired
-	private IVideoManagerStorage storager;
-
-	@Autowired
-	private EventPublisher publisher;
-
-	@Autowired
-	private SIPProcessorObserver sipProcessorObserver;
-
-	@Override
-	public void afterPropertiesSet() throws Exception {
-		// 添加消息处理的订阅
-		sipProcessorObserver.addRequestProcessor(method, this);
-	}
-
-	/**
-	 * 收到注册请求 处理
- 	 * @param evt
-	 */
-	@Override
-	public void process(RequestEvent evt) {
-		try {
-			RequestEventExt evtExt = (RequestEventExt)evt;
-			String requestAddress = evtExt.getRemoteIpAddress() + ":" + evtExt.getRemotePort();
-			logger.info("[{}] 收到注册请求，开始处理", requestAddress);
-			Request request = evt.getRequest();
-			ExpiresHeader expiresHeader = (ExpiresHeader) request.getHeader(Expires.NAME);
-			Response response = null; 
-			boolean passwordCorrect = false;
-			// 注册标志  0：未携带授权头或者密码错误  1：注册成功   2：注销成功
-			int registerFlag = 0;
-			FromHeader fromHeader = (FromHeader) request.getHeader(FromHeader.NAME);
-			AddressImpl address = (AddressImpl) fromHeader.getAddress();
-			SipUri uri = (SipUri) address.getURI();
-			String deviceId = uri.getUser();
-			Device deviceInRedis = redisCatchStorage.getDevice(deviceId);
-			Device device = storager.queryVideoDevice(deviceId);
-			if (deviceInRedis != null && device == null) {
-				// redis 存在脏数据
-				redisCatchStorage.clearCatchByDeviceId(deviceId);
-			}
-			AuthorizationHeader authorhead = (AuthorizationHeader) request.getHeader(AuthorizationHeader.NAME);
-			// 校验密码是否正确
-			if (authorhead != null) {
-				passwordCorrect = new DigestServerAuthenticationHelper().doAuthenticatePlainTextPassword(request,
-						sipConfig.getPassword());
-			}
-			if (StringUtils.isEmpty(sipConfig.getPassword())){
-				passwordCorrect = true;
-			}
-
-			// 未携带授权头或者密码错误 回复401
-			if (authorhead == null ) {
-
-				logger.info("[{}] 未携带授权头 回复401", requestAddress);
-				response = getMessageFactory().createResponse(Response.UNAUTHORIZED, request);
-				new DigestServerAuthenticationHelper().generateChallenge(getHeaderFactory(), response, sipConfig.getDomain());
-			}else {
-				if (!passwordCorrect){
-					// 注册失败
-					response = getMessageFactory().createResponse(Response.FORBIDDEN, request);
-					response.setReasonPhrase("wrong password");
-					logger.info("[{}] 密码/SIP服务器ID错误, 回复403", requestAddress);
-				}else {
-					// 携带授权头并且密码正确
-					response = getMessageFactory().createResponse(Response.OK, request);
-					// 添加date头
-					SIPDateHeader dateHeader = new SIPDateHeader();
-					// 使用自己修改的
-					WvpSipDate wvpSipDate = new WvpSipDate(Calendar.getInstance(Locale.ENGLISH).getTimeInMillis());
-					dateHeader.setDate(wvpSipDate);
-					response.addHeader(dateHeader);
-
-
-					if (expiresHeader == null) {
-						response = getMessageFactory().createResponse(Response.BAD_REQUEST, request);
-						ServerTransaction serverTransaction = getServerTransaction(evt);
-						serverTransaction.sendResponse(response);
-						if (serverTransaction.getDialog() != null) serverTransaction.getDialog().delete();
-						return;
-					}
-					// 添加Contact头
-					response.addHeader(request.getHeader(ContactHeader.NAME));
-					// 添加Expires头
-					response.addHeader(request.getExpires());
-
-					// 获取到通信地址等信息
-					ViaHeader viaHeader = (ViaHeader) request.getHeader(ViaHeader.NAME);
-					String received = viaHeader.getReceived();
-					int rPort = viaHeader.getRPort();
-					// 解析本地地址替代
-					if (StringUtils.isEmpty(received) || rPort == -1) {
-						received = viaHeader.getHost();
-						rPort = viaHeader.getPort();
-					}
-					//
-
-					if (device == null) {
-						device = new Device();
-						device.setStreamMode("UDP");
-						device.setCharset("GB2312");
-						device.setDeviceId(deviceId);
-						device.setFirsRegister(true);
-					}else {
-						if (device.getOnline() == 0) {
-							device.setFirsRegister(true);
-						}
-					}
-					device.setIp(received);
-					device.setPort(rPort);
-					device.setHostAddress(received.concat(":").concat(String.valueOf(rPort)));
-					// 注销成功
-					if (expiresHeader.getExpires() == 0) {
-						registerFlag = 2;
-					}
-					// 注册成功
-					else {
-						device.setExpires(expiresHeader.getExpires());
-						registerFlag = 1;
-						// 判断TCP还是UDP
-						boolean isTcp = false;
-						ViaHeader reqViaHeader = (ViaHeader) request.getHeader(ViaHeader.NAME);
-						String transport = reqViaHeader.getTransport();
-						if (transport.equals("TCP")) {
-							isTcp = true;
-						}
-						device.setTransport(isTcp ? "TCP" : "UDP");
-					}
-				}
-			}
-
-			ServerTransaction serverTransaction = getServerTransaction(evt);
-			serverTransaction.sendResponse(response);
-			if (serverTransaction.getDialog() != null) serverTransaction.getDialog().delete();
-			// 注册成功
-			// 保存到redis
-			if (registerFlag == 1 ) {
-				logger.info("[{}] 注册成功! deviceId:" + device.getDeviceId(), requestAddress);
-				publisher.onlineEventPublish(device, VideoManagerConstants.EVENT_ONLINE_REGISTER, expiresHeader.getExpires());
-			} else if (registerFlag == 2) {
-				logger.info("[{}] 注销成功! deviceId:" + device.getDeviceId(), requestAddress);
-				publisher.outlineEventPublish(device.getDeviceId(), VideoManagerConstants.EVENT_OUTLINE_UNREGISTER);
-			}
-		} catch (SipException | InvalidArgumentException | NoSuchAlgorithmException | ParseException e) {
-			e.printStackTrace();
-		}
-		
-	}
+    private final Logger logger = LoggerFactory.getLogger(RegisterRequestProcessor.class);
+
+    public String method = "REGISTER";
+
+    @Autowired
+    private SipConfig sipConfig;
+
+    @Autowired
+    private IRedisCatchStorage redisCatchStorage;
+
+    @Autowired
+    private IVideoManagerStorage storager;
+
+    @Autowired
+    private EventPublisher publisher;
+
+    @Autowired
+    private SIPProcessorObserver sipProcessorObserver;
+
+    @Override
+    public void afterPropertiesSet() throws Exception {
+        // 添加消息处理的订阅
+        sipProcessorObserver.addRequestProcessor(method, this);
+    }
+
+    /**
+     * 收到注册请求 处理
+     *
+     * @param evt
+     */
+    @Override
+    public void process(RequestEvent evt) {
+        try {
+            RequestEventExt evtExt = (RequestEventExt) evt;
+            String requestAddress = evtExt.getRemoteIpAddress() + ":" + evtExt.getRemotePort();
+            logger.info("[{}] 收到注册请求，开始处理", requestAddress);
+            Request request = evt.getRequest();
+            ExpiresHeader expiresHeader = (ExpiresHeader) request.getHeader(Expires.NAME);
+            Response response = null;
+            boolean passwordCorrect = false;
+            // 注册标志  0：未携带授权头或者密码错误  1：注册成功   2：注销成功
+            int registerFlag = 0;
+            FromHeader fromHeader = (FromHeader) request.getHeader(FromHeader.NAME);
+            AddressImpl address = (AddressImpl) fromHeader.getAddress();
+            SipUri uri = (SipUri) address.getURI();
+            String deviceId = uri.getUser();
+
+            AuthorizationHeader authHead = (AuthorizationHeader) request.getHeader(AuthorizationHeader.NAME);
+            if (authHead == null) {
+                logger.info("[{}] 未携带授权头 回复401", requestAddress);
+                response = getMessageFactory().createResponse(Response.UNAUTHORIZED, request);
+                new DigestServerAuthenticationHelper().generateChallenge(getHeaderFactory(), response, sipConfig.getDomain());
+                sendResponse(evt, response);
+                return;
+            }
+
+            // 校验密码是否正确
+            passwordCorrect = StringUtils.isEmpty(sipConfig.getPassword()) ||
+                    new DigestServerAuthenticationHelper().doAuthenticatePlainTextPassword(request, sipConfig.getPassword());
+            // 未携带授权头或者密码错误 回复401
+
+            if (!passwordCorrect) {
+                // 注册失败
+                response = getMessageFactory().createResponse(Response.FORBIDDEN, request);
+                response.setReasonPhrase("wrong password");
+                logger.info("[{}] 密码/SIP服务器ID错误, 回复403", requestAddress);
+                sendResponse(evt, response);
+                return;
+            }
+
+            Device deviceInRedis = redisCatchStorage.getDevice(deviceId);
+            Device device = storager.queryVideoDevice(deviceId);
+            if (deviceInRedis != null && device == null) {
+                // redis 存在脏数据
+                redisCatchStorage.clearCatchByDeviceId(deviceId);
+            }
+            // 携带授权头并且密码正确
+            response = getMessageFactory().createResponse(Response.OK, request);
+            // 添加date头
+            SIPDateHeader dateHeader = new SIPDateHeader();
+            // 使用自己修改的
+            WvpSipDate wvpSipDate = new WvpSipDate(Calendar.getInstance(Locale.ENGLISH).getTimeInMillis());
+            dateHeader.setDate(wvpSipDate);
+            response.addHeader(dateHeader);
+
+            if (expiresHeader == null) {
+                response = getMessageFactory().createResponse(Response.BAD_REQUEST, request);
+                ServerTransaction serverTransaction = getServerTransaction(evt);
+                serverTransaction.sendResponse(response);
+                if (serverTransaction.getDialog() != null) serverTransaction.getDialog().delete();
+                return;
+            }
+            // 添加Contact头
+            response.addHeader(request.getHeader(ContactHeader.NAME));
+            // 添加Expires头
+            response.addHeader(request.getExpires());
+
+            // 获取到通信地址等信息
+            ViaHeader viaHeader = (ViaHeader) request.getHeader(ViaHeader.NAME);
+            String received = viaHeader.getReceived();
+            int rPort = viaHeader.getRPort();
+            // 解析本地地址替代
+            if (StringUtils.isEmpty(received) || rPort == -1) {
+                received = viaHeader.getHost();
+                rPort = viaHeader.getPort();
+            }
+            if (device == null) {
+                device = new Device();
+                device.setStreamMode("UDP");
+                device.setCharset("GB2312");
+                device.setDeviceId(deviceId);
+                device.setFirsRegister(true);
+            } else {
+                device.setFirsRegister(device.getOnline() == 0);
+            }
+            device.setIp(received);
+            device.setPort(rPort);
+            device.setHostAddress(received.concat(":").concat(String.valueOf(rPort)));
+            if (expiresHeader.getExpires() == 0) {
+                // 注销成功
+                registerFlag = 2;
+            } else {
+                // 注册成功
+                device.setExpires(expiresHeader.getExpires());
+                registerFlag = 1;
+                // 判断TCP还是UDP
+                ViaHeader reqViaHeader = (ViaHeader) request.getHeader(ViaHeader.NAME);
+                String transport = reqViaHeader.getTransport();
+                device.setTransport("TCP".equals(transport) ? "TCP" : "UDP");
+            }
+
+            sendResponse(evt, response);
+            // 注册成功
+            // 保存到redis
+            if (registerFlag == 1) {
+                logger.info("[{}] 注册成功! deviceId:" + deviceId, requestAddress);
+                publisher.onlineEventPublish(device, VideoManagerConstants.EVENT_ONLINE_REGISTER, expiresHeader.getExpires());
+            } else if (registerFlag == 2) {
+                logger.info("[{}] 注销成功! deviceId:" + deviceId, requestAddress);
+                publisher.outlineEventPublish(deviceId, VideoManagerConstants.EVENT_OUTLINE_UNREGISTER);
+            }
+        } catch (SipException | InvalidArgumentException | NoSuchAlgorithmException | ParseException e) {
+            e.printStackTrace();
+        }
+
+    }
+
+    private void sendResponse(RequestEvent evt, Response response) throws InvalidArgumentException, SipException {
+        ServerTransaction serverTransaction = getServerTransaction(evt);
+        serverTransaction.sendResponse(response);
+        if (serverTransaction.getDialog() != null) serverTransaction.getDialog().delete();
+    }
 
 }

src/main/java/com/genersoft/iot/vmp/gb28181/transmit/event/request/impl/message/notify/cmd/CatalogNotifyMessageHandler.java

@@ -79,7 +79,7 @@ public class CatalogNotifyMessageHandler extends SIPRequestProcessorParent imple
                     deviceChannel.setParental(1);
                     deviceChannel.setParentId(catalog.getParentId());
                     deviceChannel.setRegisterWay(1);
-                    deviceChannel.setCivilCode(parentPlatform.getDeviceGBId().substring(0,6));
+                    deviceChannel.setCivilCode(parentPlatform.getAdministrativeDivision());
                     deviceChannel.setModel("live");
                     deviceChannel.setOwner("wvp-pro");
                     deviceChannel.setSecrecy("0");
@@ -116,7 +116,7 @@ public class CatalogNotifyMessageHandler extends SIPRequestProcessorParent imple
                     deviceChannel.setStatus(1);
     				deviceChannel.setParentId(gbStream.getCatalogId());
                     deviceChannel.setRegisterWay(1);
-                    deviceChannel.setCivilCode(parentPlatform.getDeviceGBId().substring(0,6));
+                    deviceChannel.setCivilCode(parentPlatform.getAdministrativeDivision());
                     deviceChannel.setModel("live");
                     deviceChannel.setOwner("wvp-pro");
                     deviceChannel.setParental(0);

src/main/java/com/genersoft/iot/vmp/gb28181/transmit/event/request/impl/message/query/cmd/CatalogQueryMessageHandler.java

@@ -83,20 +83,17 @@ public class CatalogQueryMessageHandler extends SIPRequestProcessorParent implem
                         catalog.setParentId(parentPlatform.getDeviceGBId());
                     }
                     DeviceChannel deviceChannel = new DeviceChannel();
+                    // 通道的类型，0->国标通道 1->直播流通道 2->业务分组/虚拟组织/行政区划
+                    deviceChannel.setChannelType(2);
                     deviceChannel.setChannelId(catalog.getId());
                     deviceChannel.setName(catalog.getName());
-                    deviceChannel.setLongitude(0.0);
-                    deviceChannel.setLatitude(0.0);
                     deviceChannel.setDeviceId(parentPlatform.getDeviceGBId());
                     deviceChannel.setManufacture("wvp-pro");
                     deviceChannel.setStatus(1);
                     deviceChannel.setParental(1);
                     deviceChannel.setParentId(catalog.getParentId());
                     deviceChannel.setRegisterWay(1);
-                    deviceChannel.setCivilCode(parentPlatform.getDeviceGBId().substring(0,6));
-                    deviceChannel.setModel("live");
-                    deviceChannel.setOwner("wvp-pro");
-                    deviceChannel.setSecrecy("0");
+                    deviceChannel.setCivilCode(parentPlatform.getAdministrativeDivision());
                     allChannels.add(deviceChannel);
                 }
             }
@@ -107,6 +104,8 @@ public class CatalogQueryMessageHandler extends SIPRequestProcessorParent implem
                         channel.setCatalogId(parentPlatform.getDeviceGBId());
                     }
                     DeviceChannel deviceChannel = storage.queryChannel(channel.getDeviceId(), channel.getChannelId());
+                    // 通道的类型，0->国标通道 1->直播流通道 2->业务分组/虚拟组织/行政区划
+                    deviceChannel.setChannelType(0);
                     deviceChannel.setParental(0);
                     deviceChannel.setParentId(channel.getCatalogId());
                     deviceChannel.setCivilCode(parentPlatform.getDeviceGBId().substring(0, 6));
@@ -120,6 +119,8 @@ public class CatalogQueryMessageHandler extends SIPRequestProcessorParent implem
                         gbStream.setCatalogId(null);
                     }
                     DeviceChannel deviceChannel = new DeviceChannel();
+                    // 通道的类型，0->国标通道 1->直播流通道 2->业务分组/虚拟组织/行政区划
+                    deviceChannel.setChannelType(1);
                     deviceChannel.setChannelId(gbStream.getGbId());
                     deviceChannel.setName(gbStream.getName());
                     deviceChannel.setLongitude(gbStream.getLongitude());
@@ -130,7 +131,7 @@ public class CatalogQueryMessageHandler extends SIPRequestProcessorParent implem
                     deviceChannel.setStatus(1);
                     deviceChannel.setParentId(gbStream.getCatalogId());
                     deviceChannel.setRegisterWay(1);
-                    deviceChannel.setCivilCode(parentPlatform.getDeviceGBId().substring(0,6));
+                    deviceChannel.setCivilCode(parentPlatform.getAdministrativeDivision());
                     deviceChannel.setModel("live");
                     deviceChannel.setOwner("wvp-pro");
                     deviceChannel.setParental(0);

src/main/java/com/genersoft/iot/vmp/gb28181/transmit/event/request/impl/message/response/cmd/CatalogResponseMessageHandler.java

@@ -118,8 +118,8 @@ public class CatalogResponseMessageHandler extends SIPRequestProcessorParent imp
                         channelList.add(deviceChannel);
                     }
                     int sn = Integer.parseInt(snElement.getText());
-                    logger.info("收到来自设备【{}】的通道: {}个，{}/{}", device.getDeviceId(), channelList.size(), catalogDataCatch.get(key) == null ? 0 :catalogDataCatch.get(key).size(), sumNum);
                     catalogDataCatch.put(device.getDeviceId(), sn, sumNum, device, channelList);
+                    logger.info("收到来自设备【{}】的通道: {}个，{}/{}", device.getDeviceId(), channelList.size(), catalogDataCatch.get(device.getDeviceId()) == null ? 0 :catalogDataCatch.get(device.getDeviceId()).size(), sumNum);
                     if (catalogDataCatch.get(device.getDeviceId()).size() == sumNum) {
                         // 数据已经完整接收
                         boolean resetChannelsResult = storager.resetChannels(device.getDeviceId(), catalogDataCatch.get(device.getDeviceId()));
@@ -223,6 +223,14 @@ public class CatalogResponseMessageHandler extends SIPRequestProcessorParent imp
         }
     }
 
+    public boolean isSyncRunning(String deviceId) {
+        if (catalogDataCatch.get(deviceId) == null) {
+            return false;
+        }else {
+            return catalogDataCatch.isSyncRunning(deviceId);
+        }
+    }
+
     public void setChannelSyncReady(Device device, int sn) {
         catalogDataCatch.addReady(device, sn);
     }

src/main/java/com/genersoft/iot/vmp/gb28181/utils/XmlUtil.java

@@ -20,8 +20,8 @@ import java.util.*;
 
 /**
  * 基于dom4j的工具包
- * 
- * 
+ *
+ *
  */
 public class XmlUtil {
     /**
@@ -31,9 +31,9 @@ public class XmlUtil {
 
     /**
      * 解析XML为Document对象
-     * 
+     *
      * @param xml 被解析的XMl
-     * 
+     *
      * @return Document
      */
     public static Element parseXml(String xml) {
@@ -51,7 +51,7 @@ public class XmlUtil {
 
     /**
      * 获取element对象的text的值
-     * 
+     *
      * @param em  节点的对象
      * @param tag 节点的tag
      * @return 节点
@@ -62,12 +62,12 @@ public class XmlUtil {
         }
         Element e = em.element(tag);
         //
-        return null == e ? null : e.getText();
+        return null == e ? null : e.getText().trim();
     }
 
     /**
      * 递归解析xml节点，适用于 多节点数据
-     * 
+     *
      * @param node     node
      * @param nodeName nodeName
      * @return List<Map<String, Object>>
@@ -106,7 +106,7 @@ public class XmlUtil {
 
     /**
      * xml转json
-     * 
+     *
      * @param element
      * @param json
      */

src/main/java/com/genersoft/iot/vmp/media/zlm/ZLMRTPServerFactory.java

@@ -81,7 +81,7 @@ public class ZLMRTPServerFactory {
         return result;
     }
 
-    public int createRTPServer(MediaServerItem mediaServerItem, String streamId) {
+    public int createRTPServer(MediaServerItem mediaServerItem, String streamId, int ssrc) {
         int result = -1;
         // 查询此rtp server 是否已经存在
         JSONObject rtpInfo = zlmresTfulUtils.getRtpInfo(mediaServerItem, streamId);
@@ -94,6 +94,7 @@ public class ZLMRTPServerFactory {
         param.put("enable_tcp", 1);
         param.put("stream_id", streamId);
         param.put("port", 0);
+        param.put("ssrc", ssrc);
         JSONObject openRtpServerResultJson = zlmresTfulUtils.openRtpServer(mediaServerItem, param);
 
         if (openRtpServerResultJson != null) {

src/main/java/com/genersoft/iot/vmp/service/IDeviceService.java

@@ -43,6 +43,13 @@ public interface IDeviceService {
      */
     SyncStatus getChannelSyncStatus(String deviceId);
 
+    /**
+     * 查看是否仍在同步
+     * @param deviceId 设备ID
+     * @return
+     */
+    Boolean isSyncRunning(String deviceId);
+
     /**
      * 通道同步
      * @param device

src/main/java/com/genersoft/iot/vmp/service/IMediaServerService.java

@@ -44,9 +44,9 @@ public interface IMediaServerService {
 
     void updateVmServer(List<MediaServerItem>  mediaServerItemList);
 
-    SSRCInfo openRTPServer(MediaServerItem mediaServerItem, String streamId);
+    SSRCInfo openRTPServer(MediaServerItem mediaServerItem, String streamId, boolean ssrcCheck);
 
-    SSRCInfo openRTPServer(MediaServerItem mediaServerItem, String streamId, boolean isPlayback);
+    SSRCInfo openRTPServer(MediaServerItem mediaServerItem, String streamId, boolean ssrcCheck, boolean isPlayback);
 
     void closeRTPServer(String deviceId, String channelId, String ssrc);
 

src/main/java/com/genersoft/iot/vmp/service/impl/DeviceServiceImpl.java

@@ -41,10 +41,6 @@ public class DeviceServiceImpl implements IDeviceService {
         if (device == null || device.getSubscribeCycleForCatalog() < 0) {
             return false;
         }
-        CatalogSubscribeTask task = (CatalogSubscribeTask)dynamicTask.get(device.getDeviceId() + "catalog");
-        if (task != null && task.getDialogState() != null && task.getDialogState().equals(DialogState.CONFIRMED)) { // 已存在不需要再次添加
-            return true;
-        }
         logger.info("[添加目录订阅] 设备{}", device.getDeviceId());
         // 添加目录订阅
         CatalogSubscribeTask catalogSubscribeTask = new CatalogSubscribeTask(device, sipCommander);
@@ -71,10 +67,6 @@ public class DeviceServiceImpl implements IDeviceService {
             return false;
         }
         logger.info("[添加移动位置订阅] 设备{}", device.getDeviceId());
-        MobilePositionSubscribeTask task = (MobilePositionSubscribeTask)dynamicTask.get(device.getDeviceId() + "mobile_position");
-        if (task != null &&  task.getDialogState() != null && task.getDialogState().equals(DialogState.CONFIRMED)) { // 已存在不需要再次添加
-            return true;
-        }
         // 添加目录订阅
         MobilePositionSubscribeTask mobilePositionSubscribeTask = new MobilePositionSubscribeTask(device, sipCommander);
         // 提前开始刷新订阅
@@ -99,9 +91,14 @@ public class DeviceServiceImpl implements IDeviceService {
         return catalogResponseMessageHandler.getChannelSyncProgress(deviceId);
     }
 
+    @Override
+    public Boolean isSyncRunning(String deviceId) {
+        return catalogResponseMessageHandler.isSyncRunning(deviceId);
+    }
+
     @Override
     public void sync(Device device) {
-        if (catalogResponseMessageHandler.getChannelSyncProgress(device.getDeviceId()) != null) {
+        if (catalogResponseMessageHandler.isSyncRunning(device.getDeviceId())) {
             logger.info("开启同步时发现同步已经存在");
             return;
         }

src/main/java/com/genersoft/iot/vmp/service/impl/MediaServerServiceImpl.java

@@ -117,12 +117,12 @@ public class MediaServerServiceImpl implements IMediaServerService {
     }
 
     @Override
-    public SSRCInfo openRTPServer(MediaServerItem mediaServerItem, String streamId) {
-        return openRTPServer(mediaServerItem, streamId, false);
+    public SSRCInfo openRTPServer(MediaServerItem mediaServerItem, String streamId, boolean ssrcCheck) {
+        return openRTPServer(mediaServerItem, streamId, ssrcCheck,false);
     }
 
     @Override
-    public SSRCInfo openRTPServer(MediaServerItem mediaServerItem, String streamId, boolean isPlayback) {
+    public SSRCInfo openRTPServer(MediaServerItem mediaServerItem, String streamId, boolean ssrcCheck, boolean isPlayback) {
         if (mediaServerItem == null || mediaServerItem.getId() == null) {
             return null;
         }
@@ -146,7 +146,7 @@ public class MediaServerServiceImpl implements IMediaServerService {
             }
             int rtpServerPort = mediaServerItem.getRtpProxyPort();
             if (mediaServerItem.isRtpEnable()) {
-                rtpServerPort = zlmrtpServerFactory.createRTPServer(mediaServerItem, streamId);
+                rtpServerPort = zlmrtpServerFactory.createRTPServer(mediaServerItem, streamId, ssrcCheck?Integer.parseInt(ssrc):0);
             }
             redisUtil.set(key, mediaServerItem);
             return new SSRCInfo(rtpServerPort, ssrc, streamId);

src/main/java/com/genersoft/iot/vmp/service/impl/PlayServiceImpl.java

@@ -188,7 +188,7 @@ public class PlayServiceImpl implements IPlayService {
             if (mediaServerItem.isRtpEnable()) {
                 streamId = String.format("%s_%s", device.getDeviceId(), channelId);
             }
-            SSRCInfo ssrcInfo = mediaServerService.openRTPServer(mediaServerItem, streamId);
+            SSRCInfo ssrcInfo = mediaServerService.openRTPServer(mediaServerItem, streamId, device.isSsrcCheck());
             play(mediaServerItem, ssrcInfo, device, channelId, (mediaServerItemInUse, response)->{
                 if (hookEvent != null) {
                     hookEvent.response(mediaServerItem, response);
@@ -232,7 +232,7 @@ public class PlayServiceImpl implements IPlayService {
             streamId = String.format("%s_%s", device.getDeviceId(), channelId);
         }
         if (ssrcInfo == null) {
-            ssrcInfo = mediaServerService.openRTPServer(mediaServerItem, streamId);
+            ssrcInfo = mediaServerService.openRTPServer(mediaServerItem, streamId, device.isSsrcCheck());
         }
 
         // 超时处理

src/main/java/com/genersoft/iot/vmp/service/impl/StreamPushServiceImpl.java

@@ -420,9 +420,6 @@ public class StreamPushServiceImpl implements IStreamPushService {
                                 continue;
                             }
                             streamPushItemForPlatform.setPlatformId(platFormInfoArray[0]);
-                            if (platFormInfoArray[0].equals("34020000002110000001")) {
-                                System.out.println(111);
-                            }
                             List<GbStream> gbStreamList = platformForEvent.get(platFormInfoArray[0]);
                             if (gbStreamList == null) {
                                 gbStreamList = new ArrayList<>();

src/main/java/com/genersoft/iot/vmp/storager/dao/DeviceMapper.java

@@ -37,6 +37,7 @@ public interface DeviceMapper {
                 "subscribeCycleForMobilePosition," +
                 "mobilePositionSubmissionInterval," +
                 "subscribeCycleForAlarm," +
+                "ssrcCheck," +
                 "online" +
             ") VALUES (" +
                 "#{deviceId}," +
@@ -59,6 +60,7 @@ public interface DeviceMapper {
                 "#{subscribeCycleForMobilePosition}," +
                 "#{mobilePositionSubmissionInterval}," +
                 "#{subscribeCycleForAlarm}," +
+                "#{ssrcCheck}," +
                 "#{online}" +
             ")")
     int add(Device device);
@@ -84,6 +86,7 @@ public interface DeviceMapper {
                 "<if test=\"subscribeCycleForMobilePosition != null\">, subscribeCycleForMobilePosition=${subscribeCycleForMobilePosition}</if>" +
                 "<if test=\"mobilePositionSubmissionInterval != null\">, mobilePositionSubmissionInterval=${mobilePositionSubmissionInterval}</if>" +
                 "<if test=\"subscribeCycleForAlarm != null\">, subscribeCycleForAlarm=${subscribeCycleForAlarm}</if>" +
+                "<if test=\"ssrcCheck != null\">, ssrcCheck=${ssrcCheck}</if>" +
                 "WHERE deviceId='${deviceId}'"+
             " </script>"})
     int update(Device device);

src/main/java/com/genersoft/iot/vmp/storager/dao/ParentPlatformMapper.java

@@ -16,10 +16,10 @@ public interface ParentPlatformMapper {
 
     @Insert("INSERT INTO parent_platform (enable, name, serverGBId, serverGBDomain, serverIP, serverPort, deviceGBId, deviceIp,  " +
             "            devicePort, username, password, expires, keepTimeout, transport, characterSet, ptz, rtcp, " +
-            "            status, shareAllLiveStream, catalogId) " +
+            "            status, shareAllLiveStream, startOfflinePush, catalogId, administrativeDivision, catalogGroup) " +
             "            VALUES (${enable}, '${name}', '${serverGBId}', '${serverGBDomain}', '${serverIP}', ${serverPort}, '${deviceGBId}', '${deviceIp}', " +
             "            '${devicePort}', '${username}', '${password}', '${expires}', '${keepTimeout}', '${transport}', '${characterSet}', ${ptz}, ${rtcp}, " +
-            "            ${status}, ${shareAllLiveStream}, #{catalogId})")
+            "            ${status}, ${shareAllLiveStream},  ${startOfflinePush}, #{catalogId}, #{administrativeDivision}, #{catalogGroup})")
     int addParentPlatform(ParentPlatform parentPlatform);
 
     @Update("UPDATE parent_platform " +
@@ -42,6 +42,9 @@ public interface ParentPlatformMapper {
             "rtcp=#{rtcp}, " +
             "status=#{status}, " +
             "shareAllLiveStream=#{shareAllLiveStream}, " +
+            "startOfflinePush=${startOfflinePush}, " +
+            "catalogGroup=#{catalogGroup}, " +
+            "administrativeDivision=#{administrativeDivision}, " +
             "catalogId=#{catalogId} " +
             "WHERE id=#{id}")
     int updateParentPlatform(ParentPlatform parentPlatform);

src/main/java/com/genersoft/iot/vmp/storager/impl/VideoManagerStorageImpl.java

@@ -520,6 +520,12 @@ public class VideoManagerStorageImpl implements IVideoManagerStorage {
 	@Override
 	public boolean updateParentPlatform(ParentPlatform parentPlatform) {
 		int result = 0;
+		if (parentPlatform.getCatalogGroup() == 0) {
+			parentPlatform.setCatalogGroup(1);
+		}
+		if (parentPlatform.getAdministrativeDivision() == null) {
+			parentPlatform.setAdministrativeDivision(parentPlatform.getAdministrativeDivision());
+		}
 		ParentPlatformCatch parentPlatformCatch = redisCatchStorage.queryPlatformCatchInfo(parentPlatform.getServerGBId()); // .getDeviceGBId());
 		if (parentPlatform.getId() == null ) {
 			if (parentPlatform.getCatalogId() == null) {
@@ -539,6 +545,7 @@ public class VideoManagerStorageImpl implements IVideoManagerStorage {
 				parentPlatformCatch.setId(parentPlatform.getServerGBId());
 				redisCatchStorage.delPlatformCatchInfo(parentPlatById.getServerGBId());
 			}
+
 			result = platformMapper.updateParentPlatform(parentPlatform);
 		}
 		// 更新缓存
@@ -1074,7 +1081,7 @@ public class VideoManagerStorageImpl implements IVideoManagerStorage {
 		deviceChannel.setParentId(catalog.getParentId());
 		deviceChannel.setRegisterWay(1);
 		// 行政区划应该是Domain的前八位
-		deviceChannel.setCivilCode(parentPlatByServerGBId.getDeviceGBId().substring(0,6));
+		deviceChannel.setCivilCode(parentPlatByServerGBId.getAdministrativeDivision());
 		deviceChannel.setModel("live");
 		deviceChannel.setOwner("wvp-pro");
 		deviceChannel.setSecrecy("0");

src/main/java/com/genersoft/iot/vmp/vmanager/gb28181/device/DeviceQuery.java

@@ -164,12 +164,13 @@ public class DeviceQuery {
 			logger.debug("设备通道信息同步API调用，deviceId：" + deviceId);
 		}
 		Device device = storager.queryVideoDevice(deviceId);
-		SyncStatus syncStatus = deviceService.getChannelSyncStatus(deviceId);
+		boolean status = deviceService.isSyncRunning(deviceId);
 		// 已存在则返回进度
-		if (syncStatus != null && syncStatus.getErrorMsg() == null) {
+		if (status) {
 			WVPResult<SyncStatus> wvpResult = new WVPResult<>();
 			wvpResult.setCode(0);
-			wvpResult.setData(syncStatus);
+			SyncStatus channelSyncStatus = deviceService.getChannelSyncStatus(deviceId);
+			wvpResult.setData(channelSyncStatus);
 			return wvpResult;
 		}
 		deviceService.sync(device);

web_src/src/components/CloudRecord.vue

@@ -1,67 +1,57 @@
 <template>
-	<div id="app">
-		<el-container>
-			<el-header>
-				<uiHeader></uiHeader>
-			</el-header>
-			<el-main>
-        <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
-          <span v-if="!recordDetail" >云端录像</span>
-          <el-page-header v-if="recordDetail"  @back="backToList" content="云端录像">
-          </el-page-header>
-          <div style="position: absolute; right: 5rem; top: 0.3rem;">
-            节点选择:
-            <el-select size="mini" @change="chooseMediaChange" style="width: 16rem; margin-right: 1rem;" v-model="mediaServerId" placeholder="请选择" :disabled="recordDetail">
-            <el-option
-              v-for="item in mediaServerList"
-              :key="item.id"
-              :label="item.id"
-              :value="item.id">
-            </el-option>
-          </el-select>
-          </div>
-          <div style="position: absolute; right: 1rem; top: 0.3rem;">
-            <el-button v-if="!recordDetail" icon="el-icon-refresh-right" circle size="mini" :loading="loading" @click="getRecordList()"></el-button>
-          </div>
-        </div>
-        <div v-if="!recordDetail">
+	<div id="app" style="width: 100%">
+    <div class="page-header">
+      <div class="page-title">云端录像</div>
+      <div class="page-header-btn">
+        节点选择:
+        <el-select size="mini" @change="chooseMediaChange" style="width: 16rem; margin-right: 1rem;" v-model="mediaServerId" placeholder="请选择" :disabled="recordDetail">
+          <el-option
+            v-for="item in mediaServerList"
+            :key="item.id"
+            :label="item.id"
+            :value="item.id">
+          </el-option>
+        </el-select>
+        <el-button v-if="!recordDetail" icon="el-icon-refresh-right" circle size="mini" :loading="loading" @click="getRecordList()"></el-button>
+      </div>
+    </div>
+    <div v-if="!recordDetail">
 
-          <!--设备列表-->
-          <el-table :data="recordList" border style="width: 100%" :height="winHeight">
-            <el-table-column prop="app" label="应用名" align="center">
-            </el-table-column>
-            <el-table-column prop="stream" label="流ID" align="center">
-            </el-table-column>
-            <el-table-column prop="time" label="时间" align="center">
-            </el-table-column>
-            <el-table-column label="操作" width="360" align="center" fixed="right">
-              <template slot-scope="scope">
-                <el-button-group>
-                  <el-button size="mini" icon="el-icon-video-camera-solid" type="primary" @click="showRecordDetail(scope.row)">查看</el-button>
-<!--                  <el-button size="mini" icon="el-icon-delete" type="danger"  @click="deleteRecord(scope.row)">删除</el-button>-->
-                </el-button-group>
-              </template>
-            </el-table-column>
-          </el-table>
-          <el-pagination
-            style="float: right"
-            @size-change="handleSizeChange"
-            @current-change="currentChange"
-            :current-page="currentPage"
-            :page-size="count"
-            :page-sizes="[15, 25, 35, 50]"
-            layout="total, sizes, prev, pager, next"
-            :total="total">
-          </el-pagination>
-        </div>
-        <cloud-record-detail ref="cloudRecordDetail" v-if="recordDetail" :recordFile="chooseRecord" :mediaServerId="mediaServerId" :mediaServerPath="mediaServerPath" ></cloud-record-detail>
-			</el-main>
-		</el-container>
-	</div>
+      <!--设备列表-->
+      <el-table :data="recordList" border style="width: 100%" :height="winHeight">
+        <el-table-column prop="app" label="应用名" align="center">
+        </el-table-column>
+        <el-table-column prop="stream" label="流ID" align="center">
+        </el-table-column>
+        <el-table-column prop="time" label="时间" align="center">
+        </el-table-column>
+        <el-table-column label="操作" width="360" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-button-group>
+              <el-button size="mini" icon="el-icon-video-camera-solid" type="primary" @click="showRecordDetail(scope.row)">查看</el-button>
+              <!--                  <el-button size="mini" icon="el-icon-delete" type="danger"  @click="deleteRecord(scope.row)">删除</el-button>-->
+            </el-button-group>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        style="float: right"
+        @size-change="handleSizeChange"
+        @current-change="currentChange"
+        :current-page="currentPage"
+        :page-size="count"
+        :page-sizes="[15, 25, 35, 50]"
+        layout="total, sizes, prev, pager, next"
+        :total="total">
+      </el-pagination>
+    </div>
+    <cloud-record-detail ref="cloudRecordDetail" v-if="recordDetail" :recordFile="chooseRecord" :mediaServerId="mediaServerId" :mediaServerPath="mediaServerPath" ></cloud-record-detail>
+
+  </div>
 </template>
 
 <script>
-	import uiHeader from './UiHeader.vue'
+	import uiHeader from '../layout/UiHeader.vue'
 	import cloudRecordDetail from './CloudRecordDetail.vue'
   import MediaServer from './service/MediaServer'
 	export default {

web_src/src/components/CloudRecordDetail.vue

@@ -104,7 +104,7 @@
 
 <script>
   // TODO 根据查询的时间列表设置滑轨的最大值与最小值，
-	import uiHeader from './UiHeader.vue'
+	import uiHeader from '../layout/UiHeader.vue'
 	import player from './dialog/easyPlayer.vue'
   import moment  from 'moment'
 	export default {

web_src/src/components/DeviceList.vue

@@ -1,349 +1,350 @@
 <template>
-	<div id="app">
-		<el-container>
-			<el-header>
-				<uiHeader></uiHeader>
-			</el-header>
-			<el-main>
-				<div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
-					<span style="font-size: 1rem; font-weight: bold;">设备列表</span>
-					<div style="position: absolute; right: 1rem; top: 0.3rem;">
-						<el-button icon="el-icon-refresh-right" circle size="mini" :loading="getDeviceListLoading" @click="getDeviceList()"></el-button>
-					</div>
-				</div>
-				<!-- <devicePlayer ref="devicePlayer"></devicePlayer> -->
-				<!--设备列表-->
-				<el-table :data="deviceList" border style="width: 100%;font-size: 12px;" :height="winHeight">
-					<el-table-column prop="name" label="名称"  align="center">
-					</el-table-column>
-					<el-table-column prop="deviceId" label="设备编号" width="180" align="center">
-					</el-table-column>
-          <el-table-column label="地址" width="180" align="center">
-            <template slot-scope="scope">
-              <div slot="reference" class="name-wrapper">
-                <el-tag size="medium">{{ scope.row.hostAddress }}</el-tag>
-              </div>
-            </template>
-          </el-table-column>
-					<el-table-column prop="manufacturer" label="厂家" align="center">
-					</el-table-column>
-					<el-table-column label="流传输模式" align="center" width="120">
-            <template slot-scope="scope">
-              <el-select size="mini" @change="transportChange(scope.row)" v-model="scope.row.streamMode" placeholder="请选择">
-                <el-option key="UDP" label="UDP" value="UDP"></el-option>
-                <el-option key="TCP-ACTIVE" label="TCP主动模式" :disabled="true" value="TCP-ACTIVE"></el-option>
-                <el-option key="TCP-PASSIVE" label="TCP被动模式"  value="TCP-PASSIVE"></el-option>
-              </el-select>
-            </template>
-					</el-table-column>
-					<el-table-column prop="channelCount" label="通道数" align="center">
-					</el-table-column>
-					<el-table-column label="状态" width="120" align="center">
-						<template slot-scope="scope">
-							<div slot="reference" class="name-wrapper">
-								<el-tag size="medium" v-if="scope.row.online == 1">在线</el-tag>
-								<el-tag size="medium" type="info" v-if="scope.row.online == 0">离线</el-tag>
-							</div>
-						</template>
-					</el-table-column>
-          <el-table-column prop="keepaliveTime" label="最近心跳" align="center" width="140">
-          </el-table-column>
-          <el-table-column prop="registerTime" label="最近注册" align="center" width="140">
-          </el-table-column>
-          <el-table-column prop="updateTime" label="更新时间" align="center" width="140">
-          </el-table-column>
-          <el-table-column prop="createTime" label="创建时间" align="center" width="140">
-          </el-table-column>
+  <div id="app" style="width: 100%">
+    <div class="page-header">
+      <div class="page-title">设备列表</div>
+      <div class="page-header-btn">
+        <el-button icon="el-icon-refresh-right" circle size="mini" :loading="getDeviceListLoading"
+                   @click="getDeviceList()"></el-button>
+      </div>
+    </div>
+    <!-- <devicePlayer ref="devicePlayer"></devicePlayer> -->
+    <!--设备列表-->
+    <el-table :data="deviceList" border style="width: 100%;font-size: 12px;" :height="winHeight">
+      <el-table-column prop="name" label="名称" align="center">
+      </el-table-column>
+      <el-table-column prop="deviceId" label="设备编号" width="180" align="center">
+      </el-table-column>
+      <el-table-column label="地址" width="180" align="center">
+        <template slot-scope="scope">
+          <div slot="reference" class="name-wrapper">
+            <el-tag size="medium">{{ scope.row.hostAddress }}</el-tag>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="manufacturer" label="厂家" align="center">
+      </el-table-column>
+      <el-table-column label="流传输模式" align="center" width="120">
+        <template slot-scope="scope">
+          <el-select size="mini" @change="transportChange(scope.row)" v-model="scope.row.streamMode" placeholder="请选择">
+            <el-option key="UDP" label="UDP" value="UDP"></el-option>
+            <el-option key="TCP-ACTIVE" label="TCP主动模式" :disabled="true" value="TCP-ACTIVE"></el-option>
+            <el-option key="TCP-PASSIVE" label="TCP被动模式" value="TCP-PASSIVE"></el-option>
+          </el-select>
+        </template>
+      </el-table-column>
+      <el-table-column prop="channelCount" label="通道数" align="center">
+      </el-table-column>
+      <el-table-column label="状态" width="120" align="center">
+        <template slot-scope="scope">
+          <div slot="reference" class="name-wrapper">
+            <el-tag size="medium" v-if="scope.row.online == 1">在线</el-tag>
+            <el-tag size="medium" type="info" v-if="scope.row.online == 0">离线</el-tag>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="keepaliveTime" label="最近心跳" align="center" width="140">
+      </el-table-column>
+      <el-table-column prop="registerTime" label="最近注册" align="center" width="140">
+      </el-table-column>
+      <el-table-column prop="updateTime" label="更新时间" align="center" width="140">
+      </el-table-column>
+      <el-table-column prop="createTime" label="创建时间" align="center" width="140">
+      </el-table-column>
 
-					<el-table-column label="操作" width="450" align="center" fixed="right">
-						<template slot-scope="scope">
-              <el-button size="mini" v-if="scope.row.online!=0" icon="el-icon-refresh" @click="refDevice(scope.row)" @mouseover="getTooltipContent(scope.row.deviceId)">刷新</el-button>
-							<el-button-group>
-                <el-button size="mini" icon="el-icon-video-camera-solid" v-bind:disabled="scope.row.online==0"  type="primary" @click="showChannelList(scope.row)">通道</el-button>
-                <el-button size="mini" icon="el-icon-location" v-bind:disabled="scope.row.online==0"  type="primary" @click="showDevicePosition(scope.row)">定位</el-button>
-                <el-button size="mini" icon="el-icon-edit" type="primary" @click="edit(scope.row)">编辑</el-button>
-                <el-button size="mini" icon="el-icon-delete" type="danger" @click="deleteDevice(scope.row)">删除</el-button>
-							</el-button-group>
-							</template>
-					</el-table-column>
-				</el-table>
-				<el-pagination
-					style="float: right"
-					@size-change="handleSizeChange"
-					@current-change="currentChange"
-					:current-page="currentPage"
-					:page-size="count"
-					:page-sizes="[15, 25, 35, 50]"
-					layout="total, sizes, prev, pager, next"
-					:total="total">
-				</el-pagination>
-        <deviceEdit ref="deviceEdit" ></deviceEdit>
-        <syncChannelProgress ref="syncChannelProgress" ></syncChannelProgress>
-			</el-main>
-		</el-container>
-	</div>
+      <el-table-column label="操作" width="450" align="center" fixed="right">
+        <template slot-scope="scope">
+          <el-button size="mini" v-if="scope.row.online!=0" icon="el-icon-refresh" @click="refDevice(scope.row)"
+                     @mouseover="getTooltipContent(scope.row.deviceId)">刷新
+          </el-button>
+          <el-button-group>
+            <el-button size="mini" icon="el-icon-video-camera-solid" v-bind:disabled="scope.row.online==0"
+                       type="primary" @click="showChannelList(scope.row)">通道
+            </el-button>
+            <el-button size="mini" icon="el-icon-location" v-bind:disabled="scope.row.online==0" type="primary"
+                       @click="showDevicePosition(scope.row)">定位
+            </el-button>
+            <el-button size="mini" icon="el-icon-edit" type="primary" @click="edit(scope.row)">编辑</el-button>
+            <el-button size="mini" icon="el-icon-delete" type="danger" @click="deleteDevice(scope.row)">删除</el-button>
+          </el-button-group>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      style="float: right"
+      @size-change="handleSizeChange"
+      @current-change="currentChange"
+      :current-page="currentPage"
+      :page-size="count"
+      :page-sizes="[15, 25, 35, 50]"
+      layout="total, sizes, prev, pager, next"
+      :total="total">
+    </el-pagination>
+    <deviceEdit ref="deviceEdit"></deviceEdit>
+    <syncChannelProgress ref="syncChannelProgress"></syncChannelProgress>
+  </div>
 </template>
 
 <script>
-	import uiHeader from './UiHeader.vue'
-	import deviceEdit from './dialog/deviceEdit.vue'
-	import syncChannelProgress from './dialog/SyncChannelProgress.vue'
-	export default {
-		name: 'app',
-		components: {
-			uiHeader,
-      deviceEdit,
-      syncChannelProgress,
-		},
-		data() {
-			return {
-				deviceList: [], //设备列表
-				currentDevice: {}, //当前操作设备对象
+import uiHeader from '../layout/UiHeader.vue'
+import deviceEdit from './dialog/deviceEdit.vue'
+import syncChannelProgress from './dialog/SyncChannelProgress.vue'
 
-				videoComponentList: [],
-				updateLooper: 0, //数据刷新轮训标志
-				currentDeviceChannelsLenth:0,
-				winHeight: window.innerHeight - 200,
-				currentPage:1,
-				count:15,
-				total:0,
-				getDeviceListLoading: false,
-			};
-		},
-		computed: {
-			getcurrentDeviceChannels: function() {
-				let data = this.currentDevice['channelMap'];
-				let channels = null;
-				if (data) {
-					channels = Object.keys(data).map(key => {
-						return data[key];
-					});
-					this.currentDeviceChannelsLenth = channels.length;
-				}
-				return channels;
-			}
-		},
-		mounted() {
-			this.initData();
-			this.updateLooper = setInterval(this.initData, 10000);
-		},
-		destroyed() {
-			this.$destroy('videojs');
-			clearTimeout(this.updateLooper);
-		},
-		methods: {
-			initData: function() {
-				this.getDeviceList();
-			},
-			currentChange: function(val){
-				this.currentPage = val;
-				this.getDeviceList();
-			},
-			handleSizeChange: function(val){
-				this.count = val;
-				this.getDeviceList();
-			},
-			getDeviceList: function() {
-				let that = this;
-				this.getDeviceListLoading = true;
-				this.$axios({
-					method: 'get',
-					url:`/api/device/query/devices`,
-					params: {
-						page: that.currentPage,
-						count: that.count
-					}
-				}).then(function (res) {
-					that.total = res.data.total;
-					that.deviceList = res.data.list;
-					that.getDeviceListLoading = false;
-				}).catch(function (error) {
-					console.error(error);
-					that.getDeviceListLoading = false;
-				});
+export default {
+  name: 'app',
+  components: {
+    uiHeader,
+    deviceEdit,
+    syncChannelProgress,
+  },
+  data() {
+    return {
+      deviceList: [], //设备列表
+      currentDevice: {}, //当前操作设备对象
 
-			},
-      deleteDevice: function(row) {
-        let msg = "确定删除此设备？"
-        if (row.online !== 0) {
-          msg = "在线设备删除后仍可通过注册再次上线。<br/>如需彻底删除请先将设备离线。<br/><strong>确定删除此设备？</strong>"
+      videoComponentList: [],
+      updateLooper: 0, //数据刷新轮训标志
+      currentDeviceChannelsLenth: 0,
+      winHeight: window.innerHeight - 200,
+      currentPage: 1,
+      count: 15,
+      total: 0,
+      getDeviceListLoading: false,
+    };
+  },
+  computed: {
+    getcurrentDeviceChannels: function () {
+      let data = this.currentDevice['channelMap'];
+      let channels = null;
+      if (data) {
+        channels = Object.keys(data).map(key => {
+          return data[key];
+        });
+        this.currentDeviceChannelsLenth = channels.length;
+      }
+      return channels;
+    }
+  },
+  mounted() {
+    this.initData();
+    this.updateLooper = setInterval(this.initData, 10000);
+  },
+  destroyed() {
+    this.$destroy('videojs');
+    clearTimeout(this.updateLooper);
+  },
+  methods: {
+    initData: function () {
+      this.getDeviceList();
+    },
+    currentChange: function (val) {
+      this.currentPage = val;
+      this.getDeviceList();
+    },
+    handleSizeChange: function (val) {
+      this.count = val;
+      this.getDeviceList();
+    },
+    getDeviceList: function () {
+      let that = this;
+      this.getDeviceListLoading = true;
+      this.$axios({
+        method: 'get',
+        url: `/api/device/query/devices`,
+        params: {
+          page: that.currentPage,
+          count: that.count
         }
-        this.$confirm(msg, '提示', {
-          dangerouslyUseHTMLString : true,
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          center: true,
-          type: 'warning'
-        }).then(() => {
-          this.$axios({
-            method: 'delete',
-            url:`/api/device/query/devices/${row.deviceId}/delete`
-          }).then((res)=>{
-            this.getDeviceList();
-          }).catch((error) =>{
-            console.error(error);
-          });
-        }).catch(() => {
+      }).then(function (res) {
+        that.total = res.data.total;
+        that.deviceList = res.data.list;
+        that.getDeviceListLoading = false;
+      }).catch(function (error) {
+        console.error(error);
+        that.getDeviceListLoading = false;
+      });
 
+    },
+    deleteDevice: function (row) {
+      let msg = "确定删除此设备？"
+      if (row.online !== 0) {
+        msg = "在线设备删除后仍可通过注册再次上线。<br/>如需彻底删除请先将设备离线。<br/><strong>确定删除此设备？</strong>"
+      }
+      this.$confirm(msg, '提示', {
+        dangerouslyUseHTMLString: true,
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        center: true,
+        type: 'warning'
+      }).then(() => {
+        this.$axios({
+          method: 'delete',
+          url: `/api/device/query/devices/${row.deviceId}/delete`
+        }).then((res) => {
+          this.getDeviceList();
+        }).catch((error) => {
+          console.error(error);
         });
+      }).catch(() => {
+
+      });
 
 
-			},
-			showChannelList: function(row) {
-				this.$router.push(`/channelList/${row.deviceId}/0/15/1`);
-			},
-			showDevicePosition: function(row) {
-				this.$router.push(`/devicePosition/${row.deviceId}/0/15/1`);
-			},
+    },
+    showChannelList: function (row) {
+      this.$router.push(`/channelList/${row.deviceId}/0/15/1`);
+    },
+    showDevicePosition: function (row) {
+      this.$router.push(`/devicePosition/${row.deviceId}/0/15/1`);
+    },
 
-			//gb28181平台对接
-			//刷新设备信息
-			refDevice: function(itemData) {
-				console.log("刷新对应设备:" + itemData.deviceId);
-				let that = this;
-				this.$axios({
-					method: 'post',
-					url: '/api/device/query/devices/' + itemData.deviceId + '/sync'
-				}).then((res) => {
-					console.log("刷新设备结果："+JSON.stringify(res));
-					if (res.data.code !==0) {
-						that.$message({
-							showClose: true,
-							message: res.data.msg,
-							type: 'error'
-						});
-					}else{
-						// that.$message({
-						// 	showClose: true,
-						// 	message: res.data.msg,
-						// 	type: 'success'
-						// });
-            this.$refs.syncChannelProgress.openDialog(itemData.deviceId)
-					}
-					that.initData()
-				}).catch((e) => {
-					console.error(e)
+    //gb28181平台对接
+    //刷新设备信息
+    refDevice: function (itemData) {
+      console.log("刷新对应设备:" + itemData.deviceId);
+      let that = this;
+      this.$axios({
+        method: 'post',
+        url: '/api/device/query/devices/' + itemData.deviceId + '/sync'
+      }).then((res) => {
+        console.log("刷新设备结果：" + JSON.stringify(res));
+        if (res.data.code !== 0) {
           that.$message({
             showClose: true,
-            message: e,
+            message: res.data.msg,
             type: 'error'
           });
-				});
+        } else {
+          // that.$message({
+          // 	showClose: true,
+          // 	message: res.data.msg,
+          // 	type: 'success'
+          // });
+          this.$refs.syncChannelProgress.openDialog(itemData.deviceId)
+        }
+        that.initData()
+      }).catch((e) => {
+        console.error(e)
+        that.$message({
+          showClose: true,
+          message: e,
+          type: 'error'
+        });
+      });
 
-			},
+    },
 
-      getTooltipContent: async function (deviceId){
-         let result = "";
-         await this.$axios({
-            method: 'get',
-            async: false,
-            url:`/api/device/query/${deviceId}/sync_status/`,
-          }).then((res) => {
-           if (res.data.code == 0) {
-             if (res.data.data.errorMsg !== null) {
-               result = res.data.data.errorMsg
-             } else if (res.data.msg !== null) {
-               result = res.data.msg
-             } else {
-               result = `同步中...[${res.data.data.current}/${res.data.data.total}]`;
-             }
-           }
-         })
-         return result;
-      },
-			//通知设备上传媒体流
-			sendDevicePush: function(itemData) {
-				// let deviceId = this.currentDevice.deviceId;
-				// let channelId = itemData.channelId;
-				// console.log("通知设备推流1：" + deviceId + " : " + channelId);
-				// let that = this;
-				// this.$axios({
-				// 	method: 'get',
-				// 	url: '/api/play/' + deviceId + '/' + channelId
-				// }).then(function(res) {
-				// 	let ssrc = res.data.ssrc;
-				// 	that.$refs.devicePlayer.play(ssrc,deviceId,channelId);
-				// }).catch(function(e) {
-				// });
-			},
-      transportChange: function (row) {
-        console.log(`修改传输方式为 ${row.streamMode}：${row.deviceId} `);
-        let that = this;
-        this.$axios({
-          method: 'post',
-          url: '/api/device/query/transport/' + row.deviceId + '/' + row.streamMode
-        }).then(function(res) {
+    getTooltipContent: async function (deviceId) {
+      let result = "";
+      await this.$axios({
+        method: 'get',
+        async: false,
+        url: `/api/device/query/${deviceId}/sync_status/`,
+      }).then((res) => {
+        if (res.data.code == 0) {
+          if (res.data.data.errorMsg !== null) {
+            result = res.data.data.errorMsg
+          } else if (res.data.msg !== null) {
+            result = res.data.msg
+          } else {
+            result = `同步中...[${res.data.data.current}/${res.data.data.total}]`;
+          }
+        }
+      })
+      return result;
+    },
+    //通知设备上传媒体流
+    sendDevicePush: function (itemData) {
+      // let deviceId = this.currentDevice.deviceId;
+      // let channelId = itemData.channelId;
+      // console.log("通知设备推流1：" + deviceId + " : " + channelId);
+      // let that = this;
+      // this.$axios({
+      // 	method: 'get',
+      // 	url: '/api/play/' + deviceId + '/' + channelId
+      // }).then(function(res) {
+      // 	let ssrc = res.data.ssrc;
+      // 	that.$refs.devicePlayer.play(ssrc,deviceId,channelId);
+      // }).catch(function(e) {
+      // });
+    },
+    transportChange: function (row) {
+      console.log(`修改传输方式为 ${row.streamMode}：${row.deviceId} `);
+      let that = this;
+      this.$axios({
+        method: 'post',
+        url: '/api/device/query/transport/' + row.deviceId + '/' + row.streamMode
+      }).then(function (res) {
 
-        }).catch(function(e) {
+      }).catch(function (e) {
+      });
+    },
+    edit: function (row) {
+      this.$refs.deviceEdit.openDialog(row, () => {
+        this.$refs.deviceEdit.close();
+        this.$message({
+          showClose: true,
+          message: "设备修改成功，通道字符集将在下次更新生效",
+          type: "success",
         });
-      },
-      edit: function (row) {
-        this.$refs.deviceEdit.openDialog(row, ()=>{
-          this.$refs.deviceEdit.close();
-          this.$message({
-            showClose: true,
-            message: "设备修改成功，通道字符集将在下次更新生效",
-            type: "success",
-          });
-          setTimeout(this.getDeviceList, 200)
+        setTimeout(this.getDeviceList, 200)
 
-        })
-      }
+      })
+    }
 
-		}
-	};
+  }
+};
 </script>
 
 <style>
-	.videoList {
-		display: flex;
-		flex-wrap: wrap;
-		align-content: flex-start;
-	}
+.videoList {
+  display: flex;
+  flex-wrap: wrap;
+  align-content: flex-start;
+}
 
-	.video-item {
-		position: relative;
-		width: 15rem;
-		height: 10rem;
-		margin-right: 1rem;
-		background-color: #000000;
-	}
+.video-item {
+  position: relative;
+  width: 15rem;
+  height: 10rem;
+  margin-right: 1rem;
+  background-color: #000000;
+}
 
-	.video-item-img {
-		position: absolute;
-		top: 0;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		margin: auto;
-		width: 100%;
-		height: 100%;
-	}
+.video-item-img {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 100%;
+  height: 100%;
+}
 
-	.video-item-img:after {
-		content: "";
-		display: inline-block;
-		position: absolute;
-		z-index: 2;
-		top: 0;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		margin: auto;
-		width: 3rem;
-		height: 3rem;
-		background-image: url("../assets/loading.png");
-		background-size: cover;
-		background-color: #000000;
-	}
+.video-item-img:after {
+  content: "";
+  display: inline-block;
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 3rem;
+  height: 3rem;
+  background-image: url("../assets/loading.png");
+  background-size: cover;
+  background-color: #000000;
+}
 
-	.video-item-title {
-		position: absolute;
-		bottom: 0;
-		color: #000000;
-		background-color: #ffffff;
-		line-height: 1.5rem;
-		padding: 0.3rem;
-		width: 14.4rem;
-	}
+.video-item-title {
+  position: absolute;
+  bottom: 0;
+  color: #000000;
+  background-color: #ffffff;
+  line-height: 1.5rem;
+  padding: 0.3rem;
+  width: 14.4rem;
+}
 </style>

web_src/src/components/MediaServerManger.vue

@@ -1,45 +1,38 @@
 <template>
-	<div id="mediaServerManger">
-		<el-container>
-			<el-header>
-				<uiHeader></uiHeader>
-			</el-header>
-			<el-main id="msMain">
-        <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
-          <span style="font-size: 1rem; font-weight: bold;">节点列表</span>
-        </div>
-        <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;font-size: 14px;">
-          <el-button icon="el-icon-plus" size="mini" style="margin-right: 1rem;" type="primary" @click="add">添加节点</el-button>
-        </div>
+	<div id="mediaServerManger" style="width: 100%">
+    <div class="page-header">
+      <div class="page-title">节点列表</div>
+      <div class="page-header-btn">
+        <el-button icon="el-icon-plus" size="mini" style="margin-right: 1rem;" type="primary" @click="add">添加节点</el-button>
+      </div>
+    </div>
 
-        <el-row :gutter="12">
-          <el-col :span="num" v-for="item in mediaServerList" :key="item.id">
-            <el-card shadow="hover" :body-style="{ padding: '0px'}" class="server-card">
-              <div class="card-img-zlm"></div>
-              <div style="padding: 14px;text-align: left">
-                <span style="font-size: 16px">{{item.id}}</span>
-                <el-button v-if="!item.defaultServer" icon="el-icon-edit" style="padding: 0;float: right;" type="text" @click="edit(item)">编辑</el-button>
-                <el-button v-if="item.defaultServer" icon="el-icon-edit" style="padding: 0;float: right;" type="text" @click="edit(item)">查看</el-button>
-                <el-button icon="el-icon-delete" style="margin-right: 10px;padding: 0;float: right;" type="text" @click="del(item)">移除</el-button>
-                <div style="margin-top: 13px; line-height: 12px; ">
-                  <span style="font-size: 14px; color: #999; margin-top: 5px; ">{{item.ip}}</span>
-                  <span style="font-size: 14px; color: #999; margin-top: 5px; float: right;">{{item.createTime}}</span>
-                </div>
-              </div>
-              <i v-if="item.status" class="iconfont icon-online server-card-status-online" title="在线"></i>
-              <i v-if="!item.status" class="iconfont icon-online server-card-status-offline" title="离线"></i>
-              <i v-if="item.defaultServer" class="server-card-default" >默认</i>
-            </el-card>
-          </el-col>
-        </el-row>
-        <mediaServerEdit ref="mediaServerEdit" ></mediaServerEdit>
-			</el-main>
-		</el-container>
+    <el-row :gutter="12">
+      <el-col :span="num" v-for="item in mediaServerList" :key="item.id">
+        <el-card shadow="hover" :body-style="{ padding: '0px'}" class="server-card">
+          <div class="card-img-zlm"></div>
+          <div style="padding: 14px;text-align: left">
+            <span style="font-size: 16px">{{item.id}}</span>
+            <el-button v-if="!item.defaultServer" icon="el-icon-edit" style="padding: 0;float: right;" type="text" @click="edit(item)">编辑</el-button>
+            <el-button v-if="item.defaultServer" icon="el-icon-edit" style="padding: 0;float: right;" type="text" @click="edit(item)">查看</el-button>
+            <el-button icon="el-icon-delete" style="margin-right: 10px;padding: 0;float: right;" type="text" @click="del(item)">移除</el-button>
+            <div style="margin-top: 13px; line-height: 12px; ">
+              <span style="font-size: 14px; color: #999; margin-top: 5px; ">{{item.ip}}</span>
+              <span style="font-size: 14px; color: #999; margin-top: 5px; float: right;">{{item.createTime}}</span>
+            </div>
+          </div>
+          <i v-if="item.status" class="iconfont icon-online server-card-status-online" title="在线"></i>
+          <i v-if="!item.status" class="iconfont icon-online server-card-status-offline" title="离线"></i>
+          <i v-if="item.defaultServer" class="server-card-default" >默认</i>
+        </el-card>
+      </el-col>
+    </el-row>
+    <mediaServerEdit ref="mediaServerEdit" ></mediaServerEdit>
 	</div>
 </template>
 
 <script>
-	import uiHeader from './UiHeader.vue'
+	import uiHeader from '../layout/UiHeader.vue'
   import MediaServer from './service/MediaServer'
   import mediaServerEdit from './dialog/MediaServerEdit'
 	export default {

web_src/src/components/ParentPlatformList.vue

@@ -1,85 +1,79 @@
 <template>
-  <div id="app">
-    <el-container>
-      <el-header>
-        <uiHeader></uiHeader>
-      </el-header>
-      <el-main>
-        <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
-          <span style="font-size: 1rem; font-weight: bold;">上级平台列表</span>
-        </div>
-        <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;font-size: 14px;">
-            <el-button icon="el-icon-plus" size="mini" style="margin-right: 1rem;" type="primary" @click="addParentPlatform">添加</el-button>
-        </div>
-        <!--设备列表-->
-        <el-table :data="platformList" border style="width: 100%" :height="winHeight">
-          <el-table-column prop="name" label="名称" align="center"></el-table-column>
-          <el-table-column prop="serverGBId" label="平台编号" width="180" align="center"></el-table-column>
-          <el-table-column label="是否启用" width="120" align="center">
-            <template slot-scope="scope">
-              <div slot="reference" class="name-wrapper">
-                <el-tag size="medium" v-if="scope.row.enable">已启用</el-tag>
-                <el-tag size="medium" type="info" v-if="!scope.row.enable">未启用</el-tag>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column label="状态" width="120" align="center">
-            <template slot-scope="scope">
-              <div slot="reference" class="name-wrapper">
-                <el-tag size="medium" v-if="scope.row.status">在线</el-tag>
-                <el-tag size="medium" type="info" v-if="!scope.row.status">离线</el-tag>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column label="地址" width="180" align="center">
-            <template slot-scope="scope">
-              <div slot="reference" class="name-wrapper">
-                <el-tag size="medium">{{ scope.row.serverIP}}:{{scope.row.serverPort }}</el-tag>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column prop="deviceGBId" label="设备国标编号" width="200" align="center"></el-table-column>
-          <el-table-column prop="transport" label="信令传输模式" width="120" align="center"></el-table-column>
-          <el-table-column prop="channelCount" label="通道数" width="120" align="center"></el-table-column>
-          <el-table-column label="订阅信息" width="240" align="center" fixed="right">
-            <template slot-scope="scope">
-              <i v-if="scope.row.alarmSubscribe" style="font-size: 20px" title="报警订阅" class="iconfont icon-gbaojings subscribe-on " ></i>
-              <i v-if="!scope.row.alarmSubscribe" style="font-size: 20px" title="报警订阅" class="iconfont icon-gbaojings subscribe-off " ></i>
-              <i v-if="scope.row.catalogSubscribe" title="目录订阅"  class="iconfont icon-gjichus subscribe-on" ></i>
-              <i v-if="!scope.row.catalogSubscribe" title="目录订阅" class="iconfont icon-gjichus subscribe-off" ></i>
-              <i v-if="scope.row.mobilePositionSubscribe" title="位置订阅" class="iconfont icon-gxunjians subscribe-on" ></i>
-              <i v-if="!scope.row.mobilePositionSubscribe" title="位置订阅" class="iconfont icon-gxunjians subscribe-off" ></i>
-            </template>
-          </el-table-column>
+  <div id="app" style="width: 100%">
+    <div class="page-header">
+      <div class="page-title">上级平台列表</div>
+      <div class="page-header-btn">
+        <el-button icon="el-icon-plus" size="mini" style="margin-right: 1rem;" type="primary" @click="addParentPlatform">添加</el-button>
+      </div>
+    </div>
 
-          <el-table-column label="操作" width="300" align="center" fixed="right">
-            <template slot-scope="scope">
-              <el-button size="mini" icon="el-icon-edit" @click="editPlatform(scope.row)">编辑</el-button>
-              <el-button size="mini" icon="el-icon-share"  type="primary"  @click="chooseChannel(scope.row)">选择通道</el-button>
-              <el-button size="mini" icon="el-icon-delete"  type="danger" @click="deletePlatform(scope.row)">删除</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-        <el-pagination
-          style="float: right"
-          @size-change="handleSizeChange"
-          @current-change="currentChange"
-          :current-page="currentPage"
-          :page-size="count"
-          :page-sizes="[15, 25, 35, 50]"
-          layout="total, sizes, prev, pager, next"
-          :total="total">
-        </el-pagination>
-      <platformEdit ref="platformEdit" ></platformEdit>
-      <chooseChannelDialog ref="chooseChannelDialog" ></chooseChannelDialog>
-      </el-main>
-    </el-container>
+    <!--设备列表-->
+    <el-table :data="platformList" border style="width: 100%" :height="winHeight">
+      <el-table-column prop="name" label="名称" align="center"></el-table-column>
+      <el-table-column prop="serverGBId" label="平台编号" align="center"></el-table-column>
+      <el-table-column label="是否启用" width="120" align="center">
+        <template slot-scope="scope">
+          <div slot="reference" class="name-wrapper">
+            <el-tag size="medium" v-if="scope.row.enable">已启用</el-tag>
+            <el-tag size="medium" type="info" v-if="!scope.row.enable">未启用</el-tag>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" width="120" align="center">
+        <template slot-scope="scope">
+          <div slot="reference" class="name-wrapper">
+            <el-tag size="medium" v-if="scope.row.status">在线</el-tag>
+            <el-tag size="medium" type="info" v-if="!scope.row.status">离线</el-tag>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="地址" width="180" align="center">
+        <template slot-scope="scope">
+          <div slot="reference" class="name-wrapper">
+            <el-tag size="medium">{{ scope.row.serverIP}}:{{scope.row.serverPort }}</el-tag>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="deviceGBId" label="设备国标编号" width="200" align="center"></el-table-column>
+      <el-table-column prop="transport" label="信令传输模式" width="120" align="center"></el-table-column>
+      <el-table-column prop="channelCount" label="通道数" width="120" align="center"></el-table-column>
+      <el-table-column label="订阅信息" width="240" align="center" fixed="right">
+        <template slot-scope="scope">
+          <i v-if="scope.row.alarmSubscribe" style="font-size: 20px" title="报警订阅" class="iconfont icon-gbaojings subscribe-on " ></i>
+          <i v-if="!scope.row.alarmSubscribe" style="font-size: 20px" title="报警订阅" class="iconfont icon-gbaojings subscribe-off " ></i>
+          <i v-if="scope.row.catalogSubscribe" title="目录订阅"  class="iconfont icon-gjichus subscribe-on" ></i>
+          <i v-if="!scope.row.catalogSubscribe" title="目录订阅" class="iconfont icon-gjichus subscribe-off" ></i>
+          <i v-if="scope.row.mobilePositionSubscribe" title="位置订阅" class="iconfont icon-gxunjians subscribe-on" ></i>
+          <i v-if="!scope.row.mobilePositionSubscribe" title="位置订阅" class="iconfont icon-gxunjians subscribe-off" ></i>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="操作" width="300" align="center" fixed="right">
+        <template slot-scope="scope">
+          <el-button size="mini" icon="el-icon-edit" @click="editPlatform(scope.row)">编辑</el-button>
+          <el-button size="mini" icon="el-icon-share"  type="primary"  @click="chooseChannel(scope.row)">选择通道</el-button>
+          <el-button size="mini" icon="el-icon-delete"  type="danger" @click="deletePlatform(scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      style="float: right"
+      @size-change="handleSizeChange"
+      @current-change="currentChange"
+      :current-page="currentPage"
+      :page-size="count"
+      :page-sizes="[15, 25, 35, 50]"
+      layout="total, sizes, prev, pager, next"
+      :total="total">
+    </el-pagination>
+    <platformEdit ref="platformEdit" ></platformEdit>
+    <chooseChannelDialog ref="chooseChannelDialog" ></chooseChannelDialog>
   </div>
 </template>
 
 <script>
 import platformEdit from './dialog/platformEdit.vue'
-import uiHeader from './UiHeader.vue'
+import uiHeader from '../layout/UiHeader.vue'
 import chooseChannelDialog from './dialog/chooseChannel.vue'
 export default {
   name: 'app',

web_src/src/components/PushVideoList.vue

@@ -1,18 +1,14 @@
 <template>
-	<div id="pushVideoList">
-		<el-container>
-			<el-header>
-				<uiHeader></uiHeader>
-			</el-header>
-			<el-main>
-				<div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
-					<span style="font-size: 1rem; font-weight: bold;">推流列表</span>
-				</div>
-        <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;font-size: 14px;">
-
-          搜索: <el-input @input="getPushList" style="margin-right: 1rem; width: auto;" size="mini" placeholder="关键字" prefix-icon="el-icon-search" v-model="searchSrt" clearable> </el-input>
-
-          流媒体: <el-select size="mini" @change="getPushList" style="margin-right: 1rem;" v-model="mediaServerId" placeholder="请选择" default-first-option>
+  <div id="pushVideoList" style="width: 100%">
+    <div class="page-header">
+      <div class="page-title">推流列表</div>
+      <div class="page-header-btn">
+        搜索:
+        <el-input @input="getPushList" style="margin-right: 1rem; width: auto;" size="mini" placeholder="关键字"
+                  prefix-icon="el-icon-search" v-model="searchSrt" clearable></el-input>
+        流媒体:
+        <el-select size="mini" @change="getPushList" style="margin-right: 1rem;" v-model="mediaServerId"
+                   placeholder="请选择" default-first-option>
           <el-option label="全部" value=""></el-option>
           <el-option
             v-for="item in mediaServerList"
@@ -21,309 +17,327 @@
             :value="item.id">
           </el-option>
         </el-select>
-          推流状态: <el-select size="mini" style="margin-right: 1rem;" @change="getPushList" v-model="pushing" placeholder="请选择" default-first-option>
+        推流状态:
+        <el-select size="mini" style="margin-right: 1rem;" @change="getPushList" v-model="pushing" placeholder="请选择"
+                   default-first-option>
           <el-option label="全部" value=""></el-option>
           <el-option label="推流进行中" value="true"></el-option>
           <el-option label="推流未进行" value="false"></el-option>
         </el-select>
-          <el-button icon="el-icon-upload2" size="mini" style="margin-right: 1rem;" type="primary" @click="importChannel">通道导入</el-button>
-          <el-button icon="el-icon-download" size="mini" style="margin-right: 1rem;" type="primary" >
-            <a style="color: #FFFFFF; text-align: center; text-decoration: none" href="/static/file/推流通道导入.zip" download='推流通道导入.zip' >下载模板</a>
-          </el-button>
-          <el-button icon="el-icon-delete" size="mini" style="margin-right: 1rem;" :disabled="multipleSelection.length === 0" type="danger" @click="batchDel">批量移除</el-button>
-        </div>
-				<devicePlayer ref="devicePlayer"></devicePlayer>
-				<addStreamTOGB ref="addStreamTOGB"></addStreamTOGB>
-				<el-table ref="pushListTable" :data="pushList" border style="width: 100%" :height="winHeight" @selection-change="handleSelectionChange" :row-key="(row)=> row.app + row.stream">
-          <el-table-column align="center" type="selection" :reserve-selection="true" width="55">
-          </el-table-column>
-					<el-table-column prop="name" label="名称" align="center">
-					</el-table-column>
-					<el-table-column prop="app" label="APP" align="center">
-					</el-table-column>
-					<el-table-column prop="stream" label="流ID" align="center">
-					</el-table-column>
-					<el-table-column prop="gbId" label="国标编码" width="200" align="center">
-					</el-table-column>
-					<el-table-column prop="mediaServerId" label="流媒体" width="200" align="center">
-					</el-table-column>
-					<el-table-column label="开始时间" align="center" width="200">
-						<template slot-scope="scope">
-							<el-button-group>
-								{{dateFormat(parseInt(scope.row.createStamp))}}
-							</el-button-group>
-							</template>
-					</el-table-column>
-					<el-table-column label="正在推流" align="center" width="100">
-						<template slot-scope="scope">
-							{{(scope.row.status == false && scope.row.gbId == null) || scope.row.status ?'是':'否'}}
-						</template>
-					</el-table-column>
+        <el-button icon="el-icon-upload2" size="mini" style="margin-right: 1rem;" type="primary" @click="importChannel">
+          通道导入
+        </el-button>
+        <el-button icon="el-icon-download" size="mini" style="margin-right: 1rem;" type="primary">
+          <a style="color: #FFFFFF; text-align: center; text-decoration: none" href="/static/file/推流通道导入.zip"
+             download='推流通道导入.zip'>下载模板</a>
+        </el-button>
+        <el-button icon="el-icon-delete" size="mini" style="margin-right: 1rem;"
+                   :disabled="multipleSelection.length === 0" type="danger" @click="batchDel">批量移除
+        </el-button>
+      </div>
+    </div>
+    <devicePlayer ref="devicePlayer"></devicePlayer>
+    <addStreamTOGB ref="addStreamTOGB"></addStreamTOGB>
+    <el-table ref="pushListTable" :data="pushList" border style="width: 100%" :height="winHeight"
+              @selection-change="handleSelectionChange" :row-key="(row)=> row.app + row.stream">
+      <el-table-column align="center" type="selection" :reserve-selection="true" width="55">
+      </el-table-column>
+      <el-table-column prop="name" label="名称" align="center">
+      </el-table-column>
+      <el-table-column prop="app" label="APP" align="center">
+      </el-table-column>
+      <el-table-column prop="stream" label="流ID" align="center">
+      </el-table-column>
+      <el-table-column prop="gbId" label="国标编码" width="200" align="center">
+      </el-table-column>
+      <el-table-column prop="mediaServerId" label="流媒体" width="200" align="center">
+      </el-table-column>
+      <el-table-column label="开始时间" align="center" width="200">
+        <template slot-scope="scope">
+          <el-button-group>
+            {{ dateFormat(parseInt(scope.row.createStamp)) }}
+          </el-button-group>
+        </template>
+      </el-table-column>
+      <el-table-column label="正在推流" align="center" width="100">
+        <template slot-scope="scope">
+          {{ (scope.row.status == false && scope.row.gbId == null) || scope.row.status ? '是' : '否' }}
+        </template>
+      </el-table-column>
 
-					<el-table-column label="操作" width="360" align="center" fixed="right">
-						<template slot-scope="scope">
-							<el-button-group>
-								<el-button size="mini" icon="el-icon-video-play" v-if="(scope.row.status == false && scope.row.gbId == null) || scope.row.status" @click="playPush(scope.row)">播放</el-button>
-								<el-button size="mini" icon="el-icon-delete" type="danger" @click="stopPush(scope.row)">移除</el-button>
-								<el-button size="mini" icon="el-icon-position" type="primary" v-if="!!!scope.row.gbId" @click="addToGB(scope.row)">加入国标</el-button>
-								<el-button size="mini" icon="el-icon-position" type="primary" v-if="!!scope.row.gbId" @click="removeFromGB(scope.row)">移出国标</el-button>
-							</el-button-group>
-							</template>
-					</el-table-column>
-				</el-table>
-				<el-pagination
-					style="float: right"
-					@size-change="handleSizeChange"
-					@current-change="currentChange"
-					:current-page="currentPage"
-					:page-size="count"
-					:page-sizes="[15, 25, 35, 50]"
-					layout="total, sizes, prev, pager, next"
-					:total="total">
-				</el-pagination>
-			<streamProxyEdit ref="streamProxyEdit" ></streamProxyEdit>
-			<importChannel ref="importChannel" ></importChannel>
-			</el-main>
-		</el-container>
-	</div>
+      <el-table-column label="操作" width="360" align="center" fixed="right">
+        <template slot-scope="scope">
+          <el-button-group>
+            <el-button size="mini" icon="el-icon-video-play"
+                       v-if="(scope.row.status == false && scope.row.gbId == null) || scope.row.status"
+                       @click="playPush(scope.row)">播放
+            </el-button>
+            <el-button size="mini" icon="el-icon-delete" type="danger" @click="stopPush(scope.row)">移除</el-button>
+            <el-button size="mini" icon="el-icon-position" type="primary" v-if="!!!scope.row.gbId"
+                       @click="addToGB(scope.row)">加入国标
+            </el-button>
+            <el-button size="mini" icon="el-icon-position" type="primary" v-if="!!scope.row.gbId"
+                       @click="removeFromGB(scope.row)">移出国标
+            </el-button>
+          </el-button-group>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      style="float: right"
+      @size-change="handleSizeChange"
+      @current-change="currentChange"
+      :current-page="currentPage"
+      :page-size="count"
+      :page-sizes="[15, 25, 35, 50]"
+      layout="total, sizes, prev, pager, next"
+      :total="total">
+    </el-pagination>
+    <streamProxyEdit ref="streamProxyEdit"></streamProxyEdit>
+    <importChannel ref="importChannel"></importChannel>
+  </div>
 </template>
 
 <script>
-	import streamProxyEdit from './dialog/StreamProxyEdit.vue'
-	import devicePlayer from './dialog/devicePlayer.vue'
-	import addStreamTOGB from './dialog/addStreamTOGB.vue'
-	import uiHeader from './UiHeader.vue'
-	import importChannel from './dialog/importChannel.vue'
-	import MediaServer from './service/MediaServer'
-	export default {
-		name: 'pushVideoList',
-		components: {
-			devicePlayer,
-			addStreamTOGB,
-			streamProxyEdit,
-			uiHeader,
-      importChannel,
-		},
-		data() {
-			return {
-				pushList: [], //设备列表
-				currentPusher: {}, //当前操作设备对象
-				updateLooper: 0, //数据刷新轮训标志
-				currentDeviceChannelsLenth:0,
-				winHeight: window.innerHeight - 250,
-        mediaServerObj : new MediaServer(),
-				currentPage:1,
-				count:15,
-				total:0,
-        searchSrt: "",
-        pushing: "",
-        mediaServerId: "",
-        mediaServerList: [],
-        multipleSelection: [],
-				getDeviceListLoading: false
-			};
-		},
-		computed: {
-		},
-		mounted() {
-			this.initData();
-			this.updateLooper = setInterval(this.getPushList, 2000);
-		},
-		destroyed() {
-			clearTimeout(this.updateLooper);
-		},
-		methods: {
-			initData: function() {
-        this.mediaServerObj.getOnlineMediaServerList((data)=>{
-          this.mediaServerList = data.data;
-        })
-				this.getPushList();
-			},
-			currentChange: function(val){
-				this.currentPage = val;
-				this.getPushList();
-			},
-			handleSizeChange: function(val){
-				this.count = val;
-				this.getPushList();
-			},
-			getPushList: function() {
-				let that = this;
-				this.getDeviceListLoading = true;
-				this.$axios({
-					method: 'get',
-					url:`/api/push/list`,
-					params: {
-						page: that.currentPage,
-						count: that.count,
-            query: that.searchSrt,
-            pushing: that.pushing,
-            mediaServerId: that.mediaServerId,
-					}
-				}).then(function (res) {
-					that.total = res.data.total;
-					that.pushList = res.data.list;
-					that.getDeviceListLoading = false;
-				}).catch(function (error) {
-					console.error(error);
-					that.getDeviceListLoading = false;
-				});
-			},
+import streamProxyEdit from './dialog/StreamProxyEdit.vue'
+import devicePlayer from './dialog/devicePlayer.vue'
+import addStreamTOGB from './dialog/addStreamTOGB.vue'
+import uiHeader from '../layout/UiHeader.vue'
+import importChannel from './dialog/importChannel.vue'
+import MediaServer from './service/MediaServer'
+
+export default {
+  name: 'pushVideoList',
+  components: {
+    devicePlayer,
+    addStreamTOGB,
+    streamProxyEdit,
+    uiHeader,
+    importChannel,
+  },
+  data() {
+    return {
+      pushList: [], //设备列表
+      currentPusher: {}, //当前操作设备对象
+      updateLooper: 0, //数据刷新轮训标志
+      currentDeviceChannelsLenth: 0,
+      winHeight: window.innerHeight - 250,
+      mediaServerObj: new MediaServer(),
+      currentPage: 1,
+      count: 15,
+      total: 0,
+      searchSrt: "",
+      pushing: "",
+      mediaServerId: "",
+      mediaServerList: [],
+      multipleSelection: [],
+      getDeviceListLoading: false
+    };
+  },
+  computed: {},
+  mounted() {
+    this.initData();
+    this.updateLooper = setInterval(this.getPushList, 2000);
+  },
+  destroyed() {
+    clearTimeout(this.updateLooper);
+  },
+  methods: {
+    initData: function () {
+      this.mediaServerObj.getOnlineMediaServerList((data) => {
+        this.mediaServerList = data.data;
+      })
+      this.getPushList();
+    },
+    currentChange: function (val) {
+      this.currentPage = val;
+      this.getPushList();
+    },
+    handleSizeChange: function (val) {
+      this.count = val;
+      this.getPushList();
+    },
+    getPushList: function () {
+      let that = this;
+      this.getDeviceListLoading = true;
+      this.$axios({
+        method: 'get',
+        url: `/api/push/list`,
+        params: {
+          page: that.currentPage,
+          count: that.count,
+          query: that.searchSrt,
+          pushing: that.pushing,
+          mediaServerId: that.mediaServerId,
+        }
+      }).then(function (res) {
+        that.total = res.data.total;
+        that.pushList = res.data.list;
+        that.getDeviceListLoading = false;
+      }).catch(function (error) {
+        console.error(error);
+        that.getDeviceListLoading = false;
+      });
+    },
 
-			playPush: function(row){
-				let that = this;
-				this.getListLoading = true;
-				this.$axios({
-					method: 'get',
-					url: '/api/media/stream_info_by_app_and_stream',
-					params: {
-						app: row.app,
-						stream: row.stream,
-            mediaServerId: row.mediaServerId
-					}
-				}).then(function (res) {
-					that.getListLoading = false;
-					that.$refs.devicePlayer.openDialog("streamPlay", null, null, {
-                        streamInfo: res.data.data,
-                        hasAudio: true
-                    });
-				}).catch(function (error) {
-					console.error(error);
-					that.getListLoading = false;
-				});
-			},
-			stopPush: function(row){
+    playPush: function (row) {
+      let that = this;
+      this.getListLoading = true;
+      this.$axios({
+        method: 'get',
+        url: '/api/media/stream_info_by_app_and_stream',
+        params: {
+          app: row.app,
+          stream: row.stream,
+          mediaServerId: row.mediaServerId
+        }
+      }).then(function (res) {
+        that.getListLoading = false;
+        that.$refs.devicePlayer.openDialog("streamPlay", null, null, {
+          streamInfo: res.data.data,
+          hasAudio: true
+        });
+      }).catch(function (error) {
+        console.error(error);
+        that.getListLoading = false;
+      });
+    },
+    stopPush: function (row) {
+      let that = this;
+      that.$axios({
+        method: "post",
+        url: "/api/push/stop",
+        params: {
+          app: row.app,
+          streamId: row.stream
+        }
+      }).then((res) => {
+        if (res.data == "success") {
+          that.initData()
+        }
+      }).catch(function (error) {
+        console.error(error);
+      });
+    },
+    addToGB: function (row) {
+      this.$refs.addStreamTOGB.openDialog({
+        app: row.app,
+        stream: row.stream,
+        mediaServerId: row.mediaServerId
+      }, this.initData);
+    },
+    removeFromGB: function (row) {
+      let that = this;
+      that.$axios({
+        method: "delete",
+        url: "/api/push/remove_form_gb",
+        data: row
+      }).then((res) => {
+        if (res.data == "success") {
+          that.initData()
+        }
+      }).catch(function (error) {
+        console.error(error);
+      });
+    },
+    dateFormat: function (/** timestamp=0 **/) {
+      let ts = arguments[0] || 0;
+      let t, y, m, d, h, i, s;
+      t = ts ? new Date(ts) : new Date();
+      y = t.getFullYear();
+      m = t.getMonth() + 1;
+      d = t.getDate();
+      h = t.getHours();
+      i = t.getMinutes();
+      s = t.getSeconds();
+      // 可根据需要在这里定义时间格式
+      return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d < 10 ? '0' + d : d) + ' ' + (h < 10 ? '0' + h : h) + ':' + (i < 10 ? '0' + i : i) + ':' + (s < 10 ? '0' + s : s);
+    },
+    importChannel: function () {
+      this.$refs.importChannel.openDialog(() => {
+
+      })
+    },
+    batchDel: function () {
+      this.$confirm(`确定删除选中的${this.multipleSelection.length}个通道?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
         let that = this;
         that.$axios({
-          method:"post",
-          url:"/api/push/stop",
-          params: {
-            app: row.app,
-            streamId: row.stream
-          }
-        }).then((res)=>{
-          if (res.data == "success") {
-            that.initData()
+          method: "delete",
+          url: "/api/push/batchStop",
+          data: {
+            gbStreams: this.multipleSelection
           }
+        }).then((res) => {
+          this.initData();
+          this.$refs.pushListTable.clearSelection();
         }).catch(function (error) {
           console.error(error);
         });
-			},
-			addToGB: function(row){
-				this.$refs.addStreamTOGB.openDialog({app: row.app, stream: row.stream, mediaServerId: row.mediaServerId}, this.initData);
-			},
-			removeFromGB: function(row){
-        let that = this;
-				that.$axios({
-            method:"delete",
-            url:"/api/push/remove_form_gb",
-            data:row
-        }).then((res)=>{
-            if (res.data == "success") {
-							that.initData()
-						}
-        }).catch(function (error) {
-            console.error(error);
-        });
-			},
-			dateFormat: function(/** timestamp=0 **/) {
-        let ts = arguments[0] || 0;
-        let t,y,m,d,h,i,s;
-				t = ts ? new Date(ts) : new Date();
-				y = t.getFullYear();
-				m = t.getMonth()+1;
-				d = t.getDate();
-				h = t.getHours();
-				i = t.getMinutes();
-				s = t.getSeconds();
-				// 可根据需要在这里定义时间格式
-				return y+'-'+(m<10?'0'+m:m)+'-'+(d<10?'0'+d:d)+' '+(h<10?'0'+h:h)+':'+(i<10?'0'+i:i)+':'+(s<10?'0'+s:s);
-			},
-      importChannel: function () {
-        this.$refs.importChannel.openDialog(()=>{
+      }).catch(() => {
 
-        })
-      },
-      batchDel: function () {
-        this.$confirm(`确定删除选中的${this.multipleSelection.length}个通道?`, '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          let that = this;
-          that.$axios({
-            method:"delete",
-            url:"/api/push/batchStop",
-            data: {
-              gbStreams: this.multipleSelection
-            }
-          }).then((res)=>{
-            this.initData();
-            this.$refs.pushListTable.clearSelection();
-          }).catch(function (error) {
-            console.error(error);
-          });
-        }).catch(() => {
-
-        });
-      },
-      handleSelectionChange: function (val) {
-        this.multipleSelection = val;
-      },
-		}
-	};
+      });
+    },
+    handleSelectionChange: function (val) {
+      this.multipleSelection = val;
+    },
+  }
+};
 </script>
 
 <style>
-	.videoList {
-		display: flex;
-		flex-wrap: wrap;
-		align-content: flex-start;
-	}
+.videoList {
+  display: flex;
+  flex-wrap: wrap;
+  align-content: flex-start;
+}
 
-	.video-item {
-		position: relative;
-		width: 15rem;
-		height: 10rem;
-		margin-right: 1rem;
-		background-color: #000000;
-	}
+.video-item {
+  position: relative;
+  width: 15rem;
+  height: 10rem;
+  margin-right: 1rem;
+  background-color: #000000;
+}
 
-	.video-item-img {
-		position: absolute;
-		top: 0;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		margin: auto;
-		width: 100%;
-		height: 100%;
-	}
+.video-item-img {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 100%;
+  height: 100%;
+}
 
-	.video-item-img:after {
-		content: "";
-		display: inline-block;
-		position: absolute;
-		z-index: 2;
-		top: 0;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		margin: auto;
-		width: 3rem;
-		height: 3rem;
-		background-image: url("../assets/loading.png");
-		background-size: cover;
-		background-color: #000000;
-	}
+.video-item-img:after {
+  content: "";
+  display: inline-block;
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 3rem;
+  height: 3rem;
+  background-image: url("../assets/loading.png");
+  background-size: cover;
+  background-color: #000000;
+}
 
-	.video-item-title {
-		position: absolute;
-		bottom: 0;
-		color: #000000;
-		background-color: #ffffff;
-		line-height: 1.5rem;
-		padding: 0.3rem;
-		width: 14.4rem;
-	}
+.video-item-title {
+  position: absolute;
+  bottom: 0;
+  color: #000000;
+  background-color: #ffffff;
+  line-height: 1.5rem;
+  padding: 0.3rem;
+  width: 14.4rem;
+}
 </style>

web_src/src/components/StreamProxyList.vue

@@ -1,115 +1,108 @@
 <template>
-	<div id="streamProxyList">
-		<el-container>
-			<el-header>
-				<uiHeader></uiHeader>
-			</el-header>
-			<el-main>
-				<div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
-					<span style="font-size: 1rem; font-weight: bold;">拉流代理列表</span>
-				</div>
-				<div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;font-size: 14px;">
-					<el-button icon="el-icon-plus" size="mini" style="margin-right: 1rem;" type="primary" @click="addStreamProxy">添加代理</el-button>
-					<el-button v-if="false" icon="el-icon-search" size="mini" style="margin-right: 1rem;" type="primary" @click="addOnvif">搜索ONVIF</el-button>
-				</div>
-				<devicePlayer ref="devicePlayer"></devicePlayer>
-				<el-table :data="streamProxyList" border style="width: 100%" :height="winHeight">
-					<el-table-column prop="name" label="名称" align="center" show-overflow-tooltip/>
-					<el-table-column prop="app" label="流应用名" align="center" show-overflow-tooltip/>
-					<el-table-column prop="stream" label="流ID" align="center" show-overflow-tooltip/>
-					<el-table-column label="流地址" width="400" align="center" show-overflow-tooltip >
-						<template slot-scope="scope">
-						<div slot="reference" class="name-wrapper">
+	<div id="streamProxyList" style="width: 100%">
+    <div class="page-header">
+      <div class="page-title">拉流代理列表</div>
+      <div class="page-header-btn">
+        <el-button icon="el-icon-plus" size="mini" style="margin-right: 1rem;" type="primary" @click="addStreamProxy">添加代理</el-button>
+        <el-button v-if="false" icon="el-icon-search" size="mini" style="margin-right: 1rem;" type="primary" @click="addOnvif">搜索ONVIF</el-button>
+      </div>
+    </div>
+    <devicePlayer ref="devicePlayer"></devicePlayer>
+    <el-table :data="streamProxyList" border style="width: 100%" :height="winHeight">
+      <el-table-column prop="name" label="名称" align="center" show-overflow-tooltip/>
+      <el-table-column prop="app" label="流应用名" align="center" show-overflow-tooltip/>
+      <el-table-column prop="stream" label="流ID" align="center" show-overflow-tooltip/>
+      <el-table-column label="流地址" width="400" align="center" show-overflow-tooltip >
+        <template slot-scope="scope">
+          <div slot="reference" class="name-wrapper">
 
-							<el-tag size="medium" v-if="scope.row.type == 'default'">
-								<i class="cpoy-btn el-icon-document-copy"  title="点击拷贝" v-clipboard="scope.row.url" @success="$message({type:'success', message:'成功拷贝到粘贴板'})"></i>
-								{{scope.row.url}}
-							</el-tag>
-							<el-tag size="medium" v-if="scope.row.type != 'default'">
-								<i class="cpoy-btn el-icon-document-copy"  title="点击拷贝" v-clipboard="scope.row.src_url" @success="$message({type:'success', message:'成功拷贝到粘贴板'})"></i>
-								{{scope.row.src_url}}
-							</el-tag>
-						</div>
-						</template>
-					</el-table-column>
-          <el-table-column prop="mediaServerId" label="流媒体" width="150" align="center"></el-table-column>
-          <el-table-column label="类型" width="100" align="center">
-            <template slot-scope="scope">
-              <div slot="reference" class="name-wrapper">
-                <el-tag size="medium">{{scope.row.type}}</el-tag>
-              </div>
-            </template>
-          </el-table-column>
+            <el-tag size="medium" v-if="scope.row.type == 'default'">
+              <i class="cpoy-btn el-icon-document-copy"  title="点击拷贝" v-clipboard="scope.row.url" @success="$message({type:'success', message:'成功拷贝到粘贴板'})"></i>
+              {{scope.row.url}}
+            </el-tag>
+            <el-tag size="medium" v-if="scope.row.type != 'default'">
+              <i class="cpoy-btn el-icon-document-copy"  title="点击拷贝" v-clipboard="scope.row.src_url" @success="$message({type:'success', message:'成功拷贝到粘贴板'})"></i>
+              {{scope.row.src_url}}
+            </el-tag>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="mediaServerId" label="流媒体" width="150" align="center"></el-table-column>
+      <el-table-column label="类型" width="100" align="center">
+        <template slot-scope="scope">
+          <div slot="reference" class="name-wrapper">
+            <el-tag size="medium">{{scope.row.type}}</el-tag>
+          </div>
+        </template>
+      </el-table-column>
 
-					<el-table-column prop="gbId" label="国标编码" width="180" align="center" show-overflow-tooltip/>
-          <el-table-column label="状态" width="120" align="center">
-            <template slot-scope="scope">
-              <div slot="reference" class="name-wrapper">
-                <el-tag size="medium" v-if="scope.row.status">在线</el-tag>
-                <el-tag size="medium" type="info" v-if="!scope.row.status">离线</el-tag>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column label="启用" width="120" align="center">
-            <template slot-scope="scope">
-              <div slot="reference" class="name-wrapper">
-                <el-tag size="medium" v-if="scope.row.enable">已启用</el-tag>
-                <el-tag size="medium" type="info" v-if="!scope.row.enable">未启用</el-tag>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column prop="createTime" label="创建时间" align="center" width="150" show-overflow-tooltip/>
-					<el-table-column label="转HLS" width="120" align="center">
-						<template slot-scope="scope">
-						<div slot="reference" class="name-wrapper">
-							<el-tag size="medium" v-if="scope.row.enable_hls">已启用</el-tag>
-							<el-tag size="medium" type="info" v-if="!scope.row.enable_hls">未启用</el-tag>
-						</div>
-						</template>
-					</el-table-column>
-					<el-table-column label="MP4录制" width="120" align="center">
-						<template slot-scope="scope">
-						<div slot="reference" class="name-wrapper">
-							<el-tag size="medium" v-if="scope.row.enable_mp4">已启用</el-tag>
-							<el-tag size="medium" type="info" v-if="!scope.row.enable_mp4">未启用</el-tag>
-						</div>
-						</template>
-					</el-table-column>
-					<el-table-column label="无人观看自动删除" width="160" align="center">
-						<template slot-scope="scope">
-						<div slot="reference" class="name-wrapper">
-							<el-tag size="medium" v-if="scope.row.enable_remove_none_reader">已启用</el-tag>
-							<el-tag size="medium" type="info" v-if="!scope.row.enable_remove_none_reader">未启用</el-tag>
-						</div>
-						</template>
-					</el-table-column>
+      <el-table-column prop="gbId" label="国标编码" width="180" align="center" show-overflow-tooltip/>
+      <el-table-column label="状态" width="120" align="center">
+        <template slot-scope="scope">
+          <div slot="reference" class="name-wrapper">
+            <el-tag size="medium" v-if="scope.row.status">在线</el-tag>
+            <el-tag size="medium" type="info" v-if="!scope.row.status">离线</el-tag>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="启用" width="120" align="center">
+        <template slot-scope="scope">
+          <div slot="reference" class="name-wrapper">
+            <el-tag size="medium" v-if="scope.row.enable">已启用</el-tag>
+            <el-tag size="medium" type="info" v-if="!scope.row.enable">未启用</el-tag>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="createTime" label="创建时间" align="center" width="150" show-overflow-tooltip/>
+      <el-table-column label="转HLS" width="120" align="center">
+        <template slot-scope="scope">
+          <div slot="reference" class="name-wrapper">
+            <el-tag size="medium" v-if="scope.row.enable_hls">已启用</el-tag>
+            <el-tag size="medium" type="info" v-if="!scope.row.enable_hls">未启用</el-tag>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="MP4录制" width="120" align="center">
+        <template slot-scope="scope">
+          <div slot="reference" class="name-wrapper">
+            <el-tag size="medium" v-if="scope.row.enable_mp4">已启用</el-tag>
+            <el-tag size="medium" type="info" v-if="!scope.row.enable_mp4">未启用</el-tag>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="无人观看自动删除" width="160" align="center">
+        <template slot-scope="scope">
+          <div slot="reference" class="name-wrapper">
+            <el-tag size="medium" v-if="scope.row.enable_remove_none_reader">已启用</el-tag>
+            <el-tag size="medium" type="info" v-if="!scope.row.enable_remove_none_reader">未启用</el-tag>
+          </div>
+        </template>
+      </el-table-column>
 
 
-					<el-table-column label="操作" width="360" align="center" fixed="right">
-						<template slot-scope="scope">
-							<el-button-group>
-								<el-button size="mini" icon="el-icon-video-play" v-if="scope.row.enable" @click="play(scope.row)">播放</el-button>
-								<el-button size="mini" icon="el-icon-close" type="success" v-if="scope.row.enable" @click="stop(scope.row)">停用</el-button>
-								<el-button size="mini" icon="el-icon-check" type="primary" :loading="startBtnLaoding" v-if="!scope.row.enable" @click="start(scope.row)">启用</el-button>
-								<el-button size="mini" icon="el-icon-delete" type="danger"  @click="deleteStreamProxy(scope.row)">删除</el-button>
-							</el-button-group>
-							</template>
-					</el-table-column>
-				</el-table>
-				<el-pagination
-					style="float: right"
-					@size-change="handleSizeChange"
-					@current-change="currentChange"
-					:current-page="currentPage"
-					:page-size="count"
-					:page-sizes="[15, 25, 35, 50]"
-					layout="total, sizes, prev, pager, next"
-					:total="total">
-				</el-pagination>
-			<streamProxyEdit ref="streamProxyEdit" ></streamProxyEdit>
-			<onvifEdit ref="onvifEdit" ></onvifEdit>
-			</el-main>
-		</el-container>
+      <el-table-column label="操作" width="360" align="center" fixed="right">
+        <template slot-scope="scope">
+          <el-button-group>
+            <el-button size="mini" icon="el-icon-video-play" v-if="scope.row.enable" @click="play(scope.row)">播放</el-button>
+            <el-button size="mini" icon="el-icon-close" type="success" v-if="scope.row.enable" @click="stop(scope.row)">停用</el-button>
+            <el-button size="mini" icon="el-icon-check" type="primary" :loading="startBtnLaoding" v-if="!scope.row.enable" @click="start(scope.row)">启用</el-button>
+            <el-button size="mini" icon="el-icon-delete" type="danger"  @click="deleteStreamProxy(scope.row)">删除</el-button>
+          </el-button-group>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      style="float: right"
+      @size-change="handleSizeChange"
+      @current-change="currentChange"
+      :current-page="currentPage"
+      :page-size="count"
+      :page-sizes="[15, 25, 35, 50]"
+      layout="total, sizes, prev, pager, next"
+      :total="total">
+    </el-pagination>
+    <streamProxyEdit ref="streamProxyEdit" ></streamProxyEdit>
+    <onvifEdit ref="onvifEdit" ></onvifEdit>
 	</div>
 </template>
 
@@ -117,7 +110,7 @@
 	import streamProxyEdit from './dialog/StreamProxyEdit.vue'
 	import onvifEdit from './dialog/onvifEdit.vue'
 	import devicePlayer from './dialog/devicePlayer.vue'
-	import uiHeader from './UiHeader.vue'
+	import uiHeader from '../layout/UiHeader.vue'
 	export default {
 		name: 'streamProxyList',
 		components: {

web_src/src/components/UiHeader.vue

@@ -1,141 +0,0 @@
-<template>
-	<div id="UiHeader">
-		<el-menu router :default-active="activeIndex" menu-trigger="click" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" mode="horizontal">
-            <el-menu-item index="/">控制台</el-menu-item>
-            <el-menu-item index="/live">实时监控</el-menu-item>
-            <el-menu-item index="/deviceList">国标设备</el-menu-item>
-            <el-menu-item index="/pushVideoList">推流列表</el-menu-item>
-            <el-menu-item index="/streamProxyList">拉流代理</el-menu-item>
-            <el-menu-item index="/cloudRecord">云端录像</el-menu-item>
-            <el-menu-item index="/mediaServerManger">节点管理</el-menu-item>
-            <el-menu-item index="/parentPlatformList/15/1">国标级联</el-menu-item>
-            <el-menu-item @click="openDoc">在线文档</el-menu-item>
-<!--            <el-submenu index="/setting">-->
-<!--              <template slot="title">系统设置</template>-->
-<!--              <el-menu-item index="/setting/web">WEB服务</el-menu-item>-->
-<!--              <el-menu-item index="/setting/sip">国标服务</el-menu-item>-->
-<!--              <el-menu-item index="/setting/media">媒体服务</el-menu-item>-->
-<!--            </el-submenu>-->
-            <el-switch v-model="alarmNotify"  active-text="报警信息推送" style="display: block float: right" @change="alarmNotifyChannge"></el-switch>
-<!--            <el-menu-item style="float: right;" @click="loginout">退出</el-menu-item>-->
-            <el-submenu index="" style="float: right;" >
-              <template slot="title">欢迎，{{this.$cookies.get("session").username}}</template>
-              <el-menu-item @click="changePassword">修改密码</el-menu-item>
-              <el-menu-item @click="loginout">注销</el-menu-item>
-            </el-submenu>
-        </el-menu>
-    <changePasswordDialog ref="changePasswordDialog"></changePasswordDialog>
-	</div>
-</template>
-
-<script>
-
-import changePasswordDialog from './dialog/changePassword.vue'
-export default {
-    name: "UiHeader",
-    components: { Notification, changePasswordDialog },
-    data() {
-        return {
-            alarmNotify: false,
-            sseSource: null,
-            activeIndex: this.$route.path,
-        };
-    },
-    created(){
-      if (this.$route.path.startsWith("/channelList")){
-        this.activeIndex = "/deviceList"
-      }
-
-    },
-    mounted() {
-      window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
-      // window.addEventListener('unload', e => this.unloadHandler(e))
-      this.alarmNotify = this.getAlarmSwitchStatus() === "true";
-      this.sseControl();
-    },
-    methods:{
-  	    loginout(){
-          this.$axios({
-            method: 'get',
-            url:"/api/user/logout"
-          }).then((res)=> {
-            // 删除cookie，回到登录页面
-            this.$cookies.remove("session");
-            this.$router.push('/login');
-            this.sseSource.close();
-          }).catch((error)=> {
-            console.error("登出失败")
-            console.error(error)
-          });
-        },
-        changePassword(){
-          this.$refs.changePasswordDialog.openDialog()
-        },
-        openDoc(){
-  	      console.log(process.env.BASE_API)
-          window.open( !!process.env.BASE_API? process.env.BASE_API + "/doc.html": "/doc.html")
-        },
-        beforeunloadHandler() {
-            this.sseSource.close();
-        },
-        alarmNotifyChannge(){
-          this.setAlarmSwitchStatus()
-          this.sseControl()
-        },
-        sseControl() {
-            let that = this;
-            if (this.alarmNotify) {
-              console.log("申请SSE推送API调用，浏览器ID: " + this.$browserId);
-              this.sseSource = new EventSource('/api/emit?browserId=' + this.$browserId);
-        	    this.sseSource.addEventListener('message', function(evt) {
-                    that.$notify({
-                        title: '收到报警信息',
-                        dangerouslyUseHTMLString: true,
-                        message: evt.data,
-                        type: 'warning'
-                    });
-	                console.log("收到信息：" + evt.data);
-        	    });
-	            this.sseSource.addEventListener('open', function(e) {
-        	        console.log("SSE连接打开.");
-	            }, false);
-        	    this.sseSource.addEventListener('error', function(e) {
-	                if (e.target.readyState == EventSource.CLOSED) {
-	                    console.log("SSE连接关闭");
-        	        } else {
-	                    console.log(e.target.readyState);
-        	        }
-	            }, false);
-            } else {
-                if (this.sseSource != null) {
-                  this.sseSource.removeEventListener('open', null);
-                  this.sseSource.removeEventListener('message', null);
-                  this.sseSource.removeEventListener('error', null);
-                  this.sseSource.close();
-                }
-
-            }
-        },
-        getAlarmSwitchStatus(){
-          if (localStorage.getItem("alarmSwitchStatus") == null) {
-            localStorage.setItem("alarmSwitchStatus", false);
-          }
-          return localStorage.getItem("alarmSwitchStatus");
-        },
-        setAlarmSwitchStatus(){
-          localStorage.setItem("alarmSwitchStatus", this.alarmNotify);
-        }
-    },
-    destroyed() {
-        window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))
-        if (this.sseSource != null) {
-          this.sseSource.removeEventListener('open', null);
-          this.sseSource.removeEventListener('message', null);
-          this.sseSource.removeEventListener('error', null);
-          this.sseSource.close();
-        }
-    },
-
- }
-
-</script>

web_src/src/components/channelList.vue

@@ -1,393 +1,404 @@
 <template>
-<div id="channelList">
-    <el-container>
-        <el-header>
-            <uiHeader></uiHeader>
-        </el-header>
-        <el-main>
-            <div style="background-color: #FFFFFF; position: relative; padding: 1rem 0.5rem 0.5rem 0.5rem; text-align: center;">
-                <span style="font-size: 1rem; font-weight: 500; ">通道列表({{parentChannelId ==0 ? deviceId:parentChannelId}})</span>
+  <div id="channelList" style="width: 100%">
+    <div class="page-header">
+      <div class="page-title">
+        <el-button icon="el-icon-arrow-left" size="mini" style="margin-right: 1rem;" type="primary" @click="showDevice">
+          返回
+        </el-button>
+        通道列表({{ parentChannelId == 0 ? deviceId : parentChannelId }})</div>
+      <div class="page-header-btn">
+      搜索:
+      <el-input @input="search" style="margin-right: 1rem; width: auto;" size="mini" placeholder="关键字"
+                prefix-icon="el-icon-search" v-model="searchSrt" clearable></el-input>
 
-            </div>
-            <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;font-size: 14px;">
-                <el-button icon="el-icon-arrow-left" size="mini" style="margin-right: 1rem;" type="primary" @click="showDevice">返回</el-button>
-                搜索: <el-input @input="search" style="margin-right: 1rem; width: auto;" size="mini" placeholder="关键字" prefix-icon="el-icon-search" v-model="searchSrt" clearable> </el-input>
+      通道类型:
+      <el-select size="mini" @change="search" style="margin-right: 1rem;" v-model="channelType" placeholder="请选择"
+                 default-first-option>
+        <el-option label="全部" value=""></el-option>
+        <el-option label="设备" value="false"></el-option>
+        <el-option label="子目录" value="true"></el-option>
+      </el-select>
+      在线状态:
+      <el-select size="mini" style="margin-right: 1rem;" @change="search" v-model="online" placeholder="请选择"
+                 default-first-option>
+        <el-option label="全部" value=""></el-option>
+        <el-option label="在线" value="true"></el-option>
+        <el-option label="离线" value="false"></el-option>
+      </el-select>
+      <el-checkbox size="mini" v-model="autoList" @change="autoListChange">
+        自动刷新
+      </el-checkbox>
+    </div>
+  </div>
+  <devicePlayer ref="devicePlayer" v-loading="isLoging"></devicePlayer>
+  <!--设备列表-->
+  <el-table ref="channelListTable" :data="deviceChannelList" :height="winHeight" border style="width: 100%">
+    <el-table-column prop="channelId" label="通道编号" width="200">
+    </el-table-column>
+    <el-table-column prop="name" label="通道名称">
+    </el-table-column>
+    <el-table-column label="快照" width="80" align="center">
+      <template slot-scope="scope">
+        <img style="max-height: 3rem;max-width: 4rem;"
+             :id="scope.row.deviceId + '_' + scope.row.channelId"
+             :src="getSnap(scope.row)"
+             @error="getSnapErrorEvent($event.target.id)"
+             alt="">
+        <!--                    <el-image-->
+        <!--                      :id="'snapImg_' + scope.row.deviceId + '_' + scope.row.channelId"-->
+        <!--                      :src="getSnap(scope.row)"-->
+        <!--                      @error="getSnapErrorEvent($event, scope.row)"-->
+        <!--                      :fit="'contain'">-->
+        <!--                      <div slot="error" class="image-slot">-->
+        <!--                        <i class="el-icon-picture-outline"></i>-->
+        <!--                      </div>-->
+        <!--                    </el-image>-->
+      </template>
+    </el-table-column>
+    <el-table-column prop="subCount" label="子节点数">
+    </el-table-column>
+    <el-table-column prop="manufacture" label="厂家">
+    </el-table-column>
+    <el-table-column label="位置信息" align="center">
+      <template slot-scope="scope">
+        <span>{{ scope.row.longitude }},{{ scope.row.latitude }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column prop="ptztypeText" label="云台类型"/>
+    <el-table-column label="开启音频" align="center">
+      <template slot-scope="scope">
+        <el-switch @change="updateChannel(scope.row)" v-model="scope.row.hasAudio" active-color="#409EFF">
+        </el-switch>
+      </template>
+    </el-table-column>
+    <el-table-column label="状态" width="180" align="center">
+      <template slot-scope="scope">
+        <div slot="reference" class="name-wrapper">
+          <el-tag size="medium" v-if="scope.row.status == 1">开启</el-tag>
+          <el-tag size="medium" type="info" v-if="scope.row.status == 0">关闭</el-tag>
+        </div>
+      </template>
+    </el-table-column>
 
-                通道类型: <el-select size="mini" @change="search" style="margin-right: 1rem;" v-model="channelType" placeholder="请选择" default-first-option>
-                    <el-option label="全部" value=""></el-option>
-                    <el-option label="设备" value="false"></el-option>
-                    <el-option label="子目录" value="true"></el-option>
-                </el-select>
-                在线状态: <el-select size="mini" style="margin-right: 1rem;" @change="search" v-model="online" placeholder="请选择" default-first-option>
-                    <el-option label="全部" value=""></el-option>
-                    <el-option label="在线" value="true"></el-option>
-                    <el-option label="离线" value="false"></el-option>
-                </el-select>
-                <el-checkbox size="mini" style="margin-right: 1rem; float: right;" v-model="autoList" @change="autoListChange">自动刷新</el-checkbox>
-            </div>
-            <devicePlayer ref="devicePlayer" v-loading="isLoging"></devicePlayer>
-            <!--设备列表-->
-            <el-table ref="channelListTable" :data="deviceChannelList" :height="winHeight" border style="width: 100%">
-                <el-table-column prop="channelId" label="通道编号" width="200">
-                </el-table-column>
-                <el-table-column prop="name" label="通道名称">
-                </el-table-column>
-                <el-table-column label="快照" width="80" align="center">
-                  <template slot-scope="scope">
-                    <img style="max-height: 3rem;max-width: 4rem;"
-                         :id="scope.row.deviceId + '_' + scope.row.channelId"
-                         :src="getSnap(scope.row)"
-                         @error="getSnapErrorEvent($event.target.id)"
-                         alt="">
-<!--                    <el-image-->
-<!--                      :id="'snapImg_' + scope.row.deviceId + '_' + scope.row.channelId"-->
-<!--                      :src="getSnap(scope.row)"-->
-<!--                      @error="getSnapErrorEvent($event, scope.row)"-->
-<!--                      :fit="'contain'">-->
-<!--                      <div slot="error" class="image-slot">-->
-<!--                        <i class="el-icon-picture-outline"></i>-->
-<!--                      </div>-->
-<!--                    </el-image>-->
-                  </template>
-                </el-table-column>
-                <el-table-column prop="subCount" label="子节点数">
-                </el-table-column>
-                <el-table-column prop="manufacture" label="厂家">
-                </el-table-column>
-                <el-table-column label="位置信息" align="center">
-                  <template slot-scope="scope">
-                    <span>{{scope.row.longitude}},{{scope.row.latitude}}</span>
-                  </template>
-                </el-table-column>
-              <el-table-column prop="ptztypeText" label="云台类型"/>
-                <el-table-column label="开启音频" align="center">
-                    <template slot-scope="scope">
-                        <el-switch @change="updateChannel(scope.row)" v-model="scope.row.hasAudio" active-color="#409EFF">
-                        </el-switch>
-                    </template>
-                </el-table-column>
-                <el-table-column label="状态" width="180" align="center">
-                    <template slot-scope="scope">
-                        <div slot="reference" class="name-wrapper">
-                            <el-tag size="medium" v-if="scope.row.status == 1">开启</el-tag>
-                            <el-tag size="medium" type="info" v-if="scope.row.status == 0">关闭</el-tag>
-                        </div>
-                    </template>
-                </el-table-column>
 
-
-                <el-table-column label="操作" width="280" align="center" fixed="right">
-                    <template slot-scope="scope">
-                        <el-button-group>
-                            <!-- <el-button size="mini" icon="el-icon-video-play" v-if="scope.row.parental == 0" @click="sendDevicePush(scope.row)">播放</el-button> -->
-                            <el-button size="mini" icon="el-icon-video-play" @click="sendDevicePush(scope.row)">播放</el-button>
-                            <el-button size="mini" icon="el-icon-switch-button" type="danger" v-if="!!scope.row.streamId" @click="stopDevicePush(scope.row)">停止</el-button>
-                            <el-button size="mini" icon="el-icon-s-open" type="primary" v-if="scope.row.subCount > 0" @click="changeSubchannel(scope.row)">查看</el-button>
-                            <el-button size="mini" icon="el-icon-video-camera" type="primary" @click="queryRecords(scope.row)">设备录象</el-button>
-                            <!--                             <el-button size="mini" @click="sendDevicePush(scope.row)">录像查询</el-button> -->
-                        </el-button-group>
-                    </template>
-                </el-table-column>
-            </el-table>
-            <el-pagination style="float: right" @size-change="handleSizeChange" @current-change="currentChange" :current-page="currentPage" :page-size="count" :page-sizes="[15, 20, 30, 50]" layout="total, sizes, prev, pager, next" :total="total">
-            </el-pagination>
-
-        </el-main>
-    </el-container>
-</div>
+    <el-table-column label="操作" width="280" align="center" fixed="right">
+      <template slot-scope="scope">
+        <el-button-group>
+          <!-- <el-button size="mini" icon="el-icon-video-play" v-if="scope.row.parental == 0" @click="sendDevicePush(scope.row)">播放</el-button> -->
+          <el-button size="mini" icon="el-icon-video-play" @click="sendDevicePush(scope.row)">播放</el-button>
+          <el-button size="mini" icon="el-icon-switch-button" type="danger" v-if="!!scope.row.streamId"
+                     @click="stopDevicePush(scope.row)">停止
+          </el-button>
+          <el-button size="mini" icon="el-icon-s-open" type="primary" v-if="scope.row.subCount > 0"
+                     @click="changeSubchannel(scope.row)">查看
+          </el-button>
+          <el-button size="mini" icon="el-icon-video-camera" type="primary" @click="queryRecords(scope.row)">设备录象
+          </el-button>
+          <!--                             <el-button size="mini" @click="sendDevicePush(scope.row)">录像查询</el-button> -->
+        </el-button-group>
+      </template>
+    </el-table-column>
+  </el-table>
+  <el-pagination style="float: right" @size-change="handleSizeChange" @current-change="currentChange"
+                 :current-page="currentPage" :page-size="count" :page-sizes="[15, 20, 30, 50]"
+                 layout="total, sizes, prev, pager, next" :total="total">
+  </el-pagination>
+  </div>
 </template>
 
 <script>
 import devicePlayer from './dialog/devicePlayer.vue'
-import uiHeader from './UiHeader.vue'
+import uiHeader from '../layout/UiHeader.vue'
 import moment from "moment";
+
 export default {
-    name: 'channelList',
-    components: {
-        devicePlayer,
-        uiHeader
-    },
-    data() {
-        return {
-            deviceId: this.$route.params.deviceId,
-            parentChannelId: this.$route.params.parentChannelId,
-            deviceChannelList: [],
-            videoComponentList: [],
-            currentPlayerInfo: {}, //当前播放对象
-            updateLooper: 0, //数据刷新轮训标志
-            searchSrt: "",
-            channelType: "",
-            online: "",
-            winHeight: window.innerHeight - 250,
-            currentPage: parseInt(this.$route.params.page),
-            count: parseInt(this.$route.params.count),
-            total: 0,
-            beforeUrl: "/deviceList",
-            isLoging: false,
-            autoList: true,
-            loadSnap:{}
-        };
+  name: 'channelList',
+  components: {
+    devicePlayer,
+    uiHeader
+  },
+  data() {
+    return {
+      deviceId: this.$route.params.deviceId,
+      parentChannelId: this.$route.params.parentChannelId,
+      deviceChannelList: [],
+      videoComponentList: [],
+      currentPlayerInfo: {}, //当前播放对象
+      updateLooper: 0, //数据刷新轮训标志
+      searchSrt: "",
+      channelType: "",
+      online: "",
+      winHeight: window.innerHeight - 250,
+      currentPage: parseInt(this.$route.params.page),
+      count: parseInt(this.$route.params.count),
+      total: 0,
+      beforeUrl: "/deviceList",
+      isLoging: false,
+      autoList: true,
+      loadSnap: {}
+    };
+  },
+
+  mounted() {
+    this.initData();
+    if (this.autoList) {
+      this.updateLooper = setInterval(this.initData, 5000);
+    }
+
+  },
+  destroyed() {
+    this.$destroy('videojs');
+    clearTimeout(this.updateLooper);
+  },
+  methods: {
+    initData: function () {
+      if (typeof (this.parentChannelId) == "undefined" || this.parentChannelId == 0) {
+        this.getDeviceChannelList();
+      } else {
+        this.showSubchannels();
+      }
     },
+    initParam: function () {
+      this.deviceId = this.$route.params.deviceId;
+      this.parentChannelId = this.$route.params.parentChannelId;
+      this.currentPage = parseInt(this.$route.params.page);
+      this.count = parseInt(this.$route.params.count);
+      if (this.parentChannelId == "" || this.parentChannelId == 0) {
+        this.beforeUrl = "/deviceList"
+      }
 
-    mounted() {
+    },
+    currentChange: function (val) {
+      var url = `/${this.$router.currentRoute.name}/${this.deviceId}/${this.parentChannelId}/${this.count}/${val}`
+      this.$router.push(url).then(() => {
+        this.initParam();
         this.initData();
-        if (this.autoList) {
-            this.updateLooper = setInterval(this.initData, 5000);
-        }
+      })
+    },
+    handleSizeChange: function (val) {
+      var url = `/${this.$router.currentRoute.name}/${this.$router.params.deviceId}/${this.$router.params.parentChannelId}/${val}/1`
+      this.$router.push(url).then(() => {
+        this.initParam();
+        this.initData();
+      })
 
     },
-    destroyed() {
-        this.$destroy('videojs');
-        clearTimeout(this.updateLooper);
+    getDeviceChannelList: function () {
+      let that = this;
+      if (typeof (this.$route.params.deviceId) == "undefined") return;
+      this.$axios({
+        method: 'get',
+        url: `/api/device/query/devices/${this.$route.params.deviceId}/channels`,
+        params: {
+          page: that.currentPage,
+          count: that.count,
+          query: that.searchSrt,
+          online: that.online,
+          channelType: that.channelType
+        }
+      }).then(function (res) {
+        that.total = res.data.total;
+        that.deviceChannelList = res.data.list;
+        // 防止出现表格错位
+        that.$nextTick(() => {
+          that.$refs.channelListTable.doLayout();
+        })
+      }).catch(function (error) {
+        console.log(error);
+      });
     },
-    methods: {
-        initData: function () {
-            if (typeof (this.parentChannelId) == "undefined" ||  this.parentChannelId == 0) {
-                this.getDeviceChannelList();
-            } else {
-                this.showSubchannels();
-            }
-        },
-        initParam: function () {
-            this.deviceId = this.$route.params.deviceId;
-            this.parentChannelId = this.$route.params.parentChannelId;
-            this.currentPage = parseInt(this.$route.params.page);
-            this.count = parseInt(this.$route.params.count);
-            if (this.parentChannelId == "" || this.parentChannelId == 0) {
-                this.beforeUrl = "/deviceList"
-            }
 
-        },
-        currentChange: function (val) {
-            var url = `/${this.$router.currentRoute.name}/${this.deviceId}/${this.parentChannelId}/${this.count}/${val}`
-            this.$router.push(url).then(() => {
-                this.initParam();
-                this.initData();
-            })
-        },
-        handleSizeChange: function (val) {
-            var url = `/${this.$router.currentRoute.name}/${this.$router.params.deviceId}/${this.$router.params.parentChannelId}/${val}/1`
-            this.$router.push(url).then(() => {
-                this.initParam();
-                this.initData();
-            })
+    //通知设备上传媒体流
+    sendDevicePush: function (itemData) {
+      let deviceId = this.deviceId;
+      this.isLoging = true;
+      let channelId = itemData.channelId;
+      console.log("通知设备推流1：" + deviceId + " : " + channelId);
+      let that = this;
+      this.$axios({
+        method: 'get',
+        url: '/api/play/start/' + deviceId + '/' + channelId
+      }).then(function (res) {
+        that.isLoging = false;
+        if (res.data.code === 0) {
 
-        },
-        getDeviceChannelList: function () {
-            let that = this;
-            if (typeof (this.$route.params.deviceId) == "undefined") return;
-            this.$axios({
-                method: 'get',
-                url: `/api/device/query/devices/${this.$route.params.deviceId}/channels`,
-                params:{
-						            page: that.currentPage,
-                        count: that.count,
-                        query: that.searchSrt,
-                        online: that.online,
-                        channelType: that.channelType
-					      }
-            }).then(function (res) {
-                    that.total = res.data.total;
-                    that.deviceChannelList = res.data.list;
-                    // 防止出现表格错位
-                    that.$nextTick(() => {
-                        that.$refs.channelListTable.doLayout();
-                    })
-            }).catch(function (error) {
-                console.log(error);
-            });
-        },
+          setTimeout(() => {
 
-        //通知设备上传媒体流
-        sendDevicePush: function (itemData) {
-            let deviceId = this.deviceId;
-            this.isLoging = true;
-            let channelId = itemData.channelId;
-            console.log("通知设备推流1：" + deviceId + " : " + channelId );
-            let that = this;
-            this.$axios({
-                method: 'get',
-                url: '/api/play/start/' + deviceId + '/' + channelId
-            }).then(function (res) {
-                that.isLoging = false;
-                if (res.data.code === 0) {
+            let snapId = deviceId + "_" + channelId;
+            that.loadSnap[snapId] = 0;
+            that.getSnapErrorEvent(snapId)
+          }, 5000)
+          that.$refs.devicePlayer.openDialog("media", deviceId, channelId, {
+            streamInfo: res.data.data,
+            hasAudio: itemData.hasAudio
+          });
+          setTimeout(() => {
+            that.initData();
+          }, 1000)
 
-                  setTimeout(()=>{
-
-                    let snapId = deviceId + "_" + channelId;
-                    that.loadSnap[snapId] = 0;
-                    that.getSnapErrorEvent(snapId)
-                  },5000)
-                  that.$refs.devicePlayer.openDialog("media", deviceId, channelId, {
-                    streamInfo: res.data.data,
-                    hasAudio: itemData.hasAudio
-                  });
-                  setTimeout(()=>{
-                    that.initData();
-                  },1000)
-
-                }else {
-                  that.$message.error(res.data.msg);
-                }
-            }).catch(function (e) {});
-        },
-        queryRecords: function (itemData) {
-            var format = moment().format("YYYY-M-D");
-            let deviceId = this.deviceId;
-            let channelId = itemData.channelId;
-            this.$refs.devicePlayer.openDialog("record", deviceId, channelId, {date: format})
-        },
-        stopDevicePush: function (itemData) {
-            var that = this;
-            this.$axios({
-                method: 'get',
-                url: '/api/play/stop/' + this.deviceId + "/" + itemData.channelId
-            }).then(function (res) {
-                that.initData();
-            }).catch(function (error) {
-              if (error.response.status === 402) { // 已经停止过
-                that.initData();
-              }else {
-                console.log(error)
-              }
-            });
-        },
-        getSnap: function (row){
-          return '/static/snap/' + row.deviceId + '_' + row.channelId + '.jpg'
-        },
-        getSnapErrorEvent: function (id){
+        } else {
+          that.$message.error(res.data.msg);
+        }
+      }).catch(function (e) {
+      });
+    },
+    queryRecords: function (itemData) {
+      var format = moment().format("YYYY-M-D");
+      let deviceId = this.deviceId;
+      let channelId = itemData.channelId;
+      this.$refs.devicePlayer.openDialog("record", deviceId, channelId, {date: format})
+    },
+    stopDevicePush: function (itemData) {
+      var that = this;
+      this.$axios({
+        method: 'get',
+        url: '/api/play/stop/' + this.deviceId + "/" + itemData.channelId
+      }).then(function (res) {
+        that.initData();
+      }).catch(function (error) {
+        if (error.response.status === 402) { // 已经停止过
+          that.initData();
+        } else {
+          console.log(error)
+        }
+      });
+    },
+    getSnap: function (row) {
+      return '/static/snap/' + row.deviceId + '_' + row.channelId + '.jpg'
+    },
+    getSnapErrorEvent: function (id) {
 
-          if (typeof (this.loadSnap[id]) != "undefined") {
-            console.log("下载截图" + this.loadSnap[id])
-            if (this.loadSnap[id] > 5) {
-              delete this.loadSnap[id];
-              return;
-            }
-            setTimeout(()=>{
-              this.loadSnap[id] ++
-              document.getElementById(id).setAttribute("src", '/static/snap/' + id + '.jpg?' + new Date().getTime())
-            },1000)
+      if (typeof (this.loadSnap[id]) != "undefined") {
+        console.log("下载截图" + this.loadSnap[id])
+        if (this.loadSnap[id] > 5) {
+          delete this.loadSnap[id];
+          return;
+        }
+        setTimeout(() => {
+          this.loadSnap[id]++
+          document.getElementById(id).setAttribute("src", '/static/snap/' + id + '.jpg?' + new Date().getTime())
+        }, 1000)
 
-          }
-        },
-        showDevice: function () {
-            this.$router.push(this.beforeUrl).then(() => {
-                this.initParam();
-                this.initData();
-            })
-        },
-        changeSubchannel(itemData) {
-            this.beforeUrl = this.$router.currentRoute.path;
+      }
+    },
+    showDevice: function () {
+      this.$router.push(this.beforeUrl).then(() => {
+        this.initParam();
+        this.initData();
+      })
+    },
+    changeSubchannel(itemData) {
+      this.beforeUrl = this.$router.currentRoute.path;
 
-            var url = `/${this.$router.currentRoute.name}/${this.$router.currentRoute.params.deviceId}/${itemData.channelId}/${this.$router.currentRoute.params.count}/1`
-            this.$router.push(url).then(() => {
-                this.searchSrt = "";
-                this.channelType = "";
-                this.online = "";
-                this.initParam();
-                this.initData();
-            })
-        },
-        showSubchannels: function (channelId) {
-            let that = this;
+      var url = `/${this.$router.currentRoute.name}/${this.$router.currentRoute.params.deviceId}/${itemData.channelId}/${this.$router.currentRoute.params.count}/1`
+      this.$router.push(url).then(() => {
+        this.searchSrt = "";
+        this.channelType = "";
+        this.online = "";
+        this.initParam();
+        this.initData();
+      })
+    },
+    showSubchannels: function (channelId) {
+      let that = this;
 
-            this.$axios({
-                method: 'get',
-                url:`/api/device/query/sub_channels/${this.deviceId}/${this.parentChannelId}/channels`,
-                params: {
-                    page: that.currentPage,
-                    count: that.count,
-                    query: that.searchSrt,
-                    online: that.online,
-                    channelType: that.channelType
-                }
-            }).then(function (res) {
-                that.total = res.data.total;
-                that.deviceChannelList = res.data.list;
-                // 防止出现表格错位
-                that.$nextTick(() => {
-                    that.$refs.channelListTable.doLayout();
-                })
-            }).catch(function (error) {
-                console.log(error);
-            });
-        },
-        search: function () {
-            this.currentPage = 1;
-            this.total = 0;
-            this.initData();
-        },
-        updateChannel: function (row) {
-            this.$axios({
-                method: 'post',
-                url: `/api/device/query/channel/update/${this.deviceId}`,
-                params: row
-            }).then(function (res) {
-                console.log(JSON.stringify(res));
-            });
-        },
-        autoListChange: function () {
-            if (this.autoList) {
-                this.updateLooper = setInterval(this.initData, 1500);
-            }else{
-                window.clearInterval(this.updateLooper);
-            }
+      this.$axios({
+        method: 'get',
+        url: `/api/device/query/sub_channels/${this.deviceId}/${this.parentChannelId}/channels`,
+        params: {
+          page: that.currentPage,
+          count: that.count,
+          query: that.searchSrt,
+          online: that.online,
+          channelType: that.channelType
         }
-
+      }).then(function (res) {
+        that.total = res.data.total;
+        that.deviceChannelList = res.data.list;
+        // 防止出现表格错位
+        that.$nextTick(() => {
+          that.$refs.channelListTable.doLayout();
+        })
+      }).catch(function (error) {
+        console.log(error);
+      });
+    },
+    search: function () {
+      this.currentPage = 1;
+      this.total = 0;
+      this.initData();
+    },
+    updateChannel: function (row) {
+      this.$axios({
+        method: 'post',
+        url: `/api/device/query/channel/update/${this.deviceId}`,
+        params: row
+      }).then(function (res) {
+        console.log(JSON.stringify(res));
+      });
+    },
+    autoListChange: function () {
+      if (this.autoList) {
+        this.updateLooper = setInterval(this.initData, 1500);
+      } else {
+        window.clearInterval(this.updateLooper);
+      }
     }
+
+  }
 };
 </script>
 
 <style>
 .videoList {
-    display: flex;
-    flex-wrap: wrap;
-    align-content: flex-start;
+  display: flex;
+  flex-wrap: wrap;
+  align-content: flex-start;
 }
 
 .video-item {
-    position: relative;
-    width: 15rem;
-    height: 10rem;
-    margin-right: 1rem;
-    background-color: #000000;
+  position: relative;
+  width: 15rem;
+  height: 10rem;
+  margin-right: 1rem;
+  background-color: #000000;
 }
 
 .video-item-img {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin: auto;
-    width: 100%;
-    height: 100%;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 100%;
+  height: 100%;
 }
 
 .video-item-img:after {
-    content: "";
-    display: inline-block;
-    position: absolute;
-    z-index: 2;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin: auto;
-    width: 3rem;
-    height: 3rem;
-    background-image: url("../assets/loading.png");
-    background-size: cover;
-    background-color: #000000;
+  content: "";
+  display: inline-block;
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  width: 3rem;
+  height: 3rem;
+  background-image: url("../assets/loading.png");
+  background-size: cover;
+  background-color: #000000;
 }
 
 .video-item-title {
-    position: absolute;
-    bottom: 0;
-    color: #000000;
-    background-color: #ffffff;
-    line-height: 1.5rem;
-    padding: 0.3rem;
-    width: 14.4rem;
+  position: absolute;
+  bottom: 0;
+  color: #000000;
+  background-color: #ffffff;
+  line-height: 1.5rem;
+  padding: 0.3rem;
+  width: 14.4rem;
 }
 </style>

web_src/src/components/devicePosition.vue

@@ -1,43 +1,35 @@
 <template>
     <div id="devicePosition" style="height: 100%">
-        <el-container style="height: 100%">
-            <el-header>
-                <uiHeader></uiHeader>
-            </el-header>
-            <el-main>
-                <div style="background-color: #ffffff; position: relative; padding: 1rem 0.5rem 0.5rem 0.5rem; text-align: center;">
-                    <span style="font-size: 1rem; font-weight: 500">设备定位 ({{ parentChannelId == 0 ? deviceId : parentChannelId }})</span>
-                </div>
-                <div style="background-color: #ffffff; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left; font-size: 14px;">
-                    <el-button icon="el-icon-arrow-left" size="mini" style="margin-right: 1rem" type="primary" @click="showDevice">返回</el-button>
-                    <!-- <span class="demonstration">从</span> -->
-                    <el-date-picker v-model="searchFrom" type="datetime" placeholder="选择开始日期时间" default-time="00:00:00" size="mini" style="width: 11rem;" align="right" :picker-options="pickerOptions"></el-date-picker>
-                    <el-date-picker v-model="searchTo" type="datetime" placeholder="选择结束日期时间" default-time="00:00:00" size="mini" style="width: 11rem;" align="right" :picker-options="pickerOptions"></el-date-picker>
-                    <el-button-group>
-                        <el-button icon="el-icon-search" size="mini" type="primary" @click="showHistoryPath">历史轨迹</el-button>
-                        <el-button icon="el-icon-search" size="mini" style="margin-right: 1rem" type="primary" @click="showLatestPosition">最新位置</el-button>
-                    </el-button-group>
-                    <el-tag style="width: 5rem; text-align: center" size="medium">过期时间</el-tag>
-                    <el-input-number size="mini" v-model="expired" :min="300" :controls="false" style="width: 4rem;"></el-input-number>
-                    <el-tag style="width: 5rem; text-align: center" size="medium">上报周期</el-tag>
-                    <el-input-number size="mini" v-model="interval" :min="1" :controls="false" style="width: 4rem;"></el-input-number>
-                    <el-button-group>
-                        <el-button icon="el-icon-search" size="mini" type="primary" @click="subscribeMobilePosition">位置订阅</el-button>
-                        <el-button icon="el-icon-search" size="mini" type="primary" @click="unSubscribeMobilePosition">取消订阅</el-button>
-                    </el-button-group>
-                    <el-checkbox size="mini" style="margin-right: 1rem; float: right" v-model="autoList" @change="autoListChange" >自动刷新</el-checkbox>
-                </div>
-                <div class="mapContainer" style="background-color: #ffffff; position: relative; padding: 1rem 0.5rem 0.5rem 0.5rem; text-align: center; height: calc(100% - 10rem);">
-                    <div class="baidumap" id="allmap"></div>
-                </div>
-            </el-main>
-        </el-container>
+      <div style="background-color: #ffffff; position: relative; padding: 1rem 0.5rem 0.5rem 0.5rem; text-align: center;">
+        <span style="font-size: 1rem; font-weight: 500">设备定位 ({{ parentChannelId == 0 ? deviceId : parentChannelId }})</span>
+      </div>
+      <div style="background-color: #ffffff; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left; font-size: 14px;">
+        <el-button icon="el-icon-arrow-left" size="mini" style="margin-right: 1rem" type="primary" @click="showDevice">返回</el-button>
+        <!-- <span class="demonstration">从</span> -->
+        <el-date-picker v-model="searchFrom" type="datetime" placeholder="选择开始日期时间" default-time="00:00:00" size="mini" style="width: 11rem;" align="right" :picker-options="pickerOptions"></el-date-picker>
+        <el-date-picker v-model="searchTo" type="datetime" placeholder="选择结束日期时间" default-time="00:00:00" size="mini" style="width: 11rem;" align="right" :picker-options="pickerOptions"></el-date-picker>
+        <el-button-group>
+          <el-button icon="el-icon-search" size="mini" type="primary" @click="showHistoryPath">历史轨迹</el-button>
+          <el-button icon="el-icon-search" size="mini" style="margin-right: 1rem" type="primary" @click="showLatestPosition">最新位置</el-button>
+        </el-button-group>
+        <el-tag style="width: 5rem; text-align: center" size="medium">过期时间</el-tag>
+        <el-input-number size="mini" v-model="expired" :min="300" :controls="false" style="width: 4rem;"></el-input-number>
+        <el-tag style="width: 5rem; text-align: center" size="medium">上报周期</el-tag>
+        <el-input-number size="mini" v-model="interval" :min="1" :controls="false" style="width: 4rem;"></el-input-number>
+        <el-button-group>
+          <el-button icon="el-icon-search" size="mini" type="primary" @click="subscribeMobilePosition">位置订阅</el-button>
+          <el-button icon="el-icon-search" size="mini" type="primary" @click="unSubscribeMobilePosition">取消订阅</el-button>
+        </el-button-group>
+        <el-checkbox size="mini" style="margin-right: 1rem; float: right" v-model="autoList" @change="autoListChange" >自动刷新</el-checkbox>
+      </div>
+      <div class="mapContainer" style="background-color: #ffffff; position: relative; padding: 1rem 0.5rem 0.5rem 0.5rem; text-align: center; height: calc(100% - 10rem);">
+        <div class="baidumap" id="allmap"></div>
+      </div>
     </div>
 </template>
 
 <script>
-import uiHeader from "./UiHeader.vue";
-import moment from "moment";
+import uiHeader from "../layout/UiHeader.vue";
 import geoTools from "./GeoConvertTools.js";
 export default {
     name: "devicePosition",
@@ -173,7 +165,7 @@ export default {
             let self = this;
             this.$axios({
                 method: 'get',
-                url:`/api/position/history/${this.deviceId}`, 
+                url:`/api/position/history/${this.deviceId}`,
                 params: {
                     start: self.startTime,
                     end: self.endTime,
@@ -259,7 +251,7 @@ export default {
         },
         toGBString: function (dateTime) {
             return (
-                dateTime.getFullYear() + 
+                dateTime.getFullYear() +
                 "-" + this.twoDigits(dateTime.getMonth() + 1) +
                 "-" + this.twoDigits(dateTime.getDate()) +
                 "T" + this.twoDigits(dateTime.getHours()) +

web_src/src/components/dialog/catalogEdit.vue

@@ -13,11 +13,24 @@
       <div id="shared" style="margin-top: 1rem;margin-right: 100px;">
         <el-form ref="form" :rules="rules" :model="form" label-width="140px" >
           <el-form-item label="节点编号" prop="id" >
-            <el-input v-model="form.id" :disabled="isEdit"></el-input>
+            <el-tooltip class="item" effect="dark" content="" placement="top-start">
+              <div slot="content">
+                建议的类型：
+                <br/>
+                &emsp;&emsp;行政区划（可选2位/4位/6位/8位/10位数字，例如：130432，表示河北省邯郸市广平县）
+                <br/>
+                &emsp;&emsp;业务分组（第11、12、13位215，例如：34020000002150000001）
+                <br/>
+                &emsp;&emsp;虚拟组织（第11、12、13位216，例如：34020000002160000001）
+              </div>
+              <el-input v-model="form.id" :disabled="isEdit"></el-input>
+            </el-tooltip>
           </el-form-item>
           <el-form-item label="节点名称" prop="name">
             <el-input v-model="form.name" clearable></el-input>
           </el-form-item>
+
+
           <el-form-item>
             <div style="float: right;">
               <el-button type="primary" @click="onSubmit" >确认</el-button>

web_src/src/components/dialog/deviceEdit.vue

@@ -45,6 +45,9 @@
           <el-form-item v-if="form.subscribeCycleForMobilePosition > 0" label="移动位置报送间隔" prop="subscribeCycleForCatalog" >
             <el-input v-model="form.mobilePositionSubmissionInterval" clearable ></el-input>
           </el-form-item>
+          <el-form-item label="其他选项">
+            <el-checkbox label="SSRC校验" v-model="form.ssrcCheck" style="float: left"></el-checkbox>
+          </el-form-item>
           <el-form-item>
             <div style="float: right;">
               <el-button type="primary" @click="onSubmit" >确认</el-button>

web_src/src/components/dialog/platformEdit.vue

@@ -44,6 +44,9 @@
               <el-form-item label="SIP认证用户名" prop="username">
                 <el-input v-model="platform.username"></el-input>
               </el-form-item>
+              <el-form-item label="行政区划" prop="administrativeDivision">
+                <el-input v-model="platform.administrativeDivision" clearable></el-input>
+              </el-form-item>
               <el-form-item label="SIP认证密码" prop="password">
                 <el-input v-model="platform.password" ></el-input>
               </el-form-item>
@@ -63,6 +66,18 @@
                   <el-option label="TCP" value="TCP"></el-option>
                 </el-select>
               </el-form-item>
+              <el-form-item label="目录分组" prop="catalogGroup">
+                <el-select
+                  v-model="platform.catalogGroup"
+                  style="width: 100%"
+                  placeholder="请选择目录分组"
+                >
+                  <el-option label="1" value="1"></el-option>
+                  <el-option label="2" value="2"></el-option>
+                  <el-option label="4" value="4"></el-option>
+                  <el-option label="8" value="8"></el-option>
+                </el-select>
+              </el-form-item>
               <el-form-item label="字符集" prop="characterSet">
                 <el-select
                   v-model="platform.characterSet"
@@ -77,6 +92,7 @@
                 <el-checkbox label="启用" v-model="platform.enable" @change="checkExpires"></el-checkbox>
                 <el-checkbox label="云台控制" v-model="platform.ptz"></el-checkbox>
                 <el-checkbox label="共享所有直播流" v-model="platform.shareAllLiveStream"></el-checkbox>
+                <el-checkbox label="拉起离线推流" v-model="platform.startOfflinePush"></el-checkbox>
               </el-form-item>
               <el-form-item>
                 <el-button type="primary" @click="onSubmit">{{
@@ -138,6 +154,9 @@ export default {
         transport: "UDP",
         characterSet: "GB2312",
         shareAllLiveStream: false,
+        startOfflinePush: false,
+        catalogGroup: 1,
+        administrativeDivision: null,
       },
       rules: {
         name: [{ required: true, message: "请输入平台名称", trigger: "blur" }],
@@ -175,6 +194,7 @@ export default {
           that.platform.devicePort = res.data.devicePort;
           that.platform.username = res.data.username;
           that.platform.password = res.data.password;
+          that.platform.administrativeDivision = res.data.username.substr(0, 6);
         }).catch(function (error) {
           console.log(error);
         });
@@ -199,6 +219,9 @@ export default {
         this.platform.characterSet = platform.characterSet;
         this.platform.shareAllLiveStream = platform.shareAllLiveStream;
         this.platform.catalogId = platform.catalogId;
+        this.platform.startOfflinePush = platform.startOfflinePush;
+        this.platform.catalogGroup = platform.catalogGroup;
+        this.platform.administrativeDivision = platform.administrativeDivision;
         this.onSubmit_text = "保存";
         this.saveUrl = "/api/platform/save";
       }
@@ -213,6 +236,10 @@ export default {
     deviceGBIdChange: function () {
 
       this.platform.username = this.platform.deviceGBId ;
+      if (this.platform.administrativeDivision == null) {
+        this.platform.administrativeDivision = this.platform.deviceGBId.substr(0, 6);
+      }
+
     },
     onSubmit: function () {
       var that = this;
@@ -253,6 +280,7 @@ export default {
         rtcp: false,
         name: null,
         serverGBId: null,
+        administrativeDivision: null,
         serverGBDomain: null,
         serverIP: null,
         serverPort: null,
@@ -266,6 +294,8 @@ export default {
         transport: "UDP",
         characterSet: "GB2312",
         shareAllLiveStream: false,
+        startOfflinePush: false,
+        catalogGroup: 1,
       }
     },
     deviceGBIdExit: async function (deviceGbId) {

web_src/src/components/live.vue

@@ -1,51 +1,46 @@
 <template>
-  <div id="devicePosition" style="height: 100%">
-    <el-container style="height: 100%">
-      <el-header>
-        <uiHeader></uiHeader>
-      </el-header>
-      <el-container v-loading="loading" element-loading-text="拼命加载中">
-        <el-aside width="300px" style="background-color: #ffffff">
-          <div style="text-align: center;padding-top: 20px;">设备列表</div>
-          <el-menu  v-loading="loading">
-            <el-submenu v-for="device in deviceList" :key="device.deviceId" :index="device.deviceId" @click="sendDevicePush(item)">
-              <template slot="title" >
-                <i class="el-icon-location-outline"></i>
-                {{device.name}}
-              </template>
-              <ChannelTree :device="device" @sendDevicePush="sendDevicePush"></ChannelTree>
-            </el-submenu>
-          </el-menu>
-        </el-aside>
-          <el-container>
-            <!-- <LivePlay></LivePlay> -->
-            <el-header height="40px" style="text-align: left;font-size: 17px;line-height: 40px;">
-              分屏:
-              <i class="el-icon-full-screen btn" :class="{active:spilt==1}" @click="spilt=1"/>
-              <i class="el-icon-menu btn" :class="{active:spilt==4}" @click="spilt=4"/>
-              <i class="el-icon-s-grid btn" :class="{active:spilt==9}" @click="spilt=9"/>
-            </el-header>
-            <el-main>
-              <div style="width: 100%;height: calc( 100vh - 110px );display: flex;flex-wrap: wrap;background-color: #000;">
-                <div v-for="i in spilt" :key="i" class="play-box"
-                    :style="liveStyle" :class="{redborder:playerIdx == (i-1)}"
-                    @click="playerIdx = (i-1)"
-                >
-                  <div v-if="!videoUrl[i-1]" style="color: #ffffff;font-size: 30px;font-weight: bold;">{{i}}</div>
-                  <player v-else :ref="'player'+i" :videoUrl="videoUrl[i-1]"  fluent autoplay :height="true"
-                          :containerId="'player'+i" @screenshot="shot" @destroy="destroy"></player>
-                  <!-- <player v-else ref="'player'+i" :idx="'player'+i" :visible.sync="showVideoDialog" :videoUrl="videoUrl[i-1]"  :height="true" :hasAudio="hasAudio" fluent autoplay live ></player> -->
-                </div>
-              </div>
-            </el-main>
-          </el-container>
+  <div id="devicePosition" style="height: 100%;width: 100%">
+    <el-container v-loading="loading" element-loading-text="拼命加载中">
+      <el-aside width="300px" style="background-color: #ffffff">
+        <div style="text-align: center;padding-top: 20px;">设备列表</div>
+        <el-menu  v-loading="loading">
+          <el-submenu v-for="device in deviceList" :key="device.deviceId" :index="device.deviceId" @click="sendDevicePush(item)">
+            <template slot="title" >
+              <i class="el-icon-location-outline"></i>
+              {{device.name}}
+            </template>
+            <ChannelTree :device="device" @sendDevicePush="sendDevicePush"></ChannelTree>
+          </el-submenu>
+        </el-menu>
+      </el-aside>
+      <el-container>
+        <!-- <LivePlay></LivePlay> -->
+        <el-header height="40px" style="text-align: left;font-size: 17px;line-height: 40px;">
+          分屏:
+          <i class="el-icon-full-screen btn" :class="{active:spilt==1}" @click="spilt=1"/>
+          <i class="el-icon-menu btn" :class="{active:spilt==4}" @click="spilt=4"/>
+          <i class="el-icon-s-grid btn" :class="{active:spilt==9}" @click="spilt=9"/>
+        </el-header>
+        <el-main>
+          <div style="width: 100%;height: calc( 100vh - 150px );display: flex;flex-wrap: wrap;background-color: #000;">
+            <div v-for="i in spilt" :key="i" class="play-box"
+                 :style="liveStyle" :class="{redborder:playerIdx == (i-1)}"
+                 @click="playerIdx = (i-1)"
+            >
+              <div v-if="!videoUrl[i-1]" style="color: #ffffff;font-size: 30px;font-weight: bold;">{{i}}</div>
+              <player v-else :ref="'player'+i" :videoUrl="videoUrl[i-1]"  fluent autoplay :height="true"
+                      :containerId="'player'+i" @screenshot="shot" @destroy="destroy"></player>
+              <!-- <player v-else ref="'player'+i" :idx="'player'+i" :visible.sync="showVideoDialog" :videoUrl="videoUrl[i-1]"  :height="true" :hasAudio="hasAudio" fluent autoplay live ></player> -->
+            </div>
+          </div>
+        </el-main>
       </el-container>
     </el-container>
   </div>
 </template>
 
 <script>
-  import uiHeader from "./UiHeader.vue";
+  import uiHeader from "../layout/UiHeader.vue";
   import player from './dialog/jessibuca.vue'
   import ChannelTree from './channelTree.vue'
 

web_src/src/components/setting/Media.vue

@@ -1,85 +1,78 @@
 <template>
-  <div id="SettingForMedia">
-  <el-container>
-    <el-header>
-      <uiHeader></uiHeader>
-    </el-header>
-    <el-main>
-      <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
-        <span style="font-size: 1rem; font-weight: bold;">媒体服务</span>
-      </div>
-      <div style="width: 60%; margin:0 auto; background-color: #FFFFFF; position: relative; padding: 5rem 6.5rem; text-align: left;font-size: 14px; max-width: 400px">
-        <el-form ref="form" :rules="rules" :model="form" label-width="140px">
-          <el-form-item label="IP" prop="IP">
-            <el-input v-model="form.IP" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="公网IP" prop="wanIp">
-            <el-input v-model="form.wanIp" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="HOOK IP" prop="hookIp">
-            <el-input v-model="form.hookIp" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="HTTP端口" >
-            <el-input v-model.number="form.httpPort" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="HTTP SSL端口" >
-            <el-input v-model.number="form.httpSSlPort" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="RTMP端口" >
-            <el-input v-model.number="form.rtmpPort" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="RTMP SSL端口" >
-            <el-input v-model.number="form.rtmpSSlPort" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="RTSP端口" >
-            <el-input v-model.number="form.rtspPort" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="RTSP SSL端口" >
-            <el-input v-model.number="form.rtspSSLPort" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="RTP端口" >
-            <el-input v-model.number="form.rtpProxyPort" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="自动点播" >
-            <el-switch v-model="form.autoApplyPlay"></el-switch>
-          </el-form-item>
-          <el-form-item label="接口密钥" prop="secret">
-            <el-input v-model="form.secret" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="无人观看触发时长" >
-            <el-input v-model.number="form.streamNoneReaderDelayMS" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="自动配置" >
-            <el-switch v-model="form.autoConfig"></el-switch>
-          </el-form-item>
-          <el-form-item label="使用多端口" >
-            <el-switch v-model="form.rtp.enable"></el-switch>
-          </el-form-item>
-          <el-form-item label="端口范围" >
-            <el-input v-model.number="form.rtp.portRange" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="DOCKER智能识别">
-            <el-input type="textarea" v-model="dockerStr"></el-input>
-          </el-form-item>
+  <div id="SettingForMedia" style="width: 100%">
+    <div class="page-header">
+      <div class="page-title">媒体服务</div>
+    </div>
+    <div
+      style="width: 60%; margin:0 auto; background-color: #FFFFFF; position: relative; padding: 5rem 6.5rem; text-align: left;font-size: 14px; max-width: 400px">
+      <el-form ref="form" :rules="rules" :model="form" label-width="140px">
+        <el-form-item label="IP" prop="IP">
+          <el-input v-model="form.IP" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="公网IP" prop="wanIp">
+          <el-input v-model="form.wanIp" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="HOOK IP" prop="hookIp">
+          <el-input v-model="form.hookIp" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="HTTP端口">
+          <el-input v-model.number="form.httpPort" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="HTTP SSL端口">
+          <el-input v-model.number="form.httpSSlPort" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="RTMP端口">
+          <el-input v-model.number="form.rtmpPort" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="RTMP SSL端口">
+          <el-input v-model.number="form.rtmpSSlPort" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="RTSP端口">
+          <el-input v-model.number="form.rtspPort" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="RTSP SSL端口">
+          <el-input v-model.number="form.rtspSSLPort" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="RTP端口">
+          <el-input v-model.number="form.rtpProxyPort" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="自动点播">
+          <el-switch v-model="form.autoApplyPlay"></el-switch>
+        </el-form-item>
+        <el-form-item label="接口密钥" prop="secret">
+          <el-input v-model="form.secret" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="无人观看触发时长">
+          <el-input v-model.number="form.streamNoneReaderDelayMS" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="自动配置">
+          <el-switch v-model="form.autoConfig"></el-switch>
+        </el-form-item>
+        <el-form-item label="使用多端口">
+          <el-switch v-model="form.rtp.enable"></el-switch>
+        </el-form-item>
+        <el-form-item label="端口范围">
+          <el-input v-model.number="form.rtp.portRange" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="DOCKER智能识别">
+          <el-input type="textarea" v-model="dockerStr"></el-input>
+        </el-form-item>
 
-          <el-form-item>
-            <div style="float: right;">
-              <el-button type="primary" @click="onSubmit">保存</el-button>
-<!--              <el-button @click="close">取消</el-button>-->
-            </div>
+        <el-form-item>
+          <div style="float: right;">
+            <el-button type="primary" @click="onSubmit">保存</el-button>
+            <!--              <el-button @click="close">取消</el-button>-->
+          </div>
 
-          </el-form-item>
-        </el-form>
-      </div>
-
-
-    </el-main>
-  </el-container>
+        </el-form-item>
+      </el-form>
+    </div>
   </div>
 </template>
 
 <script>
-import uiHeader from '../UiHeader.vue'
+import uiHeader from '../../layout/UiHeader.vue'
+
 export default {
   name: "SettingForMedia",
   components: {
@@ -107,9 +100,9 @@ export default {
       },
 
       rules: {
-        IP: [{ required: true, message: "请输入名称", trigger: "blur" }],
-        wanIp: [{ required: false, message: "请输入应用名", trigger: "blur" }],
-        hookIp: [{ required: false, message: "请输入流ID", trigger: "blur" }],
+        IP: [{required: true, message: "请输入名称", trigger: "blur"}],
+        wanIp: [{required: false, message: "请输入应用名", trigger: "blur"}],
+        hookIp: [{required: false, message: "请输入流ID", trigger: "blur"}],
       },
     }
   }

web_src/src/components/setting/Sip.vue

@@ -1,50 +1,43 @@
 <template>
-  <div id="SettingForSip">
-  <el-container>
-    <el-header>
-      <uiHeader></uiHeader>
-    </el-header>
-    <el-main>
-      <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
-        <span style="font-size: 1rem; font-weight: bold;">国标服务</span>
-      </div>
-      <div style="width: 60%; margin:0 auto; background-color: #FFFFFF; position: relative; padding: 5rem 6.5rem; text-align: left;font-size: 14px; max-width: 400px">
-        <el-form ref="form" :rules="rules" :model="form" label-width="140px">
-          <el-form-item label="ip" prop="ip">
-            <el-input v-model="form.ip" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="端口" prop="port">
-            <el-input v-model.number="form.port" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="域" prop="domain">
-            <el-input v-model="form.domain" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="id" prop="id">
-            <el-input v-model="form.id" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="密码" prop="password">
-            <el-input v-model="form.password" clearable></el-input>
-          </el-form-item>
+  <div id="SettingForSip" style="width: 100%">
+    <div class="page-header">
+      <div class="page-title">国标服务</div>
+    </div>
+    <div
+      style="width: 60%; margin:0 auto; background-color: #FFFFFF; position: relative; padding: 5rem 6.5rem; text-align: left;font-size: 14px; max-width: 400px">
+      <el-form ref="form" :rules="rules" :model="form" label-width="140px">
+        <el-form-item label="ip" prop="ip">
+          <el-input v-model="form.ip" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="端口" prop="port">
+          <el-input v-model.number="form.port" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="域" prop="domain">
+          <el-input v-model="form.domain" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="id" prop="id">
+          <el-input v-model="form.id" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="密码" prop="password">
+          <el-input v-model="form.password" clearable></el-input>
+        </el-form-item>
 
 
-          <el-form-item>
-            <div style="float: right;">
-              <el-button type="primary" @click="onSubmit">保存</el-button>
-<!--              <el-button @click="close">取消</el-button>-->
-            </div>
+        <el-form-item>
+          <div style="float: right;">
+            <el-button type="primary" @click="onSubmit">保存</el-button>
+            <!--              <el-button @click="close">取消</el-button>-->
+          </div>
 
-          </el-form-item>
-        </el-form>
-      </div>
-
-
-    </el-main>
-  </el-container>
+        </el-form-item>
+      </el-form>
+    </div>
   </div>
 </template>
 
 <script>
-import uiHeader from '../UiHeader.vue'
+import uiHeader from '../../layout/UiHeader.vue'
+
 export default {
   name: "SettingForSip",
   components: {
@@ -61,11 +54,11 @@ export default {
       },
 
       rules: {
-        ip: [{ required: true, message: "请输入名称", trigger: "blur" }],
-        port: [{ required: true, message: "请输入应用名", trigger: "blur" }],
-        domain: [{ required: true, message: "请输入流ID", trigger: "blur" }],
-        id: [{ required: true, message: "请输入国标编码", trigger: "blur" }],
-        password: [{ required: true, message: "请输入国标编码", trigger: "blur" }],
+        ip: [{required: true, message: "请输入名称", trigger: "blur"}],
+        port: [{required: true, message: "请输入应用名", trigger: "blur"}],
+        domain: [{required: true, message: "请输入流ID", trigger: "blur"}],
+        id: [{required: true, message: "请输入国标编码", trigger: "blur"}],
+        password: [{required: true, message: "请输入国标编码", trigger: "blur"}],
       },
     }
   }

web_src/src/components/setting/Web.vue

@@ -1,12 +1,7 @@
 <template>
-  <div id="SettingForWeb">
-  <el-container>
-    <el-header>
-      <uiHeader></uiHeader>
-    </el-header>
-    <el-main>
-      <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
-        <span style="font-size: 1rem; font-weight: bold;">WEB服务</span>
+  <div id="SettingForWeb" style="width: 100%">
+      <div class="page-header">
+        <div class="page-title">WEB服务</div>
       </div>
       <div style="width: 60%; margin:0 auto; background-color: #FFFFFF; position: relative; padding: 5rem 6.5rem; text-align: left;font-size: 14px; max-width: 400px">
         <el-form ref="form" :rules="rules" :model="form" label-width="140px">
@@ -41,15 +36,11 @@
           </el-form-item>
         </el-form>
       </div>
-
-
-    </el-main>
-  </el-container>
   </div>
 </template>
 
 <script>
-import uiHeader from '../UiHeader.vue'
+import uiHeader from '../../layout/UiHeader.vue'
 export default {
   name: "SettingForWeb",
   components: {

web_src/src/layout/UiHeader.vue

@@ -0,0 +1,151 @@
+<template>
+  <div id="UiHeader">
+    <el-menu router :default-active="activeIndex" menu-trigger="click" background-color="#545c64" text-color="#fff"
+             active-text-color="#ffd04b" mode="horizontal">
+      <el-menu-item index="/control">控制台</el-menu-item>
+      <el-menu-item index="/live">实时监控</el-menu-item>
+      <el-menu-item index="/deviceList">国标设备</el-menu-item>
+      <el-menu-item index="/pushVideoList">推流列表</el-menu-item>
+      <el-menu-item index="/streamProxyList">拉流代理</el-menu-item>
+      <el-menu-item index="/cloudRecord">云端录像</el-menu-item>
+      <el-menu-item index="/mediaServerManger">节点管理</el-menu-item>
+      <el-menu-item index="/parentPlatformList/15/1">国标级联</el-menu-item>
+      <el-menu-item @click="openDoc">在线文档</el-menu-item>
+      <!--            <el-submenu index="/setting">-->
+      <!--              <template slot="title">系统设置</template>-->
+      <!--              <el-menu-item index="/setting/web">WEB服务</el-menu-item>-->
+      <!--              <el-menu-item index="/setting/sip">国标服务</el-menu-item>-->
+      <!--              <el-menu-item index="/setting/media">媒体服务</el-menu-item>-->
+      <!--            </el-submenu>-->
+      <el-switch v-model="alarmNotify" active-text="报警信息推送" @change="alarmNotifyChannge"></el-switch>
+      <!--            <el-menu-item style="float: right;" @click="loginout">退出</el-menu-item>-->
+      <el-submenu index="" style="float: right;">
+        <template slot="title">欢迎，{{ this.$cookies.get("session").username }}</template>
+        <el-menu-item @click="changePassword">修改密码</el-menu-item>
+        <el-menu-item @click="loginout">注销</el-menu-item>
+      </el-submenu>
+    </el-menu>
+    <changePasswordDialog ref="changePasswordDialog"></changePasswordDialog>
+  </div>
+</template>
+
+<script>
+
+import changePasswordDialog from '../components/dialog/changePassword.vue'
+
+export default {
+  name: "UiHeader",
+  components: {Notification, changePasswordDialog},
+  data() {
+    return {
+      alarmNotify: false,
+      sseSource: null,
+      activeIndex: this.$route.path,
+    };
+  },
+  created() {
+    if (this.$route.path.startsWith("/channelList")) {
+      this.activeIndex = "/deviceList"
+    }
+
+  },
+  mounted() {
+    window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
+    // window.addEventListener('unload', e => this.unloadHandler(e))
+    this.alarmNotify = this.getAlarmSwitchStatus() === "true";
+    this.sseControl();
+  },
+  methods: {
+    loginout() {
+      this.$axios({
+        method: 'get',
+        url: "/api/user/logout"
+      }).then((res) => {
+        // 删除cookie，回到登录页面
+        this.$cookies.remove("session");
+        this.$router.push('/login');
+        this.sseSource.close();
+      }).catch((error) => {
+        console.error("登出失败")
+        console.error(error)
+      });
+    },
+    changePassword() {
+      this.$refs.changePasswordDialog.openDialog()
+    },
+    openDoc() {
+      console.log(process.env.BASE_API)
+      window.open(!!process.env.BASE_API ? process.env.BASE_API + "/doc.html" : "/doc.html")
+    },
+    beforeunloadHandler() {
+      this.sseSource.close();
+    },
+    alarmNotifyChannge() {
+      this.setAlarmSwitchStatus()
+      this.sseControl()
+    },
+    sseControl() {
+      let that = this;
+      if (this.alarmNotify) {
+        console.log("申请SSE推送API调用，浏览器ID: " + this.$browserId);
+        this.sseSource = new EventSource('/api/emit?browserId=' + this.$browserId);
+        this.sseSource.addEventListener('message', function (evt) {
+          that.$notify({
+            title: '收到报警信息',
+            dangerouslyUseHTMLString: true,
+            message: evt.data,
+            type: 'warning'
+          });
+          console.log("收到信息：" + evt.data);
+        });
+        this.sseSource.addEventListener('open', function (e) {
+          console.log("SSE连接打开.");
+        }, false);
+        this.sseSource.addEventListener('error', function (e) {
+          if (e.target.readyState == EventSource.CLOSED) {
+            console.log("SSE连接关闭");
+          } else {
+            console.log(e.target.readyState);
+          }
+        }, false);
+      } else {
+        if (this.sseSource != null) {
+          this.sseSource.removeEventListener('open', null);
+          this.sseSource.removeEventListener('message', null);
+          this.sseSource.removeEventListener('error', null);
+          this.sseSource.close();
+        }
+
+      }
+    },
+    getAlarmSwitchStatus() {
+      if (localStorage.getItem("alarmSwitchStatus") == null) {
+        localStorage.setItem("alarmSwitchStatus", false);
+      }
+      return localStorage.getItem("alarmSwitchStatus");
+    },
+    setAlarmSwitchStatus() {
+      localStorage.setItem("alarmSwitchStatus", this.alarmNotify);
+    }
+  },
+  destroyed() {
+    window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))
+    if (this.sseSource != null) {
+      this.sseSource.removeEventListener('open', null);
+      this.sseSource.removeEventListener('message', null);
+      this.sseSource.removeEventListener('error', null);
+      this.sseSource.close();
+    }
+  },
+
+}
+
+</script>
+<style>
+#UiHeader .el-switch__label {
+  color: white;
+}
+#UiHeader .el-switch__label.is-active{
+  color: #409EFF;
+}
+</style>

web_src/src/layout/index.vue

@@ -0,0 +1,90 @@
+<template>
+  <el-container style="height: 100%">
+    <el-header>
+      <ui-header/>
+    </el-header>
+    <el-main>
+      <el-container>
+        <transition name="fade">
+          <router-view></router-view>
+        </transition>
+      </el-container>
+    </el-main>
+  </el-container>
+</template>
+
+<script>
+import uiHeader from "./UiHeader.vue";
+
+export default {
+  name: "index",
+  components: {
+    uiHeader
+  },
+}
+</script>
+<style>
+/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+/*定义滚动条轨道 内阴影+圆角*/
+::-webkit-scrollbar-track {
+  border-radius: 4px;
+  background-color: #F5F5F5;
+}
+
+/*定义滑块 内阴影+圆角*/
+::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background-color: #c8c8c8;
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
+}
+
+/*定义标题栏*/
+.page-header {
+  background-color: #FFFFFF;
+  margin-bottom: 1rem;
+  padding: 0.5rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.page-title {
+  font-weight: bold;
+  text-align: left;
+}
+
+.page-header-btn {
+  text-align: right;
+}
+</style>
+<style scoped>
+.el-main {
+  margin: 0;
+}
+
+.fade-enter {
+  visibility: hidden;
+  opacity: 0;
+}
+
+.fade-leave-to {
+  display: none;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity .5s ease;
+}
+
+.fade-enter-to,
+.fade-leave {
+  visibility: visible;
+  opacity: 1;
+}
+</style>

web_src/src/router/index.js

@@ -1,5 +1,6 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
+import Layout from "../layout/index.vue"
 
 import control from '../components/control.vue'
 import deviceList from '../components/DeviceList.vue'
@@ -32,78 +33,86 @@ export default new VueRouter({
   routes: [
     {
       path: '/',
-      component: control,
-    },
-    {
-      path: '/live',
-      component: live,
-    },
-    {
-      path: '/deviceList',
-      component: deviceList,
-    },
-    {
-      path: '/pushVideoList',
-      component: pushVideoList,
-    },
-    {
-      path: '/streamProxyList',
-      component: streamProxyList,
+      name: 'home',
+      component: Layout,
+      redirect: '/control',
+      children: [
+        {
+          path: '/control',
+          component: control,
+        },
+        {
+          path: '/live',
+          component: live,
+        },
+        {
+          path: '/deviceList',
+          component: deviceList,
+        },
+        {
+          path: '/pushVideoList',
+          component: pushVideoList,
+        },
+        {
+          path: '/streamProxyList',
+          component: streamProxyList,
+        },
+        {
+          path: '/channelList/:deviceId/:parentChannelId/:count/:page',
+          name: 'channelList',
+          component: channelList,
+        },
+        {
+          path: '/parentPlatformList/:count/:page',
+          name: 'parentPlatformList',
+          component: parentPlatformList,
+        },
+        {
+          path: '/devicePosition/:deviceId/:parentChannelId/:count/:page',
+          name: 'devicePosition',
+          component: devicePosition,
+        },
+        {
+          path: '/cloudRecord',
+          name: 'cloudRecord',
+          component: cloudRecord,
+        },
+        {
+          path: '/mediaServerManger',
+          name: 'mediaServerManger',
+          component: mediaServerManger,
+        },
+        {
+          path: '/setting/web',
+          name: 'web',
+          component: web,
+        },
+        {
+          path: '/setting/sip',
+          name: 'sip',
+          component: sip,
+        },
+        {
+          path: '/setting/media',
+          name: 'media',
+          component: media,
+        },
+        {
+          path: '/play/wasm/:url',
+          name: 'wasmPlayer',
+          component: wasmPlayer,
+        },
+        {
+          path: '/play/rtc/:url',
+          name: 'rtcPlayer',
+          component: rtcPlayer,
+        },
+        ]
     },
     {
       path: '/login',
       name: '登录',
       component: login,
     },
-    {
-      path: '/channelList/:deviceId/:parentChannelId/:count/:page',
-      name: 'channelList',
-      component: channelList,
-    },
-    {
-      path: '/parentPlatformList/:count/:page',
-      name: 'parentPlatformList',
-      component: parentPlatformList,
-    },
-    {
-      path: '/devicePosition/:deviceId/:parentChannelId/:count/:page',
-      name: 'devicePosition',
-      component: devicePosition,
-    },
-    {
-      path: '/cloudRecord',
-      name: 'cloudRecord',
-      component: cloudRecord,
-    },
-    {
-      path: '/mediaServerManger',
-      name: 'mediaServerManger',
-      component: mediaServerManger,
-    },
-    {
-      path: '/setting/web',
-      name: 'web',
-      component: web,
-    },
-    {
-      path: '/setting/sip',
-      name: 'sip',
-      component: sip,
-    },
-    {
-      path: '/setting/media',
-      name: 'media',
-      component: media,
-    },
-    {
-      path: '/play/wasm/:url',
-      name: 'wasmPlayer',
-      component: wasmPlayer,
-    },
-    {
-      path: '/play/rtc/:url',
-      name: 'rtcPlayer',
-      component: rtcPlayer,
-    },
   ]
 })