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 13:58:57 +08:00
parent 4b1eb9b927
commit c5d918c95d
3 changed files with 33 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,25 +1,47 @@
<template> <template>
<el-row :gutter="36" class="panel-group"> <el-row :gutter="36" class="panel-group">
<el-col :span="12" class="card-panel-col" v-for="(item,index) in topData" :key="index"> <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">{{item.name}}</div> <div class="card-panel-text">健康证管理</div>
<div style="width: 100%;height: 80px;display: flex;"> <div style="width: 100%;height: 80px;display: flex;">
<div> <div>
<div style="font-weight: normal;">正常</div> <div style="font-weight: normal;">正常</div>
<div>{{item.num1}}</div> <div>{{topData.num1}}</div>
</div> </div>
<div> <div>
<div style="font-weight: normal;">缺失</div> <div style="font-weight: normal;">缺失</div>
<div>{{item.num2}}</div> <div>{{topData.num2}}</div>
</div> </div>
<div> <div>
<div style="font-weight: normal;">临期</div> <div style="font-weight: normal;">临期</div>
<div>{{item.num3}}</div> <div>{{topData.num3}}</div>
</div> </div>
<div> <div>
<div style="font-weight: normal;">过期</div> <div style="font-weight: normal;">过期</div>
<div>{{item.num4}}</div> <div>{{topData.num4}}</div>
</div>
</div>
<!-- <count-to :start-val="0" :end-val="item.num" :duration="2000" class="card-panel-num" /> -->
</div>
</div>
</el-col>
<el-col :span="12" class="card-panel-col">
<div class="card-panel">
<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>
<div>
<div style="font-weight: normal;">门禁报警记录</div>
<div>{{topData.num2}}</div>
</div>
<div>
<div style="font-weight: normal;">监控报警记录</div>
<div>{{topData.num3}}</div>
</div> </div>
</div> </div>
<!-- <count-to :start-val="0" :end-val="item.num" :duration="2000" class="card-panel-num" /> --> <!-- <count-to :start-val="0" :end-val="item.num" :duration="2000" class="card-panel-num" /> -->
@ -38,8 +60,8 @@ export default {
}, },
props: { props: {
topData: { topData: {
type: Array, type: Object,
default: [] default: {}
} }
}, },
methods: { methods: {

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

@ -115,20 +115,12 @@ export default {
"lastDate": "2025-05-15" "lastDate": "2025-05-15"
} }
], ],
subTopAreaOptions:[ subTopAreaOptions:{
{
"name": "健康证管理",
"num1": 1, "num1": 1,
"num2": 2, "num2": 2,
"num3": 3, "num3": 3,
"num4": 4, "num4": 4,
},{ },
"name": "报警记录",
"num1": 1,
"num2": 2,
"num3": 3,
}
],
type1:1, type1:1,
type2:1, type2:1,
type3:1, type3:1,

2
src/views/login1.vue
View File

@ -20,7 +20,7 @@
v-model="loginForm.password" v-model="loginForm.password"
type="password" type="password"
auto-complete="off" auto-complete="off"
placeholder="密码" placeholder="密码" show-password
@keyup.enter.native="handleLogin" @keyup.enter.native="handleLogin"
> >
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon"/> <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon"/>