测试问题修改,厨房数据总览接口对接

This commit is contained in:
zzyuan 2025-06-25 17:40:24 +08:00
parent e868769d65
commit b529c7e20f
3 changed files with 955 additions and 911 deletions

View File

@ -6,22 +6,20 @@
<div class="card-panel-text">健康证管理</div> <div class="card-panel-text">健康证管理</div>
<div style="width: 100%;height: 80px;display: flex;"> <div style="width: 100%;height: 80px;display: flex;">
<div class="sub-panel" style="border-color: #00D9CB;background: linear-gradient(to right,#E7FBFA,#FFFFFF);"> <div class="sub-panel" style="border-color: #00D9CB;background: linear-gradient(to right,#E7FBFA,#FFFFFF);">
<div class="sub-panel-title">正常</div> <div class="sub-panel-title">{{healthCertificateCount[0].name}}</div>
<div> <div><count-to :start-val="0" :end-val="healthCertificateCount[0].count" :duration="2000" class="card-panel-num" /></div>
<count-to :start-val="0" :end-val="topData.num1" :duration="2000" class="card-panel-num" />
</div>
</div> </div>
<div class="sub-panel" style="border-color: #F1E482;background: linear-gradient(to right,#FDFCF3,#FFFFFF);"> <div class="sub-panel" style="border-color: #F1E482;background: linear-gradient(to right,#FDFCF3,#FFFFFF);">
<div class="sub-panel-title">缺失</div> <div class="sub-panel-title">{{healthCertificateCount[1].name}}</div>
<div><count-to :start-val="0" :end-val="topData.num2" :duration="2000" class="card-panel-num" /></div> <div><count-to :start-val="0" :end-val="healthCertificateCount[1].count" :duration="2000" class="card-panel-num" /></div>
</div> </div>
<div class="sub-panel" style="border-color: #FFAF35;background: linear-gradient(to right,#FFF7EB,#FFFFFF);"> <div class="sub-panel" style="border-color: #FFAF35;background: linear-gradient(to right,#FFF7EB,#FFFFFF);">
<div class="sub-panel-title">临期</div> <div class="sub-panel-title">{{healthCertificateCount[2].name}}</div>
<div><count-to :start-val="0" :end-val="topData.num3" :duration="2000" class="card-panel-num" /></div> <div><count-to :start-val="0" :end-val="healthCertificateCount[2].count" :duration="2000" class="card-panel-num" /></div>
</div> </div>
<div class="sub-panel" style="border-color: #FF6161;background: linear-gradient(to right,#FFF0F0,#FFFFFF);"> <div class="sub-panel" style="border-color: #FF6161;background: linear-gradient(to right,#FFF0F0,#FFFFFF);">
<div class="sub-panel-title">过期</div> <div class="sub-panel-title">{{healthCertificateCount[3].name}}</div>
<div><count-to :start-val="0" :end-val="topData.num4" :duration="2000" class="card-panel-num" /></div> <div><count-to :start-val="0" :end-val="healthCertificateCount[3].count" :duration="2000" class="card-panel-num" /></div>
</div> </div>
</div> </div>
</div> </div>
@ -30,19 +28,19 @@
<el-col :span="12" class="card-panel-col"> <el-col :span="12" class="card-panel-col">
<div class="card-panel"> <div class="card-panel">
<div class="card-panel-description"> <div class="card-panel-description">
<div class="card-panel-text">健康证管理</div> <div class="card-panel-text">报警记录</div>
<div style="width: 100%;height: 80px;display: flex;"> <div style="width: 100%;height: 80px;display: flex;">
<div class="sub-panel2" style="border-color: #F1E482;background: linear-gradient(to right,#FDFCF3,#FFFFFF);"> <div class="sub-panel2" style="border-color: #F1E482;background: linear-gradient(to right,#FDFCF3,#FFFFFF);">
<div class="sub-panel-title">环境报警记录</div> <div class="sub-panel-title">{{alarmLog[0].name}}</div>
<div><count-to :start-val="0" :end-val="topData.num2" :duration="2000" class="card-panel-num" /></div> <div><count-to :start-val="0" :end-val="alarmLog[0].count" :duration="2000" class="card-panel-num" /></div>
</div> </div>
<div class="sub-panel2" style="border-color: #FFAF35;background: linear-gradient(to right,#FFF7EB,#FFFFFF);"> <div class="sub-panel2" style="border-color: #FFAF35;background: linear-gradient(to right,#FFF7EB,#FFFFFF);">
<div class="sub-panel-title">门禁报警记录</div> <div class="sub-panel-title">{{alarmLog[1].name}}</div>
<div><count-to :start-val="0" :end-val="topData.num3" :duration="2000" class="card-panel-num" /></div> <div><count-to :start-val="0" :end-val="alarmLog[1].count" :duration="2000" class="card-panel-num" /></div>
</div> </div>
<div class="sub-panel2" style="border-color: #FF6161;background: linear-gradient(to right,#FFF0F0,#FFFFFF);"> <div class="sub-panel2" style="border-color: #FF6161;background: linear-gradient(to right,#FFF0F0,#FFFFFF);">
<div class="sub-panel-title">监控报警记录</div> <div class="sub-panel-title">{{alarmLog[2].name}}</div>
<div><count-to :start-val="0" :end-val="topData.num4" :duration="2000" class="card-panel-num" /></div> <div><count-to :start-val="0" :end-val="alarmLog[2].count" :duration="2000" class="card-panel-num" /></div>
</div> </div>
</div> </div>
</div> </div>
@ -59,10 +57,14 @@ export default {
CountTo CountTo
}, },
props: { props: {
topData: { healthCertificateCount: {
type: Object, type: Array,
default: {} default: []
} },
alarmLog: {
type: Array,
default: []
},
}, },
methods: { methods: {

View File

@ -90,6 +90,12 @@ export default {
}; };
}, },
created() { created() {
// this.getList();
},
mounted(){
if(this.$route.query.activeName){
this.activeName = this.$route.query.activeName
}
this.getList(); this.getList();
}, },
methods: { methods: {

File diff suppressed because it is too large Load Diff