648540858
3 years ago
40 changed files with 732 additions and 1041 deletions
@ -1,74 +0,0 @@ |
|||||
package com.genersoft.iot.vmp.utils.node; |
|
||||
|
|
||||
import com.fasterxml.jackson.annotation.JsonInclude; |
|
||||
|
|
||||
import java.util.ArrayList; |
|
||||
import java.util.List; |
|
||||
|
|
||||
/** |
|
||||
* 节点基类 |
|
||||
* |
|
||||
*/ |
|
||||
public class BaseNode<T> implements INode<T> { |
|
||||
|
|
||||
private static final long serialVersionUID = 1L; |
|
||||
|
|
||||
/** |
|
||||
* 主键ID |
|
||||
*/ |
|
||||
protected String channelId; |
|
||||
|
|
||||
/** |
|
||||
* 父节点ID |
|
||||
*/ |
|
||||
protected String parentId; |
|
||||
|
|
||||
/** |
|
||||
* 子孙节点 |
|
||||
*/ |
|
||||
@JsonInclude(JsonInclude.Include.NON_EMPTY) |
|
||||
protected List<T> children = new ArrayList<T>(); |
|
||||
|
|
||||
/** |
|
||||
* 是否有子孙节点 |
|
||||
*/ |
|
||||
@JsonInclude(JsonInclude.Include.NON_EMPTY) |
|
||||
private Boolean hasChildren; |
|
||||
|
|
||||
/** |
|
||||
* 是否有子孙节点 |
|
||||
* |
|
||||
* @return Boolean |
|
||||
*/ |
|
||||
@Override |
|
||||
public Boolean getHasChildren() { |
|
||||
if (children.size() > 0) { |
|
||||
return true; |
|
||||
} else { |
|
||||
return this.hasChildren; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
@Override |
|
||||
public String getChannelId() { |
|
||||
return channelId; |
|
||||
} |
|
||||
|
|
||||
@Override |
|
||||
public String getParentId() { |
|
||||
return parentId; |
|
||||
} |
|
||||
|
|
||||
@Override |
|
||||
public List<T> getChildren() { |
|
||||
return children; |
|
||||
} |
|
||||
|
|
||||
public void setChildren(List<T> children) { |
|
||||
this.children = children; |
|
||||
} |
|
||||
|
|
||||
public void setHasChildren(Boolean hasChildren) { |
|
||||
this.hasChildren = hasChildren; |
|
||||
} |
|
||||
} |
|
||||
@ -1,31 +0,0 @@ |
|||||
package com.genersoft.iot.vmp.utils.node; |
|
||||
|
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* 森林节点类 |
|
||||
* |
|
||||
*/ |
|
||||
public class ForestNode extends BaseNode<ForestNode> { |
|
||||
|
|
||||
private static final long serialVersionUID = 1L; |
|
||||
|
|
||||
/** |
|
||||
* 节点内容 |
|
||||
*/ |
|
||||
private Object content; |
|
||||
|
|
||||
public ForestNode(String id, String parentId, Object content) { |
|
||||
this.channelId = id; |
|
||||
this.parentId = parentId; |
|
||||
this.content = content; |
|
||||
} |
|
||||
|
|
||||
public Object getContent() { |
|
||||
return content; |
|
||||
} |
|
||||
|
|
||||
public void setContent(Object content) { |
|
||||
this.content = content; |
|
||||
} |
|
||||
} |
|
||||
@ -1,68 +0,0 @@ |
|||||
package com.genersoft.iot.vmp.utils.node; |
|
||||
|
|
||||
import com.google.common.collect.ImmutableMap; |
|
||||
import com.google.common.collect.Maps; |
|
||||
|
|
||||
import java.util.ArrayList; |
|
||||
import java.util.List; |
|
||||
import java.util.Map; |
|
||||
|
|
||||
/** |
|
||||
* 森林管理类 |
|
||||
* |
|
||||
* @author smallchill |
|
||||
*/ |
|
||||
public class ForestNodeManager<T extends INode<T>> { |
|
||||
|
|
||||
/** |
|
||||
* 森林的所有节点 |
|
||||
*/ |
|
||||
private final ImmutableMap<String, T> nodeMap; |
|
||||
|
|
||||
/** |
|
||||
* 森林的父节点ID |
|
||||
*/ |
|
||||
private final Map<String, Object> parentIdMap = Maps.newHashMap(); |
|
||||
|
|
||||
public ForestNodeManager(List<T> nodes) { |
|
||||
nodeMap = Maps.uniqueIndex(nodes, INode::getChannelId); |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* 根据节点ID获取一个节点 |
|
||||
* |
|
||||
* @param id 节点ID |
|
||||
* @return 对应的节点对象 |
|
||||
*/ |
|
||||
public INode<T> getTreeNodeAt(String id) { |
|
||||
if (nodeMap.containsKey(id)) { |
|
||||
return nodeMap.get(id); |
|
||||
} |
|
||||
return null; |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* 增加父节点ID |
|
||||
* |
|
||||
* @param parentId 父节点ID |
|
||||
*/ |
|
||||
public void addParentId(String parentId) { |
|
||||
parentIdMap.put(parentId, ""); |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* 获取树的根节点(一个森林对应多颗树) |
|
||||
* |
|
||||
* @return 树的根节点集合 |
|
||||
*/ |
|
||||
public List<T> getRoot() { |
|
||||
List<T> roots = new ArrayList<>(); |
|
||||
nodeMap.forEach((key, node) -> { |
|
||||
if (node.getParentId() == null || parentIdMap.containsKey(node.getChannelId())) { |
|
||||
roots.add(node); |
|
||||
} |
|
||||
}); |
|
||||
return roots; |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
@ -1,51 +0,0 @@ |
|||||
package com.genersoft.iot.vmp.utils.node; |
|
||||
|
|
||||
import com.genersoft.iot.vmp.utils.CollectionUtil; |
|
||||
|
|
||||
import java.util.List; |
|
||||
|
|
||||
/** |
|
||||
* 森林节点归并类 |
|
||||
* |
|
||||
*/ |
|
||||
public class ForestNodeMerger { |
|
||||
|
|
||||
/** |
|
||||
* 将节点数组归并为一个森林（多棵树）（填充节点的children域） |
|
||||
* 时间复杂度为O(n^2) |
|
||||
* |
|
||||
* @param items 节点域 |
|
||||
* @return 多棵树的根节点集合 |
|
||||
*/ |
|
||||
public static <T extends INode<T>> List<T> merge(List<T> items) { |
|
||||
ForestNodeManager<T> forestNodeManager = new ForestNodeManager<>(items); |
|
||||
items.forEach(forestNode -> { |
|
||||
if (forestNode.getParentId() != null) { |
|
||||
INode<T> node = forestNodeManager.getTreeNodeAt(forestNode.getParentId()); |
|
||||
if (node != null) { |
|
||||
node.getChildren().add(forestNode); |
|
||||
} else { |
|
||||
forestNodeManager.addParentId(forestNode.getChannelId()); |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
return forestNodeManager.getRoot(); |
|
||||
} |
|
||||
|
|
||||
public static <T extends INode<T>> List<T> merge(List<T> items, String[] parentIds) { |
|
||||
ForestNodeManager<T> forestNodeManager = new ForestNodeManager<>(items); |
|
||||
items.forEach(forestNode -> { |
|
||||
if (forestNode.getParentId() != null) { |
|
||||
INode<T> node = forestNodeManager.getTreeNodeAt(forestNode.getParentId()); |
|
||||
if (CollectionUtil.contains(parentIds, forestNode.getChannelId())){ |
|
||||
forestNodeManager.addParentId(forestNode.getChannelId()); |
|
||||
} else { |
|
||||
if (node != null){ |
|
||||
node.getChildren().add(forestNode); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
return forestNodeManager.getRoot(); |
|
||||
} |
|
||||
} |
|
||||
@ -1,42 +0,0 @@ |
|||||
package com.genersoft.iot.vmp.utils.node; |
|
||||
|
|
||||
import java.io.Serializable; |
|
||||
import java.util.List; |
|
||||
|
|
||||
/** |
|
||||
* |
|
||||
* 节点 |
|
||||
*/ |
|
||||
public interface INode<T> extends Serializable { |
|
||||
|
|
||||
/** |
|
||||
* 主键 |
|
||||
* |
|
||||
* @return String |
|
||||
*/ |
|
||||
String getChannelId(); |
|
||||
|
|
||||
/** |
|
||||
* 父主键 |
|
||||
* |
|
||||
* @return String |
|
||||
*/ |
|
||||
String getParentId(); |
|
||||
|
|
||||
/** |
|
||||
* 子孙节点 |
|
||||
* |
|
||||
* @return List<T> |
|
||||
*/ |
|
||||
List<T> getChildren(); |
|
||||
|
|
||||
/** |
|
||||
* 是否有子孙节点 |
|
||||
* |
|
||||
* @return Boolean |
|
||||
*/ |
|
||||
default Boolean getHasChildren() { |
|
||||
return false; |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
@ -1,42 +0,0 @@ |
|||||
package com.genersoft.iot.vmp.utils.node; |
|
||||
|
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* 树型节点类 |
|
||||
* |
|
||||
*/ |
|
||||
public class TreeNode extends BaseNode<TreeNode> { |
|
||||
|
|
||||
private static final long serialVersionUID = 1L; |
|
||||
|
|
||||
private String title; |
|
||||
|
|
||||
private String key; |
|
||||
|
|
||||
private String value; |
|
||||
|
|
||||
public String getTitle() { |
|
||||
return title; |
|
||||
} |
|
||||
|
|
||||
public void setTitle(String title) { |
|
||||
this.title = title; |
|
||||
} |
|
||||
|
|
||||
public String getKey() { |
|
||||
return key; |
|
||||
} |
|
||||
|
|
||||
public void setKey(String key) { |
|
||||
this.key = key; |
|
||||
} |
|
||||
|
|
||||
public String getValue() { |
|
||||
return value; |
|
||||
} |
|
||||
|
|
||||
public void setValue(String value) { |
|
||||
this.value = value; |
|
||||
} |
|
||||
} |
|
||||
@ -1,121 +0,0 @@ |
|||||
package com.genersoft.iot.vmp.vmanager.bean; |
|
||||
|
|
||||
import com.fasterxml.jackson.annotation.JsonInclude; |
|
||||
import com.genersoft.iot.vmp.gb28181.bean.DeviceChannel; |
|
||||
import com.genersoft.iot.vmp.utils.node.INode; |
|
||||
import io.swagger.annotations.ApiModel; |
|
||||
|
|
||||
import java.util.ArrayList; |
|
||||
import java.util.List; |
|
||||
|
|
||||
@ApiModel(value = "DeviceChannelTree对象", description = "DeviceChannelTree对象") |
|
||||
public class DeviceChannelTree extends DeviceChannel implements INode<DeviceChannelTree> { |
|
||||
private static final long serialVersionUID = 1L; |
|
||||
|
|
||||
/** |
|
||||
* 主键ID |
|
||||
*/ |
|
||||
private int id; |
|
||||
|
|
||||
/** |
|
||||
* 父节点ID |
|
||||
*/ |
|
||||
private String parentId; |
|
||||
|
|
||||
private String parentName; |
|
||||
|
|
||||
private String title; |
|
||||
|
|
||||
private String key; |
|
||||
|
|
||||
private String value; |
|
||||
|
|
||||
/** |
|
||||
* 子孙节点 |
|
||||
*/ |
|
||||
@JsonInclude(JsonInclude.Include.NON_EMPTY) |
|
||||
private List<DeviceChannelTree> children; |
|
||||
|
|
||||
/** |
|
||||
* 是否有子孙节点 |
|
||||
*/ |
|
||||
@JsonInclude(JsonInclude.Include.NON_EMPTY) |
|
||||
private Boolean hasChildren; |
|
||||
|
|
||||
@Override |
|
||||
public List<DeviceChannelTree> getChildren() { |
|
||||
if (this.children == null) { |
|
||||
this.children = new ArrayList<>(); |
|
||||
} |
|
||||
return this.children; |
|
||||
} |
|
||||
|
|
||||
@Override |
|
||||
public Boolean getHasChildren() { |
|
||||
if (children.size() > 0) { |
|
||||
return true; |
|
||||
} else { |
|
||||
return this.hasChildren; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
@Override |
|
||||
public int getId() { |
|
||||
return id; |
|
||||
} |
|
||||
|
|
||||
@Override |
|
||||
public void setId(int id) { |
|
||||
this.id = id; |
|
||||
} |
|
||||
|
|
||||
@Override |
|
||||
public String getParentId() { |
|
||||
return parentId; |
|
||||
} |
|
||||
|
|
||||
@Override |
|
||||
public void setParentId(String parentId) { |
|
||||
this.parentId = parentId; |
|
||||
} |
|
||||
|
|
||||
public String getParentName() { |
|
||||
return parentName; |
|
||||
} |
|
||||
|
|
||||
public void setParentName(String parentName) { |
|
||||
this.parentName = parentName; |
|
||||
} |
|
||||
|
|
||||
public String getTitle() { |
|
||||
return title; |
|
||||
} |
|
||||
|
|
||||
public void setTitle(String title) { |
|
||||
this.title = title; |
|
||||
} |
|
||||
|
|
||||
public String getKey() { |
|
||||
return key; |
|
||||
} |
|
||||
|
|
||||
public void setKey(String key) { |
|
||||
this.key = key; |
|
||||
} |
|
||||
|
|
||||
public String getValue() { |
|
||||
return value; |
|
||||
} |
|
||||
|
|
||||
public void setValue(String value) { |
|
||||
this.value = value; |
|
||||
} |
|
||||
|
|
||||
public void setChildren(List<DeviceChannelTree> children) { |
|
||||
this.children = children; |
|
||||
} |
|
||||
|
|
||||
public void setHasChildren(Boolean hasChildren) { |
|
||||
this.hasChildren = hasChildren; |
|
||||
} |
|
||||
} |
|
||||
@ -1,56 +0,0 @@ |
|||||
package com.genersoft.iot.vmp.vmanager.bean; |
|
||||
|
|
||||
import com.genersoft.iot.vmp.utils.node.TreeNode; |
|
||||
|
|
||||
public class DeviceChannelTreeNode extends TreeNode { |
|
||||
|
|
||||
private Integer status; |
|
||||
|
|
||||
private String deviceId; |
|
||||
|
|
||||
private String channelId; |
|
||||
|
|
||||
private Double lng; |
|
||||
|
|
||||
private Double lat; |
|
||||
|
|
||||
public Integer getStatus() { |
|
||||
return status; |
|
||||
} |
|
||||
|
|
||||
public void setStatus(Integer status) { |
|
||||
this.status = status; |
|
||||
} |
|
||||
|
|
||||
public String getDeviceId() { |
|
||||
return deviceId; |
|
||||
} |
|
||||
|
|
||||
public void setDeviceId(String deviceId) { |
|
||||
this.deviceId = deviceId; |
|
||||
} |
|
||||
|
|
||||
public String getChannelId() { |
|
||||
return channelId; |
|
||||
} |
|
||||
|
|
||||
public void setChannelId(String channelId) { |
|
||||
this.channelId = channelId; |
|
||||
} |
|
||||
|
|
||||
public Double getLng() { |
|
||||
return lng; |
|
||||
} |
|
||||
|
|
||||
public void setLng(Double lng) { |
|
||||
this.lng = lng; |
|
||||
} |
|
||||
|
|
||||
public Double getLat() { |
|
||||
return lat; |
|
||||
} |
|
||||
|
|
||||
public void setLat(Double lat) { |
|
||||
this.lat = lat; |
|
||||
} |
|
||||
} |
|
||||
@ -1,19 +0,0 @@ |
|||||
import axios from 'axios'; |
|
||||
|
|
||||
export const tree = (deviceId) => { |
|
||||
return axios({ |
|
||||
url: `/api/device/query/${deviceId}/tree`, |
|
||||
method: 'get' |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
export const deviceList = (page, count) => { |
|
||||
return axios({ |
|
||||
method: 'get', |
|
||||
url:`/api/device/query/devices`, |
|
||||
params: { |
|
||||
page, |
|
||||
count |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
@ -1,70 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<el-tree :data="channelList" :props="props" @node-click="sendDevicePush"> |
|
||||
<span slot-scope="{ node }"> |
|
||||
<span v-if="node.isLeaf"> |
|
||||
<i class="el-icon-video-camera" :style="{color:node.disabled==1?'#67C23A':'#F56C6C'}"></i> |
|
||||
</span> |
|
||||
<span v-else> |
|
||||
<i class="el-icon-folder"></i> |
|
||||
</span> |
|
||||
<span> |
|
||||
{{ node.label }} |
|
||||
</span> |
|
||||
</span> |
|
||||
</el-tree> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script> |
|
||||
import ChannelTreeItem from "@/components/channelTreeItem" |
|
||||
import {tree} from '@/api/deviceApi' |
|
||||
|
|
||||
export default { |
|
||||
components: { |
|
||||
ChannelTreeItem, |
|
||||
}, |
|
||||
props:{ |
|
||||
device: { |
|
||||
type: Object, |
|
||||
required: true |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
loading: false, |
|
||||
channelList: [], |
|
||||
props: { |
|
||||
label: 'title', |
|
||||
children: 'children', |
|
||||
isLeaf: 'hasChildren', |
|
||||
disabled: 'status' |
|
||||
}, |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
|
|
||||
}, |
|
||||
mounted() { |
|
||||
this.leafs = [] |
|
||||
this.getTree() |
|
||||
}, |
|
||||
methods: { |
|
||||
getTree() { |
|
||||
this.loading = true |
|
||||
var that = this |
|
||||
tree(this.device.deviceId).then(function (res) { |
|
||||
console.log(res.data.data); |
|
||||
that.channelList = res.data.data; |
|
||||
that.loading = false; |
|
||||
}).catch(function (error) { |
|
||||
console.log(error); |
|
||||
that.loading = false; |
|
||||
}); |
|
||||
}, |
|
||||
sendDevicePush(c) { |
|
||||
if(c.hasChildren) return |
|
||||
this.$emit('sendDevicePush',c) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,74 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<!-- <div :index="item.key" v-for="(item,i) in list" :key="i+'-'"> |
|
||||
<el-submenu v-if="item.hasChildren"> |
|
||||
<template slot="title"> |
|
||||
<i class="el-icon-video-camera"></i> |
|
||||
<span slot="title">{{item.title || item.deviceId}}</span> |
|
||||
</template> |
|
||||
<channel-list :list="item.children" @sendDevicePush="sendDevicePush"></channel-list> |
|
||||
</el-submenu> |
|
||||
<el-menu-item v-else :index="item.key" @click="sendDevicePush(item)"> |
|
||||
<template slot="title" > |
|
||||
<i class="el-icon-switch-button" :style="{color:item.status==1?'#67C23A':'#F56C6C'}"></i> |
|
||||
<span slot="title">{{item.title}}</span> |
|
||||
</template> |
|
||||
</el-menu-item> |
|
||||
</div> --> |
|
||||
<div > |
|
||||
<template v-if="!item.hasChildren"> |
|
||||
<el-menu-item :index="item.key" @click="sendDevicePush(item)"> |
|
||||
<i class="el-icon-video-camera" :style="{color:item.status==1?'#67C23A':'#F56C6C'}"></i> |
|
||||
{{item.title}} |
|
||||
</el-menu-item> |
|
||||
</template> |
|
||||
|
|
||||
<el-submenu v-else :index="item.key"> |
|
||||
<template slot="title" > |
|
||||
<i class="el-icon-location-outline"></i> |
|
||||
{{item.title}} |
|
||||
</template> |
|
||||
|
|
||||
<template v-for="child in item.children"> |
|
||||
<channel-item |
|
||||
v-if="child.hasChildren" |
|
||||
:item="child" |
|
||||
:key="child.key" |
|
||||
@sendDevicePush="sendDevicePush"/> |
|
||||
<el-menu-item v-else :key="child.key" :index="child.key" @click="sendDevicePush(child)"> |
|
||||
<i class="el-icon-video-camera" :style="{color:child.status==1?'#67C23A':'#F56C6C'}"></i> |
|
||||
{{child.title}} |
|
||||
</el-menu-item> |
|
||||
</template> |
|
||||
</el-submenu> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script> |
|
||||
export default { |
|
||||
name:'ChannelItem', |
|
||||
props:{ |
|
||||
list:Array, |
|
||||
channelId: String, |
|
||||
item: { |
|
||||
type: Object, |
|
||||
required: true |
|
||||
} |
|
||||
}, |
|
||||
data () { |
|
||||
return { |
|
||||
|
|
||||
} |
|
||||
}, |
|
||||
watch: { |
|
||||
channelId(val) { |
|
||||
console.log(val); |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
sendDevicePush(c) { |
|
||||
this.$emit('sendDevicePush',c) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -0,0 +1,65 @@ |
|||||
|
<template> |
||||
|
<div id="channelMapInfobox" style="display: none"> |
||||
|
<div > |
||||
|
<el-descriptions class="margin-top" title="channel.name" :column="4" direction="vertical"> |
||||
|
<el-descriptions-item label="生产厂商">{{channel.manufacture}}</el-descriptions-item> |
||||
|
<el-descriptions-item label="型号">{{channel.model}}</el-descriptions-item> |
||||
|
<el-descriptions-item label="设备归属" >{{channel.owner}}</el-descriptions-item> |
||||
|
<el-descriptions-item label="行政区域" >{{channel.civilCode}}</el-descriptions-item> |
||||
|
<el-descriptions-item label="安装地址" >{{channel.address}}</el-descriptions-item> |
||||
|
<el-descriptions-item label="云台类型" >{{channel.ptztypeText}}</el-descriptions-item> |
||||
|
<el-descriptions-item label="经纬度" >{{channel.longitude}},{{channel.latitude}}</el-descriptions-item> |
||||
|
<el-descriptions-item label="状态"> |
||||
|
<el-tag size="small" v-if="channel.status === 1">在线</el-tag> |
||||
|
<el-tag size="small" v-if="channel.status === 0">离线</el-tag> |
||||
|
</el-descriptions-item> |
||||
|
</el-descriptions> |
||||
|
</div> |
||||
|
|
||||
|
<devicePlayer ref="devicePlayer" v-loading="isLoging"></devicePlayer> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import devicePlayer from '../dialog/devicePlayer.vue' |
||||
|
|
||||
|
export default { |
||||
|
name: "channelMapInfobox", |
||||
|
props: ['channel'], |
||||
|
computed: {devicePlayer}, |
||||
|
created() {}, |
||||
|
data() { |
||||
|
return { |
||||
|
showDialog: false, |
||||
|
isLoging: false |
||||
|
}; |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
play: function (){ |
||||
|
let deviceId = this.channel.deviceId; |
||||
|
this.isLoging = true; |
||||
|
let channelId = this.channel.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) { |
||||
|
that.$refs.devicePlayer.openDialog("media", deviceId, channelId, { |
||||
|
streamInfo: res.data.data, |
||||
|
hasAudio: this.channel.hasAudio |
||||
|
}); |
||||
|
} else { |
||||
|
that.$message.error(res.data.msg); |
||||
|
} |
||||
|
}).catch(function (e) { |
||||
|
}); |
||||
|
}, |
||||
|
close: function () { |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
@ -0,0 +1,100 @@ |
|||||
|
<template> |
||||
|
<div id="queryTrace" > |
||||
|
<el-dialog |
||||
|
title="查询轨迹" |
||||
|
width="40%" |
||||
|
top="2rem" |
||||
|
:close-on-click-modal="false" |
||||
|
:visible.sync="showDialog" |
||||
|
:destroy-on-close="true" |
||||
|
@close="close()" |
||||
|
> |
||||
|
<div v-loading="isLoging"> |
||||
|
<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 icon="el-icon-search" size="mini" type="primary" @click="onSubmit">查询</el-button> |
||||
|
</div> |
||||
|
|
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import DeviceService from '../service/DeviceService' |
||||
|
|
||||
|
export default { |
||||
|
name: "deviceEdit", |
||||
|
props: [], |
||||
|
computed: {}, |
||||
|
created() {}, |
||||
|
data() { |
||||
|
return { |
||||
|
deviceService: new DeviceService(), |
||||
|
pickerOptions: { |
||||
|
shortcuts: [{ |
||||
|
text: '今天', |
||||
|
onClick(picker) { |
||||
|
picker.$emit('pick', new Date()); |
||||
|
} |
||||
|
}, { |
||||
|
text: '昨天', |
||||
|
onClick(picker) { |
||||
|
const date = new Date(); |
||||
|
date.setTime(date.getTime() - 3600 * 1000 * 24); |
||||
|
picker.$emit('pick', date); |
||||
|
} |
||||
|
}, { |
||||
|
text: '一周前', |
||||
|
onClick(picker) { |
||||
|
const date = new Date(); |
||||
|
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7); |
||||
|
picker.$emit('pick', date); |
||||
|
} |
||||
|
}] |
||||
|
}, |
||||
|
searchFrom: null, |
||||
|
searchTo: null, |
||||
|
listChangeCallback: null, |
||||
|
showDialog: false, |
||||
|
isLoging: false, |
||||
|
channel: null, |
||||
|
callback: null, |
||||
|
}; |
||||
|
}, |
||||
|
methods: { |
||||
|
openDialog: function (channel, callback) { |
||||
|
console.log(channel) |
||||
|
this.showDialog = true; |
||||
|
this.callback = callback; |
||||
|
this.channel = channel; |
||||
|
}, |
||||
|
|
||||
|
onSubmit: function () { |
||||
|
console.log("onSubmit"); |
||||
|
this.isLoging = true; |
||||
|
this.$axios.get(`/api/position/history/${this.channel.deviceId}/${this.channel.channelId}`, { |
||||
|
}).then((res)=> { |
||||
|
this.isLoging = false; |
||||
|
if (typeof this.callback == "function") { |
||||
|
if (res.data.code == 0) { |
||||
|
this.callback(res.data.data) |
||||
|
this.close() |
||||
|
}else { |
||||
|
this.$message.error(res.data.msg); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}).catch(function (error) { |
||||
|
this.isLoging = false; |
||||
|
console.error(error); |
||||
|
}) |
||||
|
}, |
||||
|
close: function () { |
||||
|
this.showDialog = false; |
||||
|
this.isLoging = false; |
||||
|
this.callback = null; |
||||
|
this.channel = null; |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 9.8 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 13 KiB |
Loading…
Reference in new issue