From 1f50fa659ac60cb96c0381343c6821ce40d5fcb7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=B1=E6=9C=89=E6=B8=85=E9=A6=99=E6=9C=88=E6=9C=89?=
 =?UTF-8?q?=E9=98=B4?= <185154740@qq.com>
Date: Mon, 10 Jan 2022 15:05:53 +0800
Subject: [PATCH] UserDetail

---
 src/apps/AppEpidemicSituation/ErrorDetail.vue |  25 +++
 .../AppEpidemicSituation/HealthDetail.vue     | 208 +++++++++++++++++-
 src/apps/AppEpidemicSituation/UserDetail.vue  |  25 +++
 .../components/img/phone2@.png                | Bin 0 -> 978 bytes
 4 files changed, 254 insertions(+), 4 deletions(-)
 create mode 100644 src/apps/AppEpidemicSituation/ErrorDetail.vue
 create mode 100644 src/apps/AppEpidemicSituation/UserDetail.vue
 create mode 100644 src/apps/AppEpidemicSituation/components/img/phone2@.png

diff --git a/src/apps/AppEpidemicSituation/ErrorDetail.vue b/src/apps/AppEpidemicSituation/ErrorDetail.vue
new file mode 100644
index 00000000..6fea9aba
--- /dev/null
+++ b/src/apps/AppEpidemicSituation/ErrorDetail.vue
@@ -0,0 +1,25 @@
+<template>
+  <div class="ErrorDetail">ErrorDetail</div>
+</template>
+
+<script>
+export default {
+  name: 'ErrorDetail',
+  components: {},
+  props: {},
+  data() {
+    return {}
+  },
+  computed: {},
+  watch: {},
+  onLoad() {},
+  onShow() {},
+  methods: {},
+}
+</script>
+
+<style scoped lang="scss">
+.ErrorDetail {
+  height: 100%;
+}
+</style>
diff --git a/src/apps/AppEpidemicSituation/HealthDetail.vue b/src/apps/AppEpidemicSituation/HealthDetail.vue
index 60be8926..46e5bdc1 100644
--- a/src/apps/AppEpidemicSituation/HealthDetail.vue
+++ b/src/apps/AppEpidemicSituation/HealthDetail.vue
@@ -1,5 +1,59 @@
 <template>
-  <div class="HealthDetail">HealthDetail</div>
+  <div class="HealthDetail">
+    <div class="top" @click="toUserDetail">
+      <div class="templates">
+        <!-- <img :src="" alt=""  v-if='item.avatar'/> -->
+        <img src="./components/img/user-img.png" alt="" />
+
+        <div class="rightCont">
+          <div class="rightContLeft">
+            <div class="nameLeft">
+              <div class="nameTop">
+                <div class="names">李轶</div>
+                <div class="types">异常</div>
+                <div class="nucleate">核酸到期</div>
+              </div>
+
+              <div class="nameBottom">
+                <span>上报第</span>
+                <span class="num">3</span>
+                <span>天</span>
+              </div>
+            </div>
+          </div>
+
+          <div class="rightContRight">
+            <img src="./components/img/phone2@.png" alt="" />
+            <span class="call">拨打电话</span>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="middle">
+      <div class="record">异常情况记录</div>
+
+      <template>
+        <!-- v-if="data.length" -->
+        <div class="templatess" v-for="(item, i) in 12" :key="i" @click="goHealthDetail()">
+          <div class="left">
+            <div class="recordType recordType1">正常</div>
+            <!-- <div class="recordType recordType2">异常</div> -->
+            <div class="tag">核酸到期</div>
+          </div>
+
+          <div class="right">
+            <div class="times">2022-01-10</div>
+            <u-icon name="arrow-right" color="#CCCCCC"></u-icon>
+          </div>
+        </div>
+      </template>
+
+      <!-- <AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty> -->
+    </div>
+
+    <div class="fixedBtn" @click="toErr">异常情况处理</div>
+  </div>
 </template>
 
 <script>
