健康上报

src/apps/AppEpidemicSituation/Health.vue

@@ -42,7 +42,7 @@
       <div class="line3"></div>
 
       <template v-if="data.length">
-        <div class="templates" v-for="(item, i) in 10" :key="i" @click="goDetail()">
+        <div class="templates" v-for="(item, i) in data" :key="i" @click="goDetail(item)">
           <img :src="item.avatar" alt="" v-if="item.avatar" />
           <img src="./components/img/user-img.png" alt="" v-else />
 
@@ -50,20 +50,19 @@
             <div class="rightContLeft">
               <div class="nameLeft">
                 <div class="nameTop">
-                  <div class="names">李轶</div>
-                  <div class="types">异常</div>
-                  <div class="nucleate">核酸到期</div>
+                  <div class="names">{{ item.name }}</div>
+                  <div class="types" v-if="item == '0'">异常</div>
                 </div>
 
                 <div class="nameBottom">
                   <span>上报第</span>
-                  <span class="num">3</span>
+                  <span class="num">{{ item.diffNum }}</span>
                   <span>天</span>
                 </div>
               </div>
 
-              <!-- <div class="typeRight1">今日已上报</div> -->
-              <div class="typeRight2">今日未上报</div>
+              <div class="typeRight2" v-if="item.today == '0'">今日未上报</div>
+              <div class="typeRight1" v-else>今日已上报</div>
             </div>
 
             <u-icon name="arrow-right" color="#ccc"></u-icon>
@@ -125,7 +124,8 @@ export default {
       })
       this.$http
         .post('/app/appepidemicreportmember/list', null, {
-          params: { size: 20, current: this.current, areaId: this.areaId, status: this.currentTabs == 1 ? '0' : '' },
+          params: { size: this.size, current: this.current, status: this.currentTabs == 1 ? '0' : '' },
+          //  areaId: this.areaId, status: this.currentTabs == 1 ? '0' : ''
         })
         .then((res) => {
           if (res?.data) {
@@ -159,9 +159,9 @@ export default {
         })
     },
 
-    goDetail() {
+    goDetail(item) {
       uni.navigateTo({
-        url: `./HealthDetail`,
+        url: `./HealthDetail?id=${item.id}`,
       })
     },
 
@@ -304,14 +304,6 @@ export default {
                 font-size: 24px;
                 color: #cd413a;
               }
-              .nucleate {
-                margin-left: 8px;
-                padding: 4px 16px 8px 16px;
-                background: #fef5e8;
-                border-radius: 20px;
-                font-size: 24px;
-                color: #f5a319;
-              }
             }
             .nameBottom {
               margin-top: 12px;