异常情况

src/apps/AppEpidemicSituation/BackUserList.vue

@@ -2,19 +2,19 @@
   <div class="BackUserList">
     <div class="header">
       <div class="tab-item">
-        <h2 style="color:#2C51CE;">274</h2>
+        <h2 style="color:#2C51CE;">{{totalInfo.total}}</h2>
         <p>返乡人员</p>
       </div>
       <div class="tab-item">
-        <h2 style="color:#5AAD6A;">274</h2>
+        <h2 style="color:#5AAD6A;">{{totalInfo.today}}</h2>
         <p>今日返乡</p>
       </div>
       <div class="tab-item">
-        <h2 style="color:#F5A319;">274</h2>
+        <h2 style="color:#F5A319;">{{totalInfo.todayUnusual}}</h2>
         <p>今日异常</p>
       </div>
       <div class="tab-item">
-        <h2 style="color:#CD413A;border-right:0;">274</h2>
+        <h2 style="color:#CD413A;border-right:0;">{{totalInfo.release}}</h2>
         <p>异常处理</p>
       </div>
     </div>
@@ -58,6 +58,7 @@ export default {
       current: 1,
       list: [],
       name: '',
+      totalInfo: {}
     }
   },
   computed: { ...mapState(['user']) },
@@ -65,6 +66,10 @@ export default {
     this.areaId = this.user.areaId
     document.title = '疫情防控'
     this.getList()
+    this.getTotal()
+    uni.$on('updateList', () => {
+      this.getListInit()
+    })
   },
   methods: {
     areaSelect() {
@@ -91,6 +96,13 @@ export default {
         }
       })
     },
+    getTotal() {
+      this.$http.post(`/app/appepidemicbackhomerecord/statistic`).then((res) => {
+        if (res.code == 0) {
+          this.totalInfo = res.data
+        }
+      })
+    },
     toUser(row) {
       uni.navigateTo({url: `./UserInfo?id=${row.id}`})
     }