jhbigscreen/src/pages/safe/distributionBox.vue

283 lines
64 KiB
Vue
Raw Normal View History

2024-03-09 01:14:29 +08:00
<template>
2024-03-10 00:34:11 +08:00
<div class="project-distribution-box">
<el-row>
<el-col :span="18">
<module-one-1-3 label="配电箱监测">
2024-03-10 01:07:03 +08:00
<el-row>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_wendu.png">
</div>
<div class="process-control-current-value-data">
<div>A相温度</div>
<p v-cloak>{{ powerRun.t1 }} <span></span></p>
</div>
</div>
</el-col>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_wendu.png">
</div>
<div class="process-control-current-value-data">
<div>B相温度</div>
<p v-cloak>{{ powerRun.t2 }} <span></span></p>
</div>
</div>
</el-col>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_wendu.png">
</div>
<div class="process-control-current-value-data">
<div>C相温度</div>
<p v-cloak>{{ powerRun.t3 }} <span></span></p>
</div>
</div>
</el-col>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/huanjingweidu.png">
</div>
<div class="process-control-current-value-data">
<div>零线温度</div>
<p v-cloak>{{ powerRun.t4 }} <span></span></p>
</div>
</div>
</el-col>
<el-col :span="4">
<div class="process-control-current-value-con">
<div class="process-control-current-value-data">
<div>温度阈值</div>
<p class="red-data">70 <span></span></p>
</div>
</div>
</el-col>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_dianliu.png">
</div>
<div class="process-control-current-value-data">
<div>A相电流</div>
<p v-cloak>{{ powerRun.c1 }} <span>A</span></p>
</div>
</div>
</el-col>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_dianliu.png">
</div>
<div class="process-control-current-value-data">
<div>B相电流</div>
<p v-cloak>{{ powerRun.c2 }} <span>A</span></p>
</div>
</div>
</el-col>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_dianliu.png">
</div>
<div class="process-control-current-value-data">
<div>C相电流</div>
<p v-cloak>{{ powerRun.c3 }} <span>A</span></p>
</div>
</div>
</el-col>
</el-row>
2024-03-10 00:34:11 +08:00
</module-one-1-3>
<module-one-1-3 label="温度监控">
2024-03-10 01:07:03 +08:00
<div class="sjk-chart-line-title quality-button">
<div :class="trendBtnNav == 1 ? 'active' : ''" @click="onClickTemperatureTrend(1)">7</div>
<div :class="trendBtnNav == 2 ? 'active' : ''" @click="onClickTemperatureTrend(2)">30</div>
</div>
<trend-chart-line :height="220" :data="temperatureTrendData"></trend-chart-line>
2024-03-10 00:34:11 +08:00
</module-one-1-3>
<module-one-1-3 label="电流监控">
2024-03-10 01:07:03 +08:00
<div class="sjk-chart-line-title quality-button">
<div :class="tumidityBtnNav == 1 ? 'active' : ''" @click="onClickTumidityTrend(1)">7</div>
<div :class="tumidityBtnNav == 2 ? 'active' : ''" @click="onClickTumidityTrend(2)">30</div>
</div>
<trend-chart-line :height="220" :data="tumidityTrendData"></trend-chart-line>
2024-03-10 00:34:11 +08:00
</module-one-1-3>
</el-col>
<el-col :span="6">
2024-03-10 13:17:17 +08:00
<div class="analyse-max">
<div class="analyse-map">
<div class="analyse-title analyse_title_blue">
<div class="analyse-text">当前设备</div>
2024-07-20 23:28:20 +08:00
<div class="analyse-equipment">配电箱监测</div>
2024-03-10 13:17:17 +08:00
</div>
<div class="hj-moment-max">
<table>
<tr>
<td>设备名称</td>
<td>
<div class="hj-moment-choice">
<div class="hj-moment-select">
<screen-select ref="sel1" :data="selectData" @option="clickOptionList"></screen-select>
</div>
<div class="hj-moment-state">
<div class="state-tag state-zx" v-if="online">线</div>
<div class="state-tag state-lx" v-else>线</div>
</div>
</div>
</td>
</tr>
<tr>
<td>名称</td>
<td>
<div class="hj-moment-blue" v-cloak>{{ lastChooseDevice.deviceId }}</div>
</td>
</tr>
<tr>
<td>安装位置</td>
<td>办公区</td>
</tr>
<tr>
<td>设备状态</td>
<td>
<div class="hj-moment-green" v-if="deviceStatus">/线</div>
<div class="hj-moment-orange" v-if="!deviceStatus">线</div>
</td>
</tr>
<tr>
<td>设备编码</td>
<td v-cloak>{{ lastChooseDevice.deviceId }}</td>
</tr>
<tr>
<td>更新时间</td>
<td v-cloak>{{ powerRun.time }}</td>
</tr>
</table>
</div>
</div>
<div class="analyse-min">
<div class="analyse-title">
<div class="analyse-text">正在发生</div>
</div>
<div class="afoot-content">
<div class="afoot-overflow process-afoot-overflow" style="height: 530px;" id="afootOverflow"
@mouseout="listMinMouseout" @mouseover="listMinMouseover">
<div v-if="warningData.length == 0" class="not-data"></div>
<div v-if="warningData.length > 0" :class="forIndex == i ? 'afoot-con-for active' : 'afoot-con-for '"
v-for="(item, i) in warningData">
<div class="afoot-machinery-nam" v-cloak>{{ item.type }}</div>
<div class="afoot-machinery-info">
<div class="afoot-machinery-img">
<img :src="item.images" v-if="item.images">
</div>
<div class="afoot-machinery-data">
<div class="afoot-machinery-state" v-cloak>{{ item.content }}</div>
<div class="afoot-machinery-time" v-cloak>{{ item.time }}</div>
</div>
</div>
<div class="afoot-machinery-project">异常传感器<span class="hj-moment-orange" v-cloak>-{{
item.deviceId }}</span>
</div>
</div>
</div>
</div>
</div>
</div>
2024-03-10 00:34:11 +08:00
</el-col>
</el-row>
</div>
</template>
<script>
import '@/components/module/module-one-1-3'
2024-03-10 01:07:03 +08:00
import '@/components/trend-chart-line'
2024-03-10 13:17:17 +08:00
import '@/components/screen-select'
2024-03-10 00:34:11 +08:00
export default {
//配电箱
name: 'JhbigscreenDistributionBox',
data() {
return {
2024-03-10 01:07:03 +08:00
powerRun: {},
trendBtnNav: 1,
2024-03-10 13:17:17 +08:00
temperatureTrendData: {},
tumidityBtnNav: 1,
tumidityTrendData: {},
selectData: [],
lastChooseDevice: {
deviceId: ''
},
deviceStatus: false,
warningData: [],
forIndex: 0,
online:true,
warningInterval: undefined,
2024-03-10 00:34:11 +08:00
};
},
mounted() {
2024-03-10 13:17:17 +08:00
//正在发生 定时器
this.warningInterval = setInterval(this.automaticRoll, 5000);
2024-03-10 01:07:03 +08:00
this.powerRun = JSON.parse('{"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":488906,"uid":"PWR.02731XTJ","deviceName":null,"uids":[],"time":"2024-03-10 00:13:44","date":null,"c1":15.5,"c2":1.4,"c3":4.1,"v1":0,"v2":0,"v3":0,"t1":7,"t2":7,"t3":7,"t4":6,"leak":0,"power":0,"startTime":null,"endTime":null,"projectId":null,"projectName":null}');
2024-07-20 23:28:20 +08:00
this.selectData = JSON.parse('[{"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":"PWR.02731XTJ","deviceId":"配电箱监测设备 PWR.02731XTJ","deviceName":"配电箱","state":1,"projectId":132,"points":1,"typeName":"配电箱","hzTenantId":"1390137257721987073","hzProjectId":"1634117283072266241","text":"PWR.02731XTJ"}]');
2024-03-10 13:17:17 +08:00
this.lastChooseDevice = this.selectData[0];
this.warningData=[{type:"预警A",images:['images/831.jpg'],deviceId:'PWR.02731XTJ',content:'告警内容',time:'24-02-02 14:00',project_abbreviation:'xxx项目'},{type:"预警A",images:['images/831.jpg'],deviceId:'PWR.02731XTJ',content:'告警内容',time:'24-02-02 14:00',project_abbreviation:'xxx项目'},{type:"预警A",images:['images/831.jpg'],deviceId:'PWR.02731XTJ',content:'告警内容',time:'24-02-02 14:00',project_abbreviation:'xxx项目'},]
2024-03-10 01:07:03 +08:00
this.onClickTemperatureTrend(1);
this.onClickTumidityTrend(1);
2024-03-10 13:17:17 +08:00
this.$nextTick(()=>{
this.$refs.sel1.value=this.lastChooseDevice.deviceId;
});
2024-03-10 00:34:11 +08:00
},
methods: {
2024-03-10 01:07:03 +08:00
//温度趋势
onClickTemperatureTrend(n) {
this.trendBtnNav = n;
if (n == 1) {
this.temperatureTrendData = JSON.parse('{"lineData":[[6,7,6,6,6,7,7,6,7,9,9,9,9,10,10,9,10,9,8,9,10,11,10,10,8,7,7,7,7,7,6,7,6,6,6,5,5,6,9,10,10,10,11,11,12,12,13,11,9,8,8,7,6,5,5,5,5,5,5,5,5,6,9,12,11,11,12,12,13,13,13,13,11,9,7,6,5,5,4,3,3,2,2,1,1,4,7,7,8,8,9,10,11,13,12,11,11,9,9,9,8,7,6,6,6,6,5,4,4,6,8,10,12,12,13,14,14,15,15,15,12,11,9,8,8,7],[6,6,6,6,5,6,6,6,6,7,8,8,8,9,9,7,8,8,8,8,9,10,10,9,8,7,7,6,6,6,6,6,6,6,5,5,4,5,7,9,10,10,10,11,11,12,12,11,9,8,7,6,6,5,4,4,4,4,5,5,4,5,8,10,10,10,11,11,12,12,12,12,10,8,7,5,5,4,4,3,2,2,1,1,1,2,5,7,8,9,9,10,11,12,12,11,10,9,8,8,7,6,6,6,6,5,5,4,3,4,7,9,11,12,12,13,13,14,15,14,12,10,8,8,7,7],[5,6,5,5,5,6,6,6,7,8,9,9,9,9,9,9,10,9,8,8,9,11,10,10,8,7,7,6,6,6,6,6,6,6,5,5,4,6,8,11,11,11,11,11,12,12,13,12,9,9,7,7,6,5,4,4,5,4,5,5,4,5,8,11,10,11,11,11,12,13,13,12,11,9,7,5,5,4,4,3,2,2,1,1,1,4,6,8,8,9,9,10,11,12,12,11,10,8,8,8,7,6,6,5,5,5,4,4,3,5,7,9,11,12,12,13,14,14,15,15,12,10,8,8,7,7],[5,6,5,5,5,6,6,5,6,7,7,8,8,8,8,7,8,8,7,8,8,9,9,9,7,7,6,6,6,6,6,6,5,5,5,5,4,5,7,9,9,10,10,10,11,11,12,11,9,8,7,6,5,4,4,4,4,4,4,4,4,5,7,10,9,10,11,11,11,12,12,11,10,8,6,5,4,4,3,2,2,2,1,1,0,2,5,6,7,8,8,9,10,11,11,10,9,8,8,7,7,6,6,5,5,5,4,3,3,4,7,8,9,11,11,12,13,14,14,14,11,9,8,7,7,6],[70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70]],"color":["#008ffd","#f6d023","#5af9fd","#fc6902"],"legend":["A相温度","B相温度","C相温度","零线温度","温度阈值"],"unit":"℃","date":["2024-03-04 00:00","2024-03-04 01:00","2024-03-04 02:00","2024-03-04 03:00","2024-03-04 04:00","2024-03-04 05:00","2024-03-04 06:00","2024-03-04 07:00","2024-03-04 08:00","2024-03-04 09:00","2024-03-04 10:00","2024-03-04 11:00","2024-03-04 12:00","2024-03-04 13:00","2024-03-04 14:00","2024-03-05 10:00","2024-03-05 11:00","2024-03-05 12:00","2024-03-05 13:00","2024-03-05 14:00","2024-03-05 15:00","2024-03-05 16:00","2024-03-05 17:00","2024-03-05 18:00","2024-03-05 19:00","2024-03-05 20:00","2024-03-05 21:00","2024-03-05 22:00","2024-03-05 23:00","2024-03-06 00:00","2024-03-06 01:00","2024-03-06 02:00","2024-03-06 03:00","2024-03-06 04:00","2024-03-06 05:00","2024-03-06 06:00","2024-03-06 07:00","2024-03-06 08:00","2024-03-06 09:00","2024-03-06 10:00","2024-03-06 11:00","2024-03-06 12:00","2024-03-06 13:00","2024-03-06 14:00","2024-03-06 15:00","2024-03-06 16:00","2024-03-06 17:00","2024-03-06 18:00","2024-03-06 19:00","2024-03-06 20:00","2024-03-06 21:00","2024-03-06 22:00","2024-03-06 23:00","2024-03-07 00:00","2024-03-07 01:00","2024-03-07 02:00","2024-03-07 03:00","2024-03-07 04:00","2024-03-07 05:00","2024-03-07 06:00","2024-03-07 07:00","2024-03-07 08:00","2024-03-07 09:00","2024-03-07 10:00","2024-03-07 11:00","2024-03-07 12:00","2024-03-07 13:00","2024-03-07 14:00","2024-03-07 15:00","2024-03-07 16:00","2024-03-07 17:00","2024-03-07 18:00","2024-03-07 19:00","2024-03-07 20:00","2024-03-07 21:00","2024-03-07 22:00","2024-03-07 23:00","2024-03-08 00:00","2024-03-08 01:00","2024-03-08 02:00","2024-03-08 03:00","2024-03-08 04:00","2024-03-08 05:00","2024-03-08 06:00","2024-03-08 07:00","2024-03-08 08:00","2024-03-08 09:00","2024-03-08 10:00","2024-03-08 11:00","2024-03-08 12:00","2024-03-08 13:00","2024-03-08 14:00","2024-03-08 15:00","2024-03-08 16:00","2024-03-08 17:00","2024-03-08 18:00","2024-03-08 19:00","2024-03-08 20:00","2024-03-08 21:00","2024-03-08 22:00","2024-03-08 23:00","2024-03-09 00:00","2024-03-09 01:00","2024-03-09 02:00","2024-03-09 03:00","2024-03-09 04:00","2024-03-09 05:00","2024-03-09 06:00","2024-03-09 07:00","2024-03-09 08:00","2024-03-09 09:00","2024-03-09 10:00","2024-03-09 11:00","2024-03-09 12:00","2024-03-09 13:00","2024-03-09 14:00","2024-03-09 15:00","2024-03-09 16:00","2024-03-09 17:00","2024-03-09 18:00","2024-03-09 19:00","2024-03-09 20:00","2024-03-09 21:00","20
} else {
this.temperatureTrendData = JSON.parse('{"lineData":[[2,1,2,2,3,2,1,1,1,3,6,8,9,11,12,13,13,13,11,9,7,5,4,4,3,2,1,1,0,0,0,0,0,0,3,4,6,7,7,8,9,10,9,7,5,4,3,3,3,2,1,1,1,1,1,1,0,2,4,6,8,9,10,11,12,12,10,8,7,6,5,4,4,3,3,2,2,2,1,1,1,3,5,8,10,11,12,13,13,14,12,9,8,7,7,6,6,5,5,5,5,5,6,6,7,7,9,10,10,10,10,10,9,7,4,4,3,4,3,3,2,2,2,2,3,3,3,2,2,3,5,6,8,8,9,9,10,10,9,7,6,5,4,4,3,2,2,1,0,0,0,0,0,2,4,5,6,8,8,9,10,10,9,8,6,5,5,4,4,3,2,2,1,1,1,1,1,3,6,7,9,10,10,11,12,12,11,9,8,7,6,6,5,5,4,4,4,4,4,5,5,6,8,8,9,8,8,8,8,8,7,7,6,6,6,6,5,5,5,5,4,4,4,4,6,7,8,7,7,6,6,6,5,5,5,4,3,3,3,3,2,2,2,1,1,0,0,0,3,2,2,2,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,2,1,2,4,2,3,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,4,2,2,3,2,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,1,2,1,0,0,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2,2,3,3,3,4,4,4,4,3,1,0,0,0,0,0,0,0,0,0,0,0,0,1,5,5,5,5,6,7,6,6,6,5,4,3,2,2,2,2,1,1,1,1,1,1,1,3,8,7,7,6,6,9,8,9,8,7,5,5,4,3,3,3,2,2,0,0,0,0,1,3,6,6,6,6,6,7,8,8,7,7,6,6,5,5,5,4,4,4,4,4,4,4,4,5,6,6,7,8,8,8,9,10,9,8,7,7,5,4,4,4,3,3,3,3,3,3,2,3,4,6,5,4,5,6,6,7,7,5,4,2,2,2,2,2,2,2,2,2,1,1,1,4,6,8,7,5,6,6,7,6,5,5,3,2,2,2,1,0,0,0,0,0,0,0,0,1,8,8,8,8,8,8,8,9,10,9,7,5,4,3,3,2,2,1,1,0,0,0,0,1,3,6,7,7,8,9,9,10,10,9,9,8,7,7,7,6,7,6,6,6,7,7,6,7,9,9,9,9,10,10,9,10,9,8,9,10,11,10,10,8,7,7,7,7,7,6,7,6,6,6,5,5,6,9,10,10,10,11,11,12,12,13,11,9,8,8,7,6,5,5,5,5,5,5,5,5,6,9,12,11,11,12,12,13,13,13,13,11,9,7,6,5,5,4,3,3,2,2,1,1,4,7,7,8,8,9,10,11,13,12,11,11,9,9,9,8,7,6,6,6,6,5,4,4,6,8,10,12,12,13,14,14,15,15,15,12,11,9,8,8,7],[1,1,1,2,2,1,1,1,0,2,5,7,8,10,12,12,12,12,11,8,6,5,4,3,2,1,1,0,0,0,0,0,0,0,3,4,5,6,7,8,9,9,8,6,5,4,3,2,2,2,1,1,0,0,0,0,0,1,4,6,8,9,10,11,11,11,10,8,6,5,5,4,3,3,2,2,2,1,1,0,0,2,5,7,9,11,11,12,13,13,11,9,8,7,6,6,5,5,4,4,4,5,5,5,5,6,8,9,10,10,9,10,8,6,4,3,3,3,3,2,2,2,2,2,2,2,2,2,2,2,5,6,7,8,8,9,9,9,9,7,5,4,4,3,3,2,1,0,0,0,0,0,0,1,4,5,6,7,8,9,9,10,9,7,6,5,4,4,3,3,2,1,1,1,0,0,0,3,5,7,8,9,10,11,11,12,11,9,8,7,6,5,5,4,4,4,4,4,3,4,5,6,7,8,8,8,8,8,8,8,7,6,6,6,5,5,5,5,4,4,4,4,3,4,5,6,6,6,6,5,5,5,5,4,4,3,2,2,2,2,2,1,1,1,0,0,0,0,1,2,2,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,2,2,3,3,3,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,2,3,4,5,6,5,6,5,4,3,3,2,2,1,1,1,1,1,1,1,1,0,2,3,4,4,5,5,6,7,7,6,6,4,4,3,3,2,2,2,1,0,0,0,0,0,2,4,4,5,5,6,6,8,8,7,7,6,6,5,5,5,4,4,4,4,4,4,4,4,5,5,5,6,7,7,7,9,9,8,7,6,6,5,4,3,3,3,3,2,2,2,2,2,3,3,3,3,4,4,5,6,6,6,5,3,2,1,1,1,1,1,1,1,1,1,1,1,3,4,4,4,5,5,6,6,6,4,4,2,2,1,1,0,0,0,0,0,0,0,0,0,0,4,6,6,6,7,7,8,8,9,9,6,5,4,3,2,2,1,1,1,0,0,0,0,1,2,4,6,6,7,8,9,9,10,9,8,7,7,6,6,6,6,6,6,5,6,6,6,6,7,8,8,8,9,9,7,8,8,8,8,9,10,10,9,8,7,7,6,6,6,6,6,6,6,5,5,4,5,7,9,10,10,10,11,11,12,12,11,9,8,7,6,6,5,4,4,4,4,5,5,4,5,8,10,10,10,11,11,12,12,12,12,10,8,7,5,5,4,4,3,2,2,1,1,1,2,5,7,8,9,9,10,11,12,12,11,10,9,8,8,7,6,6,6,6,5,5,4,3,4,7,9,11,12,12,13,13,14,15,14,12,10,8,8,7,7],[1,1,1,2,2,1,1,1,0,2,5,7,8,10,12,12,12,12,11,8,6,5,4,3,2,1,1,0,0,0,0,0,0,0,3,4,5,6,6,8,8,9,8,6,5,4,3,2,2,1,1,1,0,0,0,0,0,1,4,6,7,9,10,11,11,11,10,8,6,5,5,4,3,3,2,2,1,1,1,1,0,2,5,8,9,11,11,12,13,13,11,9,8,7,6,6,5,5,4,4,4,5,5,5,5,6,8,9,10,10,10,10,9,6,4,3,3,3,2,2,2,2,2,2,2,2,2,1,2,2,5,6,8,8,8,9,9,9,9,6,5,4,4,3,3,2,1,0,0,0,0,0,0,1,4,5,6,7,8,8,9,10,9,7,6,5,4,3,3,3,2,1,1,0,0,0,0,2,5,7,8,9,9,10,11,11,11,9,7,7,6,5,5,4,4,3,4,3,3,4,5,6,8,9,8,8,8,8,7,7,7,6,6,6,5,5,5,4,4,4,4,4,3,3,4,7,7,6,6,7,6,5,5,5,5,3,2,2,2,2,2,1,1,1,0,0,0,0,2,4,4,4,2,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,3,2,4,2,1,3,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,2,2,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,2,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,2,2,3,3,3,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2,5,5,5,7,6,6,6,5,5,3,2,2,1,1,1,1,1,1,1,1,0,0,3,6,7,7,7,5,6,7,7,7,6,6,5,3,3,2,2,1,1,0,0,0,0,0,3,6,8,7,7,7,7,8,8,8,7,7,6,6,5,5,4,4,4,4,3,4,4,4,7,8,7,7,7,7,7,8,9,9,8,7,6,6,4,3,3,3,3,2,2,2,2,2,3,4,6,6,6,6,7,7,7,7,5,3,2,1,1,1,2,1,1,1,1,1,1,1,3,4,5,5,6,6,6,7,6,5,4,2,1,1,1,0,0,0,0,0,0,0,0,0,0,7,7,7,6,7,7,8,9,9,9,6,4,4,3,2,2,2,1,1,0,0,0,0,0,2,4,6,7,7,8,9,9,10,9,8,7,7,6,6,5,6,5,5,5,6,6,6,7,8,9,9,9,9,9,9,10,9,8,8,9
}
},
2024-03-10 13:17:17 +08:00
onClickTumidityTrend(n) {
this.tumidityBtnNav = n;
if (n == 1) {
this.tumidityTrendData = JSON.parse('{"lineData":[[16.6,11.6,11.7,11.7,17,16.3,16.8,16.1,18.4,57.3,34.1,16.1,24.9,17,11.6,29.3,31.9,44.2,9.6,34.6,30.2,42.4,19.3,11.9,4.2,4.7,3.4,12,2.1,2.1,2.1,2.1,7,2.2,2,2.1,2,30,27,39.4,30.2,16.2,9.5,6.3,11.6,7.4,13.5,4.2,4.5,13.5,9.3,12.1,2.9,7.6,2.9,2.9,2.8,2.8,2.8,2.9,2.8,11.2,18.3,20.5,11.3,17.8,10.6,10.5,11.2,11.9,16.8,8.7,8.7,18.6,10.5,4.5,8.5,7.3,2.3,7.4,7.2,6.7,7.3,7.3,2.3,25.4,31.7,23.4,21.7,18.4,8.8,7,17.8,11,5.8,4.8,4.6,5.1,8.7,20.5,7.1,25,2.4,2.2,6.6,2.3,2.3,7.1,2.3,19.8,19.2,21.1,13.6,23.6,13.9,4.9,7.3,7.2,6.6,7.4,9.6,9.2,2.8,2.3,2.3,2.3],[6.7,1.4,1.4,9.8,1.4,11.3,18.1,6.4,24.2,37.1,25.6,21.2,30,5.7,21.2,40.2,23.3,39.1,30.7,28.9,19.5,34.3,12.9,15.8,14.9,9.9,10.2,7,2.6,7.1,2.1,14.5,2.2,2.1,2.1,15.9,14.5,36.2,36,31.5,25.6,26.9,17.9,14.4,19.8,14.9,22.9,27.9,21.5,28.4,22,19.6,8.6,8.3,13.4,18.2,12.5,8.1,12,8.2,8.2,26.1,17.7,9.4,9,18.9,19,11.3,17.8,19,24.7,10.4,20.9,13.6,13.5,6.9,7,1.4,7.5,6.3,16.5,5.9,5.9,2,14.3,36.3,34.4,23.8,23.1,26,14.6,16.2,4.2,8.7,2.9,6.6,4.4,10.4,6.7,14.6,6.5,1.4,6.9,1.4,12.1,6.8,6.1,14.9,6.4,25.5,20,15.1,26.6,14.9,7.8,6.2,13.4,9.6,25.8,12.6,12.4,6.8,5.9,4.6,9.3,3.5],[11.2,4.8,15.9,4,14.1,4,15.9,1.9,10.8,22.3,12,13.4,25.8,15.3,16.6,16.1,8.9,17,7.3,10.5,9.9,15.6,20.7,18.5,2.9,7,2.9,1.8,11.4,1.3,11.5,1.2,11.5,1.3,1.2,11.6,11.2,21,21.2,17.3,9.4,19.6,5.4,17.3,10.2,9.6,7.4,6.6,4,2.5,4.4,4.5,9.7,10.1,11.1,1.5,11.1,1.5,1.4,1.5,9.1,11,18.5,6.1,24.5,4.1,2.3,9.7,14.4,6.7,17.1,14,3.4,2.6,10.9,1.2,10.8,1.3,6.3,1.3,6.1,1.3,7.8,8.5,7.9,21.1,13.1,19.9,14.4,24.3,4.2,17.9,16.8,6,18.6,6.4,12.3,14.5,15,4.4,14.4,12.9,1.7,15.7,4.3,4.4,4.4,4.4,15.2,9.2,6.6,6.5,18,7.8,8.6,3.4,10,9.1,21.9,6.6,4,5.5,1.5,4.2,4.1,5.7],[131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131,131]],"color":["#008ffd","#f4f660","#5af9fd","#FF0016"],"legend":["A相电流","B相电流","C相电流","电流阈值"],"unit":"A","date":["2024-03-04 00:00","2024-03-04 01:00","2024-03-04 02:00","2024-03-04 03:00","2024-03-04 04:00","2024-03-04 05:00","2024-03-04 06:00","2024-03-04 07:00","2024-03-04 08:00","2024-03-04 09:00","2024-03-04 10:00","2024-03-04 11:00","2024-03-04 12:00","2024-03-04 13:00","2024-03-04 14:00","2024-03-05 10:00","2024-03-05 11:00","2024-03-05 12:00","2024-03-05 13:00","2024-03-05 14:00","2024-03-05 15:00","2024-03-05 16:00","2024-03-05 17:00","2024-03-05 18:00","2024-03-05 19:00","2024-03-05 20:00","2024-03-05 21:00","2024-03-05 22:00","2024-03-05 23:00","2024-03-06 00:00","2024-03-06 01:00","2024-03-06 02:00","2024-03-06 03:00","2024-03-06 04:00","2024-03-06 05:00","2024-03-06 06:00","2024-03-06 07:00","2024-03-06 08:00","2024-03-06 09:00","2024-03-06 10:00","2024-03-06 11:00","2024-03-06 12:00","2024-03-06 13:00","2024-03-06 14:00","2024-03-06 15:00","2024-03-06 16:00","2024-03-06 17:00","2024-03-06 18:00","2024-03-06 19:00","2024-03-06 20:00","2024-03-06 21:00","2024-03-06 22:00","2024-03-06 23:00","2024-03-07 00:00","2024-03-07 01:00","2024-03-07 02:00","2024-03-07 03:00","2024-03-07 04:00","2024-03-07 05:00","2024-03-07 06:00","2024-03-07 07:00","2024-03-07 08:00","2024-03-07 09:00","2024-03-07 10:00","2024-03-07 11:00","2024-03-07 12:00","2024-03-07 13:00","2024-03-07 14:00","2024-03-07 15:00","2024-03-07 16:00","2024-03-07 17:00","2024-03-07 18:00","2024-03-07 19:00","2024-03-07 20:00","2024-03-07 21:00","2024-03-07 22:00","2024-03-07 23:00","2024-03-08 00:00","2024-03-08 01:00","2024-03-08 02:00","2024-03-08 03:00","2024-03-08 04:00","2024-03-08 05:00","2024-03-08 06:00","2024-03-08 07:00","2024-03-08 08:00","2024-03-08 09:00","2024-03-08 10:00","2024-03-08 11:00","2024-03-08 12:00","2024-03-08 13:00","2024-03-08 14:00","2024-03-08
} else {
this.tumidityTrendData = JSON.parse('{"lineData":[[16.2,2.2,14.8,2.2,2.2,17.1,2.2,2.2,2.2,19,6.7,5.7,1.7,1.6,1.6,1.7,1.7,1.6,1.6,2.1,2.2,2.1,2.1,16.5,2.2,2.2,2.2,13.9,2.2,15.2,2.2,2.2,2.2,16.6,8.4,5.2,0.9,0.9,0.9,0.9,1,14.9,1.2,1.7,2.2,2.2,16.1,2.2,2.2,16.1,2.2,2.2,16.2,2.2,2.2,2.2,14.6,2.3,7.2,6.4,6.4,2.3,2.3,2.3,2.3,2.3,1.6,1.7,1.6,2.2,2.2,2.2,2.2,2.2,2.2,2.2,2.2,2.2,2.2,2.2,2.2,2.3,7.6,3,3.1,1.6,5.8,6.1,1.6,6.1,1.6,5.9,2.2,7,6.5,2.1,2.2,2.2,2.2,7,7.1,6.9,2.2,2.1,23.7,15.9,12.9,12.2,1.7,1.7,7.2,1.7,6.5,1.7,6.6,1.7,1.7,2.2,2.3,2.5,6.7,7,2.3,6.8,2.3,2.3,7,6.8,6.8,7.2,16.2,1.6,1.7,1.7,1.7,1.7,2.4,2.3,2.4,6.6,2.4,2.9,7.9,2.9,3,3,3,7.5,7.4,3,2.9,7.3,3.7,12.8,3.6,2.9,3,3,3.7,3,1.7,1.7,1.7,2.2,2.2,2.2,2.2,2.2,2.3,2.3,2.3,2.3,2.3,2.3,2.4,2.2,2.2,16.2,1.8,1.7,1.7,1.7,11.1,1.7,1.7,1.7,1.7,1.7,2.2,2.2,1.7,1.8,1.7,1.7,1.7,1.7,1.7,1.7,1.8,1.7,1.7,1.7,17.3,2.8,10.1,6.6,19.3,21.2,2.4,9.1,7.8,1.8,6.6,1.8,5.5,8.7,8.2,1.9,9.3,8.8,8.3,8.9,1.9,1.8,19.1,33.9,28.6,30.1,18.6,12.1,33.1,21.4,27.8,14.9,20.6,10,9.5,3.6,3.5,10.2,3.6,2.8,2.8,6.5,2.8,7,6.3,23.2,36.9,37.3,19.8,35.2,21.4,17.3,18.6,21.4,32.9,22,31.5,14.5,36.7,26.3,3.1,3,2.3,2.3,2.3,2.3,2.3,2.3,2.3,2.3,41.8,37.1,32.2,38.9,33.1,27.4,46.8,38,55,34.7,28.1,19.6,13.3,2.8,2.8,12,2.9,2.3,2.3,2.3,2.3,2.3,2.3,2.3,21.9,56.5,50.1,50.8,58.2,46,32.8,45.2,39.3,19.9,34.6,12.5,8.3,11.5,8.6,28.7,22.5,19,10.3,10.8,10.7,6.7,22.4,5.9,31.2,53.7,28.6,37.6,38.3,31,27.1,35.6,32.5,34.3,28.9,10.4,9.2,27.4,8.7,31,7.9,5.8,20.7,6,19.9,19.4,8.4,21.1,33.3,40.7,32.7,27.8,19.8,19.4,34.2,14.4,9.1,2.7,2.1,2.1,2.1,2.1,2.1,2.1,2.1,2.1,2.1,2.1,2.1,2.2,2.2,2.1,38.9,52.2,45.8,23,25.4,13.6,39,20.4,20.9,23.3,15.4,9.6,23,10.2,2.9,12,2.8,2.4,2.3,2.3,2.3,2.3,2.3,2.3,25.6,59.7,37.5,35,42.7,22.6,34.8,57.1,34.3,23.7,17.6,25.9,29.5,26.7,17.3,8.1,7.7,17.4,18.2,3.3,15.8,6.9,14,30.4,50.1,47.4,38.8,40.5,9.2,8.3,23.8,7.9,10.4,7.2,10.2,4.9,14.6,7.2,2.1,2.2,6.9,6.8,2.2,2.2,7.1,7,2.2,2.2,16.2,19.6,25.2,23.2,56.3,12.8,21.3,28.5,22,29.1,24.7,18.5,23.5,2.9,3,7.8,2.9,8,3.1,3,7.4,7.7,3.2,7.9,36.7,20.5,34.4,26.4,10.2,11.5,23.8,12.3,11.9,13.9,18.4,14.7,10.1,13.4,2.9,2.8,2.9,2.9,2.9,2.9,2.9,3,2.9,2.8,18.9,36.3,48.5,31.9,20,31,13.4,21.4,14,20,11.5,7.3,7.4,2.6,3.4,7.5,2.8,2.7,7.4,2.7,2.7,2.7,2.7,7.1,44.4,41.3,38.1,27.9,29.4,18.2,14.1,6.3,23.8,11,5.4,4.5,11,2.8,2.4,2.4,3,7.8,7.6,7.6,2.9,2.9,7.6,2.9,18.8,18,56.7,26.6,24.6,21.8,19.5,6.2,6.2,18,5.2,13.4,18.2,12.3,11.7,16.4,16.6,11.6,11.7,11.7,17,16.3,16.8,16.1,18.4,57.3,34.1,16.1,24.9,17,11.6,29.3,31.9,44.2,9.6,34.6,30.2,42.4,19.3,11.9,4.2,4.7,3.4,12,2.1,2.1,2.1,2.1,7,2.2,2,2.1,2,30,27,39.4,30.2,16.2,9.5,6.3,11.6,7.4,13.5,4.2,4.5,13.5,9.3,12.1,2.9,7.6,2.9,2.9,2.8,2.8,2.8,2.9,2.8,11.2,18.3,20.5,11.3,17.8,10.6,10.5,11.2,11.9,16.8,8.7,8.7,18.6,10.5,4.5,8.5,7.3,2.3,7.4,7.2,6.7,7.3,7.3,2.3,25.4,31.7,23.4,21.7,18.4,8.8,7,17.8,11,5.8,4.8,4.6,5.1,8.7,20.5,7.1,25,2.4,2.2,6.6,2.3,2.3,7.1,2.3,19.8,19.2,21.1,13.6,23.6,13.9,4.9,7.3,7.2,6.6,7.4,9.6,9.2,2.8,2.3,2.3,2.3],[1.8,14.6,12.1,7.6,6.3,13.2,6.6,7.7,11.7,12.7,11.1,7.6,12.8,2.4,2.7,7.4,13.7,7.5,6.5,2.3,12.9,19.5,11.9,14.4,6.8,1.8,12,9.1,15.3,6.7,8.6,5.7,5.8,15.1,14,15.1,7.6,2.2,6.5,1.7,1.7,2.1,2.2,7.1,2.2,2.2,13,12.2,7.4,1.8,9.2,7.2,7.5,11.5,12.1,6.3,6.8,9.5,2.2,16.5,9.7,4.9,6.6,4.6,6.9,1.7,13.7,7,6.9,7.9,1.8,6.7,6.9,1.8,1.8,6.8,12.6,6.4,12.5,7.3,7.5,6.7,21,11.3,10.2,13.6,8.5,12.6,1.7,5.7,11.3,6.5,6.4,11.9,1.7,10,1.8,7.6,1.8,6.4,13.1,1.8,11.4,12.6,11.5,6.3,11.6,16,9.3,17.2,12.7,21.2,4.6,10.8,7.1,12.1,12.3,1.8,6.5,1.8,6.5,6.4,11.4,7.8,12.9,7.6,7.4,13.6,13.7,5.2,20,22.1,4.6,10.3,6.7,7.3,9.2,10.4,16.9,7.3,8.5,16.7,14.6,1.8,8.7,7.4,15.3,8.7,9.5,1.8,7.3,1.7,1.7,14.8,13.1,11.3,14.8,4.9,4.9,4.8,1.7,1.7,1.8,1.8,1.8,9.5,6.4,6.4,13.6,10.6,11.6,8.8,6.2,6.5,9.5,11.5,13.7,1.8,6.9,1.7,6.7,6.9,1.7,13.6,1.7,7.4,6.5,6.3,6.8,6.9,1.8,11.7,11.8,6.2,6.5,6.3,12.8,1.8,12.5,1.7,14,10.7,27.6,18.8,9.9,14.8,15.8,9.7,16.1,10.5,5.9,6.7,14.9,12.8,15,14.7,9.7,8.2,11.9,13.7,11.6,20.6,11.4,10.7,31.9,38,37.2,31.2,26.3,26.6,17.8,24.1,24.9,39.2,24.8,7.2,6.5,12.3,1.8,6.2,7.2,7.1,14.7,13.8,14.4,15.4,19.9,7.7,41.6,55.6,57,41.5,51.8,36.3,34,27.1,29.4,26.6,21.3,24.3,15.2,7.4,12.7,6.5,13.3,11.9,11
}
},
//当前设备返回值
clickOptionList(e) {
this.lastChooseDevice = e
},
automaticRoll() {
var height = $(".afoot-con-for").innerHeight()
if (this.forIndex == this.warningData.length) {
this.forIndex = 0
} else {
this.forIndex = this.forIndex + 1
2024-03-10 01:07:03 +08:00
}
2024-03-10 13:17:17 +08:00
$("#afootOverflow").animate({ scrollTop: (height * this.forIndex) + 'px' })
},
listMinMouseover() {
clearInterval(this.warningInterval);
},
listMinMouseout() {
this.warningInterval = setInterval(this.automaticRoll, 5000);
2024-03-10 01:07:03 +08:00
},
2024-03-10 00:34:11 +08:00
},
};
</script>
<style lang="less">
.project-distribution-box {}
2024-03-10 13:17:17 +08:00
</style>