|
|
|
|
@ -2,6 +2,7 @@ |
|
|
|
|
<div class="home"> |
|
|
|
|
<div class="header"> |
|
|
|
|
<h2>电能替代分布式控制试验平台</h2> |
|
|
|
|
<div class="timer">{{timer}}</div> |
|
|
|
|
<router-link :to="{path:'/control/manual'}" tag="div" class="back"><el-icon><HomeFilled /></el-icon></router-link> |
|
|
|
|
</div> |
|
|
|
|
<div class="main"> |
|
|
|
|
@ -118,6 +119,7 @@ import {getTemperature,getDevicesInfo,getZdb} from '../../api/bigview/bigview' |
|
|
|
|
|
|
|
|
|
/** 页面加载时*/ |
|
|
|
|
onMounted(()=>{ |
|
|
|
|
currentTime(); |
|
|
|
|
dcglChartFun(); |
|
|
|
|
kqyrbChartFun(); |
|
|
|
|
frdlChartFun(); |
|
|
|
|
@ -128,6 +130,35 @@ onMounted(()=>{ |
|
|
|
|
dqglChartFun() |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
/** 日期*/ |
|
|
|
|
const timer = ref() |
|
|
|
|
//格式化日期 |
|
|
|
|
function currentTime() { |
|
|
|
|
var now = new Date(); |
|
|
|
|
var year; |
|
|
|
|
var month; |
|
|
|
|
var day; |
|
|
|
|
var hour; |
|
|
|
|
var minute; |
|
|
|
|
var second; |
|
|
|
|
var week; |
|
|
|
|
var zeroFill = function(value) { |
|
|
|
|
if (value < 10) { |
|
|
|
|
value = '0' + value |
|
|
|
|
} |
|
|
|
|
return value |
|
|
|
|
} |
|
|
|
|
year = now.getFullYear(); |
|
|
|
|
month = zeroFill(now.getMonth() + 1); |
|
|
|
|
day = zeroFill(now.getDate()); |
|
|
|
|
hour = zeroFill(now.getHours()); |
|
|
|
|
minute = zeroFill(now.getMinutes()); |
|
|
|
|
second = zeroFill(now.getSeconds()); |
|
|
|
|
week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'][now.getDay()]; |
|
|
|
|
// return (`${year}${month}${day}`); |
|
|
|
|
timer.value = `${year}-${month}-${day} ${hour}:${minute}:${second} ${week}` |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/** 8个温度传感器数据*/ |
|
|
|
|
const wdcgqArr = ref([]) |
|
|
|
|
function getWenduFun(){ |
|
|
|
|
@ -844,6 +875,13 @@ onBeforeUnmount(() => { |
|
|
|
|
height: 70px; |
|
|
|
|
background-image: url("../../assets/images/headtitle.png"); |
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
.timer{ |
|
|
|
|
position: absolute; |
|
|
|
|
top: 13px; |
|
|
|
|
left: 30px; |
|
|
|
|
font-size: 16px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
h2{ |
|
|
|
|
font-size: 36px; |
|
|
|
|
color: #AFEAFF; |
|
|
|
|
|
