xiaomeng
/
wszhyWx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改右下角模块

pull/65/head
pangdundun 2023-12-07 16:22:38 +08:00
parent 3b38393e3b
commit f3bce25c73
1 changed files with 124 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

154
src/views/page/largeScreen.vue
View File

@ -102,9 +102,13 @@
</div>
<div class="drag_box1" ref="drag_box1" v-show="limitUserId == 2">
<img class="drag_img" src="../../assets/img/map1.png" alt="" />
<img class="axis_init" :class="'axis_' + (index + 8)" src="../../assets/img/axis1.png" :style="'left:' + (48.5 + index * 4.1) + '%'" alt="" @click="handlerAxis_2" v-for="(i,index) in 10" :key="index + '_1'"/>
<img class="axis_init" :class="'axis_' + (index + 8)" src="../../assets/img/axis1.png"
:style="'left:' + (48.5 + index * 4.1) + '%'" alt="" @click="handlerAxis_2" v-for="(i, index) in 10"
:key="index + '_1'" />
<img class="axis_init1" :class="'axis_' + (index1 + 17)" src="../../assets/img/axis1.png" :style="'top:' + (22 + index1 * 0.105) + '%' + ';' + 'left:' + (5 + index1 * 3.3) + '%' + ';'" alt="" @click="handlerAxis_2" v-for="(i,index1) in 25" :key="index1 + '_2'"/>
<img class="axis_init1" :class="'axis_' + (index1 + 17)" src="../../assets/img/axis1.png"
:style="'top:' + (22 + index1 * 0.105) + '%' + ';' + 'left:' + (5 + index1 * 3.3) + '%' + ';'" alt=""
@click="handlerAxis_2" v-for="(i, index1) in 25" :key="index1 + '_2'" />
</div>
</div>
</div>
@ -138,12 +142,12 @@
<div>
<div class="swiper-container middle_disasterWarningAnalysis" :style="styleContainer">
<div class="swiper-wrapper">
<div :class="current == index
? 'swiper-slide swiper-slide2'
: 'swiper-slide swiper-slide1'
<div :class="(limitUserId == 1 ? current : current1) == index
? 'swiper-slide swiper-slide2'
: 'swiper-slide swiper-slide1'
" v-for="(item, index) in dataList" :key="index" :style="styleItem"
@click="getCurrent(index, item)">
{{ item.greenhouseName + "温室" }}
{{ item.greenhouseName + (limitUserId == 1 ? "温室" : '') }}
</div>
</div>
</div>
@ -158,7 +162,9 @@
</div>
<div class="device_content scroll">
<div class="content_item">
<!-- 丽水 -->
<div class="content_item" v-if="limitUserId == 1">
<div class="i_title" v-if="fanStatus.open != 0">
<img src="../../assets/img/i_title_img.png" alt="" />
<span>风机</span>
@ -224,6 +230,30 @@
</template>
</div>
</div>
<!-- 东北 -->
<div class="content_item" v-if="limitUserId == 2" style="margin-top: 0.05rem;">
<div v-for="(item,index) in fiveControlList" :key="index" style="margin-bottom: 0.15rem;">
<div class="i_title" v-if="item.controlState != 0">
<img src="../../assets/img/i_title_img.png" alt="" />
<span>{{ item.title }}</span>
<span class="line"></span>
<span>{{item.controlState == 1 ? "自动控制" : "手机控制"}}</span>
<span class="line"></span>
<i class="progress" v-if="Number(item.progress) == ''">进度{{ item.progress }}%</i>
<span>菜单</span>
</div>
<div class="i_title" v-else>
<img src="../../assets/img/i_title_img.png" alt="" />
<span>{{ item.title }}</span>
<span class="line"></span>
<span>无效</span>
<span class="line"></span>
<span>菜单</span>
</div>
</div>
</div>
</div>
</div>
</div>
@ -269,6 +299,7 @@ export default {
content_item_current: -1,
current: 5,
current1: 1,
dataList: [
// "一号温室", "二号温室", "三号温室", "四号温室", "五号温室", "六号温室"
@ -680,12 +711,56 @@ export default {
},
],
limitUserId:''
limitUserId: '',
// 东北
fiveControlList: [{
title: '加温水泵',
controlState: 0,
num: '1000',
close_btn: false
},
{
title: '地热风机',
controlState: 0,
num: '1002',
close_btn: false
},
{
title: '上风口',
controlState: 0,
num: '1004',
close_btn: true,
progress_num: '1006',
progress: ''
},
{
title: '下风口',
controlState: 0,
num: '1007',
close_btn: true,
progress_num: '1009',
progress: ''
},
{
title: '卷被',
controlState: 0,
num: '1010',
close_btn: true
},
{
title: '除雪',
controlState: 0,
num: '1013',
close_btn: false
},
]
};
},
mounted() {
this.login();
@ -700,7 +775,7 @@ export default {
},
methods: {
// 根据用户id查询对应的设备大数据信息
dataInit(userid,limitUserId) {
dataInit(userid, limitUserId) {
this.api.Bigdata_getAllControl(userid).then((res) => {
// console.log('根据用户id查询对应的设备大数据信息', res);
this.dataList = res.data.data;
@ -722,14 +797,14 @@ export default {
// this.get_environmentData(el.deviceId)
// this.get_readControl_getState(el.deviceId)
});
if(limitUserId == 1){
if (limitUserId == 1) {
// 丽水
this.get_weather_echart_data(2023042214250027);
this.get_thisWeekTemperature_echart_data(2023042214250027);
this.get_environmentData(2023042214250027);
this.get_readControl_getState(2023042214250027);
this.getWeatherData(2023042214250027);
}else if(limitUserId == 2){
} else if (limitUserId == 2) {
// 东北
this.get_weather_echart_data(2023112911050004);
this.get_thisWeekTemperature_echart_data(2023112911050004);
@ -737,7 +812,7 @@ export default {
this.get_readControl_getState(2023112911050004);
this.getWeatherData(2023112911050004);
}
}
});
},
@ -869,7 +944,6 @@ export default {
}, 100);
}
});
// console.log(this.get_sel_eqbyid_list);
});
},
@ -918,8 +992,16 @@ export default {
this.statusList.push(statusData);
}
// console.log(this.statusList);
// 五防项目状态
this.fiveControlList.forEach(el => {
el.controlState = res.data.data[el.num];
if(el.progress_num){
el.progress = res.data.data[el.progress_num];
}
})
}
});
});0
},
// 获取天气预报数据
@ -978,16 +1060,16 @@ export default {
},
// 获取用户id权限
get_user_getjurisdiction(userId){
this.api.user_getjurisdiction(userId).then(res=>{
if(res.data.code == 200){
get_user_getjurisdiction(userId) {
this.api.user_getjurisdiction(userId).then(res => {
if (res.data.code == 200) {
this.limitUserId = res.data.data[0].id;
if(this.limitUserId == 1){
if (this.limitUserId == 1) {
this.drag_boxHandler();
this.dataInit(userId,this.limitUserId);
}else if(this.limitUserId == 2){
this.dataInit(userId, this.limitUserId);
} else if (this.limitUserId == 2) {
this.drag_boxHandler1();
this.dataInit(userId,this.limitUserId);
this.dataInit(userId, this.limitUserId);
}
}
})
@ -1061,8 +1143,10 @@ export default {
getCurrent(index, item) {
this.current = index;
this.current1 = index;
// console.log(item,'00000000000000');
this.get_readControl_getState(item.deviceId);
// this.get_readControl_getState(item.deviceId);
this.get_readControl_getState(2023112911050004);
},
drag_boxHandler() {
@ -1618,7 +1702,7 @@ export default {
transform: translate(-50%, -50%);
overflow: hidden;
.drag_box1{
.drag_box1 {
width: 100%;
height: 100%;
position: absolute;
@ -1640,7 +1724,7 @@ export default {
transparent 97%);
}
.axis_init{
.axis_init {
width: 0.4rem;
height: 0.5rem;
position: absolute;
@ -1648,13 +1732,14 @@ export default {
z-index: 99;
}
.axis_init1{
.axis_init1 {
width: 0.4rem;
height: 0.5rem;
position: absolute;
z-index: 99;
}
}
.drag_box {
width: 100%;
height: 100%;
@ -1999,7 +2084,17 @@ export default {
// margin-right: 0.47rem;
// }
>span:nth-child(6) {
.progress{
width: 18%;
font-size: 0.14rem;
font-style: normal;
font-family: MicrosoftYaHei;
font-weight: 400;
color: #7ae1ff;
margin-right: 0.47rem;
}
>span:nth-child(6),>span:nth-child(7) {
width: 0.66rem;
height: 0.3rem;
background: linear-gradient(-35deg,
@ -2133,5 +2228,4 @@ export default {
}
}
}
}
</style>
}</style>