pc-master #37

Merged
xiaomeng merged 3 commits from pc-master into portal 2023-11-16 07:08:31 +00:00
3 changed files with 155 additions and 49 deletions

View File

@ -178,7 +178,7 @@ export default {
value: this.openIndex, value: this.openIndex,
}, },
}; };
this.changeBtn(21600 + ((this.indexs - 1) * 11), dataNum); this.changeBtn('21600', dataNum);
}, },
// x/10 // x/10
blurChange10(code, el) { blurChange10(code, el) {

View File

@ -52,18 +52,27 @@
<div class="environmentData"> <div class="environmentData">
<div class="e_title">温室环境数据</div> <div class="e_title">温室环境数据</div>
<div class="detail scroll"> <div class="detail">
<div class="title_child">一号温室</div> <!-- <div class="title_child">一号温室</div> -->
<div class="e_content"> <vue-seamless class="e_content" :data="list" :class-option="defaultOption">
<div class="item" v-for="(el, index) in list" :key="index"> <div class="item" v-for="(el, index) in list" :key="index">
<!-- <img :src="el.formula" alt=""> --> <!-- <img :src="el.formula" alt=""> -->
<img :src="require('../../assets/image/real-time-'+el.formula+'.png')" alt=""> <img :src="el.img" alt="">
<div class="item_child"> <div class="item_child">
<span>{{ el.environmentDataId }}</span> <span>{{ el.name }}</span>
<span>{{ el.environmentData }}</span> <span>{{ el.num }}</span>
</div> </div>
</div> </div>
</div> </vue-seamless>
<!-- <div class="e_content">
<div class="item" v-for="(el, index) in list" :key="index">
<img :src="el.img" alt="">
<div class="item_child">
<span>{{ el.name }}</span>
<span>{{ el.num }}</span>
</div>
</div>
</div> -->
</div> </div>
</div> </div>
@ -96,11 +105,11 @@
<div class="liveVideo"></div> <div class="liveVideo"></div>
<div class="liveVideo_content"> <div class="liveVideo_content">
<div class="swiper-container mySwiper_video" > <div class="swiper-container mySwiper_video">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide swiper-slide_video" v-for="(item, index) in get_sel_eqbyid_list" :key="index"> <div class="swiper-slide swiper-slide_video" v-for="(item, index) in get_sel_eqbyid_list" :key="index">
<div class="monitor" :id="'monitor'+item.number"> <div class="monitor" :id="'monitor' + item.number">
<div ref="videoPlayer" class="video-js" :id="'video-js'+item.number"></div> <div ref="videoPlayer" class="video-js" :id="'video-js' + item.number"></div>
</div> </div>
<div class="c_bottom">{{ item.deviceTypeName }}</div> <div class="c_bottom">{{ item.deviceTypeName }}</div>
</div> </div>
@ -141,41 +150,48 @@
</div> </div>
<div class="device_content scroll"> <div class="device_content scroll">
<div class="content_item" v-for="(content_item, index) in 6" :key="index"> <div class="content_item">
<div class="i_title"> <div class="i_title">
<img src="../../assets/img/i_title_img.png" alt=""> <img src="../../assets/img/i_title_img.png" alt="">
<span>卷膜天窗</span> <span>风机</span>
<span class="line"></span> <span class="line"></span>
<span>打开</span> <span>{{ fanStatus.open == 1 ? '自动控制' : '手动控制' }}</span>
<span class="line"></span> <span class="line"></span>
<span>位置50%</span> <span>位置50%</span>
<span @click="i_contentHandler(index)"></span> <span></span>
</div> </div>
<div class="i_content" v-if="menu_current == true && content_item_current == index"> <div class="i_content">
<div class="i_content_item"> <div class="i_content_item">
<span>1#风机</span> <span>1#风机</span>
<span>开启</span> <span>{{ fanStatus.status[0] == 1 ? '打开' : '关闭' }}</span>
<span class="line"></span> <span class="line"></span>
<span>2#风机</span> <span>2#风机</span>
<span>开启</span> <span>{{ fanStatus.status[1] == 1 ? '打开' : '关闭' }}</span>
</div> </div>
<div class="line1"></div> <div class="line1"></div>
<div class="i_content_item"> <div class="i_content_item">
<span>3#风机</span> <span>3#风机</span>
<span>开启</span> <span>{{ fanStatus.status[2] == 1 ? '打开' : '关闭' }}</span>
<span class="line"></span> <span class="line"></span>
<span>4#风机</span> <span>4#风机</span>
<span>开启</span> <span>{{ fanStatus.status[3] == 1 ? '打开' : '关闭' }}</span>
</div> </div>
<div class="line1"></div> <div class="line1"></div>
<div class="i_content_item"> <div class="i_content_item">
<span>5#风机</span> <span>5#风机</span>
<span>开启</span> <span>{{ fanStatus.status[4] == 1 ? '打开' : '关闭' }}</span>
<span class="line"></span> <span class="line"></span>
<span>6#风机</span>
<span>开启</span>
</div> </div>
</div> </div>
<div class="i_title" style="margin-top: 0.2rem;" v-for="(item, index) in statusList" :key="index">
<img src="../../assets/img/i_title_img.png" alt="">
<span>{{ item.name }}</span>
<span class="line"></span>
<span>{{ item.open == 1 ? '自动控制' : '手动控制' }}</span>
<span class="line"></span>
<span>位置{{ item.progress }}%</span>
<span>菜单</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -192,9 +208,24 @@ import { weather_echart, thisWeekTemperature_echart } from '@/assets/js/echarts'
import EZUIKit from 'ezuikit-js'; import EZUIKit from 'ezuikit-js';
import videojs from 'video.js'; import videojs from 'video.js';
import video_zhCN from 'video.js/dist/lang/zh-CN.json' import video_zhCN from 'video.js/dist/lang/zh-CN.json'
import vueSeamless from 'vue-seamless-scroll'
export default { export default {
name: 'largeScreen', 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() { data() {
return { return {
list: [], list: [],
@ -238,7 +269,12 @@ export default {
// Copy // Copy
getVideoDataList: [], getVideoDataList: [],
url:'' url: '',
fanStatus: {
name: '风机', open: 0, status: []
},
statusList: [],
} }
}, },
mounted() { mounted() {
@ -261,9 +297,9 @@ export default {
this.drag_boxHandler() this.drag_boxHandler()
// this.timer_ = setTimeout(() => { this.timer_ = setTimeout(() => {
// this.$router.push({ path: '/largeScreen1' }) this.$router.push({ path: '/largeScreen1' })
// }, 6000); }, 6000);
this.login() this.login()
@ -329,18 +365,51 @@ export default {
this.api.getcontrol_rtdata(equipmentId).then(res => { this.api.getcontrol_rtdata(equipmentId).then(res => {
// console.log('',res); // console.log('',res);
if (res.data.code == 200) { 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 // Copy
getVideoData(cameraid, channelid,index) { getVideoData(cameraid, channelid, index) {
this.api.camera_gethls(cameraid, channelid).then(res => { this.api.camera_gethls(cameraid, channelid).then(res => {
// console.log(' Copy',res); // console.log(' Copy',res);
if (res.data.code == 200) { if (res.data.code == 200) {
// this.url = res.data.data.ezopen // 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() // this.createVideo()
} }
}) })
@ -351,11 +420,11 @@ export default {
this.api.sel_eqbyid(userId).then(res => { this.api.sel_eqbyid(userId).then(res => {
// console.log('id Copy',res); // console.log('id Copy',res);
res.data.data.forEach((item,index) => { res.data.data.forEach((item, index) => {
if ( item.cameraSerialNumber != null) { if (item.cameraSerialNumber != null) {
this.get_sel_eqbyid_list.push({...item,number:index}) 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") // this.getVideoData("L18357958", "5")
} }
}) })
@ -363,10 +432,30 @@ export default {
}) })
}, },
padString(str, length) {
return str.padStart(length, '0');
},
// Copy // Copy
get_readControl_getState(deviceId) { get_readControl_getState(deviceId) {
this.api.readControl_getState(deviceId).then(res => { this.api.readControl_getState(deviceId).then(res => {
console.log('控制器状态值获取 Copy', 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) this.get_sel_eqbyid(userInfo.userid)
}, },
createVideoNew(accessToken,url,index) { createVideoNew(accessToken, url, index) {
console.log(accessToken,url,index,111); console.log(accessToken, url, index, 111);
// divWdivH 使div // divWdivH 使div
let divW = document.getElementById('monitor'+index).clientWidth let divW = document.getElementById('monitor' + index).clientWidth
let divH = document.getElementById('monitor'+index).clientHeight let divH = document.getElementById('monitor' + index).clientHeight
this.player = new EZUIKit.EZUIKitPlayer({ this.player = new EZUIKit.EZUIKitPlayer({
id: 'video-js'+index, // ID id: 'video-js' + index, // ID
accessToken: accessToken, accessToken: accessToken,
url: url, url: url,
// urlezopen://open.ys7.com/G39444019/1.live .live GitHub // urlezopen://open.ys7.com/G39444019/1.live .live GitHub
@ -439,7 +528,7 @@ export default {
}, },
toBackPage(){ toBackPage() {
this.$router.push({ path: '/realTime' }); this.$router.push({ path: '/realTime' });
}, },
@ -518,7 +607,22 @@ export default {
} }
} }
</script> </script>
<style lang="scss">
.environmentData {
.e_content {
>div {
width: 100% !important;
>div {
width: 100% !important;
display: flex;
flex-wrap: wrap;
}
}
}
}
</style>
<style lang="scss" scoped> <style lang="scss" scoped>
.home { .home {
width: 100%; width: 100%;
@ -751,7 +855,7 @@ export default {
.detail { .detail {
width: 3.98rem; width: 3.98rem;
height: 3.08rem; height: 3.08rem;
overflow: auto; overflow: hidden;
.title_child { .title_child {
width: 100%; width: 100%;
@ -770,6 +874,8 @@ export default {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
.item { .item {
width: 50%; width: 50%;
display: flex; display: flex;
@ -981,7 +1087,7 @@ export default {
width: 3.5rem; width: 3.5rem;
height: 2.4rem; height: 2.4rem;
.video-js{ .video-js {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }

View File

@ -191,15 +191,15 @@ export default {
mounted() { mounted() {
this.drag_boxHandler() this.drag_boxHandler()
// this.timer1 = setTimeout(() => { this.timer1 = setTimeout(() => {
// this.$router.push({ path: '/largeScreen' }) this.$router.push({ path: '/largeScreen' })
// }, 20000); }, 20000);
// this.timer = setInterval(() => { this.timer = setInterval(() => {
// this.dialogVisible = !this.dialogVisible this.dialogVisible = !this.dialogVisible
// }, 3000); }, 3000);
this.login() this.login()