luoshiwen
/
suyiScreen
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

代码提交_浦口调度_奥体大街9号

This commit is contained in:
lixiaobang 2024-06-07 10:24:14 +08:00
parent c4c70e7e41
commit 2e1243c83d
4 changed files with 397 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/mapInfo/njatdj.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 122 KiB

BIN
src/assets/mapInfo/njdddl.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 118 KiB

104
src/views/land/child/index.vue
View File

@ -1015,8 +1015,8 @@
picAbbreviation76: unityChange == 76,
picAbbreviation77: unityChange == 77,
picAbbreviation78: unityChange == 78,
picAbbreviation79: unityChange == 79,
picAbbreviation80: unityChange == 80,
}"
></div>
<div
@ -2764,67 +2764,125 @@ export default {
this.yunweiArr5 = []
this.getStationSiteId(63);
} else if (newV == 64) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(64);
} else if (newV == 65) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(65);
} else if (newV == 66) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(66);
} else if (newV == 67) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(67);
} else if (newV == 68) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(68);
} else if (newV == 69) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(69);
} else if (newV == 70) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(70);
} else if (newV == 71) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(71);
} else if (newV == 72) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(72);
} else if (newV == 73) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(73);
} else if (newV == 74) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(74);
} else if (newV == 75) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(75);
} else if (newV == 76) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(76);
} else if (newV == 77) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(77);
} else if (newV == 78) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(78);
}else if (newV == 79) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(79);
}else if (newV == 80) {
this.yunweiArr2 = []
this.yunweiArr4 = []
this.yunweiArr5 = []
// this.threeUrl = "http://223.112.17.26:12347/";
// this.unityUrl = "/htWeb/unity.html?src=SQXCHY"; //初始模型
this.getStationSiteId(80);
}
},
immediate: true,
},
@ -3088,6 +3146,12 @@ export default {
} else if (this.sceneName == "NJJNSWKXY") {
this.unityChange = 78;
this.senceTitle = "南京江宁水务集团科学园水厂";
}else if (this.sceneName == "NJPKDDDL") {
this.unityChange = 79;
this.senceTitle = "南京市浦口调度大楼";
}else if (this.sceneName == "NJATDJ") {
this.unityChange = 80;
this.senceTitle = "南京奥体大街9号配电房";
}
@ -4222,6 +4286,16 @@ export default {
id == 78
) {
this.stationSiteId = res.data.data[i].siteId;
}else if (
res.data.data[i].siteName == "南京市浦口调度大楼" &&
id == 79
) {
this.stationSiteId = res.data.data[i].siteId;
}else if (
res.data.data[i].siteName == "南京奥体大街9号配电房" &&
id == 80
) {
this.stationSiteId = res.data.data[i].siteId;
}
}
@ -5401,6 +5475,18 @@ export default {
}).then((res) => {
this.yiciSrc = res.data.data;
});
}else if (this.sceneName == "NJPKDDDL") {
getPrimaryDiagram({
siteId: this.stationSiteId,
}).then((res) => {
this.yiciSrc = res.data.data;
});
}else if (this.sceneName == "NJATDJ") {
getPrimaryDiagram({
siteId: this.stationSiteId,
}).then((res) => {
this.yiciSrc = res.data.data;
});
}
},
handleXianfalse() {
@ -7099,6 +7185,18 @@ export default {
background: url("../../../assets/mapInfo/njjnswkxy.png") no-repeat;
background-size: 100% 100%;
}
.picAbbreviation79 {
width: 100%;
height: 100%;
background: url("../../../assets/mapInfo/njdddl.jpg") no-repeat;
background-size: 100% 100%;
}
.picAbbreviation80 {
width: 100%;
height: 100%;
background: url("../../../assets/mapInfo/njatdj.jpg") no-repeat;
background-size: 100% 100%;
}
.picActive {
width: 100%;
height: 100%;

322
src/views/land/index.vue
View File

@ -1918,9 +1918,6 @@
</div>
</div>
<!-- 南京江宁水务集团科学园水厂 -->
<div
class="nanjingNJJNSWKXY"
@ -1987,27 +1984,138 @@
</div>
</div>
</div>
<!-- 南京市浦口调度大楼 -->
<div
class="nanjingpkdddl"
v-if="njpkdddlAdmin"
v-show="selectMapShow == 'nanjing'"
@click="intoMain('NJPKDDDL')"
>
<div class="yellowIcon2">
<div
style="width: 288px; height: 47px"
v-show="NJPKDDDLPopShow"
@mouseover="popInfor('NJPKDDDL')"
@mouseleave="popInforLeave('NJPKDDDL')"
></div>
<div
class="stationTitle"
style="width: 288px; height: 47px; cursor: pointer; z-index: 9999"
@mouseover="popInfor('NJPKDDDL')"
@mouseleave="popInforLeave('NJPKDDDL')"
v-show="!NJPKDDDLPopShow"
>
南京市浦口调度大楼
</div>
<img
src="@/assets/newbanImg/yellowIcon.png"
style="width: 160px; height: 161px; cursor: pointer"
/>
</div>
</div>
<div v-show="NJPKDDDLPopShow" id="njpkdddlPop" @click="intoMain('NJPKDDDL')">
<div class="mask">
<img
src="@/assets/newbanImg/popContentNull.png"
style="width: 288px; height: 275px"
@mouseover="popInfor('NJPKDDDL')"
@mouseleave="popInforLeave('NJPKDDDL')"
/>
<div
class="contentPop2"
@mouseover="popInfor('NJPKDDDL')"
@mouseleave="popInforLeave('NJPKDDDL')"
>
<span
style="position: absolute; top: -40px; font-size: 17px; font-weight: 600"
>{{ njpkdddlMap.siteName }}</span
>
<span>{{ njpkdddlMap.siteName }}</span>
<div class="content">
<span>变压器数量</span>
<span>{{ njpkdddlMap.transformerNum }}</span>
</div>
<div class="content">
<span>变压器容量</span>
<span>{{ njpkdddlMap.transformerCapacity }}</span>
</div>
<div class="content">
<span>电器联系人</span>
<span>{{ njpkdddlMap.contacts }}</span>
</div>
<div class="content">
<span>联系电话</span>
<span>{{njpkdddlMap.phone }}</span>
</div>
</div>
</div>
</div>
<!-- 南京奥体大街9号配电房 -->
<div
class="nanjingatdj"
v-if="njatdjAdmin"
v-show="selectMapShow == 'nanjing'"
@click="intoMain('NJATDJ')"
>
<div class="yellowIcon2">
<div
style="width: 288px; height: 47px"
v-show="NJATDJPopShow"
@mouseover="popInfor('NJATDJ')"
@mouseleave="popInforLeave('NJATDJ')"
></div>
<div
class="stationTitle"
style="width: 288px; height: 47px; cursor: pointer; z-index: 9999"
@mouseover="popInfor('NJATDJ')"
@mouseleave="popInforLeave('NJATDJ')"
v-show="!NJATDJPopShow"
>
南京奥体大街9号配电房
</div>
<img
src="@/assets/newbanImg/yellowIcon.png"
style="width: 160px; height: 161px; cursor: pointer"
/>
</div>
</div>
<div v-show="NJATDJPopShow" id="njatdjPop" @click="intoMain('NJATDJ')">
<div class="mask">
<img
src="@/assets/newbanImg/popContentNull.png"
style="width: 288px; height: 275px"
@mouseover="popInfor('NJATDJ')"
@mouseleave="popInforLeave('NJATDJ')"
/>
<div
class="contentPop2"
@mouseover="popInfor('NJATDJ')"
@mouseleave="popInforLeave('NJATDJ')"
>
<span
style="position: absolute; top: -40px; font-size: 17px; font-weight: 600"
>{{ njatdjMap.siteName }}</span
>
<span>{{ njatdjMap.siteName }}</span>
<div class="content">
<span>变压器数量</span>
<span>{{ njatdjMap.transformerNum }}</span>
</div>
<div class="content">
<span>变压器容量</span>
<span>{{ njatdjMap.transformerCapacity }}</span>
</div>
<div class="content">
<span>电器联系人</span>
<span>{{ njatdjMap.contacts }}</span>
</div>
<div class="content">
<span>联系电话</span>
<span>{{njatdjMap.phone }}</span>
</div>
</div>
</div>
</div>
<!-- 泰州地图-->
@ -5411,6 +5519,8 @@ export default {
njjadsaAdmin: false, //南京金奥大厦A区
njjadsbAdmin: false, //南京金奥大厦B区
njjnswkxyAdmin: false, //南京江宁水务集团科学园水厂
njpkdddlAdmin:false, //南京浦口调度大楼
njatdjAdmin:false, //南京奥体大街
njyrscAdmin: false, //南京燕饶水厂权限展示
njdtsAdmin: false, //南京大屠杀权限展示
//泰州
@ -5522,6 +5632,8 @@ export default {
NJJADSAPopShow: false, //南京金奥大厦A区
NJJADSBPopShow: false, //南京金奥大厦B区
NJJNSWKXYPopShow: false, //南京江宁水务集团科学园水厂
NJPKDDDLPopShow:false, //南京浦口调度大楼
NJATDJPopShow:false, //南京奥体大街
TZGWJTPopShow: false, //泰州港务集团
TZJYSMPopShow: false, //泰州金鹰商贸
TZJCDSPopShow: false, //泰州锦宸大厦
@ -5872,6 +5984,22 @@ export default {
contacts: "", //联系人
phone: "",
}, //南京江宁水务集团科学园水厂
njpkdddlMap:{
siteName: "",
address: "",
transformerNum: "", //变压器数量
transformerCapacity: "", //变压器容量
contacts: "", //联系人
phone: "",
}, //南京浦口调度大楼
njatdjMap:{
siteName: "",
address: "",
transformerNum: "", //变压器数量
transformerCapacity: "", //变压器容量
contacts: "", //联系人
phone: "",
}, //南京奥体大街9号
njjlshsshqMap: {
siteName: "",
address: "",
@ -6779,6 +6907,22 @@ export default {
this.njjnswkxyMap.transformerCapacity = res.data.data[i].transformerCapacity;
this.njjnswkxyMap.contacts = res.data.data[i].contacts;
this.njjnswkxyMap.phone = res.data.data[i].phone;
}else if (res.data.data[i].siteName == "南京市浦口调度大楼") {
this.njpkdddlAdmin = true;
this.njpkdddlMap.siteName = res.data.data[i].siteName;
this.njpkdddlMap.address = res.data.data[i].address;
this.njpkdddlMap.transformerNum = res.data.data[i].transformerNum;
this.njpkdddlMap.transformerCapacity = res.data.data[i].transformerCapacity;
this.njpkdddlMap.contacts = res.data.data[i].contacts;
this.njpkdddlMap.phone = res.data.data[i].phone;
}else if (res.data.data[i].siteName == "南京奥体大街9号配电房") {
this.njatdjAdmin = true;
this.njatdjMap.siteName = res.data.data[i].siteName;
this.njatdjMap.address = res.data.data[i].address;
this.njatdjMap.transformerNum = res.data.data[i].transformerNum;
this.njatdjMap.transformerCapacity = res.data.data[i].transformerCapacity;
this.njatdjMap.contacts = res.data.data[i].contacts;
this.njatdjMap.phone = res.data.data[i].phone;
} else if (res.data.data[i].siteName == "无锡市黄泥岗水厂配电房") {
this.wxhngscAdmin = true;
this.wxhngscMap.siteName = res.data.data[i].siteName;
@ -7497,6 +7641,10 @@ export default {
this.NJJADSBPopShow = true;
} else if (val == "NJJNSWKXY") {
this.NJJNSWKXYPopShow = true;
}else if (val == "NJPKDDDL") {
this.NJPKDDDLPopShow = true;
}else if (val == "NJATDJ") {
this.NJATDJPopShow = true;
} else if (val == "NTDST") {
this.NTDSTPopShow = true;
} else if (val == "NTHARMYY") {
@ -7646,6 +7794,10 @@ export default {
this.NJJADSBPopShow = false;
} else if (val == "NJJNSWKXY") {
this.NJJNSWKXYPopShow = false;
}else if (val == "NJPKDDDL") {
this.NJPKDDDLPopShow = false;
}else if (val == "NJATDJ") {
this.NJATDJPopShow = false;
} else if (val == "NTDST") {
this.NTDSTPopShow = false;
} else if (val == "NTHARMYY") {
@ -8698,8 +8850,38 @@ export default {
flex-direction: column;
}
}
.nanjingpkdddl{
position: absolute !important;
top: 41%;
left: 33%;
z-index: 9999;
animation: nanjingpkdddl 1s linear;
.yellowIcon2 {
position: absolute !important;
top: 48%;
left: 40%;
z-index: 9999;
animation: movepoint 1s infinite;
display: flex;
flex-direction: column;
}
}
.nanjingatdj{
position: absolute !important;
top: 22%;
left: 38%;
z-index: 9996;
animation: nanjingatdj 1s linear;
.yellowIcon2 {
position: absolute !important;
top: 48%;
left: 40%;
z-index: 9999;
animation: movepoint 1s infinite;
display: flex;
flex-direction: column;
}
}
.taizhouGWJT {
@ -9599,6 +9781,72 @@ export default {
}
}
}
#njpkdddlPop{
position: absolute !important;
top: 25%;
left: 33%;
display: inline-block;
overflow: hidden;
width: 288px;
height: 275px;
.mask {
position: absolute;
width: 288px;
height: 275px;
top: 0;
left: 0;
z-index: 9999;
display: flex;
.contentPop2 {
position: absolute;
width: 100%;
height: 70%;
top: 23%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
.content {
width: 75%;
display: flex;
justify-content: space-between;
}
}
}
}
#njatdjPop{
position: absolute !important;
top: 0%;
left: 38%;
display: inline-block;
overflow: hidden;
width: 288px;
height: 275px;
.mask {
position: absolute;
width: 288px;
height: 275px;
top: 0;
left: 0;
z-index: 9999;
display: flex;
.contentPop2 {
position: absolute;
width: 100%;
height: 70%;
top: 23%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
.content {
width: 75%;
display: flex;
justify-content: space-between;
}
}
}
}
#tzgwjtPop {
position: absolute !important;
top: 35%;
@ -10094,6 +10342,28 @@ export default {
left: 46%;
}
}
@keyframes nanjingpkdddl {
0% {
top: 0px;
left: 33%;
}
//初始时图片位于顶部
100% {
top: 41%;
left: 33%;
}
}
@keyframes nanjingatdj {
0% {
top: 0px;
left: 33%;
}
//初始时图片位于顶部
100% {
top: 41%;
left: 33%;
}
}
@keyframes taizhouGWJT {
0% {
top: 0px;