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

src/views/kitchen/dashboard/SubGroup.vue

@@ -6,22 +6,20 @@
           <div class="card-panel-text">健康证管理</div>
           <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-title">正常</div>
-              <div>
-                <count-to :start-val="0" :end-val="topData.num1" :duration="2000" class="card-panel-num" />
-              </div>
+              <div class="sub-panel-title">{{healthCertificateCount[0].name}}</div>
+              <div><count-to :start-val="0" :end-val="healthCertificateCount[0].count" :duration="2000" class="card-panel-num" /></div>
             </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 class="sub-panel-title">{{healthCertificateCount[1].name}}</div>
+              <div><count-to :start-val="0" :end-val="healthCertificateCount[1].count" :duration="2000" class="card-panel-num" /></div>
             </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 class="sub-panel-title">{{healthCertificateCount[2].name}}</div>
+              <div><count-to :start-val="0" :end-val="healthCertificateCount[2].count" :duration="2000" class="card-panel-num" /></div>
             </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 class="sub-panel-title">{{healthCertificateCount[3].name}}</div>
+              <div><count-to :start-val="0" :end-val="healthCertificateCount[3].count" :duration="2000" class="card-panel-num" /></div>
             </div> 
           </div>
         </div> 
@@ -30,19 +28,19 @@
     <el-col :span="12" class="card-panel-col">
       <div class="card-panel"> 
         <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 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 class="sub-panel-title">{{alarmLog[0].name}}</div>
+              <div><count-to :start-val="0" :end-val="alarmLog[0].count" :duration="2000" class="card-panel-num" /></div>
             </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 class="sub-panel-title">{{alarmLog[1].name}}</div>
+              <div><count-to :start-val="0" :end-val="alarmLog[1].count" :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 class="sub-panel-title">{{alarmLog[2].name}}</div>
+              <div><count-to :start-val="0" :end-val="alarmLog[2].count" :duration="2000" class="card-panel-num" /></div>
             </div>
           </div> 
         </div> 
@@ -59,10 +57,14 @@ export default {
     CountTo
   },
   props: {
-    topData: {
-      type: Object,
-      default: {}
-    }
+    healthCertificateCount: {
+      type: Array,
+      default: []
+    },
+    alarmLog: {
+      type: Array,
+      default: []
+    },
   },
   methods: {
     

src/views/kitchen/environment/alarmRecord/index.vue

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