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

Compare commits

base: xiaomeng:d51add73ff44d353b37a7913de416c2c420dbfe8
Branches Tags
xiaomeng:portal
xiaomeng:pc-master
xiaomeng:wx-program
xiaomeng:mini-program
xiaomeng:fix
xiaomeng:master
xiaomeng:wxmaster
xiaomeng:main
xiaomeng:0.0.1
..
compare: xiaomeng:582f57670dc4aab03e04f9cfef449306b4680042
Branches Tags
xiaomeng:portal
xiaomeng:pc-master
xiaomeng:wx-program
xiaomeng:mini-program
xiaomeng:fix
xiaomeng:master
xiaomeng:wxmaster
xiaomeng:main
xiaomeng:0.0.1

No commits in common. "d51add73ff44d353b37a7913de416c2c420dbfe8" and "582f57670dc4aab03e04f9cfef449306b4680042" have entirely different histories.
d51add73ff ... 582f57670d

2 changed files with 213 additions and 124 deletions
Show Stats Expand all files Collapse all files

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

@ -42,9 +42,17 @@
<div class="weather"> <div class="weather">
<div> <div>
<marquee behavior="" direction="" scrollamount="3"> <marquee behavior="" direction="" scrollamount="3">
<div class="item" v-for="(item, index) in weatherDataList" :key="index"> <div
<img :src="require(`../../assets/image/real-time-${item.formula}.png`) class="item"
" alt="" /> v-for="(item, index) in weatherDataList"
:key="index"
>
<img
:src="
require(`../../assets/image/real-time-${item.formula}.png`)
"
alt=""
/>
<span>{{ item.environmentDataId }} : </span> <span>{{ item.environmentDataId }} : </span>
<span>{{ <span>{{
item.environmentData + getTypeList(item.formula) item.environmentData + getTypeList(item.formula)
@ -60,7 +68,11 @@
<div class="e_title">温室环境数据</div> <div class="e_title">温室环境数据</div>
<div class="detail"> <div class="detail">
<!-- <div class="title_child">一号温室</div> --> <!-- <div class="title_child">一号温室</div> -->
<vue-seamless class="e_content" :data="list" :class-option="defaultOption"> <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="el.img" alt="" /> <img :src="el.img" alt="" />
@ -84,7 +96,10 @@
<div class="thisWeekTemperature"> <div class="thisWeekTemperature">
<div class="e_title">本周温度统计</div> <div class="e_title">本周温度统计</div>
<div class="thisWeekTemperature_echart" id="thisWeekTemperature_echart"></div> <div
class="thisWeekTemperature_echart"
id="thisWeekTemperature_echart"
></div>
</div> </div>
</div> </div>
<div class="middle"> <div class="middle">
@ -92,13 +107,48 @@
<div class="map1"> <div class="map1">
<div class="drag_box" ref="drag_box"> <div class="drag_box" ref="drag_box">
<img class="drag_img" src="../../assets/img/map.png" alt="" /> <img class="drag_img" src="../../assets/img/map.png" alt="" />
<img class="axis_1" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_1" /> <img
<img class="axis_2" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_1" /> class="axis_1"
<img class="axis_3" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_1" /> src="../../assets/img/axis1.png"
<img class="axis_4" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_1" /> alt=""
<img class="axis_5" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_1" /> @click="handlerAxis_1"
<img class="axis_6" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_1" /> />
<img class="axis_7" src="../../assets/img/axis2.png" alt="" @click="handlerAxis_1" /> <img
class="axis_2"
src="../../assets/img/axis1.png"
alt=""
@click="handlerAxis_1"
/>
<img
class="axis_3"
src="../../assets/img/axis1.png"
alt=""
@click="handlerAxis_1"
/>
<img
class="axis_4"
src="../../assets/img/axis1.png"
alt=""
@click="handlerAxis_1"
/>
<img
class="axis_5"
src="../../assets/img/axis1.png"
alt=""
@click="handlerAxis_1"
/>
<img
class="axis_6"
src="../../assets/img/axis1.png"
alt=""
@click="handlerAxis_1"
/>
<img
class="axis_7"
src="../../assets/img/axis2.png"
alt=""
@click="handlerAxis_1"
/>
</div> </div>
</div> </div>
</div> </div>
@ -109,9 +159,17 @@
<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>
@ -130,13 +188,22 @@
<div class="device_detail"> <div class="device_detail">
<div class="swiper_timer"> <div class="swiper_timer">
<div> <div>
<div class="swiper-container middle_disasterWarningAnalysis" :style="styleContainer"> <div
class="swiper-container middle_disasterWarningAnalysis"
:style="styleContainer"
>
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div :class="current == index <div
? 'swiper-slide swiper-slide2' :class="
: 'swiper-slide swiper-slide1' current == index
" v-for="(item, index) in dataList" :key="index" :style="styleItem" ? 'swiper-slide swiper-slide2'
@click="getCurrent(index, item)"> : 'swiper-slide swiper-slide1'
"
v-for="(item, index) in dataList"
:key="index"
:style="styleItem"
@click="getCurrent(index, item)"
>
{{ item.greenhouseName + "温室" }} {{ item.greenhouseName + "温室" }}
</div> </div>
</div> </div>
@ -172,32 +239,47 @@
<div class="i_content"> <div class="i_content">
<div class="i_content_item"> <div class="i_content_item">
<span>1#风机</span> <span>1#风机</span>
<span :style="fanStatus.status[0] == 1 ? '' : 'color:#86C2FF;'">{{ fanStatus.status[0] == 1 ? "打开" : <span
"关闭" }}</span> :style="fanStatus.status[0] == 1 ? '' : 'color:#86C2FF;'"
>{{ fanStatus.status[0] == 1 ? "打开" : "关闭" }}</span
>
<span class="line"></span> <span class="line"></span>
<span>2#风机</span> <span>2#风机</span>
<span :style="fanStatus.status[1] == 1 ? '' : 'color:#86C2FF;'">{{ fanStatus.status[1] == 1 ? "打开" : <span
"关闭" }}</span> :style="fanStatus.status[1] == 1 ? '' : 'color:#86C2FF;'"
>{{ 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 :style="fanStatus.status[2] == 1 ? '' : 'color:#86C2FF;'">{{ fanStatus.status[2] == 1 ? "打开" : <span
"关闭" }}</span> :style="fanStatus.status[2] == 1 ? '' : 'color:#86C2FF;'"
>{{ fanStatus.status[2] == 1 ? "打开" : "关闭" }}</span
>
<span class="line"></span> <span class="line"></span>
<span>4#风机</span> <span>4#风机</span>
<span :style="fanStatus.status[3] == 1 ? '' : 'color:#86C2FF;'">{{ fanStatus.status[3] == 1 ? "打开" : <span
"关闭" }}</span> :style="fanStatus.status[3] == 1 ? '' : 'color:#86C2FF;'"
>{{ fanStatus.status[3] == 1 ? "打开" : "关闭" }}</span
>
</div> </div>
<div class="line1"></div> <div class="line1"></div>
<div class="i_content_item" style="width: 50%"> <div class="i_content_item" style="width: 50%">
<span>5#风机</span> <span>5#风机</span>
<span :style="fanStatus.status[4] == 1 ? '' : 'color:#86C2FF;'">{{ fanStatus.status[4] == 1 ? "打开" : <span
"关闭" }}</span> :style="fanStatus.status[4] == 1 ? '' : 'color:#86C2FF;'"
>{{ fanStatus.status[4] == 1 ? "打开" : "关闭" }}</span
>
<span class="line"></span> <span class="line"></span>
</div> </div>
</div> </div>
<div class="i_title_" style="margin-top: 0.2rem" v-for="(item, index) in statusList" :key="index"> <div
class="i_title_"
style="margin-top: 0.2rem"
v-for="(item, index) in statusList"
:key="index"
>
<template v-if="item.open != 0"> <template v-if="item.open != 0">
<img src="../../assets/img/i_title_img.png" alt="" /> <img src="../../assets/img/i_title_img.png" alt="" />
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
@ -1095,10 +1177,10 @@ export default {
<style lang="scss"> <style lang="scss">
.environmentData { .environmentData {
.e_content { .e_content {
>div { > div {
width: 100% !important; width: 100% !important;
>div { > div {
width: 100% !important; width: 100% !important;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -1140,10 +1222,12 @@ export default {
opacity: 0.9; opacity: 0.9;
text-shadow: 0.01 0.1rem 0.2rem rgba(0, 51, 103, 0.25); text-shadow: 0.01 0.1rem 0.2rem rgba(0, 51, 103, 0.25);
background: linear-gradient(to bottom, background: linear-gradient(
#ffffff 45%, to bottom,
#e9f8ff 90%, #ffffff 45%,
#77baff 100%); #e9f8ff 90%,
#77baff 100%
);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
text-align: center; text-align: center;
@ -1158,7 +1242,7 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
>span { > span {
width: 0.8rem; width: 0.8rem;
height: 0.3rem; height: 0.3rem;
background: rgba(14, 91, 165, 0.1); background: rgba(14, 91, 165, 0.1);
@ -1174,10 +1258,12 @@ export default {
} }
.act { .act {
background: linear-gradient(-35deg, background: linear-gradient(
#56a8d5 0%, -35deg,
rgba(0, 55, 110, 0.75) 50%, #56a8d5 0%,
#56a8d5 100%); rgba(0, 55, 110, 0.75) 50%,
#56a8d5 100%
);
border: 1px solid rgba(122, 225, 255, 0.75); border: 1px solid rgba(122, 225, 255, 0.75);
font-size: 0.18rem; font-size: 0.18rem;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
@ -1198,7 +1284,7 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
>img { > img {
width: 0.2rem; width: 0.2rem;
height: 0.2rem; height: 0.2rem;
} }
@ -1214,26 +1300,26 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
>img { > img {
width: 0.28rem; width: 0.28rem;
height: 0.3rem; height: 0.3rem;
} }
>span:nth-child(2) { > span:nth-child(2) {
font-size: 0.24rem; font-size: 0.24rem;
font-family: PingFang-SC-Bold; font-family: PingFang-SC-Bold;
font-weight: bold; font-weight: bold;
color: #7abaff; color: #7abaff;
} }
>span:nth-child(4) { > span:nth-child(4) {
font-size: 0.2rem; font-size: 0.2rem;
font-family: PingFang-SC-Bold; font-family: PingFang-SC-Bold;
font-weight: bold; font-weight: bold;
color: #7abaff; color: #7abaff;
} }
>span:nth-child(6) { > span:nth-child(6) {
font-size: 0.3rem; font-size: 0.3rem;
font-family: PingFang-SC-Bold; font-family: PingFang-SC-Bold;
font-weight: bold; font-weight: bold;
@ -1264,12 +1350,12 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
>img { > img {
width: 1.08rem; width: 1.08rem;
height: 0.91rem; height: 0.91rem;
} }
>span { > span {
font-size: 0.2rem; font-size: 0.2rem;
font-family: AlibabaPuHuiTiB; font-family: AlibabaPuHuiTiB;
font-weight: bold; font-weight: bold;
@ -1283,12 +1369,12 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
>img { > img {
width: 1.08rem; width: 1.08rem;
height: 0.91rem; height: 0.91rem;
} }
>span { > span {
font-size: 0.2rem; font-size: 0.2rem;
font-family: AlibabaPuHuiTiB; font-family: AlibabaPuHuiTiB;
font-weight: bold; font-weight: bold;
@ -1318,7 +1404,8 @@ export default {
.weatherStation { .weatherStation {
width: 4rem; width: 4rem;
height: 0.43rem; height: 0.43rem;
background: url("../../assets/img/weatherStation.png") center no-repeat; background: url("../../assets/img/weatherStation.png") center
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
@ -1326,7 +1413,7 @@ export default {
width: 3.84rem; width: 3.84rem;
height: 0.34rem; height: 0.34rem;
>div { > div {
width: 100%; width: 100%;
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
@ -1354,7 +1441,7 @@ export default {
margin-right: 0.1rem; margin-right: 0.1rem;
display: inline-block; display: inline-block;
>img { > img {
width: 0.3rem; width: 0.3rem;
height: 0.3rem; height: 0.3rem;
position: relative; position: relative;
@ -1362,7 +1449,7 @@ export default {
margin-right: 0.05rem; margin-right: 0.05rem;
} }
>span { > span {
font-size: 0.16rem; font-size: 0.16rem;
font-weight: 400; font-weight: 400;
color: #fff; color: #fff;
@ -1383,7 +1470,8 @@ export default {
.e_title { .e_title {
width: 3.98rem; width: 3.98rem;
height: 0.19rem; height: 0.19rem;
background: url("../../assets/img/environmentData_bg.png") center no-repeat; background: url("../../assets/img/environmentData_bg.png") center
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 0.18rem; font-size: 0.18rem;
font-family: AlibabaPuHuiTiM; font-family: AlibabaPuHuiTiM;
@ -1428,7 +1516,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding-bottom: 0.1rem; padding-bottom: 0.1rem;
>img { > img {
width: 0.62rem; width: 0.62rem;
height: 0.68rem; height: 0.68rem;
margin: 0 0.16rem 0 0.13rem; margin: 0 0.16rem 0 0.13rem;
@ -1438,14 +1526,14 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
>span:nth-child(1) { > span:nth-child(1) {
font-size: 0.16rem; font-size: 0.16rem;
font-family: MicrosoftYaHei-Bold; font-family: MicrosoftYaHei-Bold;
font-weight: bold; font-weight: bold;
color: #86c2ff; color: #86c2ff;
} }
>span:nth-child(2) { > span:nth-child(2) {
font-size: 0.22rem; font-size: 0.22rem;
font-family: AlibabaPuHuiTiB; font-family: AlibabaPuHuiTiB;
font-weight: bold; font-weight: bold;
@ -1476,13 +1564,15 @@ export default {
top: 0; top: 0;
left: 0; left: 0;
z-index: 99; z-index: 99;
-webkit-mask-image: linear-gradient(90deg, -webkit-mask-image: linear-gradient(
transparent 22%, 90deg,
transparent 10%, transparent 22%,
blue 30%, transparent 10%,
blue 70%, blue 30%,
transparent 75%, blue 70%,
transparent 100%); transparent 75%,
transparent 100%
);
.map1 { .map1 {
width: 60%; width: 60%;
@ -1495,10 +1585,12 @@ export default {
// blue 80%, // blue 80%,
// transparent 100%, // transparent 100%,
// transparent 100%); // transparent 100%);
-webkit-mask-image: linear-gradient(transparent 0%, -webkit-mask-image: linear-gradient(
blue 8%, transparent 0%,
blue 85%, blue 8%,
transparent 100%); blue 85%,
transparent 100%
);
// transform: scale(0.6); // transform: scale(0.6);
position: absolute; position: absolute;
top: 50%; top: 50%;
@ -1513,19 +1605,23 @@ export default {
// top: 0.3rem; // top: 0.3rem;
// left: 0.5rem; // left: 0.5rem;
z-index: 10; z-index: 10;
-webkit-mask-image: linear-gradient(90deg, -webkit-mask-image: linear-gradient(
transparent 4%, 90deg,
blue 18%, transparent 4%,
blue 88%, blue 18%,
transparent 100%); blue 88%,
transparent 100%
);
.drag_img { .drag_img {
width: 100%; width: 100%;
height: 100%; height: 100%;
-webkit-mask-image: linear-gradient(transparent 0%, -webkit-mask-image: linear-gradient(
blue 13%, transparent 0%,
blue 73%, blue 13%,
transparent 97%); blue 73%,
transparent 97%
);
} }
.axis_1 { .axis_1 {
@ -1697,7 +1793,7 @@ export default {
width: 100%; width: 100%;
height: 0.54rem; height: 0.54rem;
>div { > div {
width: 100%; width: 100%;
height: 0.54rem; height: 0.54rem;
cursor: pointer; cursor: pointer;
@ -1717,14 +1813,17 @@ export default {
width: 0.74rem !important; width: 0.74rem !important;
} }
.swiper-slide1 {} .swiper-slide1 {
}
::v-deep .swiper-slide2 { ::v-deep .swiper-slide2 {
color: #ffffff !important; color: #ffffff !important;
background: linear-gradient(-35deg, background: linear-gradient(
#56a8d5 0%, -35deg,
rgba(0, 55, 110, 0.75) 50%, #56a8d5 0%,
#56a8d5 100%) !important; rgba(0, 55, 110, 0.75) 50%,
#56a8d5 100%
) !important;
border: 1px solid rgba(122, 225, 255, 0.75) !important; border: 1px solid rgba(122, 225, 255, 0.75) !important;
} }
@ -1808,7 +1907,8 @@ export default {
.i_title { .i_title {
// width: 4rem; // width: 4rem;
height: 0.5rem; height: 0.5rem;
background: url("../../assets/img/i_title_bg.png") center no-repeat; background: url("../../assets/img/i_title_bg.png") center
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
align-items: center; align-items: center;
@ -1816,12 +1916,12 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding: 0 0.1rem 0 0.05rem; padding: 0 0.1rem 0 0.05rem;
>img { > img {
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
} }
>span:nth-child(2) { > span:nth-child(2) {
font-size: 0.16rem; font-size: 0.16rem;
font-family: MicrosoftYaHei-Bold; font-family: MicrosoftYaHei-Bold;
font-weight: bold; font-weight: bold;
@ -1835,7 +1935,7 @@ export default {
opacity: 0.2; opacity: 0.2;
} }
>span:nth-child(4) { > span:nth-child(4) {
font-size: 0.14rem; font-size: 0.14rem;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
font-weight: 400; font-weight: 400;
@ -1850,12 +1950,14 @@ export default {
// margin-right: 0.47rem; // margin-right: 0.47rem;
// } // }
>span:nth-child(6) { > span:nth-child(6) {
width: 0.66rem; width: 0.66rem;
height: 0.3rem; height: 0.3rem;
background: linear-gradient(-35deg, background: linear-gradient(
rgba(122, 225, 255, 0.49) 1%, -35deg,
rgba(122, 225, 255, 0.5) 100%); rgba(122, 225, 255, 0.49) 1%,
rgba(122, 225, 255, 0.5) 100%
);
border: 0.01rem solid rgba(122, 225, 255, 0.5); border: 0.01rem solid rgba(122, 225, 255, 0.5);
border-radius: 0.15rem; border-radius: 0.15rem;
font-size: 0.14rem; font-size: 0.14rem;
@ -1870,7 +1972,8 @@ export default {
.i_title_ { .i_title_ {
// width: 4rem; // width: 4rem;
height: 0.5rem; height: 0.5rem;
background: url("../../assets/img/i_title_bg.png") center no-repeat; background: url("../../assets/img/i_title_bg.png") center
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
align-items: center; align-items: center;
@ -1878,12 +1981,12 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding: 0 0.1rem 0 0.05rem; padding: 0 0.1rem 0 0.05rem;
>img { > img {
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
} }
>span:nth-child(2) { > span:nth-child(2) {
width: 18%; width: 18%;
font-size: 0.16rem; font-size: 0.16rem;
font-family: MicrosoftYaHei-Bold; font-family: MicrosoftYaHei-Bold;
@ -1899,7 +2002,7 @@ export default {
margin-right: 0.1rem; margin-right: 0.1rem;
} }
>span:nth-child(4) { > span:nth-child(4) {
width: 18%; width: 18%;
font-size: 0.14rem; font-size: 0.14rem;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
@ -1907,7 +2010,7 @@ export default {
color: #4effd5; color: #4effd5;
} }
>span:nth-child(6) { > span:nth-child(6) {
width: 18%; width: 18%;
font-size: 0.14rem; font-size: 0.14rem;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
@ -1916,12 +2019,14 @@ export default {
margin-right: 0.47rem; margin-right: 0.47rem;
} }
>span:nth-child(7) { > span:nth-child(7) {
width: 0.66rem; width: 0.66rem;
height: 0.3rem; height: 0.3rem;
background: linear-gradient(-35deg, background: linear-gradient(
rgba(122, 225, 255, 0.49) 1%, -35deg,
rgba(122, 225, 255, 0.5) 100%); rgba(122, 225, 255, 0.49) 1%,
rgba(122, 225, 255, 0.5) 100%
);
border: 0.01rem solid rgba(122, 225, 255, 0.5); border: 0.01rem solid rgba(122, 225, 255, 0.5);
border-radius: 0.15rem; border-radius: 0.15rem;
font-size: 0.14rem; font-size: 0.14rem;
@ -1948,16 +2053,16 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
>span:nth-child(1), > span:nth-child(1),
>span:nth-child(4) { > span:nth-child(4) {
font-size: 0.14rem; font-size: 0.14rem;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
} }
>span:nth-child(2), > span:nth-child(2),
>span:nth-child(5) { > span:nth-child(5) {
font-size: 0.14rem; font-size: 0.14rem;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
font-weight: 400; font-weight: 400;

20
src/views/page/largeScreen1.vue
View File

@ -30,10 +30,10 @@
</div> </div>
<div class="popBox" v-for="(item, index) in popContentList" :key="index"> <div class="popBox" v-for="(item, index) in popContentList" :key="index">
<template> <template>
<div class="pole_item" :style="getNamePosition(item.id)" @click="handlerPop(item.id)"> <div class="pole_item" :class="'pole_item' + (index+1)" @click="handlerPop(item.id)">
<div class="p_title"> <div class="p_title">
<img src="../../assets/img/wenshi.png" alt="" /> <img src="../../assets/img/wenshi.png" alt="" />
<span>{{ item.greenhouseName }}温室</span> <span>{{ item.greenhouseName }}#温室</span>
</div> </div>
<img class="pole1" src="../../assets/img/pole1.png" alt="" /> <img class="pole1" src="../../assets/img/pole1.png" alt="" />
</div> </div>
@ -659,22 +659,6 @@ export default {
// } // }
}, },
getNamePosition(id){
if(id == 2){
return "position: absolute;top: 10%;left: 24%;"
}else if(id == 3){
return "position: absolute;top: 61%;left: 62%;"
}else if(id == 4){
return "position: absolute;top: 1%;left: 62%;"
}else if(id == 5){
return "position: absolute;top: 29%;left: 76%;"
}else if(id == 6){
return "position: absolute;top: 22%;left: 40%;"
}else if(id == 7){
return "position: absolute;top: 41%;left: 13%;"
}
},
// 数据单位 // 数据单位
getTypeList(val) { getTypeList(val) {
let typeList1 = []; let typeList1 = [];