Skip to content

Z
ZiBoYingJI
Commit 0a55b4b2 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

温湿风

parent da4dd73f
Expand all Show whitespace changes
Inline Side-by-side
Showing with 633 additions and 263 deletions
public/datav/detail/humidity-monitor.html 0 → 100644
View file @ 0a55b4b2
This diff is collapsed.
public/datav/detail/static/css/public-detail.css
View file @ 0a55b4b2
...@@ -96,6 +96,11 @@ section .list-item { ...@@ -96,6 +96,11 @@ section .list-item {
cursor: pointer; cursor: pointer;
} }
section .list-item.active{
color: #0fd1eb;
}
section .list-item span { section .list-item span {
margin-left: 10px; margin-left: 10px;
} }
......
public/datav/detail/temperature-monitor.html
View file @ 0a55b4b2
...@@ -56,15 +56,8 @@ ...@@ -56,15 +56,8 @@
<div class="flex-text ml10 mr10 mt15"> <div class="flex-text ml10 mr10 mt15">
<div style="width: 490px;height: calc(100vh - 110px);"> <div style="width: 490px;height: calc(100vh - 110px);">
<!-- 通知公告 -->
<div style="background: linear-gradient(to bottom, rgba(13,27,48,.7), rgba(13,27,48,0));"> <div style="background: linear-gradient(to bottom, rgba(13,27,48,.7), rgba(13,27,48,0));">
<!-- <div class="h50 flex-text pointer"
style="background: linear-gradient(to bottom, rgba(171,238,255,0), rgba(171,238,255,.2));border-bottom: 1px solid rgba(171,238,255,.5);">
<div class="flex-1" v-if="isReady">
<van-notice-bar background="none" left-icon="volume-o" color="#ffffff" :speed="80"
:text="notice.title" @click="noticeMask = true" />
</div>
</div> -->
<div class="mineInfo"> <div class="mineInfo">
<p>矿山名称： {{selectedMine.name}}</p> <p>矿山名称： {{selectedMine.name}}</p>
<p>矿山地址：{{selectedMine.address}}</p> <p>矿山地址：{{selectedMine.address}}</p>
...@@ -89,49 +82,11 @@ ...@@ -89,49 +82,11 @@
<!-- 视频监控列表 --> <!-- 视频监控列表 -->
<div class="relative mt20" style="width: 490px;height: calc(100vh - 170px);"> <div class="relative mt20" style="width: 490px;height: calc(100vh - 170px);">
<section> <section>
<div class="header" @click="menuChange('showMenu4bianpo')">
<i class="el-icon-caret-bottom" v-show="showMenu4bianpo"></i>
<i class="el-icon-caret-right" v-show="!showMenu4bianpo"></i>
<span>边坡监测</span>
</div>
<div class="list-wrapper" v-show="showMenu4bianpo"> <div class="list-wrapper" v-show="showMenu4bianpo">
<div class="list-item" v-for="(item, index) in sensorLIst" @click="changeSensor(item)"><i <div class="list-item" :class="{active: item.equipNo===currentSensorId}" v-for="(item, index) in sensorLIst" @click="changeSensor(item)"><i
class="el-icon-caret-right"></i><span>{{item.equipName}}</span></div> class="el-icon-caret-right"></i><span>{{item.equipName}}</span></div>
</div> </div>
</section> </section>
<section>
<div class="header" @click="menuChange('showMenu4weikuangku')">
<i class="el-icon-caret-bottom" v-show="showMenu4weikuangku"></i>
<i class="el-icon-caret-right" v-show="!showMenu4weikuangku"></i>
<span>尾矿库监测</span>
</div>
<div class="list-wrapper" v-show="showMenu4weikuangku">
<div class="list-item"><i class="el-icon-caret-right"></i><span>xxxxx监测点</span></div>
</div>
</section>
<section>
<div class="header" @click="menuChange('showMenu4chenjiang')">
<i class="el-icon-caret-bottom" v-show="showMenu4chenjiang"></i>
<i class="el-icon-caret-right" v-show="!showMenu4chenjiang"></i>
<span>沉降监测</span>
</div>
<div class="list-wrapper" v-show="showMenu4chenjiang">
<div class="list-item"><i class="el-icon-caret-right"></i><span>xxxxx监测点</span></div>
</div>
</section>
<section>
<div class="header" @click="menuChange('showMenu4diya')">
<i class="el-icon-caret-bottom" v-show="showMenu4diya"></i>
<i class="el-icon-caret-right" v-show="!showMenu4diya"></i>
<span>边坡监测</span>
</div>
<div class="list-wrapper" v-show="showMenu4diya">
<div class="list-item"><i class="el-icon-caret-right"></i><span>xxxxx监测点</span></div>
</div>
</section>
</div> </div>
</div> </div>
...@@ -157,21 +112,15 @@ ...@@ -157,21 +112,15 @@
<div class="flex-1 ml15 ovh tableList"> <div class="flex-1 ml15 ovh tableList">
<div class="h44 f18 flex-text" <div class="h44 f18 flex-text"
style="background: linear-gradient(to bottom, rgba(171,238,255,.15), rgba(171,238,255,.3));border-bottom: 1px solid #abeeff;"> style="background: linear-gradient(to bottom, rgba(171,238,255,.15), rgba(171,238,255,.3));border-bottom: 1px solid #abeeff;">
<div class="text-center" style="width: 20%;">监测时间</div> <div class="text-center" style="width: 50%;">监测时间</div>
<div class="text-center" style="width: 20%;">X位移</div> <div class="text-center" style="width: 50%;">温度(°C)</div>
<div class="text-center" style="width: 20%;">Y位移</div>
<div class="text-center" style="width: 20%;">Z位移</div>
<div class="text-center" style="width: 20%;">总变化量</div>
</div> </div>
<div class="" style="height: 300px;overflow-y: scroll;"> <div class="" style="height: 300px;overflow-y: scroll;">
<div class="h44 color-theme flex-text f17 ovh bg-list-item" <div class="h44 color-theme flex-text f17 ovh bg-list-item"
:class="'bg-list-' + (index % 2)" :style="{ marginTop: index == 0 ? '' : '2px' }" :class="'bg-list-' + (index % 2)" :style="{ marginTop: index == 0 ? '' : '2px' }"
v-for="(item,index) in tableList" :key="index"> v-for="(item,index) in tableList" :key="index">
<div class="text-center" style="width: 20%;">{{ item.time }}</div> <div class="text-center" style="width: 50%;">{{ item.time }}</div>
<div class="text-center" style="width: 20%;">{{ item.dispx }}</div> <div class="text-center" style="width: 50%;">{{ item.dispx }}</div>
<div class="text-center" style="width: 20%;">{{ item.dispy }}</div>
<div class="text-center" style="width: 20%;">{{ item.disph }}</div>
<div class="text-center" style="width: 20%;">{{ item.value }}</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -266,13 +215,6 @@ ...@@ -266,13 +215,6 @@
} }
}, },
mounted() { mounted() {
for (var i = 0; i < 10; i++) {
this.tableList.push({
videoName: 'sdfksdfxxxxx',
warnTypeName: '扣税的交流方',
warnDatetime: 'ksdlfsdf'
})
}
if (!token) { if (!token) {
window.open(host + '/#/login', '_self') window.open(host + '/#/login', '_self')
return return
...@@ -291,16 +233,6 @@ ...@@ -291,16 +233,6 @@
this.selectedMine = selectedMine this.selectedMine = selectedMine
// } // }
} }
if (noMine) {
alert('您当前还未选择矿山，请先选择矿山再查看此大屏')
window.history.go(-1)
return
}
if (this.selectedMine.mineType != 2) {
alert('您当前选择的不是露天矿山，请先选择露天矿山，再查看此大屏')
window.history.go(-1)
return
}
// this.getCharts(); // this.getCharts();
// this.getChartsData() // this.getChartsData()
...@@ -325,7 +257,7 @@ ...@@ -325,7 +257,7 @@
}, },
getSensorList(fn) { getSensorList(fn) {
// 视频列表 // 视频列表
Axiosx.get(host + '/data/mp/sensorList', { Axiosx.get(host + '/data/sz/sensorList/wen', {
params: { params: {
enterpriseId: this.selectedMine.id, enterpriseId: this.selectedMine.id,
} }
...@@ -342,7 +274,7 @@ ...@@ -342,7 +274,7 @@
}, },
getTableList() { getTableList() {
// 视频列表 // 视频列表
Axiosx.get(host + '/data/mp/historyInside', { Axiosx.get(host + '/data/sz/historyInside/wen', {
params: { params: {
code: this.currentSensorId, code: this.currentSensorId,
} }
...@@ -437,7 +369,7 @@ ...@@ -437,7 +369,7 @@
// 视频列表 // 视频列表
Axiosx.get(host + '/data/mp/imghistory', { Axiosx.get(host + '/data/sz/imghistory/wen', {
params: { params: {
code: this.currentSensorId, code: this.currentSensorId,
daterange: this.createTime ? this.createTime.join(',') : '' daterange: this.createTime ? this.createTime.join(',') : ''
......
public/datav/detail/wind-monitor.html
View file @ 0a55b4b2
This diff is collapsed.
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