pull/121/head
孙萌
parent
fdfa64d7ca
commit
9a7728e494
|
|
@ -30,7 +30,7 @@
|
|||
<div class="page-content new-data" v-else :class="deviceName == 10 || deviceName == 30 ? 'control-page' : ''">
|
||||
|
||||
<div class="control-view" v-if="deviceName == 10 || deviceName == 30">
|
||||
<div class="title" @click='weatherModel=true'>气象站:</div>
|
||||
<div class="title" @click='weatherModel = true'>气象站:</div>
|
||||
<vue-seamless class="control-list" :data="controlList" :class-option="defaultOption1">
|
||||
<div class="list-view" v-for="item, index in controlList " :key="index">
|
||||
<img class="icon" :src="item.img" alt="">
|
||||
|
|
@ -58,8 +58,8 @@
|
|||
<div class="flex-view border-none warning-btn">
|
||||
<div class="input-btn ">
|
||||
<div class="btn blue" @click='openDataModel'>
|
||||
查看全部实时数据
|
||||
</div>
|
||||
查看全部实时数据
|
||||
</div>
|
||||
<div class="btn green" @click="openWarn">
|
||||
<img src="../../assets/image/real-time-icon2.png" alt="" />短信报警
|
||||
</div>
|
||||
|
|
@ -93,8 +93,10 @@
|
|||
<div class="table-title">
|
||||
<img src="../../assets/image/status.png" alt="" />
|
||||
设备运行状态
|
||||
<div class="title-text" v-if="sunrise"><img src="../../assets/img/sunrise.png" alt="">日出:{{ sunrise }}</div>
|
||||
<div class="title-text" v-if="sunset"><img src="../../assets/img/sunset.png" alt="">日落:{{ sunset }}</div>
|
||||
<div class="title-text" v-if="sunrise"><img src="../../assets/img/sunrise.png" alt="">日出:{{ sunrise }}
|
||||
</div>
|
||||
<div class="title-text" v-if="sunset"><img src="../../assets/img/sunset.png" alt="">日落:{{ sunset }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-view border-none">
|
||||
<div class="status-view" v-for="item, index in statusList" :key="index">
|
||||
|
|
@ -253,13 +255,13 @@
|
|||
|
||||
</div>
|
||||
<div class="status-true-text" v-if="item.type == 2 || item.type == 5 || item.type == 6 || item.type == 12
|
||||
|| item.type == 13 || item.type == 14 || item.type == 15 || item.type == 16">
|
||||
|| item.type == 13 || item.type == 14 || item.type == 15 || item.type == 16">
|
||||
<div class="status-true-text-left">{{ getNumberStatus(item) }}</div>
|
||||
<div class="status-true-text-right"
|
||||
v-if="item.type == 6 || item.type == 5 || item.type == 2 || item.type == 15 || item.type == 14 || item.type == 13 || item.type == 12">
|
||||
{{ item.progress }}%</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="status-fan status-btn" v-else>
|
||||
<div class="btn" :class="item.index == 1 ? 'blue' : 'off'">
|
||||
<img class="light-img" :src="getIcon(item)" alt="">
|
||||
|
|
@ -267,7 +269,7 @@
|
|||
<span>{{ item.index == 1 ? '开启' : '关闭' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="status-true-text" v-if=" item.type == 15 ">
|
||||
<div class="status-true-text" v-if="item.type == 15">
|
||||
<div class="status-true-text-left">计算结果</div>
|
||||
<div class="status-true-text-right">
|
||||
{{ item.count }}</div>
|
||||
|
|
@ -293,27 +295,27 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog title="气象站" class="vrcode-model" :append-to-body="true" :visible.sync="weatherModel" width="1030px">
|
||||
<el-button class="model-return-btn" type="primary" @click="weatherModel=false">返 回</el-button>
|
||||
<el-dialog title="气象站" class="vrcode-model" :append-to-body="true" :visible.sync="weatherModel" width="1030px">
|
||||
<el-button class="model-return-btn" type="primary" @click="weatherModel = false">返 回</el-button>
|
||||
<div class="vrcode-model-title vrcode-model-title-282">气象站</div>
|
||||
<div class="dataModel">
|
||||
<div class="dataModel">
|
||||
<div class="view-new">
|
||||
<div class="list-view" v-for="item, index in controlList " :key="index">
|
||||
<img class="icon" :src="item.img" alt="">
|
||||
<div>
|
||||
<div class="text">{{ item.environmentDataId}}</div>
|
||||
<div class="number" > {{ getControlData(item) }}</div>
|
||||
<img class="icon" :src="item.img" alt="">
|
||||
<div>
|
||||
<div class="text">{{ item.environmentDataId }}</div>
|
||||
<div class="number"> {{ getControlData(item) }}</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</el-dialog>
|
||||
<el-dialog title="实时数据" class="vrcode-model" :append-to-body="true" :visible.sync="dataModel" width="1030px">
|
||||
<el-button class="model-return-btn" type="primary" @click="dataModel=false">返 回</el-button>
|
||||
<el-button class="model-return-btn" type="primary" @click="dataModel = false">返 回</el-button>
|
||||
<div class="vrcode-model-title vrcode-model-title-282">实时数据</div>
|
||||
<div class="dataModel">
|
||||
<div class="dataModel">
|
||||
<div class="view-new">
|
||||
<div class="list-view" v-for="item, index in list " :key="index">
|
||||
<img :src="item.img" alt="">
|
||||
|
|
@ -324,7 +326,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog title="请选择要显示的设备" :append-to-body="true" :visible.sync="addModel" width="70%">
|
||||
|
|
@ -373,8 +375,8 @@
|
|||
</div>
|
||||
<el-dropdown-menu class="warning-sel" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeSelList" :key="index" :command="index">{{
|
||||
item.name
|
||||
}}</el-dropdown-item>
|
||||
item.name
|
||||
}}</el-dropdown-item>
|
||||
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
|
|
@ -387,13 +389,14 @@
|
|||
</div>
|
||||
<el-dropdown-menu class="warning-sel" slot="dropdown">
|
||||
<el-dropdown-item v-for="item, index in typeSelList1" :key="index" :command="index">{{
|
||||
item.name
|
||||
}}</el-dropdown-item>
|
||||
item.name
|
||||
}}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<div class="input-main">
|
||||
<input type="text" v-model="warnForm.environmentData" style="width: 200px;" placeholder="请输入设定值">
|
||||
<input type="text" v-model="warnForm.environmentData" style="width: 200px;"
|
||||
placeholder="请输入设定值">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="input-btn ">
|
||||
|
|
@ -405,7 +408,8 @@
|
|||
<div class="title-tips">原有报警规则</div>
|
||||
<div class="vrcode-table">
|
||||
<div class="vrcode-table-view table-view">
|
||||
<el-table :data="tableData" :row-class-name="tableRowClassName" height="520" style="width: 100%">
|
||||
<el-table :data="tableData" :row-class-name="tableRowClassName" height="520"
|
||||
style="width: 100%">
|
||||
|
||||
<el-table-column prop="environmentId" label="报警名称">
|
||||
<template slot-scope="scope">
|
||||
|
|
@ -415,6 +419,7 @@
|
|||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="environmentId" label="判断条件">
|
||||
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ typeSelList1[scope.row.unit - 1].name }}
|
||||
|
|
@ -425,6 +430,7 @@
|
|||
<el-table-column prop="phonenumber" label="手机号1"></el-table-column>
|
||||
<el-table-column prop="phonenumber2" label="手机号2"></el-table-column>
|
||||
<el-table-column label="操作" width="100">
|
||||
|
||||
<template slot-scope="scope">
|
||||
<div class="vrcode-table-btn">
|
||||
<div class="vrcode-btn red-btn" @click="delMessage(scope.row)">
|
||||
|
|
@ -441,6 +447,7 @@
|
|||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import EZUIKit from 'ezuikit-js';
|
||||
import { getnowtime } from '../../assets/js/nowTime'
|
||||
|
|
@ -482,8 +489,8 @@ export default {
|
|||
sunrise: "00:00",
|
||||
sunset: "00:00",
|
||||
statusList: [],
|
||||
dataModel:false,//全部实时数据弹窗
|
||||
weatherModel:false,
|
||||
dataModel: false,//全部实时数据弹窗
|
||||
weatherModel: false,
|
||||
|
||||
time: null,//右上角时间
|
||||
list: [],
|
||||
|
|
@ -491,7 +498,7 @@ export default {
|
|||
indexs: 1,
|
||||
player: null,
|
||||
url: '',
|
||||
imgUrl:'',
|
||||
imgUrl: '',
|
||||
timer: null,
|
||||
deviceName: 1,
|
||||
deviceState: 1,
|
||||
|
|
@ -583,8 +590,8 @@ export default {
|
|||
this.$bus.$off('refreshTime')
|
||||
},
|
||||
methods: {
|
||||
openDataModel(){
|
||||
this.dataModel=true
|
||||
openDataModel() {
|
||||
this.dataModel = true
|
||||
},
|
||||
tableRowClassName({ row, rowIndex }) {
|
||||
if (rowIndex % 2 == 1) {
|
||||
|
|
@ -958,13 +965,28 @@ export default {
|
|||
// name = el.equipmentNumber + '#' + el.environmentDataId
|
||||
// }
|
||||
// }
|
||||
// if (el.targetValue == 1) {
|
||||
// name = '目标' + el.environmentDataId
|
||||
// } else {
|
||||
// if (el.equipmentNumber == 0) {
|
||||
// name = '1#平均' + el.environmentDataId
|
||||
// } else if (el.equipmentNumber == 15) {
|
||||
// name = '2#平均' + el.environmentDataId
|
||||
// } else {
|
||||
// name = el.equipmentNumber + '#' + el.environmentDataId
|
||||
// }
|
||||
// }
|
||||
if (el.targetValue == 1) {
|
||||
name = '目标' + el.environmentDataId
|
||||
if (el.equipmentNumber == 0) {
|
||||
name = '目标' + el.environmentDataId
|
||||
} else {
|
||||
name = '目标' + el.equipmentNumber + '#' + el.environmentDataId
|
||||
}
|
||||
} else {
|
||||
if (el.equipmentNumber == 0) {
|
||||
name = '1#平均' + el.environmentDataId
|
||||
name = '1#平均' + el.environmentDatald
|
||||
} else if (el.equipmentNumber == 15) {
|
||||
name = '2#平均' + el.environmentDataId
|
||||
name = '2#平均' + el.environmentDatald
|
||||
} else {
|
||||
name = el.equipmentNumber + '#' + el.environmentDataId
|
||||
}
|
||||
|
|
@ -1012,8 +1034,8 @@ export default {
|
|||
if (res.data.code == 200) {
|
||||
this.url = res.data.data.ezopen
|
||||
this.createVideoNew(res.data.data.accesstoken)
|
||||
}else{
|
||||
this.imgUrl=nowDevice.hls
|
||||
} else {
|
||||
this.imgUrl = nowDevice.hls
|
||||
}
|
||||
})
|
||||
}
|
||||
|
|
@ -1043,12 +1065,16 @@ export default {
|
|||
}
|
||||
// }
|
||||
if (el.targetValue == 1) {
|
||||
name = '目标' + el.environmentDataId
|
||||
if (el.equipmentNumber == 0) {
|
||||
name = '目标' + el.environmentDataId
|
||||
} else {
|
||||
name = '目标' + el.equipmentNumber + '#' + el.environmentDataId
|
||||
}
|
||||
} else {
|
||||
if (el.equipmentNumber == 0) {
|
||||
name = '1#平均' + el.environmentDataId
|
||||
name = '1#平均' + el.environmentDatald
|
||||
} else if (el.equipmentNumber == 15) {
|
||||
name = '2#平均' + el.environmentDataId
|
||||
name = '2#平均' + el.environmentDatald
|
||||
} else {
|
||||
name = el.equipmentNumber + '#' + el.environmentDataId
|
||||
}
|
||||
|
|
@ -1128,8 +1154,8 @@ export default {
|
|||
if (res.data.code == 200) {
|
||||
this.url = res.data.data.ezopen
|
||||
this.createVideoNew(res.data.data.accesstoken)
|
||||
}else{
|
||||
this.imgUrl=nowDevice.hls
|
||||
} else {
|
||||
this.imgUrl = nowDevice.hls
|
||||
}
|
||||
})
|
||||
}
|
||||
|
|
@ -1336,63 +1362,63 @@ export default {
|
|||
statusList.push(fandata)
|
||||
} else if (el.id == 2 || el.id == 3 || el.id == 4 || el.id == 5) {
|
||||
//顶卷膜
|
||||
var statusData = { name: el.name, type: 2, id: el.id, open: res.data.data[(1025 + ((el.id - 2) * 3))], progress: res.data.data[(1027 + ((el.id - 2) * 3))], index: res.data.data[(1026 + ((el.id - 2) * 3))],count:0 }
|
||||
var statusData = { name: el.name, type: 2, id: el.id, open: res.data.data[(1025 + ((el.id - 2) * 3))], progress: res.data.data[(1027 + ((el.id - 2) * 3))], index: res.data.data[(1026 + ((el.id - 2) * 3))], count: 0 }
|
||||
statusList.push(statusData)
|
||||
} else if (el.id == 6) {
|
||||
//加温水泵
|
||||
var statusData = { name: el.name, type: 3, id: el.id, open: res.data.data['1000'], progress: 0, index: res.data.data['1001'],count:0 }
|
||||
var statusData = { name: el.name, type: 3, id: el.id, open: res.data.data['1000'], progress: 0, index: res.data.data['1001'], count: 0 }
|
||||
statusList.push(statusData)
|
||||
} else if (el.id == 7) {
|
||||
//地热风机
|
||||
var statusData = { name: el.name, type: 4, id: el.id, open: res.data.data['1002'], progress: 0, index: res.data.data['1003'],count:0 }
|
||||
var statusData = { name: el.name, type: 4, id: el.id, open: res.data.data['1002'], progress: 0, index: res.data.data['1003'], count: 0 }
|
||||
statusList.push(statusData)
|
||||
} else if (el.id == 8) {
|
||||
//上风口
|
||||
var statusData = { name: el.name, type: 5, id: el.id, open: res.data.data['1004'], progress: res.data.data['1006'], index: res.data.data['1005'],count:0 }
|
||||
var statusData = { name: el.name, type: 5, id: el.id, open: res.data.data['1004'], progress: res.data.data['1006'], index: res.data.data['1005'], count: 0 }
|
||||
statusList.push(statusData)
|
||||
} else if (el.id == 9) {
|
||||
//下风口
|
||||
var statusData = { name: el.name, type: 5, id: el.id, open: res.data.data['1007'], progress: res.data.data['1009'], index: res.data.data['1008'],count:0 }
|
||||
var statusData = { name: el.name, type: 5, id: el.id, open: res.data.data['1007'], progress: res.data.data['1009'], index: res.data.data['1008'], count: 0 }
|
||||
statusList.push(statusData)
|
||||
} else if (el.id == 10) {
|
||||
//卷被
|
||||
var statusData = { name: el.name, type: 6, id: el.id, open: res.data.data['1010'], progress: res.data.data['1012'], index: res.data.data['1011'],count:0 }
|
||||
var statusData = { name: el.name, type: 6, id: el.id, open: res.data.data['1010'], progress: res.data.data['1012'], index: res.data.data['1011'], count: 0 }
|
||||
statusList.push(statusData)
|
||||
} else if (el.id == 11) {
|
||||
//除雪
|
||||
var statusData = { name: el.name, type: 7, id: el.id, open: res.data.data['1013'], progress: 0, index: res.data.data['1014'],count:0 }
|
||||
var statusData = { name: el.name, type: 7, id: el.id, open: res.data.data['1013'], progress: 0, index: res.data.data['1014'], count: 0 }
|
||||
statusList.push(statusData)
|
||||
} else if (el.id == 13 || el.id == 14) {
|
||||
//高压微雾
|
||||
var statusData = { name: el.name, type: 9, id: el.id, open: res.data.data[(1070 + ((el.id - 13) * 2))], progress: 0, index: res.data.data[(1071 + ((el.id - 13) * 2))],count:0 }
|
||||
var statusData = { name: el.name, type: 9, id: el.id, open: res.data.data[(1070 + ((el.id - 13) * 2))], progress: 0, index: res.data.data[(1071 + ((el.id - 13) * 2))], count: 0 }
|
||||
statusList.push(statusData)
|
||||
} else if (el.id == 15 || el.id == 16) {
|
||||
//环流风扇
|
||||
var statusData = { name: el.name, type: 10, id: el.id, open: res.data.data[(1074 + ((el.id - 15) * 2))], progress: 0, index: res.data.data[(1075 + ((el.id - 15) * 2))],count:0 }
|
||||
var statusData = { name: el.name, type: 10, id: el.id, open: res.data.data[(1074 + ((el.id - 15) * 2))], progress: 0, index: res.data.data[(1075 + ((el.id - 15) * 2))], count: 0 }
|
||||
statusList.push(statusData)
|
||||
} else if (el.id == 18 || el.id == 19) {
|
||||
//湿帘泵
|
||||
var statusData = { name: el.name, type: 11, id: el.id, open: res.data.data[(1080 + ((el.id - 18) * 2))], progress: 0, index: res.data.data[(1081 + ((el.id - 18) * 2))],count:0 }
|
||||
var statusData = { name: el.name, type: 11, id: el.id, open: res.data.data[(1080 + ((el.id - 18) * 2))], progress: 0, index: res.data.data[(1081 + ((el.id - 18) * 2))], count: 0 }
|
||||
statusList.push(statusData)
|
||||
} else if (el.id == 20 || el.id == 21) {
|
||||
//湿帘外翻窗
|
||||
var statusData = { name: el.name, type: 12, id: el.id, open: res.data.data[(1084 + ((el.id - 20) * 3))], progress: res.data.data[(1086 + ((el.id - 20) * 3))], index: res.data.data[(1085 + ((el.id - 20) * 3))],count:0 }
|
||||
var statusData = { name: el.name, type: 12, id: el.id, open: res.data.data[(1084 + ((el.id - 20) * 3))], progress: res.data.data[(1086 + ((el.id - 20) * 3))], index: res.data.data[(1085 + ((el.id - 20) * 3))], count: 0 }
|
||||
statusList.push(statusData)
|
||||
} else if (el.id == 22 || el.id == 23) {
|
||||
//内遮阳
|
||||
var statusData = { name: el.name, type: 13, id: el.id, open: res.data.data[(1090 + ((el.id - 22) * 3))], progress: res.data.data[(1092 + ((el.id - 22) * 3))], index: res.data.data[(1091 + ((el.id - 22) * 3))],count:0 }
|
||||
var statusData = { name: el.name, type: 13, id: el.id, open: res.data.data[(1090 + ((el.id - 22) * 3))], progress: res.data.data[(1092 + ((el.id - 22) * 3))], index: res.data.data[(1091 + ((el.id - 22) * 3))], count: 0 }
|
||||
statusList.push(statusData)
|
||||
} else if (el.id == 24 || el.id == 25) {
|
||||
//外遮阳
|
||||
var statusData = { name: el.name, type: 14, id: el.id, open: res.data.data[(1096 + ((el.id - 24) * 3))], progress: res.data.data[(1098 + ((el.id - 24) * 3))], index: res.data.data[(1097 + ((el.id - 24) * 3))],count:0 }
|
||||
var statusData = { name: el.name, type: 14, id: el.id, open: res.data.data[(1096 + ((el.id - 24) * 3))], progress: res.data.data[(1098 + ((el.id - 24) * 3))], index: res.data.data[(1097 + ((el.id - 24) * 3))], count: 0 }
|
||||
statusList.push(statusData)
|
||||
} else if (el.id == 26 || el.id == 27 || el.id == 28 || el.id == 29) {
|
||||
//通风窗
|
||||
var statusData = { name: el.name, type: 15, id: el.id, open: res.data.data[(1102 + ((el.id - 26) * 3))], progress: res.data.data[(1104 + ((el.id - 26) * 3))], index: res.data.data[(1103 + ((el.id - 26) * 3))],count:res.data.data[1115+(el.id - 26)] }
|
||||
var statusData = { name: el.name, type: 15, id: el.id, open: res.data.data[(1102 + ((el.id - 26) * 3))], progress: res.data.data[(1104 + ((el.id - 26) * 3))], index: res.data.data[(1103 + ((el.id - 26) * 3))], count: res.data.data[1115 + (el.id - 26)] }
|
||||
statusList.push(statusData)
|
||||
} else if (el.id == 30 || el.id == 31) {
|
||||
//内保温
|
||||
var statusData = { name: el.name, type: 16, id: el.id, open: res.data.data[(1182 + ((el.id - 30) * 3))], progress: res.data.data[(1184 + ((el.id - 30) * 3))], index: res.data.data[(1183 + ((el.id - 30) * 3))],count:0 }
|
||||
var statusData = { name: el.name, type: 16, id: el.id, open: res.data.data[(1182 + ((el.id - 30) * 3))], progress: res.data.data[(1184 + ((el.id - 30) * 3))], index: res.data.data[(1183 + ((el.id - 30) * 3))], count: 0 }
|
||||
statusList.push(statusData)
|
||||
}
|
||||
|
||||
|
|
@ -1405,10 +1431,10 @@ export default {
|
|||
|
||||
this.statusList.forEach((el, index) => {
|
||||
if (el.open != 0 && (el.type == 6 || el.type == 5 || el.type == 2 || el.type == 15 || el.type == 14 || el.type == 13 || el.type == 12)) {
|
||||
|
||||
setTimeout(() => {
|
||||
statusCharts(`statusCharts${index}`, el.progress)
|
||||
}, 0);
|
||||
|
||||
setTimeout(() => {
|
||||
statusCharts(`statusCharts${index}`, el.progress)
|
||||
}, 0);
|
||||
}
|
||||
})
|
||||
}, 10);
|
||||
|
|
@ -1432,6 +1458,7 @@ export default {
|
|||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.video-js-select-quality-item {
|
||||
color: rgba(0, 0, 0, 0.85) !important;
|
||||
|
|
|
|||
Loading…
Reference in New Issue