健康登记

src/saas/AppHealthUp/OtherUser.vue

@@ -2,18 +2,19 @@
   <div class="OtherUser">
     <AiTopFixed>
       <div class="seachObjs">
-        <u-search v-model="keyword" :clearabled="true" placeholder="请输入姓名" :show-action="false" bg-color="#F5F5F5" search-icon-color="#E2E8F1" color="#666" height="58" @search="handerSearch" @clear="handerClear"></u-search>
+        <u-search v-model="keyword" :clearabled="true" placeholder="请输入姓名" :show-action="false" bg-color="#F5F5F5" search-icon-color="#E2E8F1" color="#666" height="58" @search="getListInit" @clear="handerClear"></u-search>
       </div>
     </AiTopFixed>
     <div class="user-list">
-      <div class="item" @click="toOtherSta">
+      <div class="item" v-for="(item, index) in list" :key="index" @click="toOtherSta(item.id)" >
         <div class="left">
-          <img src="./components/img/user-icon.png" alt="">李轶
+          <img src="./components/img/user-icon.png" alt="">{{item.name}}
         </div>
         <div class="right">
-          今日已上报<img src="./components/img/right-icon.png" alt="">
+          <span :class="item.status == 1 ? '' : 'color-F5A319'">{{item.status == 1 ? '今日已上报' : '今日未上报'}}</span><img src="./components/img/right-icon.png" alt="">
         </div>
       </div>
+      <AiEmpty v-if="!list.length"/>
     </div>
   </div>
 </template>
@@ -26,22 +27,48 @@ export default {
   data() {
     return {
       keyword: '',
+      current: 1,
+      girdMemberId: '',
+      list: []
     }
   },
   computed: {
     ...mapState(['user']),
   },
-  onLoad() {
-    
+  onLoad(option) {
+    this.girdMemberId = option.girdMemberId
+    this.getUserList()
   },
   onShow() {
     document.title = '其他成员'
   },
   methods: {
-    toOtherSta() {
-      uni.navigateTo({ url: './OtherStatistics'})
+    toOtherSta(id) {
+      uni.navigateTo({ url: `./OtherStatistics?id=${id}`})
     },
+    handerClear() {
+      this.keyword = ''
+      this.getListInit()
+    },
+    getListInit() {
+      this.current = 1
+      this.getUserList()
+    },
+    getUserList() {
+      this.$http.post(`/app/appepidemichealthreport/other-report?girdMemberId=${this.girdMemberId}&name=${this.keyword}&size=20&current=${this.current}`).then((res) => {
+        if (res.code == 0) {
+          if (this.current > 1 && this.current > res.data.pages) {
+            return
+          }
+          this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
+        }
+      })
+    }
   },
+  onReachBottom() {
+    this.current ++
+    this.getUserList()
+  }
 }
 </script>
 
@@ -91,7 +118,6 @@ uni-page-body{
 
 
   .emptyWrap {
-    background: #f5f5f5;
     margin: 0;
   }
   ::v-deep .emptyText{