2024-03-09 01:14:29 +08:00
|
|
|
|
<template>
|
2024-03-10 00:34:11 +08:00
|
|
|
|
<div class="project-standard-curing-room">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="6">
|
2024-03-10 23:37:38 +08:00
|
|
|
|
<module-one-1-1 label="质量目标">
|
|
|
|
|
<quality-objectives></quality-objectives>
|
|
|
|
|
</module-one-1-1>
|
|
|
|
|
<module-one-2-1 label="过程管控">
|
|
|
|
|
<process-control-new :active="3"></process-control-new>
|
|
|
|
|
</module-one-2-1>
|
2024-03-10 00:34:11 +08:00
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<module-one-1-2 label="当前监测值">
|
2024-03-10 23:37:38 +08:00
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<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>当前温度</div>
|
|
|
|
|
<p v-cloak>{{ lastRunData.temperature }} <span>℃</span></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<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>标准温度</div>
|
|
|
|
|
<p>18-22<span>℃</span></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<div class="process-control-current-value-con">
|
|
|
|
|
<div class="current-value-img">
|
|
|
|
|
<img src="images/hj_shidu.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="process-control-current-value-data">
|
|
|
|
|
<div>当前湿度</div>
|
|
|
|
|
<p v-cloak>{{ lastRunData.humidity }} <span>%RH</span></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<div class="process-control-current-value-con">
|
|
|
|
|
<div class="current-value-img">
|
|
|
|
|
<img src="images/hj_shidu.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="process-control-current-value-data">
|
|
|
|
|
<div>标准湿度</div>
|
|
|
|
|
<p>95<span>%RH以上</span></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
2024-03-10 00:34:11 +08:00
|
|
|
|
</module-one-1-2>
|
|
|
|
|
<module-one-1-2 label="温度趋势">
|
2024-03-10 23:37:38 +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-2>
|
2024-03-10 23:37:38 +08:00
|
|
|
|
<module-one-1-2 label="湿度趋势">
|
|
|
|
|
<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-2>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
2024-03-10 23:37:38 +08:00
|
|
|
|
<div class="analyse-max" style="height:100%;position: absolute;">
|
|
|
|
|
<div class="analyse-map">
|
|
|
|
|
<div class="analyse-title analyse_title_blue">
|
|
|
|
|
<div class="analyse-text">当前设备</div>
|
|
|
|
|
<div class="analyse-equipment">标养室监测</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="hj-moment-max">
|
|
|
|
|
<table>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>设备名称:</td>
|
|
|
|
|
<td>
|
|
|
|
|
<div class="hj-moment-choice">
|
|
|
|
|
<div class="hj-moment-select">
|
|
|
|
|
<screen-select :data="selectData" :def="selectData[0]"
|
|
|
|
|
@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.name }}</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>安装位置:</td>
|
|
|
|
|
<td></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>设备状态:</td>
|
|
|
|
|
<td>
|
|
|
|
|
<div v-show="showFlag" class="hj-moment-green">无警告/在线</div>
|
|
|
|
|
</td> <!--离线 class='hj-moment-orange'-->
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>设备编码:</td>
|
|
|
|
|
<td v-cloak>{{ lastChooseDevice.deviceId }}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>更新时间:</td>
|
|
|
|
|
<td v-cloak>{{ lastChooseDevice.create_time }}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="analyse-min" style="height: calc(100% - 400px);">
|
|
|
|
|
<div class="analyse-title">
|
|
|
|
|
<div class="analyse-text">正在发生</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="afoot-content" style="height: calc(100% - 60px);">
|
|
|
|
|
<div class="afoot-overflow process-afoot-overflow" v-if="warningData && warningData.length>0" id="afootOverflow"
|
|
|
|
|
@mouseout="listMinMouseout" @mouseover="listMinMouseover" style="height:100%;">
|
|
|
|
|
<div :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 }} <span
|
|
|
|
|
class="hj-moment-blue">(正常范围:{{ item.threshold }})</span></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.chaValue}}</span></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else class="div-no-data" style="padding-top:100px">
|
|
|
|
|
<img src="images/nodata.png" style="width: 120px;">
|
|
|
|
|
<div style="text-align: center;font-size: 12px;color:#888;">暂无数据</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-03-10 00:34:11 +08:00
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
2024-03-10 23:37:38 +08:00
|
|
|
|
import '@/components/module/module-one-1-2'
|
|
|
|
|
import '@/components/module/module-one-2-1'
|
|
|
|
|
import '@/components/quality-objectives'
|
|
|
|
|
import '@/components/process-control-new'
|
|
|
|
|
import '@/components/trend-chart-line'
|
|
|
|
|
import '@/components/screen-select'
|
2024-03-10 00:34:11 +08:00
|
|
|
|
export default {
|
|
|
|
|
//标养室检测
|
|
|
|
|
name: 'JhbigscreenStandardCuringRoom',
|
|
|
|
|
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
2024-03-10 23:37:38 +08:00
|
|
|
|
showFlag: true,
|
|
|
|
|
online: true,
|
|
|
|
|
lastRunData: {},
|
|
|
|
|
//温度趋势
|
|
|
|
|
trendBtnNav: 1,
|
|
|
|
|
temperatureTrendData: {},
|
|
|
|
|
//湿度趋势
|
|
|
|
|
tumidityBtnNav: 1,
|
|
|
|
|
tumidityTrendData: {},
|
|
|
|
|
//当前设备
|
|
|
|
|
selectData: [],
|
|
|
|
|
lastChooseDevice: {},
|
|
|
|
|
//正在发生
|
|
|
|
|
warningInterval: undefined,
|
|
|
|
|
forIndex: 0,
|
|
|
|
|
warningData: [],
|
2024-03-10 00:34:11 +08:00
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
mounted() {
|
2024-03-10 23:37:38 +08:00
|
|
|
|
this.lastRunData = JSON.parse('{"sid":946050,"deviceNo":"010840009F","deviceNoList":[],"temperature":19.1,"humidity":98.5,"createTime":"2024-03-10 16:44:02","startTime":null,"endTime":null,"projectId":0}');
|
|
|
|
|
this.onClickTemperatureTrend(1);
|
|
|
|
|
this.onClickTumidityTrend(1);
|
|
|
|
|
this.selectData = JSON.parse('[{"device_name":"实验室","type_name":"标养室","create_time":"2024-03-10 16:44:02","project_id":132,"name":"标养室监控设备:010840009F","device_No":"010840009F","id":"010840009F","state":1,"deviceId":"010840009F","points":1,"text":"010840009F","deviceNo":"010840009F"}]');
|
|
|
|
|
this.lastChooseDevice = this.selectData[0];
|
|
|
|
|
//正在发生 定时器
|
|
|
|
|
this.warningInterval = setInterval(this.automaticRoll, 5000);
|
|
|
|
|
this.warningData="1,2,3,4,5,6,7,8".split(",").map(d=>{
|
|
|
|
|
return { type: "预警A"+d, images: ['images/831.jpg'],
|
|
|
|
|
content: '100',
|
|
|
|
|
threshold:'[60-80]',
|
|
|
|
|
time: '24-02-02 14:00', chaValue: '20' }
|
|
|
|
|
});
|
2024-03-10 00:34:11 +08:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
methods: {
|
2024-03-10 23:37:38 +08:00
|
|
|
|
//温度趋势
|
|
|
|
|
onClickTemperatureTrend(n) {
|
|
|
|
|
this.trendBtnNav = n;
|
|
|
|
|
if (n == 1) {
|
|
|
|
|
this.temperatureTrendData = JSON.parse('{"lineData":[[19,19,18.7,18.8,18.9,18.8,18.9,19.4,18.9,19.4,19.4,18.9,19.3,19.2,19.3,19.4,18.9,18.8,18.8,19.4,19.2,19.4,19,19.1,18.8,19.3,18.8,19,18.9,19.1,18.8,19.4,18.9,19.4,18.9,19.1,19.1,18.7,19.4,19.2,19.2,19.4,18.6,18.9,18.9,18.9,19.2,19.2,18.8,18.7,18.8,18.9,18.9,19.2,19.4,18.7,19.3,18.7,19.1,19.4,19.1,18.7,19.3,18.8,19.3,18.6,18.6,18.6,18.7,19.2,19.4,18.7,18.7,19.2,19.3,18.9,19.4,18.9,18.8,18.9,18.9,19.1,19.2,19,18.8,19,18.9,18.9,18.9,18.6,19.4,18.7,18.6,18.6,19.2,19.1,19.4,18.7,19.4,18.8,19.3,19,18.9,19.4,19,19,19.4,18.8,18.7,18.9,19.3,19.1,19.3,18.6,18.7,19.3,18.9,19.1,18.6,19,18.7,19,18.9,18.8,19.4,18.9,18.9,19,19.4,18.7,19.1,19.4,19.1,18.8,19,19.4,18.8,19.2,19,19,19.1,19],[18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18],[22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22]],"color":["#5af9fd","#ff9526","#ff0000"],"legend":["温度趋势","最小标准温度","最大标准温度"],"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","2024-03-09 22:00","2024-03-09
|
|
|
|
|
} else {
|
|
|
|
|
this.temperatureTrendData = JSON.parse('{"lineData":[[19.3,18.9,18.8,19.4,18.7,19.4,18.9,19.4,18.8,19.4,18.9,19,19.4,18.9,18.8,19.3,18.8,19.3,18.7,19.2,19.2,19,18.7,19.3,18.9,19.1,18.8,18.8,19.3,18.9,19.4,18.7,19,19.1,19,18.4,19.1,18.6,19.3,18.6,18.9,18.9,19.1,19,18.9,18.6,19.3,19,19.2,19.1,18.7,19.2,18.7,19.3,18.7,19.1,18.7,19.4,18.7,19.4,18.5,18.8,18.5,18.8,18.7,19.3,19.4,18.8,19.3,18.9,18.9,18.8,19.1,19,18.9,18.8,18.8,18.8,19.2,19.4,19.2,19.4,19,18.6,18.7,19,19.2,18.8,18.9,19,18.8,19,19,19,19.3,18.9,19.2,19.2,19.4,18.9,18.7,19,19.4,18.7,19.4,19.4,19,18.7,19.3,18.9,18.8,19.4,19.4,19.2,19.3,19.2,18.7,19.4,19.1,19.3,18.9,19.4,18.8,18.8,18.8,19.3,19.4,18.8,18.8,18.7,18.8,18.5,18.5,18.6,18.7,18.9,18.9,18.6,18.6,19.4,19,19.2,19.3,19.3,19,19.3,19.1,18.8,19.4,19.1,19.1,19,19.2,19.3,18.6,19.1,18.9,19,18.8,19.2,19.2,19.3,18.7,19.1,18.9,19.1,19,19.1,19,19.3,19.4,19.1,18.7,19.2,18.9,18.9,18.9,19.4,19.1,19,18.5,18.5,19,18.7,19,18.6,19.3,18.8,18.9,19,19.1,19,19,19.1,19,19.3,19.2,19,19.4,19,19.2,18.7,19.2,18.9,19.2,18.9,18.7,18.9,18.9,18.8,18.7,19,19.3,19.4,19.2,19.3,19.2,19.2,19.4,18.9,18.9,19.1,18.5,18.8,18.7,19,18.8,19.4,19.3,19.4,18.8,19.4,18.8,18.9,19.3,18.8,19.1,19.4,18.9,19.2,19.2,19.1,19,18.9,19.1,18.8,19.3,19.3,19.2,18.8,19.3,18.8,18.7,18.9,18.9,18.9,18.8,19.4,18.9,19.4,19.2,19.1,19.5,19.2,19.4,18.9,19.1,19.2,19.1,19.2,18.8,18.7,19.3,19.4,19.2,19.4,18.9,18.9,18.9,19.4,19.2,18.9,19.1,18.8,19.3,19.4,19.2,19.3,19.1,19,19.3,18.7,19.1,19,18.8,18.9,18.9,19.2,19.1,19.3,19,19.6,19.1,19.5,18.9,19.2,19,19.4,19.2,19.1,19.3,19.3,19.3,18.7,19.4,19.1,18.7,19.4,19,18.9,18.8,18.7,19.1,19,19.1,19.5,19.3,18.9,18.7,18.9,19.2,19.1,18.9,19,19,19.1,19.2,18.8,19.2,19.2,19.1,19.1,19.4,19,19,18.8,19.2,18.9,19,18.7,18.8,18.8,19.3,19.2,19.4,19.4,19.4,18.8,19.3,19.1,18.9,19.3,19.4,19.1,19,18.7,19.1,19.4,18.8,19.3,18.9,19,19.3,19,18.8,18.7,19.1,19.4,19,19.2,18.7,19.4,18.8,19.5,19.2,19.3,18.9,19.3,18.8,19.4,19.1,19.2,19.1,18.8,19.1,18.9,18.9,19,18.6,19.4,19.4,19.3,19.3,19.5,18.9,19.2,19.3,19.3,19.1,19.2,18.8,19.4,18.7,19.3,18.9,19,19.2,18.7,19.1,19.1,19.4,18.8,18.6,19,19.2,19.1,19.4,18.8,19.3,18.8,19,18.9,19.4,19.2,19.1,18.9,18.9,19,19.1,19,19.4,19.2,19.4,18.8,19.4,19,19.1,19,19.1,19,19.4,19.2,19.2,19.1,18.9,18.7,19.3,19.2,19.4,18.7,19.4,18.6,19.1,19,19.2,18.7,19,19.3,18.7,19.4,19.1,19,19.1,19.4,19.4,19.3,19.2,19,19.2,19.3,19.4,19.1,18.9,19.4,18.9,19.1,18.8,18.9,19.2,18.8,19,18.8,18.9,19.3,18.9,19.2,18.8,19.3,19.1,19.3,19,19.3,19.1,18.6,19.3,19,19.3,18.7,19.3,19.1,18.9,19.4,19,19.2,19.3,19.3,19.4,19.1,18.9,19.1,18.8,19.2,18.8,19.2,19,18.8,19,19,18.8,18.8,19.3,19.4,18.7,18.9,18.9,19.4,19.3,19.1,18.9,19.3,19,18.8,18.8,18.6,19.4,18.9,18.9,19.2,19.4,19.3,19.3,18.8,19,19,18.7,18.8,18.9,18.8,18.9,19.4,18.9,19.4,19.4,18.9,19.3,19.2,19.3,19.4,18.9,18.8,18.8,19.4,19.2,19.4,19,19.1,18.8,19.3,18.8,19,18.9,19.1,18.8,19.4,18.9,19.4,18.9,19.1,19.1,18.7,19.4,19.2,19.2,19.4,18.6,18.9,18.9,18.9,19.2,19.2,18.8,18.7,18.8,18.9,18.9,19.2,19.4,18.7,19.3,18.7,19.1,19.4,19.1,18.7,19.3,18.8,19.3,18.6,18.6,18.6,18.7,19.2,19.4,18.7,18.7,19.2,19.3,18.9,19.4,18.9,18.8,18.9,18.9,19.1,19.2,19,18.8,19,18.9,18.9,18.9,18.6,19.4,18.7,18.6,18.6,19.2,19.1,19.4,18.7,19.4,18.8,19.3,19,18.9,19.4,19,19,19.4,18.8,18.7,18.9,19.3,19.1,19.3,18.6,18.7,19.3,18.9,19.1,18.6,19,18.7,19,18.9,18.8,19.4,18.9,18.9,19,19.4,18.7,19.1,19.4,19.1,18.8,19,19.4,18.8,19.2,19,19,19.1,19],[18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18,18
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
//湿度趋势
|
|
|
|
|
onClickTumidityTrend(n) {
|
|
|
|
|
this.tumidityBtnNav = n;
|
|
|
|
|
if (n == 1) {
|
|
|
|
|
this.tumidityTrendData = JSON.parse('{"lineData":[[98.1,98.1,98.1,98.2,98.3,98.4,98.3,98.4,98.4,98.5,98.4,98.4,98.4,98.3,98.2,98.2,98.2,98.3,98.3,98.3,98.3,98.4,98.3,98.3,98.3,98.3,98.4,98.5,98.5,98.5,98.5,98.5,98.6,98.5,98.5,98.5,98.5,98.5,98.4,98.4,98.3,98.3,98.3,98.2,98.3,98.3,98.3,98.3,98.3,98.3,98.4,98.4,98.5,98.5,98.5,98.5,98.5,98.5,98.6,98.6,98.6,98.6,98.6,98.5,98.6,98.5,98.5,98.5,98.5,98.4,98.4,98.4,98.5,98.4,98.5,98.5,98.5,98.5,98.6,98.7,98.7,98.9,98.8,98.7,98.7,98.6,98.6,98.6,98.6,98.6,98.6,98.5,98.6,98.5,98.5,98.6,98.5,98.6,98.5,98.5,98.5,98.5,98.6,98.5,98.5,98.4,98.5,98.5,98.5,98.5,98.4,98.5,98.4,98.4,98.4,98.3,98.3,98.2,98.2,98.1,98.2,98.3,98.4,98.4,98.4,98.4,98.5,98.5,98.5,98.5,98.5,98.5,98.4,98.5,98.4,98.4,98.5,98.5,98.5,98.5,98.5,98.5],[95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95]],"color":["#5af9fd","#ff0000"],"legend":["湿度趋势","标准湿度"],"unit":"%RH","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","2024-03-09 22:00","2024-03-09 23:00","2024-03-10 00:00","2024-03-10 01:00","2024-03-10 02:00","2024-03-10 03:00","2024-03-10 04:00","2024-03-10 05:00","2024-03-10 06:00","2024-03-10 07:00","2024-03-10 08:00","2024-03-10 09:00","2024-03-10 10:00","2024-03-10 11:00","2024-03-10 12:00","2024-03-10 13:00","2024-03-10 14:00","2024-03-10 15:00","2024-03-10 16:00"]}');
|
|
|
|
|
} else {
|
|
|
|
|
this.tumidityTrendData = JSON.parse('{"lineData":[[98.1,98.1,98.1,98.1,98.1,98,97.9,97.8,97.7,97.3,97.4,97.3,97.3,97.3,97.4,97.4,97.7,97.7,97.8,97.8,97.9,97.9,98,98,98.1,98.1,98.1,98.2,98.2,98.3,98.2,98.3,98.3,98.3,98.2,98.2,98.1,98.1,97.9,97.8,97.9,98,98,97.9,98,98.1,98.1,98.1,98.2,98.2,98.2,98.2,98.3,98.3,98.3,98.3,98.3,98.3,98.3,98.2,98.2,98.1,98,97.9,98,98,98,98.1,98.1,98.1,98.2,98.1,98.2,98.2,98.3,98.3,98.3,98.3,98.2,98.2,98.2,98.2,98.1,98.1,98,98,97.9,97.9,97.9,97.9,97.9,98,98,98.1,98.1,98.1,98.1,98.2,98.1,98.2,98.2,98.2,98.2,98.2,98.1,98.1,98.1,98.1,98,98,98,98,98,98,98.1,98.1,98.1,98.1,98.2,98.2,98.3,98.3,98.3,98.4,98.3,98.3,98.3,98.4,98.4,98.4,98.4,98.4,98.4,98.3,98.2,98.2,98.2,98.2,98.2,98.3,98.3,98.4,98.3,98.4,98.4,98.4,98.5,98.5,98.5,98.5,98.5,98.5,98.5,98.5,98.5,98.4,98.4,98.3,98.3,98.3,98.2,98.2,98.3,98.3,98.3,98.3,98.4,98.4,98.4,98.4,98.4,98.5,98.5,98.5,98.5,98.5,98.5,98.4,98.5,98.4,98.4,98.3,98.3,98.3,98.3,98.4,98.3,98.3,98.3,98.4,98.4,98.4,98.4,98.4,98.4,98.4,98.5,98.4,98.5,98.5,98.5,98.4,98.4,98.4,98.3,98.3,98.2,98.2,98.1,98.1,98,98,98,98.1,98.1,98,98,98.1,98.1,98.2,98.3,98.3,98.4,98.3,98.4,98.4,98.4,98.4,98.4,98.4,98.4,98.4,98.4,98.4,98.4,98.4,98.5,98.5,98.5,98.5,98.5,98.5,98.5,98.4,98.4,98.5,98.4,98.5,98.4,98.4,98.5,98.5,98.5,98.5,98.4,98.5,98.5,98.5,98.6,98.5,98.5,98.5,98.4,98.4,98.4,98.4,98.2,98.2,98.2,98.1,98.1,98.2,98.2,98.2,98.3,98.3,98.3,98.3,98.3,98.3,98.3,98.3,98.2,98.2,98.3,98.2,98.2,98.2,98.1,98.1,98.1,98.1,98.1,98.2,98.2,98.2,98.2,98.2,95.7,90.5,97.7,97.4,97,96.7,96.4,96.3,96.1,96.2,96.5,96.6,96.6,96.6,96.3,96.3,96.4,96.3,96.4,96.5,96.8,96.9,97.2,97.3,97.4,97.3,97.5,97.3,97,97.2,97.3,97.2,97.1,97.5,97.6,97.5,97.6,97.7,97.3,97.4,97.1,97.3,96.7,96.8,97.4,97.4,97.5,97.6,97.4,97.4,97.3,97.3,97.2,97.2,97.4,97.2,97.2,97.1,97,97.3,97.3,97.4,97.5,97.5,97.6,97.6,97.6,97.6,97.7,97.9,98,98,97.8,96.9,97.3,97.3,97.4,97.4,97.4,97.6,97.7,97.8,97.8,97.6,97.7,97.8,97.9,97.9,98,97.9,98,97.9,98,97.9,98.1,98.1,98.1,98.1,98,97.9,97.9,97.8,97.8,97.7,97.8,97.6,97.5,97.8,97.9,97.8,97.8,97.8,97.8,97.8,98,98.1,98.1,98.1,98.1,98.1,97.8,97.9,98,98,98,97.9,98,98.1,98.1,98.1,98.1,98,97.8,97.8,97.9,98,98.1,98.2,98.1,98,97.8,97.8,97.8,98.1,98.1,98.1,98.2,98.2,98.1,98,97.9,97.9,98,98,98,98.1,98.1,98,97.9,97.8,97.8,97.8,97.9,97.9,98,98,97.9,97.9,97.7,97.8,97.8,97.6,97.7,97.8,98,98.1,98.1,98,98,98,97.8,97.8,97.9,97.9,98,98.1,98,97.9,97.9,97.9,98,98.1,98,98.1,98.2,98.2,98.1,98,97.9,98,98,98.1,98,98.1,98.1,98.1,98.1,98.1,98.1,98.3,98.2,98.3,98.4,98.4,98.4,98.3,98.1,98.2,98.2,98.2,98.2,98.1,98.2,98.2,98.1,98.1,98.2,98.2,98.3,98.3,98.3,98.4,98.4,98.5,98.6,98.6,98.6,98.7,98.7,98.6,98.4,98.2,98.1,98.2,98.2,98.2,98.3,98.3,98.3,98.2,98.1,98.2,98.1,98.1,98.1,98.1,98.1,98.2,98.3,98.4,98.3,98.4,98.4,98.5,98.4,98.4,98.4,98.3,98.2,98.2,98.2,98.3,98.3,98.3,98.3,98.4,98.3,98.3,98.3,98.3,98.4,98.5,98.5,98.5,98.5,98.5,98.6,98.5,98.5,98.5,98.5,98.5,98.4,98.4,98.3,98.3,98.3,98.2,98.3,98.3,98.3,98.3,98.3,98.3,98.4,98.4,98.5,98.5,98.5,98.5,98.5,98.5,98.6,98.6,98.6,98.6,98.6,98.5,98.6,98.5,98.5,98.5,98.5,98.4,98.4,98.4,98.5,98.4,98.5,98.5,98.5,98.5,98.6,98.7,98.7,98.9,98.8,98.7,98.7,98.6,98.6,98.6,98.6,98.6,98.6,98.5,98.6,98.5,98.5,98.6,98.5,98.6,98.5,98.5,98.5,98.5,98.6,98.5,98.5,98.4,98.5,98.5,98.5,98.5,98.4,98.5,98.4,98.4,98.4,98.3,98.3,98.2,98.2,98.1,98.2,98.3,98.4,98.4,98.4,98.4,98.5,98.5,98.5,98.5,98.5,98.5,98.4,98.5,98.4,98.4,98.5,98.5,98.5,98.5,98.5,98.5],[95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95,95
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
//当前设备返回值
|
|
|
|
|
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
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$("#afootOverflow").animate({ scrollTop: (height * this.forIndex) + 'px' })
|
|
|
|
|
},
|
2024-03-10 00:34:11 +08:00
|
|
|
|
|
2024-03-10 23:37:38 +08:00
|
|
|
|
listMinMouseover() {
|
|
|
|
|
clearInterval(this.warningInterval);
|
|
|
|
|
},
|
|
|
|
|
listMinMouseout() {
|
|
|
|
|
this.warningInterval = setInterval(this.automaticRoll, 5000);
|
|
|
|
|
},
|
2024-03-10 00:34:11 +08:00
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="less">
|
|
|
|
|
.project-standard-curing-room {}
|
|
|
|
|
</style>
|