NVR添加搜索

王鑫
1 parent ca1719da
Showing 5 changed files with 15 additions and 122 deletions
src/main/resources/application-dev100.yml
src/main/resources/application.yml
web_src/src/components/DeviceList.vue
web_src/src/components/channelList.vue
web_src/static/js/config.js
-spring:
-  # 设置接口超时时间
-  mvc:
-    async:
-      request-timeout: 20000
-  thymeleaf:
-    cache: false
-  # [可选]上传文件大小限制
-  servlet:
-    multipart:
-      max-file-size: 10MB
-      max-request-size: 100MB
-
-  # REDIS数据库配置
-  redis:
-    # [必须修改] Redis服务器IP, REDIS安装在本机的,使用127.0.0.1
-    host: 192.168.169.100
-    # [必须修改] 端口号
-    port: 6379
-    # [可选] 数据库 DB
-    database: 7
-    # [可选] 访问密码,若你的redis服务器没有设置密码，就不需要用密码去连接
-#    password: luna
-    # [可选] 超时时间
-    timeout: 10000
-    # mysql数据源
-  datasource:
-    dynamic:
-      primary: master
-      datasource:
-        master:
-          type: com.zaxxer.hikari.HikariDataSource
-          driver-class-name: com.mysql.cj.jdbc.Driver
-          url: jdbc:mysql://192.168.169.100:3306/latest_wvp2?useUnicode=true&characterEncoding=UTF8&rewriteBatchedStatements=true&serverTimezone=PRC&useSSL=false&allowMultiQueries=true
-          username: root
-          password: guzijian
-          hikari:
-            connection-timeout: 20000             # 是客户端等待连接池连接的最大毫秒数
-            initialSize: 50                       # 连接池初始化连接数
-            maximum-pool-size: 200                # 连接池最大连接数
-            minimum-idle: 10                       # 连接池最小空闲连接数
-            idle-timeout: 300000                  # 允许连接在连接池中空闲的最长时间（以毫秒为单位）
-            max-lifetime: 1200000                 # 是池中连接关闭后的最长生命周期（以毫秒为单位)
-#[可选] WVP监听的HTTP端口, 网页和接口调用都是这个端口
-server:
-  port: 18089
-  # [可选] HTTPS配置， 默认不开启
-  ssl:
-    # [可选] 是否开启HTTPS访问
-    enabled: false
-    # [可选] 证书文件路径，放置在resource/目录下即可，修改xxx为文件名
-    key-store: classpath:Aserver.keystore
-    # [可选] 证书密码
-    key-store-password: guzijian
-    # [可选] 证书类型， 默认为jks，根据实际修改
-    key-store-type: JKS
-
-# 作为28181服务器的配置
-sip:
-  # [必须修改] 本机的IP，对应你的网卡，监听什么ip就是使用什么网卡，
-  # 如果要监听多张网卡，可以使用逗号分隔多个IP， 例如： 192.168.1.4,10.0.0.4
-  # 如果不明白，就使用0.0.0.0，大部分情况都是可以的
-  # 请不要使用127.0.0.1，任何包括localhost在内的域名都是不可以的。
-  ip: 192.168.169.100
-  # [可选] 28181服务监听的端口
-  port: 6060
-  # 根据国标6.1.2中规定，domain宜采用ID统一编码的前十位编码。国标附录D中定义前8位为中心编码（由省级、市级、区级、基层编号组成，参照GB/T 2260-2007）
-  # 后两位为行业编码，定义参照附录D.3
-  # 3701020049标识山东济南历下区 信息行业接入
-  # [可选]
-  domain: 4403000000
-  # [可选]
-  id: 44030000003110008001
-  # [可选] 默认设备认证密码，后续扩展使用设备单独密码, 移除密码将不进行校验
-  password: 2024bsth@gb18181
-  # 是否存储alarm信息
-  alarm: true
-
-#zlm 默认服务器配置
-media:
-  id: guzijian
-  # [必须修改] zlm服务器的内网IP
-  ip: 192.168.169.100
-  # [必须修改] zlm服务器的http.port
-  http-port: 1090
-  # [可选] 返回流地址时的ip，置空使用 media.ip 1
-  stream-ip: 61.169.120.202
-  # [可选] wvp在国标信令中使用的ip，此ip为摄像机可以访问到的ip， 置空使用 media.ip 1
-  sdp-ip: 61.169.120.202
-  # [可选] zlm服务器的hook所使用的IP, 默认使用sip.ip
-  hook-ip: 192.168.169.100
-  # [可选] zlm服务器的http.sslport, 置空使用zlm配置文件配置
-  http-ssl-port: 8443
-  # [可选] zlm服务器的hook.admin::_params=secret
-  secret: RPorcBlIw26uHGnEHYGesIYyFDXpgjkP
-  # 启用多端口模式, 多端口模式使用端口区分每路流，兼容性更好。 单端口使用流的ssrc区分， 点播超时建议使用多端口测试
-  rtp:
-    # [可选] 是否启用多端口模式, 开启后会在portRange范围内选择端口用于媒体流传输
-    enable: true
-    # [可选] 在此范围内选择端口用于媒体流传输, 必须提前在zlm上配置该属性，不然自动配置此属性可能不成功
-    port-range: 50000,50500 # 端口范围
-    # [可选] 国标级联在此范围内选择端口发送媒体流,
-    send-port-range: 50000,50500 # 端口范围
-  # 录像辅助服务， 部署此服务可以实现zlm录像的管理与下载， 0 表示不使用
-  record-assist-port: 18081
-# [根据业务需求配置]
-user-settings:
-  # 点播/录像回放 等待超时时间,单位：毫秒
-  play-timeout: 180000
-  # [可选] 自动点播， 使用固定流地址进行播放时，如果未点播则自动进行点播, 需要rtp.enable=true
-  auto-apply-play: true
-  # 设备/通道状态变化时发送消息
-  device-status-notify: true
-# [可选] 日志配置, 一般不需要改
-
-logging:
-  config: classpath:logback-spring.xml
-
@@ -2,6 +2,6 @@ spring:
   application:
     name: wvp
   profiles:
