add:首页接口对接

home.html

@@ -72,14 +72,15 @@
         border-radius: 0.2rem;
         font-size: 0.24rem;
         color: #FFFFFF;
-        background: #00AEF1; /* 默认红色 */
+        background: #00AEF1;
       }
-    
-      .reminder-badge.orange-badge {
+	  .reminder-badge1{
+		   background: #00AEF1; /* 默认 蓝色 */
+	  }
+      .reminder-badge2 {
         background: #FF9C01; /* 橙黄色 */
       }
-    
-      .reminder-badge.red-badge {
+      .reminder-badge2 {
         background: #FF4D4F; /* 红色 */
       }
     
@@ -253,25 +254,26 @@
       <!-- 第三层统计信息之后新增提醒模块（商户专属） -->
       <div class="info-reminder" v-if="showShop">
         <!-- 第一个提醒项：整改未通过 -->
-        <div class="reminder-item" @click="navTo('nopass')">
+		<div class="reminder-item" v-for="item in remindStatistic" @click="navTo(`${item.name}`)">
+		  <div class="reminder-badge" :class="`reminder-badge${item.icon}`">{{item.num}}</div>
+		  <img :src="`./image/code/home/icon${item.icon}.png`" class="reminder-img" alt="整改未通过">
+		  <p class="reminder-text">{{item.title}}</p>
+		</div>
+        <!-- <div class="reminder-item" @click="navTo('nopass')">
           <div class="reminder-badge">3</div>
           <img src="./image/code/home/icon1.png" class="reminder-img" alt="整改未通过">
           <p class="reminder-text">整改未通过</p>
         </div>
-        
-        <!-- 第二个提醒项：即将超期 -->
         <div class="reminder-item" @click="navTo('willExpire')">
           <div class="reminder-badge orange-badge">5</div>
 		   <img src="./image/code/home/icon2.png" class="reminder-img" alt="整改未通过">
           <p class="reminder-text">即将超期</p>
         </div>
-        
-        <!-- 第三个提醒项：整改超期 -->
         <div class="reminder-item" @click="navTo('expired')">
           <div class="reminder-badge red-badge">2</div>
 		   <img src="./image/code/home/icon3.png" class="reminder-img" alt="整改未通过">
           <p class="reminder-text">整改超期</p>
-        </div>
+        </div> -->
       </div>
 
       <!-- 原第三层统计信息 -->

home.js

@@ -101,7 +101,7 @@ window.onload = function () {
         page: 1, // 页码
         size: 10, // 每页显示的数量
         accessType: 'manage', // 访问类型  shop商家 saoma 扫码 manage 管理
-		remindStatistic: {}
+		remindStatistic: []
       }
     },
     mounted() {
@@ -130,7 +130,6 @@ window.onload = function () {
 				  return
 				}
 				if (res) {
-					alert('统计')
 				  var result = JSON.parse(res)
 				  this.remindStatistic = result.data
 				}