bug-757:健康档案中健康分析报告模块显示错乱

miniprogram/module/health/components/report-health-status/report-health-status.scss

@@ -5,15 +5,21 @@
 
 /* module/health/components/report-health-status/report-health-status.wxss */
 .status-box{
-  font-size: 16px;
+  font-size: 28rpx;
   font-weight: bold;
-  color: black;
+  color: #000000;
   width: 95%;
 }
+.status-title{
+  font-size: 32rpx;
+  font-weight: 500;
+}
 .status-content{
   width: 100%;
   white-space: pre-wrap;
-  text-align: center;
+  // text-align: center;
+  text-align: left;
+  font-size: 28rpx;
 }
 .title-box{
   font-size: 16px;
@@ -25,7 +31,17 @@
   align-items: center;
 }
 .tongue-box{
-  border-radius: 0px 0px 10px 10px !important;
+  background-color: #FFFFFF !important;
+  margin: 10px !important;
+  border-radius: 10px !important;
+  flex-direction: column !important;
+  align-items: stretch !important;
+}
+.report-status-row{
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  width: 100%;
 }
 .status-data-wrapper {
   font-size: 12px;
@@ -60,12 +76,15 @@
 
     .content-wrapper {
       flex: auto;
+      .row {
+        white-space: nowrap;
+      }
     }
 
     .image-wrapper {
       flex: none;
-      width: 128px;
-      height: 128px;
+      width: 200rpx;
+      height: 200rpx;
       margin-left: 10px;
       border-radius: 10px;
     }
@@ -73,6 +92,7 @@
 
   .title {
     text-align: center;
+    font-size: 32rpx;
   }
 
   .primary {
@@ -108,7 +128,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
-  padding: 10px 16px;
+  // padding: 10px 16px;
 }
 .nodata-box{
   width: 94%;

miniprogram/module/health/components/report-health-status/report-health-status.wxml

@@ -98,13 +98,15 @@
     </view>
   </view>
   <view class="card-body report-wrapper tongue-box" mark:id="{{dataset.reportId}}">
-    <view class="content-wrapper report-content">
-      <view class="status-box">{{dataset.report[0].value}}</view>
-      <view wx:if="{{dataset.report.length>0}}" class="status-content">{{dataset.report[1].value}}表现为{{dataset.report[2].value}}</view>
-      <view class="status-box">体质：{{dataset.report[3].value}}</view>
+    <view class="status-box title">{{dataset.report[0].value}}</view>
+    
+    <view class="report-status-row">
+      <view class="content-wrapper report-content">
+        <view wx:if="{{dataset.report.length>0}}" class="status-content">{{dataset.report[1].value}}表现为{{dataset.report[2].value}}</view>
+        <view class="status-box">体质：{{dataset.report[4].value}}</view>
+      </view>
+      <image class="image-wrapper" src="../../assets/image/health-report.png" mode="aspectFill" />
     </view>
-
-    <image class="image-wrapper" src="../../assets/image/health-report.png" mode="aspectFill" />
   </view>
   <view slot="description" wx:if="{{!loading && !dataset.report.length}}">暂无数据</view>
   <t-empty wx:if="{{message}}" t-class="empty-wrapper error" icon="info-circle" description="{{message}}" />

miniprogram/pages/home/home.scss

@@ -64,7 +64,7 @@
     box-sizing: border-box;
     // 内容过多时限制自身宽度并允许收缩，不再向左挤压报告展示
     flex: 0 1 auto;
-    max-width: 50%;
+    max-width: 70%;
     min-width: 26%;
 
     .right-box {
@@ -75,7 +75,6 @@
       justify-content: center;
       flex: 1 1 auto;
       min-width: 0;
-      word-break: break-all;
     }
 
     .warn-img {