|
|
|
@ -1,20 +1,23 @@ |
|
|
|
|
<template> |
|
|
|
|
<div class="app-container home"> |
|
|
|
|
<el-card class="box-card" v-for="item in data.celueInfoList"> |
|
|
|
|
<template #header> |
|
|
|
|
<div class="card-header"> |
|
|
|
|
<img :src="imgSrc" alt=""> |
|
|
|
|
<span>{{item.sceneName}}</span> |
|
|
|
|
<div class="overflow"> |
|
|
|
|
<el-card class="box-card" v-for="item in data.celueInfoList"> |
|
|
|
|
<template #header> |
|
|
|
|
<div class="card-header"> |
|
|
|
|
<img :src="imgSrc" alt=""> |
|
|
|
|
<span>{{item.sceneName}}</span> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<div class="text item"> |
|
|
|
|
<el-form :inline="true" :model="item.data" label-width="110px"> |
|
|
|
|
<el-form-item v-for="items in item.data" :key="items.key" :label="items.label"> |
|
|
|
|
<el-input v-model="items.startTime" readonly/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<!-- <div class="echart"></div>--> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<div class="text item"> |
|
|
|
|
<el-form :inline="true" :model="item.data" label-width="110px"> |
|
|
|
|
<el-form-item v-for="items in item.data" :key="items.key" :label="items.label"> |
|
|
|
|
<el-input v-model="items.startTime" readonly/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
</el-card> |
|
|
|
|
</el-card> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
@ -39,34 +42,36 @@ const data = reactive({ |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 3, |
|
|
|
|
label:'执行时长', |
|
|
|
|
startTime:'3h' |
|
|
|
|
label:'执行前室内温度', |
|
|
|
|
startTime:'20℃' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 4, |
|
|
|
|
label:'单位时间用电', |
|
|
|
|
startTime:'5kWh' |
|
|
|
|
label:'执行前室外温度', |
|
|
|
|
startTime:'14℃' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 5, |
|
|
|
|
label:'执行前室内温度', |
|
|
|
|
startTime:'20℃' |
|
|
|
|
label:'执行后室内温度', |
|
|
|
|
startTime:'29℃' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 6, |
|
|
|
|
label:'执行前室外温度', |
|
|
|
|
startTime:'14℃' |
|
|
|
|
label:'执行后室外温度', |
|
|
|
|
startTime:'15℃' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 7, |
|
|
|
|
label:'执行后室内温度', |
|
|
|
|
startTime:'29℃' |
|
|
|
|
label:'执行时长', |
|
|
|
|
startTime:'3h' |
|
|
|
|
}, |
|
|
|
|
{}, |
|
|
|
|
{ |
|
|
|
|
key: 8, |
|
|
|
|
label:'执行后室外温度', |
|
|
|
|
startTime:'15℃' |
|
|
|
|
label:'单位时间用电', |
|
|
|
|
startTime:'5kWh' |
|
|
|
|
}, |
|
|
|
|
{}, |
|
|
|
|
{ |
|
|
|
|
key: 9, |
|
|
|
|
label:'总用电量', |
|
|
|
@ -89,34 +94,36 @@ const data = reactive({ |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 3, |
|
|
|
|
label:'执行时长', |
|
|
|
|
startTime:'2h' |
|
|
|
|
label:'执行前室内温度', |
|
|
|
|
startTime:'22℃' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 4, |
|
|
|
|
label:'单位时间用电', |
|
|
|
|
startTime:'6kWh' |
|
|
|
|
label:'执行前室外温度', |
|
|
|
|
startTime:'15℃' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 5, |
|
|
|
|
label:'执行前室内温度', |
|
|
|
|
startTime:'22℃' |
|
|
|
|
label:'执行后室内温度', |
|
|
|
|
startTime:'30℃' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 6, |
|
|
|
|
label:'执行前室外温度', |
|
|
|
|
label:'执行后室外温度', |
|
|
|
|
startTime:'15℃' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 7, |
|
|
|
|
label:'执行后室内温度', |
|
|
|
|
startTime:'30℃' |
|
|
|
|
label:'执行时长', |
|
|
|
|
startTime:'2h' |
|
|
|
|
}, |
|
|
|
|
{}, |
|
|
|
|
{ |
|
|
|
|
key: 8, |
|
|
|
|
label:'执行后室外温度', |
|
|
|
|
startTime:'15℃' |
|
|
|
|
label:'单位时间用电', |
|
|
|
|
startTime:'6kWh' |
|
|
|
|
}, |
|
|
|
|
{}, |
|
|
|
|
{ |
|
|
|
|
key: 9, |
|
|
|
|
label:'总用电量', |
|
|
|
@ -125,52 +132,54 @@ const data = reactive({ |
|
|
|
|
] |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
sceneName:'电磁锅炉水蓄热策略', |
|
|
|
|
sceneName:'空气源热泵供暖策略', |
|
|
|
|
data:[ |
|
|
|
|
{ |
|
|
|
|
key: 1, |
|
|
|
|
label:'开始执行时间', |
|
|
|
|
startTime:'2023-06-05 08:00:00' |
|
|
|
|
startTime:'2023-06-05 11:00:00' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 2, |
|
|
|
|
label:'结束执行时间', |
|
|
|
|
startTime:'2023-06-05 12:00:00' |
|
|
|
|
startTime:'2023-06-05 13:00:00' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 3, |
|
|
|
|
label:'执行时长', |
|
|
|
|
startTime:'4h' |
|
|
|
|
label:'执行前室内温度', |
|
|
|
|
startTime:'22℃' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 4, |
|
|
|
|
label:'单位时间用电', |
|
|
|
|
startTime:'5kWh' |
|
|
|
|
label:'执行前室外温度', |
|
|
|
|
startTime:'15℃' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 5, |
|
|
|
|
label:'执行前室内温度', |
|
|
|
|
startTime:'16℃' |
|
|
|
|
label:'执行后室内温度', |
|
|
|
|
startTime:'30℃' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 6, |
|
|
|
|
label:'执行前室外温度', |
|
|
|
|
startTime:'13℃' |
|
|
|
|
label:'执行后室外温度', |
|
|
|
|
startTime:'15℃' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: 7, |
|
|
|
|
label:'执行后室内温度', |
|
|
|
|
startTime:'26℃' |
|
|
|
|
label:'执行时长', |
|
|
|
|
startTime:'2h' |
|
|
|
|
}, |
|
|
|
|
{}, |
|
|
|
|
{ |
|
|
|
|
key: 8, |
|
|
|
|
label:'执行后室外温度', |
|
|
|
|
startTime:'16℃' |
|
|
|
|
label:'单位时间用电', |
|
|
|
|
startTime:'6kWh' |
|
|
|
|
}, |
|
|
|
|
{}, |
|
|
|
|
{ |
|
|
|
|
key: 9, |
|
|
|
|
label:'总用电量', |
|
|
|
|
startTime:'20kWh' |
|
|
|
|
startTime:'12kWh' |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
}, |
|
|
|
@ -180,10 +189,13 @@ const data = reactive({ |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
.home{ |
|
|
|
|
.overflow{ |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-start; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
width: 100%; |
|
|
|
|
max-height: 835px; |
|
|
|
|
overflow-y: auto; |
|
|
|
|
} |
|
|
|
|
.box-card { |
|
|
|
|
width: 720px; |
|
|
|
@ -204,9 +216,15 @@ const data = reactive({ |
|
|
|
|
font-size: 14px; |
|
|
|
|
} |
|
|
|
|
.item { |
|
|
|
|
margin-bottom: 18px; |
|
|
|
|
//margin-bottom: 18px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.echart{ |
|
|
|
|
width: 50px; |
|
|
|
|
height: 100px; |
|
|
|
|
display: inline-flex; |
|
|
|
|
vertical-align: middle; |
|
|
|
|
} |
|
|
|
|
::v-deep .el-card__header{ |
|
|
|
|
padding: 0px 0px 0px 10px !important; |
|
|
|
|
background-color: #374590; |
|
|
|
@ -227,5 +245,12 @@ const data = reactive({ |
|
|
|
|
::v-deep .el-form .el-form-item__label{ |
|
|
|
|
color: #d3d3d3 !important; |
|
|
|
|
} |
|
|
|
|
::v-deep .el-form-item--default{ |
|
|
|
|
margin-bottom: 0px; |
|
|
|
|
} |
|
|
|
|
::v-deep .el-card{ |
|
|
|
|
background-color: #2F3D8A; |
|
|
|
|
height: 260px; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
|
|
|
|