id1改回为丽水

This commit is contained in:
home孙 2025-06-07 16:44:50 +08:00
parent 37588ffb5e
commit 395a68e71b
5 changed files with 62 additions and 57 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 637 KiB

After

Width:  |  Height:  |  Size: 3.2 MiB

View File

@ -2,12 +2,11 @@
<div class="index"> <div class="index">
<div class="header"> <div class="header">
<div class="header-left"> <div class="header-left">
<img class="logo-img" v-if="limitUserId.find(item => item.id == 1)" style="width:54px;border-radius: 50%;height:54px;" src="../assets/img/logo-test.jpg" alt="">
<img class="logo-img" v-else src="../assets/image/logo-img.png" alt=""> <img class="logo-img" src="../assets/image/logo-img.png" alt="">
<img class="logo-bg" src="../assets/image/logo.png" alt=""> <img class="logo-bg" src="../assets/image/logo.png" alt="">
<div class="logo-title" v-if="mainData"> <div class="logo-title" v-if="mainData">
{{(limitUserId.find(item => item.id == 1))?'宏盛农业':mainData.projectName}} {{mainData.projectName}}
<!-- {{mainData.projectName}} -->
</div> </div>
</div> </div>
@ -24,8 +23,7 @@
<div class="header-right" v-if="userInfo"> <div class="header-right" v-if="userInfo">
<img src="../assets/image/avatar.png" alt=""> <img src="../assets/image/avatar.png" alt="">
<div class="user-data"> <div class="user-data">
<div class="name">欢迎{{(limitUserId.find(item => item.id == 1))?'杭州宏盛农业设施有限公司':userInfo.nickName}} <div class="name">欢迎{{ userInfo.nickName }}
<!-- {{ userInfo.nickName }} -->
</div> </div>
<div class="time" v-if="time"> {{ time.year.year }}-{{ time.year.month }}-{{ time.year.date }}</div> <div class="time" v-if="time"> {{ time.year.year }}-{{ time.year.month }}-{{ time.year.date }}</div>
</div> </div>

View File

