高血压随访 添加运动强度说明

src/doctor/components/movementTip/MovementTip.vue

@@ -6,8 +6,10 @@
                 <doc-icon type="doc-info-circle" />
             </slot>
          </span>
-        <van-popup v-model:show="visible" closeable>
-            <div class="p-3 panel">
+        <!-- <van-popup v-model:show="visible" round style="height: 70%;"> -->
+        <van-overlay :show="visible" @click="visible = false"
+            class="p-4 flex items-center">
+            <div class="p-3 panel" @click.stop>
                 <div class="title mb-2">确定有氧运动强度的常用方法</div>
                 <table>
                     <tr>
@@ -40,7 +42,10 @@
                     </tr>
                 </table>
             </div>
-        </van-popup>
+            <doc-icon type="close-circle" class="close-btn" @click="visible = false"/>
+        </van-overlay>
+
+        <!-- </van-popup> -->
     </div>
 </template>
 
@@ -59,6 +64,9 @@ export default {
     background-color: #fff;
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
     color: #262626;
+    max-height: 80%;
+    overflow-y: auto;
+    border-radius: 8px;
     .title {
         color: #262626;
         font-size: 16px;
@@ -80,4 +88,10 @@ table {
         text-align: left;
     }
 }
+.close-btn {
+    position: absolute;
+    top: 24px;
+    right: 24px;
+    font-size: 24px;
+}
 </style>

src/doctor/followUp/separateFU/form/components/HypertensionForm.vue

@@ -472,7 +472,11 @@
             </van-field>
         </div>
         <div v-if="form.regularExercise === 1" class="bg-fa mt-2">
-            <div class="label-title" required style="color: #262626; font-size: 14px">运动强度</div>
+            <div class="flex">
+                <MovementTip class="mr-2 mb-1"/>
+                <div class="label-title" required style="color: #262626; font-size: 14px">运动强度</div>
+ 
+            </div>
             <van-field :rules="rules.exerciseStrength" style="padding: 0">
                 <template #input>
                     <van-radio-group
@@ -899,12 +903,13 @@ import DocImageUpload from '@/doctor/components/docImageUpload/DocImageUpload.vu
 import DocUnit from '@/doctor/components/docUnit/DocUnit.vue'
 import DocOffice from '@/doctor/components/docOffice/DocOffice.vue'
 import DocOfficeDoctor from '@/doctor/components/docOfficeDoctor/DocOfficeDoctor.vue'
+import MovementTip from '@/doctor/components/movementTip/MovementTip.vue'
 
 import Inspect from '../../components/Inspect.vue'
 import TreatmentPlan from '../../components/TreatmentPlan.vue'
 import dayjs from 'dayjs'
 export default {
-    components: { CheckBtn, BloodPressurePanel, BloodPressureBt, DocImageUpload, DocUnit, DocOffice, DocOfficeDoctor, Inspect, TreatmentPlan },
+    components: { CheckBtn, BloodPressurePanel, BloodPressureBt, DocImageUpload, DocUnit, DocOffice, DocOfficeDoctor, Inspect, TreatmentPlan, MovementTip },
     inject: ['pressureObj'],
     props: {
         diseaseInfo: {