修改看板
夜笙歌
3 months ago
parent
e5f919bbee
commit
11456eb95d
@ -0,0 +1,2 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
@ -0,0 +1,51 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
|
||||
export function baseMonitorInfoList(query) {
|
||||
return request({
|
||||
url: '/ems/base/baseMonitorInfo/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function countCabinet(query) {
|
||||
return request({
|
||||
url: '/base/baseCabinetInfo/countCabinet',
|
||||
method: 'post',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
export function selectLastTWTempertureData(query) {
|
||||
return request({
|
||||
url: '/ems/record/recordIOTInstant/selectLastTWTempertureData',
|
||||
method: 'post',
|
||||
params: {}
|
||||
})
|
||||
}
|
||||
|
||||
export function boardTempList(query) {
|
||||
return request({
|
||||
url: '/record/recordBusbarTemp/boardTempList',
|
||||
method: 'post',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function recordBusbarAlarmCount(query) {
|
||||
return request({
|
||||
url: '/record/recordBusbarAlarm/recordBusbarAlarmCount',
|
||||
method: 'post',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function recordBusbarAlarmList(query) {
|
||||
return request({
|
||||
url: '/record/recordBusbarAlarm/recordBusbarAlarmList',
|
||||
method: 'post',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 390 KiB |
@ -0,0 +1,188 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="content">
|
||||
<div class="title">赛轮智慧热电无人巡检系统</div>
|
||||
<div class="subTitle" v-for="i in subTitleList" :style="`top:${i.top}%;left:${i.left}%`">{{ i.name }}</div>
|
||||
<div class="time">{{ parseTime(new Date(), '{y}.{m}.{d} {h}:{i}:{s} 周{a}') }}</div>
|
||||
<div class="span" style="color: #3597df;top: 19.5%;left: 38.7%;">A项温度</div>
|
||||
<div class="span" style="color: #3597df;top: 19.5%;left: 54.7%;">B项温度</div>
|
||||
<div class="span" style="color: #3597df;top: 31.2%;left: 38.7%;">C项温度</div>
|
||||
<div class="span" style="color: #3597df;top: 31.2%;left: 54.7%;">D项温度</div>
|
||||
<div class="span" style="color: #3597df;top: 48.6%;left: 38.7%;">A项温度</div>
|
||||
<div class="span" style="color: #3597df;top: 48.6%;left: 54.7%;">B项温度</div>
|
||||
<div class="span" style="color: #3597df;top: 60.5%;left: 38.7%;">C项温度</div>
|
||||
<div class="span" style="color: #3597df;top: 60.5%;left: 54.7%;">D项温度</div>
|
||||
<div class="span" style="color: #3597df;top: 78.1%;left: 38.7%;">1#烟感</div>
|
||||
<div class="span" style="color: #3597df;top: 78.1%;left: 54.7%;">2#烟感</div>
|
||||
<div class="span" style="color: #3597df;top: 89.8%;left: 38.7%;">3#烟感</div>
|
||||
<div class="span" style="color: #3597df;top: 89.8%;left: 54.7%;">4#烟感</div>
|
||||
|
||||
<div class="span1" style="color: #3597df;top: 19.5%;left: 45.5%"><span
|
||||
style="font-size: 1.6vw;font-weight: 700;margin: 0 0.5vw">0</span>℃
|
||||
</div>
|
||||
<div class="span1" style="color: #3597df;top: 19.5%;left: 61.7%"><span
|
||||
style="font-size: 1.6vw;font-weight: 700;margin: 0 0.5vw">0</span>℃
|
||||
</div>
|
||||
<div class="span1" style="color: #3597df;top: 31.2%;left: 45.5%"><span
|
||||
style="font-size: 1.6vw;font-weight: 700;margin: 0 0.5vw">0</span>℃
|
||||
</div>
|
||||
<div class="span1" style="color: #3597df;top: 31.2%;left: 61.7%"><span
|
||||
style="font-size: 1.6vw;font-weight: 700;margin: 0 0.5vw">0</span>℃
|
||||
</div>
|
||||
<div class="span1" style="color: #3597df;top: 48.6%;left: 45.5%"><span
|
||||
style="font-size: 1.6vw;font-weight: 700;margin: 0 0.5vw">0</span>℃
|
||||
</div>
|
||||
<div class="span1" style="color: #3597df;top: 48.6%;left: 61.7%"><span
|
||||
style="font-size: 1.6vw;font-weight: 700;margin: 0 0.5vw">0</span>℃
|
||||
</div>
|
||||
<div class="span1" style="color: #3597df;top: 60.5%;left: 45.5%"><span
|
||||
style="font-size: 1.6vw;font-weight: 700;margin: 0 0.5vw">0</span>℃
|
||||
</div>
|
||||
<div class="span1" style="color: #3597df;top: 60.5%;left: 61.7%"><span
|
||||
style="font-size: 1.6vw;font-weight: 700;margin: 0 0.5vw">0</span>℃
|
||||
</div>
|
||||
<div class="span1" style="color: #3597df;top: 78.1%;left: 45.5%"><span
|
||||
style="font-size: 1.6vw;font-weight: 700;margin: 0 0.5vw">0.5</span>db/m
|
||||
</div>
|
||||
<div class="span1" style="color: #3597df;top: 78.1%;left: 61.7%"><span
|
||||
style="font-size: 1.6vw;font-weight: 700;margin: 0 0.5vw">0.5</span>db/m
|
||||
</div>
|
||||
<div class="span1" style="color: #3597df;top: 89.8%;left: 45.5%"><span
|
||||
style="font-size: 1.6vw;font-weight: 700;margin: 0 0.5vw">0.5</span>db/m
|
||||
</div>
|
||||
<div class="span1" style="color: #3597df;top: 89.8%;left: 61.7%"><span
|
||||
style="font-size: 1.6vw;font-weight: 700;margin: 0 0.5vw">0.5</span>db/m
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Chart from '@/components/Charts/Chart'
|
||||
import vueSeamlessScroll from 'vue-seamless-scroll'
|
||||
import {
|
||||
baseMonitorInfoList,
|
||||
countCabinet,
|
||||
boardTempList,
|
||||
selectLastTWTempertureData, recordBusbarAlarmCount
|
||||
} from "@/api/board/index2";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
subTitleList: [
|
||||
{
|
||||
name: '湿度曲线',
|
||||
top: 11.2,
|
||||
left: 3
|
||||
},
|
||||
{
|
||||
name: '照度',
|
||||
top: 40.5,
|
||||
left: 3
|
||||
},
|
||||
{
|
||||
name: '颗粒物柱状图',
|
||||
top: 69.6,
|
||||
left: 30.8
|
||||
},
|
||||
{
|
||||
name: '1#变压器测温',
|
||||
top: 11.2,
|
||||
left: 35.4
|
||||
},
|
||||
{
|
||||
name: '2#变压器测温',
|
||||
top: 40.5,
|
||||
left: 35.4
|
||||
},
|
||||
{
|
||||
name: '烟感',
|
||||
top: 69.6,
|
||||
left: 35.4
|
||||
},
|
||||
{
|
||||
name: '告警统计',
|
||||
top: 11.2,
|
||||
left: 68
|
||||
},
|
||||
{
|
||||
name: '未处理报警',
|
||||
top: 55.1,
|
||||
left: 68
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
components: {
|
||||
vueSeamlessScroll,
|
||||
Chart
|
||||
},
|
||||
mounted() {
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.content {
|
||||
background-image: url("~@/assets/board/bg3.jpg");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.subTitle {
|
||||
position: absolute;
|
||||
transform: translateY(-50%);
|
||||
font-size: 0.9vw;
|
||||
color: #fff;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
top: 2.8%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 1.5vw;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
letter-spacing: 10px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.time {
|
||||
position: absolute;
|
||||
top: 2.4%;
|
||||
left: 2%;
|
||||
transform: translateY(-50%);
|
||||
color: #fff;
|
||||
font-size: 0.7vw;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.span {
|
||||
position: absolute;
|
||||
transform: translateY(-50%);
|
||||
font-size: 0.9vw;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.span1 {
|
||||
position: absolute;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 0.9vw;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue