diff --git a/src/views/page/fan.vue b/src/views/page/fan.vue index 0e04627..5a92a32 100644 --- a/src/views/page/fan.vue +++ b/src/views/page/fan.vue @@ -178,7 +178,7 @@ export default { value: this.openIndex, }, }; - this.changeBtn(21600 + ((this.indexs - 1) * 11), dataNum); + this.changeBtn('21600', dataNum); }, //失去焦点 计算公式 x/10 blurChange10(code, el) { diff --git a/src/views/page/largeScreen.vue b/src/views/page/largeScreen.vue index 2d342af..4f749ef 100644 --- a/src/views/page/largeScreen.vue +++ b/src/views/page/largeScreen.vue @@ -52,18 +52,27 @@
温室环境数据
-
-
一号温室
-
+
+ +
- +
- {{ el.environmentDataId }} - {{ el.environmentData }} + {{ el.name }} + {{ el.num }}
-
+ +
@@ -96,11 +105,11 @@
-
+
-
-
+
+
{{ item.deviceTypeName }}
@@ -141,41 +150,48 @@
-
+
- 卷膜天窗 + 风机 - 打开 + {{ 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 { } } +