测试问题修改,厨房数据总览接口对接
This commit is contained in:
parent
e868769d65
commit
b529c7e20f
|
|
@ -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: {
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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
Loading…
Reference in New Issue