@@ -8,18 +62,164 @@ export default {
   components: {},
   props: {},
   data() {
-    return {}
+    return {
+      data: [],
+    }
   },
   computed: {},
   watch: {},
   onLoad() {},
   onShow() {},
-  methods: {},
+  methods: {
+    toUserDetail() {
+      uni.navigateTo({
+        url: `./ErrorDetail`,
+      })
+    },
+
+    toErr() {
+      uni.navigateTo({
+        url: `./ErrorDetail`,
+      })
+    },
+  },
 }
 </script>
 
 <style scoped lang="scss">
 .HealthDetail {
-  height: 100%;
+  padding-bottom: 120px;
+  background: #f5f5f5;
+  .top {
+    .templates {
+      display: flex;
+      align-items: center;
+      padding: 32px;
+      box-shadow: inset 0px -1px 0px 0px #dddddd;
+      background: #fff;
+      img {
+        width: 128px;
+        height: 128px;
+        // border-radius: 50%;
+        // border: 1px solid #cccccc;
+      }
+      .rightCont {
+        display: flex;
+        justify-content: space-between;
+        margin-left: 32px;
+        width: 100%;
+        .rightContLeft {
+          // display: flex;
+          // justify-content: space-between;
+          // align-items: center;
+          // width: 100%;
+          .nameLeft {
+            .nameTop {
+              display: flex;
+              .names {
+                font-size: 32px;
+                font-weight: 500;
+                color: #333333;
+              }
+              .types {
+                margin-left: 16px;
+                padding: 4px 16px 8px 16px;
+                background: #faeceb;
+                border-radius: 20px;
+                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;
+              font-size: 28px;
+              color: #999999;
+              .num {
+                color: #135ab8;
+              }
+            }
+          }
+        }
+
+        .rightContRight {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          width: 25%;
+          img {
+            width: 64px;
+            height: 64px;
+          }
+          .call {
+            font-size: 24px;
+            color: #3d94fb;
+          }
+        }
+      }
+    }
+  }
+
+  .middle {
+    margin-top: 16px;
+    background: #fff;
+    .record {
+      padding: 26px 0 26px 32px;
+      box-shadow: inset 0px -1px 0px 0px #dddddd;
+    }
+    .templatess {
+      display: flex;
+      justify-content: space-between;
+      padding: 28px 32px;
+      box-shadow: inset 0px -1px 0px 0px #dddddd;
+      .left,
+      .right {
+        display: flex;
+        .recordType {
+          font-size: 28px;
+          font-weight: 500;
+        }
+        .recordType1 {
+          color: #5aad6a;
+        }
+        .recordType2 {
+          color: #cd413a;
+        }
+        .tag {
+          margin-left: 16px;
+          background: #fef5e8;
+          border-radius: 20px;
+
+          font-size: 24px;
+          color: #f5a319;
+          padding: 4px 16px 2px 16px;
+        }
+      }
+    }
+    .emptyWrap {
+      background: #f5f5f5;
+      margin-top: 0 !important;
+    }
+  }
+
+  .fixedBtn {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    padding: 34px 0;
+    text-align: center;
+    background: #1365dd;
+    box-sizing: border-box;
+    font-size: 32px;
+    font-weight: 500;
+    color: #ffffff;
+  }
 }
 </style>
diff --git a/src/apps/AppEpidemicSituation/UserDetail.vue b/src/apps/AppEpidemicSituation/UserDetail.vue
new file mode 100644
index 00000000..b08a6598
--- /dev/null
+++ b/src/apps/AppEpidemicSituation/UserDetail.vue
@@ -0,0 +1,25 @@
+<template>
+  <div class="UserDetail">UserDetail</div>
+</template>
+
+<script>
+export default {
+  name: 'UserDetail',
+  components: {},
+  props: {},
+  data() {
+    return {}
+  },
+  computed: {},
+  watch: {},
+  onLoad() {},
+  onShow() {},
+  methods: {},
+}
+</script>
+
+<style scoped lang="scss">
+.UserDetail {
+  height: 100%;
+}
+</style>
diff --git a/src/apps/AppEpidemicSituation/components/img/phone2@.png b/src/apps/AppEpidemicSituation/components/img/phone2@.png
new file mode 100644
index 0000000000000000000000000000000000000000..0cc0c1ca744af95a6a4f575aa60dbd2887d8d9e8
GIT binary patch
literal 978
zcmV;@11<cCP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px&j7da6RCr$PnLlU~VHn1r_x_}i!9j{c5u606Xa|e`NNSz!RB$LLR2*vC%Vd>0
zxVVTzE3^r=4vGjOf(RCzs>Hi$yEys3i-Oo{6+yI=Cb_(F#cC*R^WB%^E|=V`_ayf`
zzwdp&FZYH}=NHv^euMzR3aE1eVGGoG0fd`i*aBe-)H#8$1?s#2N;?G(Czp08q$Ma%
z4FvnTnP_+!G@#Nguy35B(X9O*;O&1yFS4q2O!ZPaND!m}#8SB~V!pE`Y~UbB1Bj<`
z*T8&coz)H$1bG0->}vqc8<cxsAV>jdALm9pn_B=j-9!TcK?*=Dnd>0%gurIE2nENi
zKK-eH))$EsfVPx9$eh0{;+PpfY)#uc-AkWE^j>SE0K}5HF#`99nk8V!H1q*cy_Y&E
z0P$4jHkeMhF#5tW^i~&o&!lnyl9`(Tb-Qr+#xnHXF7%#B<p89zSHL*$!lh{$`Vkj;
z&!kcSVxzfJM0`WsCEvA-NSC<YJEatW_{efI6vg==Bzg^7hJIF5?4?c$fMYN|nwbUB
zP7$+A7?|qUheWhqYvci>vKPU)Bx0Bp>NfkdTOwMoHPQeM4gcJ#Mxq}G*iy_iK`~52
zO%>DmabFsMW40}o9b`t)UxWlaFb%!akATIVSrUNb_gMY1U_S?V|K<-OTUGM0bYEnq
zm?5w4mju8u+djhEZN;80m<+9-foPstZJ#n|*6Wa)J+EW{E3GiPyoVL_378v;RKgrX
zJz7l=$^yU%9UJ2ovhB&BK`0x5ph74sfE5TMnHEx%Ngx>QP<8;WAP~)~l<)NObf^db
zR}erpfgb|OV<`MP&)i6iCV-m&Y69SFtV;x>v#NHr+>@n>0dNOF>|k`pYowyHoHNFX
z0;mK80A-yvR~$gKL+}JZHAC<WK(#{f6hJjX@Eky;AgHXhrW5o|>^%9e@&&-Z7bsF6
z6@7~oO+=Km`n80pd{yTgfPz=)`^D!8Lb0R<uf76sVmU*VuitX#@{9{2<FyTj4Rb`9
zgJys9lMt!`k?#Ojy*M*Qts&ZvJf9SpHZy>?46?ws$<fHfv(xm;ZFomtH2@0DJO4W{
zsRu~mU0~h@g2t>YDnuXi%&#<Eok{o5cbULzKU0+e$`MTTJ3;`Wq-s?cRzR(;tZ1&V
z0z^sGsxGX6T3uPuTww)>lB!i*SOK-VvZA^E0ImX1PzB+**8l(j07*qoM6N<$g4>_7
A^8f$<

literal 0
HcmV?d00001