mirror of
https://gitee.com/pan648540858/wvp-GB28181-pro.git
synced 2026-05-26 23:17:50 +08:00
Compare commits
1 Commits
62137c2da6
...
376b313235
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
376b313235 |
@ -21,12 +21,6 @@ public class DeviceChannel extends CommonGBChannel {
|
|||||||
@Schema(description = "数据库自增ID")
|
@Schema(description = "数据库自增ID")
|
||||||
private int id;
|
private int id;
|
||||||
|
|
||||||
@Schema(description = "父设备编码")
|
|
||||||
private String parentDeviceId;
|
|
||||||
|
|
||||||
@Schema(description = "父设备名称")
|
|
||||||
private String parentName;
|
|
||||||
|
|
||||||
@MessageElementForCatalog("DeviceID")
|
@MessageElementForCatalog("DeviceID")
|
||||||
@Schema(description = "编码")
|
@Schema(description = "编码")
|
||||||
private String deviceId;
|
private String deviceId;
|
||||||
|
|||||||
@ -113,19 +113,6 @@ public class DeviceQuery {
|
|||||||
return deviceChannelService.queryChannelsByDeviceId(deviceId, query, channelType, online, page, count);
|
return deviceChannelService.queryChannelsByDeviceId(deviceId, query, channelType, online, page, count);
|
||||||
}
|
}
|
||||||
|
|
||||||
@GetMapping("/streams")
|
|
||||||
@Operation(summary = "分页查询存在流的通道", security = @SecurityRequirement(name = JwtUtils.HEADER))
|
|
||||||
@Parameter(name = "page", description = "当前页", required = true)
|
|
||||||
@Parameter(name = "count", description = "每页查询数量", required = true)
|
|
||||||
@Parameter(name = "query", description = "查询内容")
|
|
||||||
public PageInfo<DeviceChannel> streamChannels(int page, int count,
|
|
||||||
@RequestParam(required = false) String query) {
|
|
||||||
if (ObjectUtils.isEmpty(query)) {
|
|
||||||
query = null;
|
|
||||||
}
|
|
||||||
|
|
||||||
return deviceChannelService.queryChannels(query, true, null, null, true, page, count);
|
|
||||||
}
|
|
||||||
|
|
||||||
@Operation(summary = "同步设备通道", security = @SecurityRequirement(name = JwtUtils.HEADER))
|
@Operation(summary = "同步设备通道", security = @SecurityRequirement(name = JwtUtils.HEADER))
|
||||||
@Parameter(name = "deviceId", description = "设备国标编号", required = true)
|
@Parameter(name = "deviceId", description = "设备国标编号", required = true)
|
||||||
|
|||||||
@ -86,11 +86,10 @@ public interface DeviceChannelMapper {
|
|||||||
int update(DeviceChannel channel);
|
int update(DeviceChannel channel);
|
||||||
|
|
||||||
@SelectProvider(type = DeviceChannelProvider.class, method = "queryChannels")
|
@SelectProvider(type = DeviceChannelProvider.class, method = "queryChannels")
|
||||||
List<DeviceChannel> queryChannels(@Param("dataDeviceId") Integer dataDeviceId, @Param("civilCode") String civilCode,
|
List<DeviceChannel> queryChannels(@Param("dataDeviceId") int dataDeviceId, @Param("civilCode") String civilCode,
|
||||||
@Param("businessGroupId") String businessGroupId, @Param("parentChannelId") String parentChannelId,
|
@Param("businessGroupId") String businessGroupId, @Param("parentChannelId") String parentChannelId,
|
||||||
@Param("query") String query, @Param("queryParent") Boolean queryParent,
|
@Param("query") String query, @Param("hasSubChannel") Boolean hasSubChannel,
|
||||||
@Param("hasSubChannel") Boolean hasSubChannel, @Param("online") Boolean online,
|
@Param("online") Boolean online, @Param("channelIds") List<String> channelIds);
|
||||||
@Param("channelIds") List<String> channelIds, @Param("hasStream") Boolean hasStream);
|
|
||||||
|
|
||||||
@SelectProvider(type = DeviceChannelProvider.class, method = "queryChannelsByDeviceDbId")
|
@SelectProvider(type = DeviceChannelProvider.class, method = "queryChannelsByDeviceDbId")
|
||||||
List<DeviceChannel> queryChannelsByDeviceDbId(@Param("dataDeviceId") int dataDeviceId);
|
List<DeviceChannel> queryChannelsByDeviceDbId(@Param("dataDeviceId") int dataDeviceId);
|
||||||
|
|||||||
@ -20,8 +20,6 @@ public class DeviceChannelProvider {
|
|||||||
" dc.gps_time,\n" +
|
" dc.gps_time,\n" +
|
||||||
" dc.stream_identification,\n" +
|
" dc.stream_identification,\n" +
|
||||||
" dc.channel_type,\n" +
|
" dc.channel_type,\n" +
|
||||||
" d.device_id as parent_device_id,\n" +
|
|
||||||
" coalesce(d.custom_name, d.name) as parent_name,\n" +
|
|
||||||
" coalesce(dc.gb_device_id, dc.device_id) as device_id,\n" +
|
" coalesce(dc.gb_device_id, dc.device_id) as device_id,\n" +
|
||||||
" coalesce(dc.gb_name, dc.name) as name,\n" +
|
" coalesce(dc.gb_name, dc.name) as name,\n" +
|
||||||
" coalesce(dc.gb_manufacturer, dc.manufacturer) as manufacturer,\n" +
|
" coalesce(dc.gb_manufacturer, dc.manufacturer) as manufacturer,\n" +
|
||||||
@ -57,17 +55,13 @@ public class DeviceChannelProvider {
|
|||||||
" coalesce(dc.gb_svc_space_support_mod, dc.svc_space_support_mod) as svc_space_support_mod,\n" +
|
" coalesce(dc.gb_svc_space_support_mod, dc.svc_space_support_mod) as svc_space_support_mod,\n" +
|
||||||
" coalesce(dc.gb_svc_time_support_mode,dc.svc_time_support_mode) as svc_time_support_mode\n" +
|
" coalesce(dc.gb_svc_time_support_mode,dc.svc_time_support_mode) as svc_time_support_mode\n" +
|
||||||
" from " +
|
" from " +
|
||||||
" wvp_device_channel dc " +
|
" wvp_device_channel dc "
|
||||||
" left join wvp_device d on d.id = dc.data_device_id "
|
|
||||||
;
|
;
|
||||||
}
|
}
|
||||||
public String queryChannels(Map<String, Object> params ){
|
public String queryChannels(Map<String, Object> params ){
|
||||||
StringBuilder sqlBuild = new StringBuilder();
|
StringBuilder sqlBuild = new StringBuilder();
|
||||||
sqlBuild.append(getBaseSelectSql());
|
sqlBuild.append(getBaseSelectSql());
|
||||||
sqlBuild.append(" where data_type = " + ChannelDataType.GB28181.value);
|
sqlBuild.append(" where data_type = " + ChannelDataType.GB28181.value + " and dc.data_device_id = #{dataDeviceId} ");
|
||||||
if (params.get("dataDeviceId") != null) {
|
|
||||||
sqlBuild.append(" AND dc.data_device_id = #{dataDeviceId} ");
|
|
||||||
}
|
|
||||||
if (params.get("businessGroupId") != null ) {
|
if (params.get("businessGroupId") != null ) {
|
||||||
sqlBuild.append(" AND coalesce(dc.gb_business_group_id, dc.business_group_id)=#{businessGroupId} AND coalesce(dc.gb_parent_id, dc.parent_id) is null");
|
sqlBuild.append(" AND coalesce(dc.gb_business_group_id, dc.business_group_id)=#{businessGroupId} AND coalesce(dc.gb_parent_id, dc.parent_id) is null");
|
||||||
}else if (params.get("parentChannelId") != null ) {
|
}else if (params.get("parentChannelId") != null ) {
|
||||||
@ -79,15 +73,8 @@ public class DeviceChannelProvider {
|
|||||||
}
|
}
|
||||||
if (params.get("query") != null && !ObjectUtils.isEmpty(params.get("query"))) {
|
if (params.get("query") != null && !ObjectUtils.isEmpty(params.get("query"))) {
|
||||||
sqlBuild.append(" AND (coalesce(dc.gb_device_id, dc.device_id) LIKE concat('%',#{query},'%') escape '/'" +
|
sqlBuild.append(" AND (coalesce(dc.gb_device_id, dc.device_id) LIKE concat('%',#{query},'%') escape '/'" +
|
||||||
" OR coalesce(dc.gb_name, dc.name) LIKE concat('%',#{query},'%') escape '/'");
|
" OR coalesce(dc.gb_name, dc.name) LIKE concat('%',#{query},'%') escape '/')")
|
||||||
if (params.get("queryParent") != null && (Boolean) params.get("queryParent")) {
|
;
|
||||||
sqlBuild.append(" OR d.device_id LIKE concat('%',#{query},'%') escape '/'");
|
|
||||||
sqlBuild.append(" OR coalesce(d.custom_name, d.name) LIKE concat('%',#{query},'%') escape '/'");
|
|
||||||
}
|
|
||||||
sqlBuild.append(")");
|
|
||||||
}
|
|
||||||
if (params.get("hasStream") != null && (Boolean) params.get("hasStream")) {
|
|
||||||
sqlBuild.append(" AND dc.stream_id IS NOT NULL");
|
|
||||||
}
|
}
|
||||||
if (params.get("online") != null && (Boolean)params.get("online")) {
|
if (params.get("online") != null && (Boolean)params.get("online")) {
|
||||||
sqlBuild.append(" AND coalesce(gb_status, status) = 'ON'");
|
sqlBuild.append(" AND coalesce(gb_status, status) = 'ON'");
|
||||||
@ -114,7 +101,7 @@ public class DeviceChannelProvider {
|
|||||||
}
|
}
|
||||||
sqlBuild.append(" )");
|
sqlBuild.append(" )");
|
||||||
}
|
}
|
||||||
sqlBuild.append(" ORDER BY d.device_id, dc.device_id");
|
sqlBuild.append(" ORDER BY device_id");
|
||||||
return sqlBuild.toString();
|
return sqlBuild.toString();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,7 +1,10 @@
|
|||||||
package com.genersoft.iot.vmp.gb28181.service;
|
package com.genersoft.iot.vmp.gb28181.service;
|
||||||
|
|
||||||
import com.genersoft.iot.vmp.common.enums.DeviceControlType;
|
|
||||||
import com.genersoft.iot.vmp.gb28181.bean.*;
|
import com.genersoft.iot.vmp.gb28181.bean.*;
|
||||||
|
import com.genersoft.iot.vmp.common.enums.DeviceControlType;
|
||||||
|
import com.genersoft.iot.vmp.gb28181.bean.Device;
|
||||||
|
import com.genersoft.iot.vmp.gb28181.bean.DeviceChannel;
|
||||||
|
import com.genersoft.iot.vmp.gb28181.bean.MobilePosition;
|
||||||
import com.genersoft.iot.vmp.gb28181.controller.bean.ChannelReduce;
|
import com.genersoft.iot.vmp.gb28181.controller.bean.ChannelReduce;
|
||||||
import com.genersoft.iot.vmp.service.bean.ErrorCallback;
|
import com.genersoft.iot.vmp.service.bean.ErrorCallback;
|
||||||
import com.genersoft.iot.vmp.vmanager.bean.ResourceBaseInfo;
|
import com.genersoft.iot.vmp.vmanager.bean.ResourceBaseInfo;
|
||||||
@ -101,7 +104,6 @@ public interface IDeviceChannelService {
|
|||||||
|
|
||||||
PageInfo<DeviceChannel> queryChannelsByDeviceId(String deviceId, String query, Boolean channelType, Boolean online, int page, int count);
|
PageInfo<DeviceChannel> queryChannelsByDeviceId(String deviceId, String query, Boolean channelType, Boolean online, int page, int count);
|
||||||
|
|
||||||
PageInfo<DeviceChannel> queryChannels(String query, Boolean queryParent, Boolean channelType, Boolean online, Boolean hasStream, int page, int count);
|
|
||||||
|
|
||||||
List<Device> queryDeviceWithAsMessageChannel();
|
List<Device> queryDeviceWithAsMessageChannel();
|
||||||
|
|
||||||
|
|||||||
@ -696,7 +696,7 @@ public class DeviceChannelServiceImpl implements IDeviceChannelService {
|
|||||||
.replaceAll("%", "/%")
|
.replaceAll("%", "/%")
|
||||||
.replaceAll("_", "/_");
|
.replaceAll("_", "/_");
|
||||||
}
|
}
|
||||||
List<DeviceChannel> all = channelMapper.queryChannels(deviceDbId, civilCode, businessGroupId, parentId, query, false, channelType, online, null, null);
|
List<DeviceChannel> all = channelMapper.queryChannels(deviceDbId, civilCode, businessGroupId, parentId, query, channelType, online,null);
|
||||||
return new PageInfo<>(all);
|
return new PageInfo<>(all);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -717,19 +717,7 @@ public class DeviceChannelServiceImpl implements IDeviceChannelService {
|
|||||||
.replaceAll("_", "/_");
|
.replaceAll("_", "/_");
|
||||||
}
|
}
|
||||||
PageHelper.startPage(page, count);
|
PageHelper.startPage(page, count);
|
||||||
List<DeviceChannel> all = channelMapper.queryChannels(device.getId(), null, null, null, query, false, hasSubChannel, online, null, null);
|
List<DeviceChannel> all = channelMapper.queryChannels(device.getId(), null,null, null, query, hasSubChannel, online,null);
|
||||||
return new PageInfo<>(all);
|
|
||||||
}
|
|
||||||
|
|
||||||
@Override
|
|
||||||
public PageInfo<DeviceChannel> queryChannels(String query, Boolean queryParent, Boolean hasSubChannel, Boolean online, Boolean hasStream, int page, int count) {
|
|
||||||
PageHelper.startPage(page, count);
|
|
||||||
if (query != null) {
|
|
||||||
query = query.replaceAll("/", "//")
|
|
||||||
.replaceAll("%", "/%")
|
|
||||||
.replaceAll("_", "/_");
|
|
||||||
}
|
|
||||||
List<DeviceChannel> all = channelMapper.queryChannels(null, null, null, null, query, queryParent, hasSubChannel, online, null, hasStream);
|
|
||||||
return new PageInfo<>(all);
|
return new PageInfo<>(all);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 35 KiB |
@ -118,19 +118,6 @@ export function queryChannels(deviceId, params) {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
export function queryHasStreamChannels(params) {
|
|
||||||
const {page, count, query} = params
|
|
||||||
return request({
|
|
||||||
method: 'get',
|
|
||||||
url: `/api/device/query/streams`,
|
|
||||||
params: {
|
|
||||||
page: page,
|
|
||||||
count: count,
|
|
||||||
query: query
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
export function deviceRecord(params) {
|
export function deviceRecord(params) {
|
||||||
const { deviceId, channelId, recordCmdStr } = params
|
const { deviceId, channelId, recordCmdStr } = params
|
||||||
return request({
|
return request({
|
||||||
|
|||||||
@ -1,24 +1,17 @@
|
|||||||
import {
|
import {
|
||||||
add,
|
add, changeChannelAudio,
|
||||||
changeChannelAudio,
|
|
||||||
deleteDevice,
|
deleteDevice,
|
||||||
deviceRecord,
|
deviceRecord,
|
||||||
queryBasicParam,
|
queryBasicParam,
|
||||||
queryChannelOne,
|
queryChannelOne,
|
||||||
queryChannels,
|
queryChannels, queryChannelTree, queryDeviceOne,
|
||||||
queryChannelTree,
|
|
||||||
queryDeviceOne,
|
|
||||||
queryDevices,
|
queryDevices,
|
||||||
queryDeviceSyncStatus,
|
queryDeviceSyncStatus, queryDeviceTree,
|
||||||
queryDeviceTree,
|
|
||||||
queryHasStreamChannels,
|
|
||||||
resetGuard,
|
resetGuard,
|
||||||
setGuard,
|
setGuard,
|
||||||
subscribeCatalog,
|
subscribeCatalog,
|
||||||
subscribeMobilePosition,
|
subscribeMobilePosition,
|
||||||
sync,
|
sync, update, updateChannelStreamIdentification,
|
||||||
update,
|
|
||||||
updateChannelStreamIdentification,
|
|
||||||
updateDeviceTransport
|
updateDeviceTransport
|
||||||
} from '@/api/device'
|
} from '@/api/device'
|
||||||
|
|
||||||
@ -133,16 +126,6 @@ const actions = {
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
queryHasStreamChannels({commit}, params) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
queryHasStreamChannels(params).then(response => {
|
|
||||||
const {data} = response
|
|
||||||
resolve(data)
|
|
||||||
}).catch(error => {
|
|
||||||
reject(error)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
deviceRecord({ commit }, params) {
|
deviceRecord({ commit }, params) {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
deviceRecord(params).then(response => {
|
deviceRecord(params).then(response => {
|
||||||
|
|||||||
@ -3,7 +3,6 @@ import Cookies from 'js-cookie'
|
|||||||
const TokenKey = 'wvp_token'
|
const TokenKey = 'wvp_token'
|
||||||
const NameKey = 'wvp_username'
|
const NameKey = 'wvp_username'
|
||||||
const serverIdKey = 'wvp_server_id'
|
const serverIdKey = 'wvp_server_id'
|
||||||
const expires = 30
|
|
||||||
|
|
||||||
export function getToken() {
|
export function getToken() {
|
||||||
console.log('Getting token...')
|
console.log('Getting token...')
|
||||||
@ -11,7 +10,7 @@ export function getToken() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function setToken(token) {
|
export function setToken(token) {
|
||||||
return Cookies.set(TokenKey, token, {expires: expires})
|
return Cookies.set(TokenKey, token)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function removeToken() {
|
export function removeToken() {
|
||||||
@ -23,7 +22,7 @@ export function getName() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function setName(name) {
|
export function setName(name) {
|
||||||
return Cookies.set(NameKey, name, {expires: expires})
|
return Cookies.set(NameKey, name)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function removeName() {
|
export function removeName() {
|
||||||
@ -35,7 +34,7 @@ export function getServerId() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function setServerId(serverId) {
|
export function setServerId(serverId) {
|
||||||
return Cookies.set(serverIdKey, serverId, {expires: expires})
|
return Cookies.set(serverIdKey, serverId)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function removeServerId() {
|
export function removeServerId() {
|
||||||
|
|||||||
@ -1,21 +1,17 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="ConsoleNodeLoad" style="width: 100%; height: 100%; background: #FFFFFF; text-align: center">
|
<div id="ConsoleNodeLoad" style="width: 100%; height: 100%; background: #FFFFFF; text-align: center">
|
||||||
<ve-histogram ref="consoleNodeLoad" :data="chartData" :extend="extend" :events="events" :settings="chartSettings"
|
<ve-histogram ref="consoleNodeLoad" :data="chartData" :extend="extend" :settings="chartSettings" width="100%" height="100%" :legend-visible="true" />
|
||||||
width="100%" height="100%" :legend-visible="true"/>
|
|
||||||
|
|
||||||
<HasStreamChannel ref="hasStreamChannel"/>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
import veHistogram from 'v-charts/lib/histogram'
|
import veHistogram from 'v-charts/lib/histogram'
|
||||||
import HasStreamChannel from "@/views/dialog/hasStreamChannel";
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'ConsoleNodeLoad',
|
name: 'ConsoleNodeLoad',
|
||||||
components: {
|
components: {
|
||||||
veHistogram,
|
veHistogram
|
||||||
HasStreamChannel
|
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@ -47,9 +43,6 @@ export default {
|
|||||||
show: true,
|
show: true,
|
||||||
position: 'top'
|
position: 'top'
|
||||||
}
|
}
|
||||||
},
|
|
||||||
events: {
|
|
||||||
click: this.onClick
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -63,14 +56,10 @@ export default {
|
|||||||
destroyed() {
|
destroyed() {
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
setData: function (data) {
|
setData: function(data) {
|
||||||
this.chartData.rows = data
|
this.chartData.rows = data
|
||||||
},
|
|
||||||
onClick(v) {
|
|
||||||
if (v.seriesName === "国标收流") {
|
|
||||||
this.$refs.hasStreamChannel.openDialog();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -6,7 +6,6 @@
|
|||||||
v-el-drag-dialog
|
v-el-drag-dialog
|
||||||
title="视频播放"
|
title="视频播放"
|
||||||
top="0"
|
top="0"
|
||||||
append-to-body
|
|
||||||
:close-on-click-modal="false"
|
:close-on-click-modal="false"
|
||||||
:visible.sync="showVideoDialog"
|
:visible.sync="showVideoDialog"
|
||||||
@close="close()"
|
@close="close()"
|
||||||
|
|||||||
@ -1,147 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<el-dialog
|
|
||||||
v-if="showDialog"
|
|
||||||
v-el-drag-dialog
|
|
||||||
:visible.sync="showDialog"
|
|
||||||
title="国标收流列表"
|
|
||||||
width="70%"
|
|
||||||
top="5rem"
|
|
||||||
append-to-body
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
>
|
|
||||||
<el-form :inline="true" size="mini" @submit.native.prevent>
|
|
||||||
<el-form-item label="搜索">
|
|
||||||
<el-input
|
|
||||||
v-model="query"
|
|
||||||
placeholder="关键字"
|
|
||||||
prefix-icon="el-icon-search"
|
|
||||||
clearable
|
|
||||||
@input="getChannelList"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="channelList" :height="500" stripe>
|
|
||||||
<el-table-column prop="parentDeviceId" label="设备编号" min-width="180"/>
|
|
||||||
<el-table-column prop="parentName" label="设备名称" min-width="180"/>
|
|
||||||
<el-table-column prop="deviceId" label="通道编号" min-width="180"/>
|
|
||||||
<el-table-column prop="name" label="通道名称" min-width="180"/>
|
|
||||||
<el-table-column prop="ptzType" label="云台类型" min-width="100">
|
|
||||||
<template v-slot:default="scope">
|
|
||||||
<div>{{ scope.row.ptzTypeText }}</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作" min-width="120" fixed="right">
|
|
||||||
<template v-slot:default="scope">
|
|
||||||
<el-button
|
|
||||||
size="medium"
|
|
||||||
icon="el-icon-video-play"
|
|
||||||
type="text"
|
|
||||||
:loading="scope.row.playing"
|
|
||||||
@click="sendDevicePush(scope.row)"
|
|
||||||
>播放
|
|
||||||
</el-button>
|
|
||||||
<el-button
|
|
||||||
size="medium"
|
|
||||||
icon="el-icon-switch-button"
|
|
||||||
type="text"
|
|
||||||
style="color: #f56c6c"
|
|
||||||
@click="stopDevicePush(scope.row)"
|
|
||||||
>停止
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<el-pagination
|
|
||||||
style="margin-top: 10px; text-align: right"
|
|
||||||
:current-page="currentPage"
|
|
||||||
:page-size="count"
|
|
||||||
:page-sizes="[15, 25, 35, 50]"
|
|
||||||
layout="total, sizes, prev, pager, next"
|
|
||||||
:total="total"
|
|
||||||
@size-change="handleSizeChange"
|
|
||||||
@current-change="currentChange"
|
|
||||||
/>
|
|
||||||
</el-dialog>
|
|
||||||
|
|
||||||
<devicePlayer ref="devicePlayer"/>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import devicePlayer from "@/views/dialog/devicePlayer";
|
|
||||||
import elDragDialog from "@/directive/el-drag-dialog";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "HasStreamChannel",
|
|
||||||
directives: {elDragDialog},
|
|
||||||
components: {devicePlayer},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
showDialog: false,
|
|
||||||
loading: false,
|
|
||||||
playing: false,
|
|
||||||
channelList: [],
|
|
||||||
query: null,
|
|
||||||
currentPage: 1,
|
|
||||||
count: 15,
|
|
||||||
total: 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
openDialog: function () {
|
|
||||||
this.showDialog = true;
|
|
||||||
this.getChannelList();
|
|
||||||
},
|
|
||||||
getChannelList: function () {
|
|
||||||
this.loading = true;
|
|
||||||
this.$store.dispatch("device/queryHasStreamChannels", {
|
|
||||||
page: this.currentPage,
|
|
||||||
count: this.count,
|
|
||||||
query: this.query
|
|
||||||
}).then((data) => {
|
|
||||||
this.total = data.total
|
|
||||||
this.channelList = data.list
|
|
||||||
}).finally(() => {
|
|
||||||
this.loading = false
|
|
||||||
})
|
|
||||||
},
|
|
||||||
currentChange: function (val) {
|
|
||||||
this.currentPage = val
|
|
||||||
this.getChannelList()
|
|
||||||
},
|
|
||||||
handleSizeChange: function (val) {
|
|
||||||
this.count = val
|
|
||||||
this.getChannelList()
|
|
||||||
},
|
|
||||||
sendDevicePush: function (row) {
|
|
||||||
const deviceId = row.parentDeviceId
|
|
||||||
const channelId = row.deviceId
|
|
||||||
this.$set(row, "playing", true)
|
|
||||||
this.$store.dispatch("play/play", [deviceId, channelId])
|
|
||||||
.then((data) => {
|
|
||||||
this.$refs.devicePlayer.openDialog("media", deviceId, channelId, {
|
|
||||||
streamInfo: data,
|
|
||||||
hasAudio: row.hasAudio
|
|
||||||
})
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
this.$set(row, "playing", false)
|
|
||||||
})
|
|
||||||
},
|
|
||||||
stopDevicePush: function (row) {
|
|
||||||
this.$store.dispatch("play/stop", [row.parentDeviceId, row.deviceId]).then(_ => {
|
|
||||||
this.getChannelList();
|
|
||||||
}).catch((error) => {
|
|
||||||
if (error.response.status === 402) {
|
|
||||||
this.getChannelList();
|
|
||||||
} else {
|
|
||||||
this.$message.error({showClose: true, message: error})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@ -61,7 +61,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {validUsername} from '@/utils/validate'
|
import { validUsername } from '@/utils/validate'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Login',
|
name: 'Login',
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user