筛查结论调整正常范围：您的筛查结论是正常的，异常：结果数值（27.68）

acupuncture-前台/src/views/screening/h5Result.vue

@@ -3,25 +3,15 @@
     <div class="hospital">{{ tenantName || "-" }}</div>
     <div class="card">
       <div class="card-title">筛查结论</div>
-      <div
+      <div class="card-tips-item">
-        style="
+        <span class="lable">您的体重指数（BMI）为：</span>
-          display: flex;
+        <span class="div-value" v-if="weightShow">{{ form["SCWJ-BMI"] }}</span>
-          justify-content: space-between;
+        <div class="div-value1" v-else>您的筛查结论是正常的</div>
-          margin-bottom: 6px;
-        "
-      >
-        <span>您的体重指数（BMI）为：</span>
-        <span>{{ form["SCWJ-BMI"] || "-" }}</span>
       </div>
-      <div
+      <div class="card-tips-item">
-        style="
+        <span class="lable">您的睡眠效率为：</span>
-          display: flex;
+        <span class="div-value" v-if="sleepShow">{{ form["SCWJ-SMXL"] }}%</span>
-          justify-content: space-between;
+        <div class="div-value1" v-else>您的筛查结论是正常的</div>
-          margin-bottom: 6px;
-        "
-      >
-        <span>您的睡眠效率为：</span>
-        <span>{{ form["SCWJ-SMXL"] || "-" }}%</span>
       </div>
     </div>
     <div class="card card1" v-if="weightShow || sleepShow">
@@ -93,11 +83,46 @@ export default {
       this.sleepShow = true;
     }
   },
-  methods: {},
+  methods: {
+    getBmiTips(bmi) {
+      let weight = this.BMIVerdict[this.form["SCWJ-JL"]]; // 体重结论
+      if (weight >= 3) {
+        return bmi;
+      } else {
+        return "您的筛查结论是正常的";
+      }
+    },
+    getSmxlTips(smxl) {
+      let sleep = this.form["SCWJ-SMXL"]; // 睡眠效率
+      if (sleep < 80) {
+        return `${smxl}%`;
+      } else {
+        return "您的筛查结论是正常的";
+      }
+    },
+  },
 };
 </script>
 <style scoped src="@/assets/styles/common.css"></style>
 <style scoped>
+.card-tips-item {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+.div-value {
+  color: red;
+}
+.div-value1 {
+  width: 100%;
+  text-align: right;
+  color: green;
+}
+.lable {
+  text-align: right;
+  width: 194px;
+  flex-shrink: 0;
+}
 .hospital1 {
   text-align: center;
   font-size: 14px;
@@ -148,9 +173,9 @@ export default {
   background: #fff;
   border-radius: 6px;
   margin-bottom: 14px;
+  line-height: 26px;
 }
 .card1 {
-  line-height: 26px;
 }
 .card-title {
   font-weight: 600;