|
|
@@ -33,12 +33,12 @@
|
|
|
</div>
|
|
|
<div class="kjs-content1-content1">
|
|
|
<p>矸石山调节池A</p>
|
|
|
- <p class="kjs-content1-content1-p">0.74</p>
|
|
|
+ <p class="kjs-content1-content1-p">{{ gaoA }}</p>
|
|
|
<span>m</span>
|
|
|
</div>
|
|
|
<div class="kjs-content1-content1">
|
|
|
<p>矸石山调节池B</p>
|
|
|
- <p class="kjs-content1-content1-p">0.74</p>
|
|
|
+ <p class="kjs-content1-content1-p">{{ gaoB }}</p>
|
|
|
<span>m</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -49,12 +49,12 @@
|
|
|
</div>
|
|
|
<div class="kjs-content1-content1">
|
|
|
<p>外排水池A液位</p>
|
|
|
- <p class="kjs-content1-content1-p">1.98</p>
|
|
|
+ <p class="kjs-content1-content1-p">{{ waiA }}</p>
|
|
|
<span>m</span>
|
|
|
</div>
|
|
|
<div class="kjs-content1-content1">
|
|
|
<p>外排水池B液位</p>
|
|
|
- <p class="kjs-content1-content1-p">1.98</p>
|
|
|
+ <p class="kjs-content1-content1-p">{{ waiB }}</p>
|
|
|
<span>m</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -70,33 +70,32 @@
|
|
|
<div class="kjs-content1-content2">
|
|
|
<p>滤池出水流量</p>
|
|
|
<div>
|
|
|
- <p class="kjs-content1-content1-p">0.8333</p>
|
|
|
+ <p class="kjs-content1-content1-p">{{ lvA }}</p>
|
|
|
</div>
|
|
|
<span>m3/h</span>
|
|
|
</div>
|
|
|
<div class="kjs-content1-content2">
|
|
|
<p>滤池出水流量累积</p>
|
|
|
<div>
|
|
|
- <p class="kjs-content1-content1-p">933759</p>
|
|
|
+ <p class="kjs-content1-content1-p">{{ lvB }}</p>
|
|
|
</div>
|
|
|
<span>m3</span>
|
|
|
</div>
|
|
|
<div class="kjs-content1-content2">
|
|
|
<p>矿井水进水瞬时流量</p>
|
|
|
<div>
|
|
|
- <p class="kjs-content1-content1-p">548.901</p>
|
|
|
+ <p class="kjs-content1-content1-p">{{ kuangA }}</p>
|
|
|
</div>
|
|
|
<span>m3/h</span>
|
|
|
</div>
|
|
|
<div class="kjs-content1-content2">
|
|
|
<p>矿井水进水流量累积</p>
|
|
|
<div>
|
|
|
- <p class="kjs-content1-content1-p">3274888</p>
|
|
|
+ <p class="kjs-content1-content1-p">{{ kuangB }}</p>
|
|
|
</div>
|
|
|
<span>m3</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="kjs-footer"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -144,6 +143,15 @@ export default {
|
|
|
? sessionStorage.getItem("mytoken")
|
|
|
: "", //token值保存在本地，有的话取值，没有为空
|
|
|
show: false, //tabber是否显示
|
|
|
+ info: "zaoquan",
|
|
|
+ gaoA: [],
|
|
|
+ gaoB: [],
|
|
|
+ waiA: [],
|
|
|
+ waiB: [],
|
|
|
+ lvA: [],
|
|
|
+ lvB: [],
|
|
|
+ kuangA: [],
|
|
|
+ kuangB: [],
|
|
|
};
|
|
|
},
|
|
|
filters: {
|
|
|
@@ -158,17 +166,43 @@ export default {
|
|
|
onClickLeft() {
|
|
|
window.history.back();
|
|
|
},
|
|
|
+ getkjsitem() {
|
|
|
+ this.$http
|
|
|
+ .post(
|
|
|
+ "http://nmjt.nxjiewei.com:8011/api/automate/mine_water/get_list",
|
|
|
+ {
|
|
|
+ mine_id: this.info,
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then((res) => {
|
|
|
+ this.waiA = res.data.content.data[0].point_value.toFixed(2);
|
|
|
+ this.waiB = res.data.content.data[1].point_value.toFixed(2);
|
|
|
+ this.lvA = res.data.content.data[2].point_value.toFixed(2);
|
|
|
+ this.lvB = res.data.content.data[3].point_value;
|
|
|
+ this.kuangA = res.data.content.data[4].point_value.toFixed(2);
|
|
|
+ this.kuangB = res.data.content.data[5].point_value;
|
|
|
+ this.gaoA = res.data.content.data[6].point_value
|
|
|
+ ? res.data.content.data[6].point_value
|
|
|
+ : "暂无数据";
|
|
|
+ this.gaoB = res.data.content.data[7].point_value
|
|
|
+ ? res.data.content.data[7].point_value
|
|
|
+ : "暂无数据";
|
|
|
+ });
|
|
|
+ },
|
|
|
},
|
|
|
mounted() {
|
|
|
document.body.style.backgroundColor = "#39f"; //背景色
|
|
|
this.timer = setInterval(this.refreshTime, 1000); //每隔一秒更新时间
|
|
|
+ this.infos = setInterval(this.getkjsitem, 3000); //每隔3秒更新数据
|
|
|
this.gettoken = getAllUrlParams(window.location.href).token; //获取到url上的token
|
|
|
this.token = `Bearer ${this.gettoken}`; //获取token值
|
|
|
sessionStorage.setItem("mytoken", this.token); //存入token值
|
|
|
this.show = Boolean(getAllUrlParams(window.location.href).tabbar); //获取tabber
|
|
|
+ this.getkjsitem();
|
|
|
},
|
|
|
beforeDestroy() {
|
|
|
clearInterval(this.timer); //销毁阶段清除定时器
|
|
|
+ clearInterval(this.infos); //销毁阶段清除定时器
|
|
|
},
|
|
|
};
|
|
|
</script>
|
