Skip to content

H
honghu
Commit 9b2238f7 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

污水温水监测 注释无用方法

parent a59c51cf
Hide whitespace changes
Inline Side-by-side
Showing with 96 additions and 123 deletions
src/views/bigscreen/index.vue
View file @ 9b2238f7
......@@ -47,7 +47,7 @@
</div>
</div>
<div class="b_0">
<iframe
<!-- <iframe
ref="iframe"
frameborder="0"
src="/huangshi/index.html"
......@@ -61,7 +61,7 @@
right: 0;
"
@click="iframeclick"
></iframe>
></iframe> -->
<header class="bg-o85">
<!-- <div class="b0 b-1">
<div class="b1-a"></div>
......@@ -179,11 +179,11 @@
<div class="tit-bg"></div>
<h3 class="el-icon-s-unfold">沉降监测GNSS</h3>
<div class="km-thead col02d upop scrollListTitle4Gnss">
<div>边坡监测点</div>
<div>X</div>
<div>Y</div>
<div>Z</div>
</div>
<div>边坡监测点</div>
<div>X</div>
<div>Y</div>
<div>Z</div>
</div>
<vue-seamless-scroll :data="listData4gnss" class="warp">
<ul class="item">
<li v-for="(item, index) in listData4gnss" :key="index">
......@@ -202,49 +202,20 @@
<div class="in-box">
<div class="tit-bg"></div>
<h3 class="el-icon-s-unfold">排水口污水水质</h3>
<div class="first-cl first-cl1">
<div class="cl1bg"></div>
<div class="cl1left">
<div class="cltop">
<span>{{ indexClData.mining }} </span> t
</div>
<div class="clbottom">已开采数量</div>
</div>
<div class="cl1right">
<div class="cltop">
<span>{{ indexClData.kaicaizl }} </span> t
</div>
<div class="clbottom">总储量数量</div>
</div>
<div
id="liquidEchart11"
ref="liquidEchart1"
class="liquidData liquidData1"
></div>
</div>
<div class="stitle">
<div class="stit">生产管理</div>
</div>
<div class="first-cl first-cl2">
<div class="cl2bg"></div>
<div class="cl2left">
<div class="cltop">
<span>{{ "1000" }} </span> 个
</div>
<div class="clbottom">生产设备总数量</div>
</div>
<div class="cl2right">
<div class="cltop">
<span>{{ "300" }} </span> 个
<div class="km-thead col02d upop scrollListTitle">
<div>监测项</div>
<div>监测值</div>
<div>监测时间</div>
</div>
<div class="clbottom">生产设备在线</div>
</div>
<div
id="liquidEchart22"
ref="liquidEchart2"
class="liquidData liquidData2"
></div>
</div>
<vue-seamless-scroll :data="listData4wushui" class="warp">
<ul class="item">
<li v-for="(item, index) in listData4wushui" :key="index">
<span class="title qixiangspan" v-text="item.items"></span>
<span class="title qixiangspan" v-text="item.evalue"></span>
<span class="date qixiangspan" v-text="item.time"></span>
</li>
</ul>
</vue-seamless-scroll>
</div>
</div>
</div>
......@@ -256,11 +227,20 @@
<div class="in-box">
<div class="tit-bg"></div>
<h3 class="el-icon-s-unfold">温泉水质</h3>
<div id="weather1" class="weather">
<div class="rt1-info">
<p>接口暂停服务</p>
<div class="km-thead col02d upop scrollListTitle">
<div>监测项</div>
<div>监测值</div>
<div>监测时间</div>
</div>
</div>
<vue-seamless-scroll :data="listData4wenshui" class="warp">
<ul class="item">
<li v-for="(item, index) in listData4wenshui" :key="index">
<span class="title qixiangspan" v-text="item.items"></span>
<span class="title qixiangspan" v-text="item.evalue"></span>
<span class="date qixiangspan" v-text="item.time"></span>
</li>
</ul>
</vue-seamless-scroll>
</div>
</div>
</div>
......@@ -308,15 +288,15 @@
</div>
</div>
</div>
<!-- <div class="d0 d-3">
<div class="d0 d-3">
<div class="layerWd1">
<div class="in-box">
<div class="tit-bg"></div>
<h3 class="el-icon-s-unfold">降雨量</h3>
<div class="indexjiankong" @click="jiankong('all')"></div>
<div class="indexjiankong1"></div>
</div>
</div>
</div> -->
</div>
</div>
</div>
<div class="d_ d_0" :class="{ actv: navActv === 1 }">
......@@ -1302,24 +1282,24 @@ export default {
},
created() {
this.$nextTick(() => {
this.hjjcszjc();
this.setLabel();
localStorage.removeItem("name");
localStorage.removeItem("to3d");
this.$refs.iframe.contentWindow.addEventListener("message", (e) => {
// console.log(e, 1); // 跨域的话就要通过postMessage通信
});
this.$refs.iframe.contentWindow.addEventListener("click", (e) => {
let nowlocalStorage = localStorage.getItem("name");
// console.log(e.target, 2); // 不跨越的话就可以操作内部的dom啥的
// console.log(nowlocalStorage, "localStorage");
if (this.old3d === nowlocalStorage) {
// console.log("一样");
} else {
// console.log("不一样");
this.old3d = nowlocalStorage;
}
});
// this.hjjcszjc();
// this.setLabel();
// localStorage.removeItem("name");
// localStorage.removeItem("to3d");
// this.$refs.iframe.contentWindow.addEventListener("message", (e) => {
// // console.log(e, 1); // 跨域的话就要通过postMessage通信
// });
// this.$refs.iframe.contentWindow.addEventListener("click", (e) => {
// let nowlocalStorage = localStorage.getItem("name");
// // console.log(e.target, 2); // 不跨越的话就可以操作内部的dom啥的
// // console.log(nowlocalStorage, "localStorage");
// if (this.old3d === nowlocalStorage) {
// // console.log("一样");
// } else {
// // console.log("不一样");
// this.old3d = nowlocalStorage;
// }
// });
});
},
mounted() {
......@@ -1327,50 +1307,50 @@ export default {
this.$nextTick(() => {
// console.log(this.$refs.iframe.contentWindow); // 获取iframe里面window对象
this.nowAlarm();
// 加载天气
var weather = this.$el.querySelector("#weather1");
getWeather({
c: "code",
a: "getcode",
id: 48,
icon: 1,
py: "huangshi",
}).then((res) => {
var body = document.createElement("div");
setTimeout(function () {
body.innerHTML = res;
var styles = body.querySelectorAll("link");
for (var style of styles) {
body.removeChild(style);
}
var scripts = body.querySelectorAll("script");
for (var script of scripts) {
script.parentNode.removeChild(script);
}
// 查看图片
var img = body.querySelector("#day_1 .img").firstElementChild;
img.src =
"http://plugin.tianqistatic.com/static/" +
img.src.split("static/")[1];
// 修剪dom
var mobile05 = body.querySelector("#mobile05");
mobile05.removeChild(mobile05.firstElementChild);
mobile05.removeChild(mobile05.lastElementChild);
var childs = mobile05.children;
for (var child of childs) {
child.innerHTML = child.firstElementChild.innerHTML;
}
weather.innerHTML = body.innerHTML;
}, 300);
});
// // 加载天气
// var weather = this.$el.querySelector("#weather1");
// getWeather({
// c: "code",
// a: "getcode",
// id: 48,
// icon: 1,
// py: "huangshi",
// }).then((res) => {
// var body = document.createElement("div");
// setTimeout(function () {
// body.innerHTML = res;
// var styles = body.querySelectorAll("link");
// for (var style of styles) {
// body.removeChild(style);
// }
// var scripts = body.querySelectorAll("script");
// for (var script of scripts) {
// script.parentNode.removeChild(script);
// }
// // 查看图片
// var img = body.querySelector("#day_1 .img").firstElementChild;
// img.src =
// "http://plugin.tianqistatic.com/static/" +
// img.src.split("static/")[1];
// // 修剪dom
// var mobile05 = body.querySelector("#mobile05");
// mobile05.removeChild(mobile05.firstElementChild);
// mobile05.removeChild(mobile05.lastElementChild);
// var childs = mobile05.children;
// for (var child of childs) {
// child.innerHTML = child.firstElementChild.innerHTML;
// }
// weather.innerHTML = body.innerHTML;
// }, 300);
// });
this.indexAlarmList();
this.initLiquidEchart2();
this.nowWaterData();
this.indexCl();
// this.initLiquidEchart2();
// this.nowWaterData();
// this.indexCl();
this.getJianCeList()
this.getBianpoChenJiangList()
......@@ -1630,13 +1610,6 @@ export default {
alarmNowData(param).then((res) => {
// console.log(res, "首页报警列表");
this.indexAlarmData = res;
for (let index = 0; index < 20; index++) {
this.indexAlarmData.push({
equipname: '设备'+index,
time: '2024-5-25 '+index
})
}
});
},
handleClose() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment