厨房数据总览草图

src/views/kitchen/dashboard/SubGroup.vue

@@ -1,31 +1,53 @@
 <template>
   <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-description">
-          <div class="card-panel-text">{{item.name}}</div>
+          <div class="card-panel-text">健康证管理</div>
           <div style="width: 100%;height: 80px;display: flex;">
             <div>
               <div style="font-weight: normal;">正常</div>
-              <div>{{item.num1}}</div>
+              <div>{{topData.num1}}</div>
             </div>
             <div>
               <div style="font-weight: normal;">缺失</div>
-              <div>{{item.num2}}</div>
+              <div>{{topData.num2}}</div>
             </div>
             <div>
               <div style="font-weight: normal;">临期</div>
-              <div>{{item.num3}}</div>
+              <div>{{topData.num3}}</div>
             </div>
             <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> 
+          <!-- <count-to :start-val="0" :end-val="item.num" :duration="2000" class="card-panel-num" /> -->
+        </div> 
+      </div>
+    </el-col>
   </el-row>
 </template>
 
@@ -38,8 +60,8 @@ export default {
   },
   props: {
     topData: {
-      type: Array,
-      default: []
+      type: Object,
+      default: {}
     }
   },
   methods: {

src/views/kitchen/index.vue

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

src/views/login1.vue

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