From bed245526f50ff5575b4c50e2ac496309d9e2715 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Thu, 26 May 2022 11:26:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E6=8A=A5=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mods/conv/AppHealthReport/Detail.vue      |  76 +++++++++++++++---
 .../AppHealthReport/components/down-icon.png  | Bin 0 -> 486 bytes
 2 files changed, 65 insertions(+), 11 deletions(-)
 create mode 100644 src/mods/conv/AppHealthReport/components/down-icon.png

diff --git a/src/mods/conv/AppHealthReport/Detail.vue b/src/mods/conv/AppHealthReport/Detail.vue
index 18adfb6..fe26297 100644
--- a/src/mods/conv/AppHealthReport/Detail.vue
+++ b/src/mods/conv/AppHealthReport/Detail.vue
@@ -36,12 +36,16 @@
               <span></span><span>2020-07-20</span><span>（自主上报）</span>
             </div>
             <div class="right">
-              <span>异常</span>
-              <u-icon name="arrow-down" color="#999" size="28"></u-icon>
+              <span :class="'status0'">异常</span>
+              <!-- :class="item.check ? 'img-active' : ''" -->
+              <img src="./components/down-icon.png" :class="checked == true ? '': 'img-active'" alt="" @click="putOn" />
             </div>
           </div>
-          <div class="item_info">
-            
+          <div class="item_info" v-if="checked">
+            <div class="items">
+              <label>当前健康状况</label>
+              <div>发烧、乏力、咳嗽</div>
+            </div>
           </div>
         </div>
       </div>
@@ -55,7 +59,8 @@
     data () {
       return {
         info: {},
-        pageShow: false
+        pageShow: false,
+        checked: true,
       }
     },
 
@@ -74,6 +79,11 @@
         })
       },
 
+      // 收起展开
+      putOn() {
+        this.checked = !this.checked
+      },
+
       getInfo (id) {
         this.$instance.post(`/app/appepidemichealthreport/queryDetailById?id=${id}`).then(res => {
           if (res.code === 0) {
@@ -163,14 +173,13 @@
 
     .detail-info {
       margin-top: 24px;
-      background: #FFF;
-      padding: 32px;
-      box-sizing: border-box;
-
       .title {
         display: flex;
         justify-content: space-between;
         align-items: center;
+        background: #FFF;
+        padding: 32px;
+        box-sizing: border-box;
         .left {
           h2 {
             font-size: 38px;
@@ -184,11 +193,13 @@
           }
         }
         .right {
+          display: flex;
           color: #999999;
           font-size: 28px;
           span:first-child {
             color: #4181FF;
           }
+          
         }
       }
 
@@ -198,7 +209,9 @@
             display: flex;
             justify-content: space-between;
             align-items: center;
-            padding: 26px 0;
+            padding: 26px 32px;
+            background: #FFF;
+            
             .left {
               span:first-child {
                 display: inline-block;
@@ -209,8 +222,49 @@
                 margin-right: 12px;
               }
             }
+            .right {
+              span {
+                display: inline-block;
+                vertical-align: center;
+                margin-right: 16px;
+                padding: 4px 8px;
+              }
+              .status0 {
+                color: #FF4466;
+                background: #FFF5F7;
+              }
+              .status1 {
+                color: #1AAAFF;
+                background: #E8F6FF;
+              }
+              .status2 {
+                color: #42D784;
+                background: #ECFBF2;
+              }
+
+              img {
+                width: 48px;
+                height: 48px;
+                transition: all 0.3s ease-in-out;
+                transform: rotate(180deg);
+                vertical-align: bottom;
+              }
+
+              .img-active {
+                transform: rotate(0deg);
+              }
+            }
+          }
+
+          .item_info {
+            padding: 16px 32px;
+            background: #FAFAFA;
+            .items {
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+            }
           }
-          
         }
       }
     }
diff --git a/src/mods/conv/AppHealthReport/components/down-icon.png b/src/mods/conv/AppHealthReport/components/down-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..1804802a4170da861a6747d4b23c417828e4f3d5
GIT binary patch
literal 486
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^R}E~ycoX}-P;
zT0k}j17mw80}DtA5K93u0|WB{Mh0de%?J`(zyy~ySip>6gB0F2&*1?o3-EMt49Q@9
zJKdMB$v~vVaZlGf&h*5`J8zus>P=UC^Hodejms<s#$UJWB7B8ePXC_y^M|LW5TB3&
zBNA#f<|v6RKU@~Fe!?&Dl{2>GuHN_l{*5yqizV7tn_L%dk6K~5GJa>#o1a(Y-n?~W
zJ1TCtevyV;=BzsL&vEtcAA3EumUl)@yZhPZzt8h)eMiF+RCk(OnKeUuqiWsK>(8c~
zVDON*^wn!>f^hYti{4K1RW92Fn7&KRx*WHCa+>Z&MqS}qj~1Rh?XZS3_oE}5ldp`T
z-HnFzor{mSOHP>OAQQJe&Aj@2@;#pQ?f>T+{r_6W_Uz@m?UyC$J1Va9nKdZ&MYAZL
z7WBO*7Gl_tB&T-e$l~?07#DJeetg9yqju%!;`tf6Ee<aayef%Vdd-YITe^4Z>b2#!
n?4B?`H7U$-VN!8GLLZn9?fbRx$2oyWP#Al<`njxgN@xNAI=Hd)

literal 0
HcmV?d00001