-    active: local
+    active: localDev
 server:
-  port: 18080
 \ No newline at end of file
+  port: 18080
@@ -3,6 +3,14 @@
     <div class="page-header">
       <div class="page-title">设备列表</div>
       <div class="page-header-btn">
+        在线状态:
+        <el-select size="mini" style="width: 8rem; margin-right: 1rem;" @change="getDeviceList()" 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-button icon="el-icon-plus" size="mini" style="margin-right: 1rem;" type="primary" @click="add">添加设备
         </el-button>
         <el-button icon="el-icon-refresh-right" circle size="mini" :loading="getDeviceListLoading"
@@ -112,6 +120,7 @@ export default {
       currentDeviceChannelsLenth: 0,
       winHeight: window.innerHeight - 200,
       currentPage: 1,
+      online:'true',
       count: 15,
       total: 0,
       getDeviceListLoading: false,
@@ -157,7 +166,8 @@ export default {
         url: `/api/device/query/devices`,
         params: {
           page: this.currentPage,
-          count: this.count
+          count: this.count,
+          online: this.online
         }
       }).then( (res)=> {
         if (res.data.code === 0) {
@@ -25,6 +25,7 @@
             <el-option label="全部" value=""></el-option>
             <el-option label="在线" value="true"></el-option>
             <el-option label="离线" value="false"></el-option>
+            <el-option label="特定通道" value="the"></el-option>
           </el-select>
           码流类型重置:
           <el-select size="mini" style="width: 16rem; margin-right: 1rem;" @change="subStreamChange" v-model="subStream"
-window.baseUrl = "http://192.168.20.215:18089";
+window.baseUrl = `${window.location.protocol}//${window.location.hostname}${window.location.port ? ':' + window.location.port : ''}`;;
  
 // map组件全局参数, 注释此内容可以关闭地图功能
 window.mapParam = {