bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

厨房数据总览

This commit is contained in:
zzyuan 2025-06-20 18:06:05 +08:00
parent 93d8e06559
commit e3862d5792
2 changed files with 729 additions and 421 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
src/views/kitchen/dashboard/SubGroup.vue
View File

@ -5,24 +5,25 @@
<div class="card-panel-description">
<div class="card-panel-text">健康证管理</div>
<div style="width: 100%;height: 80px;display: flex;">
<div>
<div style="font-weight: normal;">正常</div>
<div>{{topData.num1}}</div>
<div class="sub-panel" style="border-color: #00D9CB;background: linear-gradient(to right,#E7FBFA,#FFFFFF);">
<div class="sub-panel-title">正常</div>
<div>
<count-to :start-val="0" :end-val="topData.num1" :duration="2000" class="card-panel-num" />
</div>
</div>
<div>
<div style="font-weight: normal;">缺失</div>
<div>{{topData.num2}}</div>
<div class="sub-panel" style="border-color: #F1E482;background: linear-gradient(to right,#FDFCF3,#FFFFFF);">
<div class="sub-panel-title">缺失</div>
<div><count-to :start-val="0" :end-val="topData.num2" :duration="2000" class="card-panel-num" /></div>
</div>
<div>
<div style="font-weight: normal;">临期</div>
<div>{{topData.num3}}</div>
<div class="sub-panel" style="border-color: #FFAF35;background: linear-gradient(to right,#FFF7EB,#FFFFFF);">
<div class="sub-panel-title">临期</div>
<div><count-to :start-val="0" :end-val="topData.num3" :duration="2000" class="card-panel-num" /></div>
</div>
<div>
<div style="font-weight: normal;">过期</div>
<div>{{topData.num4}}</div>
<div class="sub-panel" style="border-color: #FF6161;background: linear-gradient(to right,#FFF0F0,#FFFFFF);">
<div class="sub-panel-title">过期</div>
<div><count-to :start-val="0" :end-val="topData.num4" :duration="2000" class="card-panel-num" /></div>
</div>
</div>
<!-- <count-to :start-val="0" :end-val="item.num" :duration="2000" class="card-panel-num" /> -->
</div>
</div>
</div>
</el-col>
@ -31,20 +32,19 @@
<div class="card-panel-description">
<div class="card-panel-text">健康证管理</div>
<div style="width: 100%;height: 80px;display: flex;">
<div>
<div style="font-weight: normal;">环境报警记录</div>
<div>{{topData.num1}}</div>
<div class="sub-panel2" style="border-color: #F1E482;background: linear-gradient(to right,#FDFCF3,#FFFFFF);">
<div class="sub-panel-title">环境报警记录</div>
<div><count-to :start-val="0" :end-val="topData.num2" :duration="2000" class="card-panel-num" /></div>
</div>
<div>
<div style="font-weight: normal;">门禁报警记录</div>
<div>{{topData.num2}}</div>
<div class="sub-panel2" style="border-color: #FFAF35;background: linear-gradient(to right,#FFF7EB,#FFFFFF);">
<div class="sub-panel-title">门禁报警记录</div>
<div><count-to :start-val="0" :end-val="topData.num3" :duration="2000" class="card-panel-num" /></div>
</div>
<div class="sub-panel2" style="border-color: #FF6161;background: linear-gradient(to right,#FFF0F0,#FFFFFF);">
<div class="sub-panel-title">监控报警记录</div>
<div><count-to :start-val="0" :end-val="topData.num4" :duration="2000" class="card-panel-num" /></div>
</div>
<div>
<div style="font-weight: normal;">监控报警记录</div>
<div>{{topData.num3}}</div>
</div>
</div>
<!-- <count-to :start-val="0" :end-val="item.num" :duration="2000" class="card-panel-num" /> -->
</div>
</div>
</el-col>
@ -119,12 +119,28 @@ export default {
}
.card-panel-num {
font-size: 28px;
font-size: 20px;
color: #000;
}
}
.sub-panel{
width: 22%;
height: 60px;
border-left: 3px solid #666;
padding: 4px;
padding-left: 10px;
}
.sub-panel2{
width: 32%;
height: 60px;
border-left: 3px solid #666;
padding: 4px;
padding-left: 10px;
}
.sub-panel-title{
font-weight: normal;margin-bottom: 10px;
}
}

1080
src/views/kitchen/index.vue
View File

File diff suppressed because it is too large Load Diff