26626

src/apps/AppEpidemicSituation/UserDetail.vue

@@ -39,9 +39,16 @@
         <div class="label" style="width: 360px">14天内是否接触新冠确诊或疑似患者</div>
         <div class="value" :style="userList.touchInFourteen == 1 ? 'color:#42D784;' : userList.touchInFourteen == 2 ? 'color:##FF4466' : 'color:#4181FF'">{{ $dict.getLabel('epidemicTouchInFourteen', userList.touchInFourteen) }}</div>
       </div>
-      <div class="item-flex">
+      <div class="item-flexs">
         <div class="label">当前健康状况</div>
-        <div class="value" v-for="(item, index) in userList.health" :key="index" :style="item != 0 ? 'color:#FF4466;' : 'color:#42D784'">{{ $dict.getLabel('epidemicRecentHealth', item) }}</div>
+        <div class="healths">
+          <span v-for="(item, index) in userList.health" :key="index" :style="item != 0 ? 'color:#FF4466;' : ''">
+            <span v-if="index > 0"> ; </span>
+            <span>
+              {{ $dict.getLabel('epidemicRecentHealth', item) }}
+            </span>
+          </span>
+        </div>
       </div>
     </div>
 
@@ -180,6 +187,21 @@ export default {
         }
       }
     }
+    .item-flexs {
+      display: flex;
+      justify-content: space-between;
+      padding: 34px 0;
+      border-bottom: 1px solid #ddd;
+      font-size: 32px;
+      .label {
+        width: 32%;
+        color: #999;
+      }
+      .healths {
+        width: 68%;
+        word-break: break-all;
+      }
+    }
     .img-list {
       padding-bottom: 48px;
       img {