ct

src/apps/AppEpidemicSituation/ErrorDetail.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="ErrorDetail">
     <div class="header">
-      <div class="name">李维民<span>15220171897</span><img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone('112')" class="phone-icon" ></div>
+      <div class="name">李维民<span>15220171897</span><img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone('112')" class="phone-icon" /></div>
       <p>身份证号：</p>
-      <p class="mar-b8" style="color:#333;">4223241900****0014</p>
+      <p class="mar-b8" style="color: #333">4223241900****0014</p>
       <p>异常情况：</p>
-      <p style="color:#FF4466;">体温38℃有咳嗽 , 未去高风险区域</p>
+      <p style="color: #ff4466">体温38℃有咳嗽 , 未去高风险区域</p>
     </div>
     <div class="info">
       <div class="title">异常情况记录</div>
@@ -51,9 +51,15 @@ export default {
   data() {
     return {
       show: false,
-      value: ''
+      value: '',
     }
   },
+  computed: {
+    ...mapState(['user']),
+  },
+  onShow() {
+    document.title = '异常情况处理'
+  },
   methods: {},
 }
 </script>
@@ -77,7 +83,7 @@ export default {
         font-size: 32px;
         font-family: PingFangSC-Medium, PingFang SC;
         font-weight: 500;
-        color: #4181FF;
+        color: #4181ff;
         line-height: 44px;
         margin: 0 20px 0 32px;
       }
@@ -111,7 +117,7 @@ export default {
     .error-list {
       .item {
         width: 100%;
-        background: #F4F7FE;
+        background: #f4f7fe;
         border-radius: 8px;
         padding: 24px 24px 18px 24px;
         box-sizing: border-box;
@@ -119,7 +125,7 @@ export default {
         p {
           font-size: 28px;
           font-family: PingFangSC-Regular, PingFang SC;
-          color: #343D65;
+          color: #343d65;
           line-height: 40px;
           word-break: break-all;
           margin-bottom: 12px;
@@ -155,7 +161,7 @@ export default {
     .confirm {
       flex: 2;
       color: #fff;
-      background: #1365DD;
+      background: #1365dd;
     }
     div {
       text-align: center;
@@ -170,7 +176,7 @@ export default {
     width: calc(100% - 64px);
     padding: 16px;
     box-sizing: border-box;
-    background: #F7F7F7;
+    background: #f7f7f7;
     border-radius: 8px;
     p {
       font-size: 26px;
@@ -195,11 +201,11 @@ export default {
     .confirm {
       width: 144px;
       text-align: center;
-      background: #1365DD;
+      background: #1365dd;
       border-radius: 32px;
       font-size: 28px;
       font-family: PingFangSC-Regular, PingFang SC;
-      color: #FFF;
+      color: #fff;
     }
   }
 }

src/apps/AppEpidemicSituation/Health.vue

@@ -41,11 +41,10 @@
 
       <div class="line3"></div>
 
-      <template>
+      <template v-if="data.length">
-        <!-- v-if="data.length" -->
         <div class="templates" v-for="(item, i) in 10" :key="i" @click="goDetail()">
-          <!-- <img :src="" alt=""  v-if='item.avatar'/> -->
+          <img :src="item.avatar" alt="" v-if="item.avatar" />
-          <img src="./components/img/user-img.png" alt="" />
+          <img src="./components/img/user-img.png" alt="" v-else />
 
           <div class="rightCont">
             <div class="rightContLeft">
@@ -72,7 +71,7 @@
         </div>
       </template>
 
-      <!-- <AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty> -->
+      <AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
     </div>
   </div>
 </template>
@@ -113,9 +112,33 @@ export default {
   onLoad() {
     this.areaId = this.user.areaId
     this.areaName = this.user.areaName
+    this.getList()
+  },
+  onShow() {
+    document.title = '健康监测'
   },
-  onShow() {},
   methods: {
+    getList() {
+      uni.showLoading({
+        title: '加载数据中',
+      })
+      this.$http
+        .post('/app/appepidemichealthreport/list', null, {
+          params: { size: 20, current: this.current, areaId: this.areaId, status: this.currentTabs == 1 ? '0' : '' },
+        })
+        .then((res) => {
+          if (res?.data) {
+            this.data = this.current > 1 ? [...this.data, ...res.data.records] : res.data.records
+            uni.hideLoading()
+          } else {
+            uni.hideLoading()
+          }
+        })
+        .catch(() => {
+          uni.hideLoading()
+        })
+    },
+
     goDetail() {
       uni.navigateTo({
         url: `./HealthDetail`,
@@ -123,24 +146,24 @@ export default {
     },
 
     change(index) {
-      // this.data = []
+      this.data = []
       this.areaId = this.user.areaId
       this.keyword = ''
       this.currentTabs = index
       this.current = 1
-      // this.getList()
+      this.getList()
     },
 
     handerSearch(e) {
       this.keyword = e
-      // this.current = 1
+      this.current = 1
-      // this.getList()
+      this.getList()
     },
 
     handerClear() {
       this.keyword = ''
-      // this.current = 1
+      this.current = 1
-      // this.getList()
+      this.getList()
     },
   },
 }