@ -118,7 +118,7 @@
<img class="axis_4" 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_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_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_7" src="../../assets/img/axis2.png" alt="" @click="handlerAxis_1" />
</div> </div>
<!-- 东北 --> <!-- 东北 -->
<div class="drag_box1" ref="drag_box1" v-show="limitUserId == 2"> <div class="drag_box1" ref="drag_box1" v-show="limitUserId == 2">
@ -3023,70 +3023,71 @@ export default {
transparent 97%); transparent 97%);
} }
.axis_1 { .axis_1 {
width: 0.4rem; width: 0.7rem;
height: 0.5rem; height: 0.86rem;
position: absolute; position: absolute;
top: 77%;
left: 11%;
z-index: 99;
cursor: pointer; cursor: pointer;
top: 5%;
left: 22%;
z-index: 99;
} }
.axis_2 { .axis_2 {
width: 0.4rem; width: 0.7rem;
height: 0.5rem; height: 0.86rem;
position: absolute; position: absolute;
top: 69%;
left: 25%;
z-index: 99;
cursor: pointer; cursor: pointer;
top: 23%;
left: 41%;
z-index: 99;
} }
.axis_3 { .axis_3 {
width: 0.4rem; width: 0.7rem;
height: 0.5rem; height: 0.86rem;
position: absolute; position: absolute;
top: 59%;
left: 41%;
z-index: 99;
cursor: pointer; cursor: pointer;
top: 43%;
left: 15%;
z-index: 99;
} }
.axis_4 { .axis_4 {
width: 0.4rem; width: 0.7rem;
height: 0.5rem; height: 0.86rem;
position: absolute; position: absolute;
top: 46%;
left:61%;
z-index: 99;
cursor: pointer; cursor: pointer;
top: 3%;
left: 64%;
z-index: 99;
} }
.axis_5 { .axis_5 {
width: 0.4rem; width: 0.7rem;
height: 0.5rem; height: 0.86rem;
position: absolute; position: absolute;
top: 36%;
left: 76%;
z-index: 99;
cursor: pointer; cursor: pointer;
top: 29%;
left: 78%;
z-index: 99;
} }
.axis_6 { .axis_6 {
width: 0.4rem; width: 0.7rem;
height: 0.5rem; height: 0.86rem;
position: absolute; position: absolute;
top: 27%;
left: 87%;
z-index: 99;
cursor: pointer; cursor: pointer;
top: 63%;
left: 65%;
z-index: 99;
} }
.axis_7 { .axis_7 {
width: 1.04rem; width: 1.04rem;
height: 1.18rem; height: 1.18rem;
position: absolute; position: absolute;
cursor: pointer;
top: 42%; top: 42%;
left: 45%; left: 45%;
z-index: 99; z-index: 99;

View File

@ -24,7 +24,12 @@
<div class="map1"> <div class="map1">
<div class="drag_box1" ref="drag_box1"> <div class="drag_box1" ref="drag_box1">
<img class="drag_img" src="../../assets/img/map.png" alt="" /> <img class="drag_img" src="../../assets/img/map.png" alt="" />
<div class="pole_item pole_item_4">
<div class="p_title">
<img src="../../assets/img/wenshi.png" alt="" />
<span>控制中心</span>
</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" :style="getNamePosition(item.id)" @click="handlerPop(item.id)">
@ -934,18 +939,18 @@ export default {
}, },
getTopOrLeft1_1(id) { getTopOrLeft1_1(id) {
if (id == 1) { if (id == 2) {
return "top: 81%;left: 6%;transform: translate(54%,-50%);"; return "top:46%;left:46%;transform: translate(-50%,-50%);";
}else if (id == 2) {
return "top: 73%;left: 20%;transform: translate(54%,-50%);";
} else if (id == 3) {
return "top: 64%;left: 36%;transform: translate(54%,-40%);";
} else if (id == 4) {
return "top: 41%;left: 56%;transform: translate(54%,0);";
} else if (id == 5) { } else if (id == 5) {
return "top: 33%;left: 71%;transform: translate(-20%,20%);"; return "top:53%;left:47%;transform: translate(-50%,-50%);";
} else if (id == 6) { } else if (id == 6) {
return "top: 25%;left: 81%;transform: translate(-40%,20%);"; return "top:46%;left:51%;transform: translate(-50%,-50%);";
} else if (id == 4) {
return "top:50%;left:62%;transform: translate(-50%,-50%);";
} else if (id == 3) {
return "top:50%;left:62%;transform: translate(-50%,-50%);";
} else if (id == 1) {
return "top:50%;left:35%;transform: translate(-50%,-50%);";
} }
}, },
@ -1219,22 +1224,23 @@ export default {
return 'top:40%;left:27.5%;transform: translate(54%,0);' return 'top:40%;left:27.5%;transform: translate(54%,0);'
} }
}, },
getNamePosition(id) { getNamePosition(id) {
if (id == 1) { if (id == 1) {
return "position: absolute;top: 81%;left: 6%;"; return "position: absolute;top: 41%;left: 13%;";
} else if (id == 2) { } else if (id == 2) {
return "position: absolute;top: 73%;left: 20%;"; return "position: absolute;top: 10%;left: 24%;";
} else if (id == 3) { } else if (id == 3) {
return "position: absolute;top: 64%;left: 36%;"; return "position: absolute;top: 22%;left: 40%;";
} else if (id == 4) { } else if (id == 4) {
return "position: absolute;top: 51%;left: 56%;"; return "position: absolute;top: 29%;left: 76%;";
} else if (id == 5) { } else if (id == 5) {
return "position: absolute;top: 40%;left: 71%;"; return "position: absolute;top: 61%;left: 62%;";
} else if (id == 6) { } else if (id == 6) {
return "position: absolute;top: 32%;left: 81%;"; return "position: absolute;top: 1%;left: 62%;";
} }
}, },
autoPlay1() { autoPlay1() {
let that = this; let that = this;
this.autoPlay = false; this.autoPlay = false;
@ -1823,7 +1829,7 @@ demo.onwheel = function(e) {
.pole_item { .pole_item {
width: 1.45rem; width: 1.45rem;
height: 0.44rem; height: 0.44rem;
transform: translate(0,200%);
.p_title { .p_title {
width: 1.45rem; width: 1.45rem;
height: 0.44rem; height: 0.44rem;