-
+
-
卷膜天窗
+
风机
-
打开
+
{{ fanStatus.open == 1 ? '自动控制' : '手动控制' }}
位置50%
-
菜单
+
菜单
-
+
1#风机
- 开启
+ {{ fanStatus.status[0] == 1 ? '打开' : '关闭' }}
2#风机
- 开启
+ {{ fanStatus.status[1] == 1 ? '打开' : '关闭' }}
3#风机
- 开启
+ {{ fanStatus.status[2] == 1 ? '打开' : '关闭' }}
4#风机
- 开启
+ {{ fanStatus.status[3] == 1 ? '打开' : '关闭' }}
5#风机
- 开启
+ {{ fanStatus.status[4] == 1 ? '打开' : '关闭' }}
- 6#风机
- 开启
+
+
+
{{ item.name }}
+
+
{{ item.open == 1 ? '自动控制' : '手动控制' }}
+
+
位置{{ item.progress }}%
+
菜单
+
@@ -192,9 +208,24 @@ import { weather_echart, thisWeekTemperature_echart } from '@/assets/js/echarts'
import EZUIKit from 'ezuikit-js';
import videojs from 'video.js';
import video_zhCN from 'video.js/dist/lang/zh-CN.json'
-
+import vueSeamless from 'vue-seamless-scroll'
export default {
name: 'largeScreen',
+ components: { vueSeamless },
+ computed: {
+ defaultOption() {
+ return {
+ step: 0.3, // 数值越大速度滚动越快
+ limitMoveNum: 8, // 开始无缝滚动的数据量 this.dataList.length
+ hoverStop: true, // 是否开启鼠标悬停stop
+ direction: 1, // 0向下 1向上 2向左 3向右
+ openWatch: true, // 开启数据实时监控刷新dom
+ singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
+ singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
+ waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
+ }
+ },
+ },
data() {
return {
list: [],
@@ -238,7 +269,12 @@ export default {
// 获取摄像头得地址 Copy
getVideoDataList: [],
- url:''
+ url: '',
+
+ fanStatus: {
+ name: '风机', open: 0, status: []
+ },
+ statusList: [],
}
},
mounted() {
@@ -261,9 +297,9 @@ export default {
this.drag_boxHandler()
- // this.timer_ = setTimeout(() => {
- // this.$router.push({ path: '/largeScreen1' })
- // }, 6000);
+ this.timer_ = setTimeout(() => {
+ this.$router.push({ path: '/largeScreen1' })
+ }, 6000);
this.login()
@@ -329,18 +365,51 @@ export default {
this.api.getcontrol_rtdata(equipmentId).then(res => {
// console.log('主页查看控制器实时数据',res);
if (res.data.code == 200) {
- this.list = res.data.data
+ this.list = []
+ var store = this.$store.state
+ var list = store.typeList
+ res.data.data.forEach((el, index) => {
+ list.forEach((el1, index1) => {
+ if (el.formula == el1.value) {
+ var num = 0
+ var name = ''
+ num = el.environmentData + el1.unit
+ if (el.equipmentNumber == 0) {
+ if (el.targetValue == 1) {
+ name = '目标' + el.environmentDataId
+ } else {
+ name = '1#平均' + el.environmentDataId
+ }
+ } else if (el.equipmentNumber == 15) {
+ if (el.targetValue == 1) {
+ name = '目标' + el.environmentDataId
+ } else {
+ name = '2#平均' + el.environmentDataId
+ }
+ } else {
+ name = el.equipmentNumber + '#' + el.environmentDataId
+ }
+ this.list.push({
+ ...el,
+ name: name,
+ num: num,
+ img: require(`../../assets/image/real-time-${el.formula}.png`)
+
+ })
+ }
+ })
+ })
}
})
},
// 获取摄像头得地址 Copy
- getVideoData(cameraid, channelid,index) {
+ getVideoData(cameraid, channelid, index) {
this.api.camera_gethls(cameraid, channelid).then(res => {
// console.log('获取摄像头得地址 Copy',res);
if (res.data.code == 200) {
// this.url = res.data.data.ezopen
- this.createVideoNew(res.data.data.accesstoken,res.data.data.ezopen,index )
+ this.createVideoNew(res.data.data.accesstoken, res.data.data.ezopen, index)
// this.createVideo()
}
})
@@ -351,11 +420,11 @@ export default {
this.api.sel_eqbyid(userId).then(res => {
// console.log('根据用户id查询对应的设备数据 Copy',res);
- res.data.data.forEach((item,index) => {
- if ( item.cameraSerialNumber != null) {
- this.get_sel_eqbyid_list.push({...item,number:index})
+ res.data.data.forEach((item, index) => {
+ if (item.cameraSerialNumber != null) {
+ this.get_sel_eqbyid_list.push({ ...item, number: index })
- this.getVideoData(item.cameraSerialNumber, item.cameraChannelNumber,index)
+ this.getVideoData(item.cameraSerialNumber, item.cameraChannelNumber, index)
// this.getVideoData("L18357958", "5")
}
})
@@ -363,10 +432,30 @@ export default {
})
},
+ padString(str, length) {
+ return str.padStart(length, '0');
+ },
+
+
// 控制器状态值获取 Copy
get_readControl_getState(deviceId) {
this.api.readControl_getState(deviceId).then(res => {
console.log('控制器状态值获取 Copy', res);
+ if (res.data.code == 200) {
+ this.fanStatus.open = res.data.data['1023']
+ this.fanStatus.status = []
+ var num = res.data.data['1024']
+ var num1 = this.padString(num.toString(2), 5)
+ var openListNew = []
+ openListNew = num1.split("")
+ this.fanStatus.status = openListNew.reverse()
+ this.statusList = []
+ for (var i = 0; i < 4; i++) {
+ var statusData = { name: `顶卷膜${i + 1}`, open: res.data.data[(1025 + (i * 3))], progress: res.data.data[(1027 + (i * 3))], index: res.data.data[(1026 + (i * 3))] }
+ this.statusList.push(statusData)
+ }
+ console.log(this.statusList);
+ }
})
},
@@ -394,13 +483,13 @@ export default {
this.get_sel_eqbyid(userInfo.userid)
},
- createVideoNew(accessToken,url,index) {
- console.log(accessToken,url,index,111);
+ createVideoNew(accessToken, url, index) {
+ console.log(accessToken, url, index, 111);
// divW和divH是获取了父级宽高 使播放容器能铺满div
- let divW = document.getElementById('monitor'+index).clientWidth
- let divH = document.getElementById('monitor'+index).clientHeight
+ let divW = document.getElementById('monitor' + index).clientWidth
+ let divH = document.getElementById('monitor' + index).clientHeight
this.player = new EZUIKit.EZUIKitPlayer({
- id: 'video-js'+index, // 视频容器ID
+ id: 'video-js' + index, // 视频容器ID
accessToken: accessToken,
url: url,
// 官方url例子:ezopen://open.ys7.com/G39444019/1.live 也可并非.live结尾 详见GitHub
@@ -439,7 +528,7 @@ export default {
},
- toBackPage(){
+ toBackPage() {
this.$router.push({ path: '/realTime' });
},
@@ -518,7 +607,22 @@ export default {
}
}
+