|
|
@@ -1,11 +1,10 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <el-dialog title="电视墙" :visible.sync="TVWallVisible" v-if="TVWallVisible" width="40%" @close="cancelEventLocationShow()">
|
|
|
- <div style="width:100%;height:400px;position:relative;">
|
|
|
- <div id="dom1" class="dom1"></div>
|
|
|
- <div id="dom2" class="dom2"></div>
|
|
|
- <div id="dom3" class="dom3"></div>
|
|
|
- </div>
|
|
|
+ <el-dialog title="电视墙" :visible.sync="TVWallVisible" v-if="TVWallVisible" width="770px" style="height: 700px;"
|
|
|
+ @close="cancelEventLocationShow()">
|
|
|
+ <div style="width:100%;height:400px;position:relative;">
|
|
|
+ <div id="dom1" class="dom1"></div>
|
|
|
+ </div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
|
|
|
@@ -13,81 +12,80 @@
|
|
|
|
|
|
<script>
|
|
|
/** ----------------------------------摄像头预览开始------------------------------------- */
|
|
|
- import { getDahuaVideoServer,getTVWallList } from '@/api/dahua/dahua'
|
|
|
+ import { getDahuaVideoServer, getTVWallList } from '@/api/dahua/dahua'
|
|
|
import DHWs from '@/dahua/lib/DHWs'
|
|
|
|
|
|
/** ----------------------------------摄像头预览结束------------------------------------- */
|
|
|
export default {
|
|
|
dicts: ['event_source'],
|
|
|
- components: {
|
|
|
- },
|
|
|
+ components: {},
|
|
|
data() {
|
|
|
return {
|
|
|
- tvListJson:[{
|
|
|
- "switchTab": "1",
|
|
|
- "treeLabels": [
|
|
|
+ tvListJson: [{
|
|
|
+ 'switchTab': '1',
|
|
|
+ 'treeLabels': [
|
|
|
{
|
|
|
- "labelCode": "123456",
|
|
|
- "labelName": "视频场景",
|
|
|
- "parentLabelCode": null
|
|
|
- },
|
|
|
+ 'labelCode': '123456',
|
|
|
+ 'labelName': '视频场景',
|
|
|
+ 'parentLabelCode': null
|
|
|
+ },
|
|
|
{
|
|
|
- "labelCode": "5a81d1bd499b4940a21fc63ca51f4dfa",
|
|
|
- "labelName": "标签2",
|
|
|
- "parentLabelCode": 123456
|
|
|
+ 'labelCode': '5a81d1bd499b4940a21fc63ca51f4dfa',
|
|
|
+ 'labelName': '标签2',
|
|
|
+ 'parentLabelCode': 123456
|
|
|
},
|
|
|
{
|
|
|
- "labelCode": "d941adbbd3e64dac92cc448dec5293cd",
|
|
|
- "labelName": "标签1",
|
|
|
- "parentLabelCode": 123456
|
|
|
+ 'labelCode': 'd941adbbd3e64dac92cc448dec5293cd',
|
|
|
+ 'labelName': '标签1',
|
|
|
+ 'parentLabelCode': 123456
|
|
|
}
|
|
|
],
|
|
|
- "labelChannels": [{
|
|
|
- "channelDates": [{
|
|
|
- "channelCode": "6044981090191552",
|
|
|
- "channelName": "复兴大桥中段-交通事故",
|
|
|
- "channelSn": null,
|
|
|
- "cameraType": 0,
|
|
|
- "online": 1
|
|
|
+ 'labelChannels': [{
|
|
|
+ 'channelDates': [{
|
|
|
+ 'channelCode': '6044981090191552',
|
|
|
+ 'channelName': '复兴大桥中段-交通事故',
|
|
|
+ 'channelSn': null,
|
|
|
+ 'cameraType': 0,
|
|
|
+ 'online': 1
|
|
|
},
|
|
|
{
|
|
|
- "channelCode": "ZgVzqsjwA1DTF561VGHK5E",
|
|
|
- "channelName": "北京7青羊东二路77号2通道1",
|
|
|
- "channelSn": null,
|
|
|
- "cameraType": 1,
|
|
|
- "online": 1
|
|
|
+ 'channelCode': 'ZgVzqsjwA1DTF561VGHK5E',
|
|
|
+ 'channelName': '北京7青羊东二路77号2通道1',
|
|
|
+ 'channelSn': null,
|
|
|
+ 'cameraType': 1,
|
|
|
+ 'online': 1
|
|
|
}
|
|
|
],
|
|
|
- "labelCode": "d941adbbd3e64dac92cc448dec5293cd"
|
|
|
+ 'labelCode': 'd941adbbd3e64dac92cc448dec5293cd'
|
|
|
},
|
|
|
{
|
|
|
- "channelDates": [{
|
|
|
- "channelCode": "ZgVzqsjwA1DTF561VGHKK7",
|
|
|
- "channelName": "北京7青羊东二路77号2通道2",
|
|
|
- "channelSn": null,
|
|
|
- "cameraType": 2,
|
|
|
- "online": 0
|
|
|
+ 'channelDates': [{
|
|
|
+ 'channelCode': 'ZgVzqsjwA1DTF561VGHKK7',
|
|
|
+ 'channelName': '北京7青羊东二路77号2通道2',
|
|
|
+ 'channelSn': null,
|
|
|
+ 'cameraType': 2,
|
|
|
+ 'online': 0
|
|
|
}],
|
|
|
- "labelCode": "5a81d1bd499b4940a21fc63ca51f4dfa"
|
|
|
+ 'labelCode': '5a81d1bd499b4940a21fc63ca51f4dfa'
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
- "switchTab": "2",
|
|
|
- "labelChannels": [{
|
|
|
- "channelDates": [{
|
|
|
- "channelCode": "ZgVzqsjwA1DTF561VGHK5E",
|
|
|
- "channelName": "北京7青羊东二路77号2通道1",
|
|
|
- "channelSn": null,
|
|
|
- "cameraType": 1,
|
|
|
- "online": 1
|
|
|
+ 'switchTab': '2',
|
|
|
+ 'labelChannels': [{
|
|
|
+ 'channelDates': [{
|
|
|
+ 'channelCode': 'ZgVzqsjwA1DTF561VGHK5E',
|
|
|
+ 'channelName': '北京7青羊东二路77号2通道1',
|
|
|
+ 'channelSn': null,
|
|
|
+ 'cameraType': 1,
|
|
|
+ 'online': 1
|
|
|
},
|
|
|
{
|
|
|
- "channelCode": "ZgVzqsjwA1DTF561VGHKK7",
|
|
|
- "channelName": "北京7青羊东二路77号2通道2",
|
|
|
- "channelSn": null,
|
|
|
- "cameraType": 2,
|
|
|
- "online": 0
|
|
|
+ 'channelCode': 'ZgVzqsjwA1DTF561VGHKK7',
|
|
|
+ 'channelName': '北京7青羊东二路77号2通道2',
|
|
|
+ 'channelSn': null,
|
|
|
+ 'cameraType': 2,
|
|
|
+ 'online': 0
|
|
|
}
|
|
|
]
|
|
|
}]
|
|
|
@@ -95,7 +93,7 @@
|
|
|
],
|
|
|
TVWallVisible: false,
|
|
|
activeName: 'tv',
|
|
|
- channelId:["ZgVzqsjwA1DTF561VHG69F"],
|
|
|
+ channelId: ['ZgVzqsjwA1DTF561VHG69F'],
|
|
|
/** ----------------------------------摄像头预览开始------------------------------------- */
|
|
|
showModal: true,
|
|
|
activePanel: 'key1',
|
|
|
@@ -112,7 +110,7 @@
|
|
|
{
|
|
|
value: 1,
|
|
|
label: 1
|
|
|
- },
|
|
|
+ }
|
|
|
],
|
|
|
ctrlTypeList: [{
|
|
|
value: 'playerWin',
|
|
|
@@ -192,7 +190,7 @@
|
|
|
{
|
|
|
value: 1,
|
|
|
label: 'avi'
|
|
|
- },{
|
|
|
+ }, {
|
|
|
value: 2,
|
|
|
label: 'mp4'
|
|
|
}],
|
|
|
@@ -228,16 +226,12 @@
|
|
|
value: false,
|
|
|
label: '否'
|
|
|
}],
|
|
|
- cutPosX: 10,
|
|
|
- cutPosY: 10,
|
|
|
- cutWidth: 100,
|
|
|
- cutHeight: 100,
|
|
|
crtPosX: 0,
|
|
|
crtPosY: 0,
|
|
|
- crtWidth: 700,
|
|
|
+ crtWidth: 740,
|
|
|
crtHeight: 400,
|
|
|
- domId:"dom1",
|
|
|
- mixedVideoDisplayMode:2,
|
|
|
+ domId: 'dom1',
|
|
|
+ mixedVideoDisplayMode: 2,
|
|
|
isShowTipe: true
|
|
|
/** ----------------------------------摄像头预览结束------------------------------------- */
|
|
|
}
|
|
|
@@ -248,11 +242,11 @@
|
|
|
this.ws = DHWsInstance
|
|
|
console.log(this.ws)
|
|
|
this.ws.addEventListener('connectStateChange', data => {
|
|
|
- if(data){
|
|
|
- console.log("连接成功");
|
|
|
- }else{
|
|
|
- console.log("连接失败，下载客户端");
|
|
|
- this.alertReinstall();
|
|
|
+ if (data) {
|
|
|
+ console.log('连接成功')
|
|
|
+ } else {
|
|
|
+ console.log('连接失败，下载客户端')
|
|
|
+ this.alertReinstall()
|
|
|
// this.isShowTipe && this.$modal.confirm({
|
|
|
// title: '下载客户端',
|
|
|
// content: '检测到您未安装部分插件,将影响部分功能使用，请下载后使用？',
|
|
|
@@ -265,19 +259,19 @@
|
|
|
// }
|
|
|
// });
|
|
|
}
|
|
|
- });
|
|
|
+ })
|
|
|
/** ----------------------------------摄像头预览结束------------------------------------- */
|
|
|
},
|
|
|
methods: {
|
|
|
cancelEventLocationShow() {
|
|
|
this.activeName = 'tv'
|
|
|
- this.TVWallVisible=false
|
|
|
+ this.TVWallVisible = false
|
|
|
this.destroy()
|
|
|
},
|
|
|
- showTVWall() {
|
|
|
- this.TVWallVisible = true
|
|
|
- this.preview()
|
|
|
- },
|
|
|
+ showTVWall() {
|
|
|
+ this.preview()
|
|
|
+ this.TVWallVisible = true
|
|
|
+ },
|
|
|
/** ----------------------------------摄像头预览开始------------------------------------- */
|
|
|
alertLogin: function() {
|
|
|
this.$modal.msg('登录中....')
|
|
|
@@ -293,281 +287,280 @@
|
|
|
},
|
|
|
/** 预览按钮操作 */
|
|
|
preview() {
|
|
|
- getDahuaVideoServer().then(newResponse => {
|
|
|
- this.ws.detectConnectQt().then(res => {
|
|
|
- if (res) { // 连接客户端成功
|
|
|
- this.alertLogin()
|
|
|
- this.ws.login({
|
|
|
- loginIp: newResponse.loginIp,
|
|
|
- loginPort: newResponse.loginPort,
|
|
|
- userName: newResponse.userName,
|
|
|
- userPwd: newResponse.userPwd,
|
|
|
- token: '',
|
|
|
- https: 1
|
|
|
- })
|
|
|
- this.ws.on('loginState', (res) => {
|
|
|
- this.isLogin = res
|
|
|
- console.log('---res-----', res)
|
|
|
- if (res) {
|
|
|
- this.alertLoginSuccess()
|
|
|
- this.activePanel = 'key2'
|
|
|
- getTVWallList().then(newres=> {
|
|
|
+ getTVWallList().then(newres => {
|
|
|
+ getDahuaVideoServer().then(newResponse => {
|
|
|
+ this.ws.detectConnectQt().then(res => {
|
|
|
+ if (res) { // 连接客户端成功
|
|
|
+ this.alertLogin()
|
|
|
+ this.ws.login({
|
|
|
+ loginIp: newResponse.loginIp,
|
|
|
+ loginPort: newResponse.loginPort,
|
|
|
+ userName: newResponse.userName,
|
|
|
+ userPwd: newResponse.userPwd,
|
|
|
+ token: '',
|
|
|
+ https: 1
|
|
|
+ })
|
|
|
+ this.ws.on('loginState', (res) => {
|
|
|
+ this.isLogin = res
|
|
|
+ console.log('---res-----', res)
|
|
|
+ if (res) {
|
|
|
+ this.alertLoginSuccess()
|
|
|
+ this.activePanel = 'key2'
|
|
|
this.create(newres.data)
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.alertLoginFailed()
|
|
|
- }
|
|
|
- })
|
|
|
- } else { // 连接客户端失败
|
|
|
- this.alertReinstall()
|
|
|
- }
|
|
|
+ } else {
|
|
|
+ this.alertLoginFailed()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else { // 连接客户端失败
|
|
|
+ this.alertReinstall()
|
|
|
+ }
|
|
|
+ })
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
|
|
|
create(tvListJson) { // 调用创建控件接口
|
|
|
- let _this = this;
|
|
|
- console.log(this.cutPosX,"this.cutPosX")
|
|
|
+ let _this = this
|
|
|
const params = [
|
|
|
{
|
|
|
- "ctrlType": "realMonitorUI",
|
|
|
- "ctrlCode": "ctrl1",
|
|
|
- "ctrlProperty": {
|
|
|
- "displayMode": 1,
|
|
|
- "splitNum": 1,
|
|
|
- "channelList": [
|
|
|
+ 'ctrlType': 'realMonitorUI',
|
|
|
+ 'ctrlCode': 'ctrl1',
|
|
|
+ 'ctrlProperty': {
|
|
|
+ 'displayMode': 1,
|
|
|
+ 'splitNum': 1,
|
|
|
+ 'channelList': [
|
|
|
{
|
|
|
- "channelId": "8ORBqXFlA1D77U45SM1ROC"
|
|
|
+ 'channelId': '8ORBqXFlA1D77U45SM1ROC'
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
- "visible": true,
|
|
|
- "domId": "dom1"
|
|
|
+ 'visible': true,
|
|
|
+ 'domId': 'dom1'
|
|
|
}
|
|
|
- ]
|
|
|
- this.setPos();
|
|
|
+ ]
|
|
|
+ this.setPos()
|
|
|
_this.ws.createCtrl(params).then(res => {
|
|
|
- console.log(res);
|
|
|
+ console.log(res)
|
|
|
this.customizeTree(tvListJson)
|
|
|
}).catch(e => {
|
|
|
- console.log(e);
|
|
|
- });
|
|
|
+ console.log(e)
|
|
|
+ })
|
|
|
_this.ws.on('createCtrlResult', (res) => {
|
|
|
- console.log(res);
|
|
|
+ console.log(res)
|
|
|
this.customizeTree(tvListJson)
|
|
|
_this.ws.on('createCtrlResult', (res) => {
|
|
|
- console.log(res);
|
|
|
+ console.log(res)
|
|
|
this.customizeTree(tvListJson)
|
|
|
- });
|
|
|
- });
|
|
|
+ })
|
|
|
+ })
|
|
|
},
|
|
|
- setPos(){
|
|
|
+ setPos() {
|
|
|
let target = document.getElementById(this.domId)
|
|
|
- console.log(target,"target");
|
|
|
+ console.log(target, 'target')
|
|
|
target.style.right = `${this.crtPosX}px`
|
|
|
target.style.top = `${this.crtPosY}px`
|
|
|
target.style.width = `${this.crtWidth}px`
|
|
|
target.style.height = `${this.crtHeight}px`
|
|
|
- if(document.createEvent) {
|
|
|
- var event = document.createEvent("HTMLEvents");
|
|
|
- event.initEvent("resize", true, true);
|
|
|
- window.dispatchEvent(event);
|
|
|
- } else if(document.createEventObject) {
|
|
|
- window.fireEvent("onresize");
|
|
|
+ if (document.createEvent) {
|
|
|
+ var event = document.createEvent('HTMLEvents')
|
|
|
+ event.initEvent('resize', true, true)
|
|
|
+ window.dispatchEvent(event)
|
|
|
+ } else if (document.createEventObject) {
|
|
|
+ window.fireEvent('onresize')
|
|
|
}
|
|
|
},
|
|
|
destroy() { // 调用销毁控件接口
|
|
|
if (!this.isLogin) {
|
|
|
- this.$Message.info('正在登陆客户端，请稍等......');
|
|
|
- return false;
|
|
|
+ this.$Message.info('正在登陆客户端，请稍等......')
|
|
|
+ return false
|
|
|
}
|
|
|
const ctrls = this.ws.ctrls.map(i => {
|
|
|
if (i.ctrlCode === this.ctrl) {
|
|
|
- return i.ctrlCode;
|
|
|
+ return i.ctrlCode
|
|
|
}
|
|
|
- });
|
|
|
- this.ws.destroyCtrl(ctrls);
|
|
|
+ })
|
|
|
+ this.ws.destroyCtrl(ctrls)
|
|
|
},
|
|
|
customizeTree(tvListJson) { // 调用控件接口树
|
|
|
- const config = this.ws.config;
|
|
|
- const { loginIp, userCode } = config;
|
|
|
+ const config = this.ws.config
|
|
|
+ const { loginIp, userCode } = config
|
|
|
this.ws.postMessage('customizeTree', {
|
|
|
loginIp,
|
|
|
userCode,
|
|
|
params: {
|
|
|
- array:tvListJson
|
|
|
- // [
|
|
|
- // {
|
|
|
- // "switchTab":"1",
|
|
|
- // "treeLabels":[
|
|
|
- // {
|
|
|
- // "labelCode": "1",
|
|
|
- // "labelName": "视频场景",
|
|
|
- // "parentLabelCode": null
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "labelCode":"1000010",
|
|
|
- // "labelName":"迎水11",
|
|
|
- // "parentLabelCode":1
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "labelCode":"1000011",
|
|
|
- // "labelName":"西村",
|
|
|
- // "parentLabelCode": 1
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "labelCode":"1000012",
|
|
|
- // "labelName":"矿山屯 ",
|
|
|
- // "parentLabelCode": 1
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "labelCode":"1000013",
|
|
|
- // "labelName":"头道",
|
|
|
- // "parentLabelCode": 1
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "labelCode":"1000014",
|
|
|
- // "labelName":"五女峰",
|
|
|
- // "parentLabelCode": 1
|
|
|
- // }
|
|
|
- // ],
|
|
|
- // "labelChannels":[
|
|
|
- // {
|
|
|
- // "labelCode":"1000010",
|
|
|
- // "channelDates":[
|
|
|
- // {
|
|
|
- // "channelCode":"ZgVzqsjwA1DTF561VGHK5E",
|
|
|
- // "channelName":"1a",
|
|
|
- // "channelSn":null,
|
|
|
- // "cameraType":0,
|
|
|
- // "online":1
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "channelCode":"ZgVzqsjwA1DTF561VGHK8V",
|
|
|
- // "channelName":"2a",
|
|
|
- // "channelSn":null,
|
|
|
- // "cameraType":0,
|
|
|
- // "online":1
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "channelCode":"ZgVzqsjwA1DTF561VGHKK7",
|
|
|
- // "channelName":"2a",
|
|
|
- // "channelSn":null,
|
|
|
- // "cameraType":0,
|
|
|
- // "online":1
|
|
|
- // }
|
|
|
- // ]
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "labelCode":"1000011",
|
|
|
- // "channelDates":[
|
|
|
- // {
|
|
|
- // "channelCode":"ZgVzqsjwA1DTF561VGHK5E",
|
|
|
- // "channelName":"1a",
|
|
|
- // "channelSn":null,
|
|
|
- // "cameraType":0,
|
|
|
- // "online":1
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "channelCode":"ZgVzqsjwA1DTF561VGHK8V",
|
|
|
- // "channelName":"2a",
|
|
|
- // "channelSn":null,
|
|
|
- // "cameraType":0,
|
|
|
- // "online":1
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "channelCode":"ZgVzqsjwA1DTF561VGHKK7",
|
|
|
- // "channelName":"2a",
|
|
|
- // "channelSn":null,
|
|
|
- // "cameraType":0,
|
|
|
- // "online":1
|
|
|
- // }
|
|
|
- // ]
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "labelCode":"1000012",
|
|
|
- // "channelDates":[
|
|
|
- // {
|
|
|
- // "channelCode":"ZgVzqsjwA1DTF561VGHK5E",
|
|
|
- // "channelName":"1a",
|
|
|
- // "channelSn":null,
|
|
|
- // "cameraType":0,
|
|
|
- // "online":1
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "channelCode":"ZgVzqsjwA1DTF561VGHK8V",
|
|
|
- // "channelName":"2a",
|
|
|
- // "channelSn":null,
|
|
|
- // "cameraType":0,
|
|
|
- // "online":1
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "channelCode":"ZgVzqsjwA1DTF561VGHKK7",
|
|
|
- // "channelName":"2a",
|
|
|
- // "channelSn":null,
|
|
|
- // "cameraType":0,
|
|
|
- // "online":1
|
|
|
- // }
|
|
|
- // ]
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "labelCode":"1000013",
|
|
|
- // "channelDates":[
|
|
|
- // {
|
|
|
- // "channelCode":"ZgVzqsjwA1DTF561VGHK5E",
|
|
|
- // "channelName":"1a",
|
|
|
- // "channelSn":null,
|
|
|
- // "cameraType":0,
|
|
|
- // "online":1
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "channelCode":"ZgVzqsjwA1DTF561VGHK8V",
|
|
|
- // "channelName":"2a",
|
|
|
- // "channelSn":null,
|
|
|
- // "cameraType":0,
|
|
|
- // "online":1
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "channelCode":"ZgVzqsjwA1DTF561VGHKK7",
|
|
|
- // "channelName":"2a",
|
|
|
- // "channelSn":null,
|
|
|
- // "cameraType":0,
|
|
|
- // "online":1
|
|
|
- // }
|
|
|
- // ]
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "labelCode":"1000014",
|
|
|
- // "channelDates":[
|
|
|
- // {
|
|
|
- // "channelCode":"ZgVzqsjwA1DTF561VGHK5E",
|
|
|
- // "channelName":"1a",
|
|
|
- // "channelSn":null,
|
|
|
- // "cameraType":0,
|
|
|
- // "online":1
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "channelCode":"ZgVzqsjwA1DTF561VGHK8V",
|
|
|
- // "channelName":"2a",
|
|
|
- // "channelSn":null,
|
|
|
- // "cameraType":0,
|
|
|
- // "online":1
|
|
|
- // },
|
|
|
- // {
|
|
|
- // "channelCode":"ZgVzqsjwA1DTF561VGHKK7",
|
|
|
- // "channelName":"2a",
|
|
|
- // "channelSn":null,
|
|
|
- // "cameraType":0,
|
|
|
- // "online":1
|
|
|
- // }
|
|
|
- // ]
|
|
|
- // }
|
|
|
- // ]
|
|
|
- // }
|
|
|
- // ]
|
|
|
+ array: tvListJson
|
|
|
+ // [
|
|
|
+ // {
|
|
|
+ // "switchTab":"1",
|
|
|
+ // "treeLabels":[
|
|
|
+ // {
|
|
|
+ // "labelCode": "1",
|
|
|
+ // "labelName": "视频场景",
|
|
|
+ // "parentLabelCode": null
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "labelCode":"1000010",
|
|
|
+ // "labelName":"迎水11",
|
|
|
+ // "parentLabelCode":1
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "labelCode":"1000011",
|
|
|
+ // "labelName":"西村",
|
|
|
+ // "parentLabelCode": 1
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "labelCode":"1000012",
|
|
|
+ // "labelName":"矿山屯 ",
|
|
|
+ // "parentLabelCode": 1
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "labelCode":"1000013",
|
|
|
+ // "labelName":"头道",
|
|
|
+ // "parentLabelCode": 1
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "labelCode":"1000014",
|
|
|
+ // "labelName":"五女峰",
|
|
|
+ // "parentLabelCode": 1
|
|
|
+ // }
|
|
|
+ // ],
|
|
|
+ // "labelChannels":[
|
|
|
+ // {
|
|
|
+ // "labelCode":"1000010",
|
|
|
+ // "channelDates":[
|
|
|
+ // {
|
|
|
+ // "channelCode":"ZgVzqsjwA1DTF561VGHK5E",
|
|
|
+ // "channelName":"1a",
|
|
|
+ // "channelSn":null,
|
|
|
+ // "cameraType":0,
|
|
|
+ // "online":1
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "channelCode":"ZgVzqsjwA1DTF561VGHK8V",
|
|
|
+ // "channelName":"2a",
|
|
|
+ // "channelSn":null,
|
|
|
+ // "cameraType":0,
|
|
|
+ // "online":1
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "channelCode":"ZgVzqsjwA1DTF561VGHKK7",
|
|
|
+ // "channelName":"2a",
|
|
|
+ // "channelSn":null,
|
|
|
+ // "cameraType":0,
|
|
|
+ // "online":1
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "labelCode":"1000011",
|
|
|
+ // "channelDates":[
|
|
|
+ // {
|
|
|
+ // "channelCode":"ZgVzqsjwA1DTF561VGHK5E",
|
|
|
+ // "channelName":"1a",
|
|
|
+ // "channelSn":null,
|
|
|
+ // "cameraType":0,
|
|
|
+ // "online":1
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "channelCode":"ZgVzqsjwA1DTF561VGHK8V",
|
|
|
+ // "channelName":"2a",
|
|
|
+ // "channelSn":null,
|
|
|
+ // "cameraType":0,
|
|
|
+ // "online":1
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "channelCode":"ZgVzqsjwA1DTF561VGHKK7",
|
|
|
+ // "channelName":"2a",
|
|
|
+ // "channelSn":null,
|
|
|
+ // "cameraType":0,
|
|
|
+ // "online":1
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "labelCode":"1000012",
|
|
|
+ // "channelDates":[
|
|
|
+ // {
|
|
|
+ // "channelCode":"ZgVzqsjwA1DTF561VGHK5E",
|
|
|
+ // "channelName":"1a",
|
|
|
+ // "channelSn":null,
|
|
|
+ // "cameraType":0,
|
|
|
+ // "online":1
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "channelCode":"ZgVzqsjwA1DTF561VGHK8V",
|
|
|
+ // "channelName":"2a",
|
|
|
+ // "channelSn":null,
|
|
|
+ // "cameraType":0,
|
|
|
+ // "online":1
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "channelCode":"ZgVzqsjwA1DTF561VGHKK7",
|
|
|
+ // "channelName":"2a",
|
|
|
+ // "channelSn":null,
|
|
|
+ // "cameraType":0,
|
|
|
+ // "online":1
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "labelCode":"1000013",
|
|
|
+ // "channelDates":[
|
|
|
+ // {
|
|
|
+ // "channelCode":"ZgVzqsjwA1DTF561VGHK5E",
|
|
|
+ // "channelName":"1a",
|
|
|
+ // "channelSn":null,
|
|
|
+ // "cameraType":0,
|
|
|
+ // "online":1
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "channelCode":"ZgVzqsjwA1DTF561VGHK8V",
|
|
|
+ // "channelName":"2a",
|
|
|
+ // "channelSn":null,
|
|
|
+ // "cameraType":0,
|
|
|
+ // "online":1
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "channelCode":"ZgVzqsjwA1DTF561VGHKK7",
|
|
|
+ // "channelName":"2a",
|
|
|
+ // "channelSn":null,
|
|
|
+ // "cameraType":0,
|
|
|
+ // "online":1
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "labelCode":"1000014",
|
|
|
+ // "channelDates":[
|
|
|
+ // {
|
|
|
+ // "channelCode":"ZgVzqsjwA1DTF561VGHK5E",
|
|
|
+ // "channelName":"1a",
|
|
|
+ // "channelSn":null,
|
|
|
+ // "cameraType":0,
|
|
|
+ // "online":1
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "channelCode":"ZgVzqsjwA1DTF561VGHK8V",
|
|
|
+ // "channelName":"2a",
|
|
|
+ // "channelSn":null,
|
|
|
+ // "cameraType":0,
|
|
|
+ // "online":1
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "channelCode":"ZgVzqsjwA1DTF561VGHKK7",
|
|
|
+ // "channelName":"2a",
|
|
|
+ // "channelSn":null,
|
|
|
+ // "cameraType":0,
|
|
|
+ // "online":1
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
}
|
|
|
- });
|
|
|
- },
|
|
|
+ })
|
|
|
+ }
|
|
|
/** ----------------------------------摄像头预览结束------------------------------------- */
|
|
|
}
|
|
|
}
|
|
|
@@ -575,35 +568,45 @@
|
|
|
|
|
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
|
|
@import '@/assets/styles/base.scss';
|
|
|
- .event-info-con{
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- .e-left{
|
|
|
- width: 32%;
|
|
|
- }
|
|
|
- .e-center{
|
|
|
- width: 30%;
|
|
|
- margin-left: 1%;
|
|
|
- .img-company{
|
|
|
- width: 100%;
|
|
|
- height: 18.3vh;
|
|
|
- img{}
|
|
|
- }
|
|
|
- }
|
|
|
- .e-right{
|
|
|
- margin-left: 1%;
|
|
|
- width: 45%;
|
|
|
- }
|
|
|
- .e-location-left{
|
|
|
- width: 28%;
|
|
|
- margin-top: 1rem;
|
|
|
- }
|
|
|
- .e-location-right{
|
|
|
- width: 71%;
|
|
|
- margin-top: 1.3rem;
|
|
|
- margin-left: 1rem;
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
+ .event-info-con {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ .e-left {
|
|
|
+ width: 32%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .e-center {
|
|
|
+ width: 30%;
|
|
|
+ margin-left: 1%;
|
|
|
+
|
|
|
+ .img-company {
|
|
|
+ width: 100%;
|
|
|
+ height: 18.3vh;
|
|
|
+
|
|
|
+ img {
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .e-right {
|
|
|
+ margin-left: 1%;
|
|
|
+ width: 45%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .e-location-left {
|
|
|
+ width: 28%;
|
|
|
+ margin-top: 1rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .e-location-right {
|
|
|
+ width: 71%;
|
|
|
+ margin-top: 1.3rem;
|
|
|
+ margin-left: 1rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
.el-dialog:not(.is-fullscreen) {
|
|
|
margin-top: 5.5vh !important;
|
|
|
}
|
|
|
@@ -659,11 +662,11 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .m-l-none{
|
|
|
- .el-input__inner{
|
|
|
- margin-left:0 !important;
|
|
|
- }
|
|
|
- }
|
|
|
+ .m-l-none {
|
|
|
+ .el-input__inner {
|
|
|
+ margin-left: 0 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
}
|
|
|
</style>
|
