|
@@ -1,82 +1,85 @@
|
|
|
<template>
|
|
|
- <div class='count-card-box'>
|
|
|
- <div class='count-card' v-for='(item,index) in cardList' :key='index'>
|
|
|
- <div class='card-div1' v-if='item.recommend.onTime'>执行时间:{{item.recommend?formatterStr2(item.recommend.onTime):'--'}}</div>
|
|
|
- <div class='card-div1' v-else-if='item.recommend.offTime'>执行时间:{{item.recommend?formatterStr2(item.recommend.offTime):'--'}}</div>
|
|
|
- <div class='card-div1' v-else>执行时间:{{item.recommend?formatterStr2(item.recommend.time):'--'}}</div>
|
|
|
- <div class='card-div2 MicrYaHei'>
|
|
|
- <span>策略建议</span>
|
|
|
- <span>冷机台数</span>
|
|
|
- <span>
|
|
|
- <b style='width:50px;display: inline-block;text-align: center;'>{{formatterRes(item.recommend.chillerNumSetL,true,0)}}</b>
|
|
|
- 大
|
|
|
- <b
|
|
|
- style='width:50px;display: inline-block;text-align: center;'
|
|
|
- >{{formatterRes(item.recommend.chillerNumSetS,true,0)}}</b>小
|
|
|
- </span>
|
|
|
- <span>冷机出水温度</span>
|
|
|
- <span>
|
|
|
- <b style='width:50px;display: inline-block;text-align: center;'>{{formatterRes(item.recommend.chillWaterOutTempSet,false,1)}}</b> °C
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class='card-div3 MicrYaHei'>
|
|
|
- <span>实际执行</span>
|
|
|
- <span>冷机台数</span>
|
|
|
- <span>
|
|
|
- <b
|
|
|
- v-if='item.real'
|
|
|
- style='width:50px;display: inline-block;text-align: center;'
|
|
|
- :class='item.recommend.chillerNumSetL==item.real.chillerNumSetLOrg?"":"red"'
|
|
|
- >{{formatterRes(item.real.chillerNumSetLOrg,true,0)}}</b>大
|
|
|
- <b
|
|
|
- v-if='item.real'
|
|
|
- style='width:50px;display: inline-block;text-align: center;'
|
|
|
- :class='item.recommend.chillerNumSetS==item.real.chillerNumSetSOrg?"":"red"'
|
|
|
- >{{formatterRes(item.real.chillerNumSetSOrg,true,0)}}</b> 小
|
|
|
- </span>
|
|
|
- <span>冷机出水温度</span>
|
|
|
- <span>
|
|
|
- <b
|
|
|
- v-if='item.real'
|
|
|
- style='width:50px;display: inline-block;text-align: center;'
|
|
|
- :class='item.recommend.chillWaterOutTempSet==item.real.chillWaterOutTempSetOrg?"":"red"'
|
|
|
- >{{formatterRes(item.real.chillWaterOutTempSetOrg,false,1)}}</b>°C
|
|
|
- </span>
|
|
|
- </div>
|
|
|
+ <div>
|
|
|
+ <div class='count-card-box' v-if='cardList.length>0'>
|
|
|
+ <div class='count-card' v-for='(item,index) in cardList' :key='index'>
|
|
|
+ <div class='card-div1' v-if='item.recommend.onTime'>执行时间:{{item.recommend?formatterStr2(item.recommend.onTime):'--'}}</div>
|
|
|
+ <div class='card-div1' v-else-if='item.recommend.offTime'>执行时间:{{item.recommend?formatterStr2(item.recommend.offTime):'--'}}</div>
|
|
|
+ <div class='card-div1' v-else>执行时间:{{item.recommend?formatterStr2(item.recommend.time):'--'}}</div>
|
|
|
+ <div class='card-div2 MicrYaHei'>
|
|
|
+ <span>策略建议</span>
|
|
|
+ <span>冷机台数</span>
|
|
|
+ <span>
|
|
|
+ <b style='width:50px;display: inline-block;text-align: center;'>{{formatterRes(item.recommend.chillerNumSetL,true,0)}}</b>
|
|
|
+ 大
|
|
|
+ <b
|
|
|
+ style='width:50px;display: inline-block;text-align: center;'
|
|
|
+ >{{formatterRes(item.recommend.chillerNumSetS,true,0)}}</b>小
|
|
|
+ </span>
|
|
|
+ <span>冷机出水温度</span>
|
|
|
+ <span>
|
|
|
+ <b style='width:50px;display: inline-block;text-align: center;'>{{formatterRes(item.recommend.chillWaterOutTempSet,false,1)}}</b> °C
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class='card-div3 MicrYaHei'>
|
|
|
+ <span>实际执行</span>
|
|
|
+ <span>冷机台数</span>
|
|
|
+ <span>
|
|
|
+ <b
|
|
|
+ v-if='item.real'
|
|
|
+ style='width:50px;display: inline-block;text-align: center;'
|
|
|
+ :class='item.recommend.chillerNumSetL==item.real.chillerNumSetLOrg?"":"red"'
|
|
|
+ >{{formatterRes(item.real.chillerNumSetLOrg,true,0)}}</b>大
|
|
|
+ <b
|
|
|
+ v-if='item.real'
|
|
|
+ style='width:50px;display: inline-block;text-align: center;'
|
|
|
+ :class='item.recommend.chillerNumSetS==item.real.chillerNumSetSOrg?"":"red"'
|
|
|
+ >{{formatterRes(item.real.chillerNumSetSOrg,true,0)}}</b> 小
|
|
|
+ </span>
|
|
|
+ <span>冷机出水温度</span>
|
|
|
+ <span>
|
|
|
+ <b
|
|
|
+ v-if='item.real'
|
|
|
+ style='width:50px;display: inline-block;text-align: center;'
|
|
|
+ :class='item.recommend.chillWaterOutTempSet==item.real.chillWaterOutTempSetOrg?"":"red"'
|
|
|
+ >{{formatterRes(item.real.chillWaterOutTempSetOrg,false,1)}}</b>°C
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class='card-div4'>备注:{{item.h||'--'}}</div>
|
|
|
- <div class='card-div5'>
|
|
|
- <span class='card-div7' v-if='item.recommend.isExecuted'>
|
|
|
- <img src='../../assets/completed.png' alt />
|
|
|
- 已按策略执行
|
|
|
- </span>
|
|
|
- <template v-else-if='item.recommend.appealId' v-for='(item1,index) in titles'>
|
|
|
- <template v-if='item1.id==item.recommend.appealId'>
|
|
|
- <span class='card-div8' v-if='item1.status==302' :key='"l"+index'>
|
|
|
- <img src='../../assets/processing.png' alt />
|
|
|
- 申诉中
|
|
|
- </span>
|
|
|
- <span class='card-div6' v-else :key='"l"+index'>
|
|
|
+ <div class='card-div4'>备注:{{item.h||'--'}}</div>
|
|
|
+ <div class='card-div5'>
|
|
|
+ <span class='card-div7' v-if='item.recommend.isExecuted'>
|
|
|
+ <img src='../../assets/completed.png' alt />
|
|
|
+ 已按策略执行
|
|
|
+ </span>
|
|
|
+ <template v-else-if='item.recommend.appealId' v-for='(item1,index) in titles'>
|
|
|
+ <template v-if='item1.id==item.recommend.appealId'>
|
|
|
+ <span class='card-div8' v-if='item1.status==302' :key='"l"+index'>
|
|
|
+ <img src='../../assets/processing.png' alt />
|
|
|
+ 申诉中
|
|
|
+ </span>
|
|
|
+ <span class='card-div6' v-else :key='"l"+index'>
|
|
|
+ <img src='../../assets/error.png' alt />
|
|
|
+ 未按策略执行
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <span class='card-div6' :key='"l"+index'>
|
|
|
<img src='../../assets/error.png' alt />
|
|
|
未按策略执行
|
|
|
</span>
|
|
|
</template>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <span class='card-div6' :key='"l"+index'>
|
|
|
- <img src='../../assets/error.png' alt />
|
|
|
- 未按策略执行
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <span></span>
|
|
|
- <span class='MicrYaHei' @click='lookQuickData(item)' style>查看快照</span>
|
|
|
+ <span></span>
|
|
|
+ <span class='MicrYaHei' @click='lookQuickData(item)' style>查看快照</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class='view-dialog'>
|
|
|
+ <el-dialog title='策略推出时状况' :visible.sync='viewSnapshots' :close-on-click-modal='false' width='1260px'>
|
|
|
+ <ev-snapshots-dialog v-if='date && time' :appDate='date' :time='time'></ev-snapshots-dialog>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class='view-dialog'>
|
|
|
- <el-dialog title='策略推出时状况' :visible.sync='viewSnapshots' :close-on-click-modal='false' width='1260px'>
|
|
|
- <ev-snapshots-dialog v-if='date && time' :appDate='date' :time='time'></ev-snapshots-dialog>
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
+ <div class='no-data' v-else>暂无数据</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -145,6 +148,7 @@ export default {
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getAppealId()
|
|
|
+ console.log(this.cardList.length)
|
|
|
},
|
|
|
watch: {
|
|
|
cardList(n, o) {
|
|
@@ -290,6 +294,15 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.no-data {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: MicrosoftYaHei;
|
|
|
+ color: rgba(100, 108, 115, 1);
|
|
|
+ height: 100%;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
</style>
|
|
|
<style lang="scss">
|
|
|
.view-dialog {
|