123

ruoyi-ui-app/mixins/pageViewport.js

@@ -0,0 +1,55 @@
+/**
+ * 分包页视口高度：iOS 上 scroll-view 需父级固定 px 高度，避免 flex+height:0 导致空白
+ */
+export default {
+  data() {
+    return {
+      pageHeightPx: 0
+    }
+  },
+  computed: {
+    pageStyle() {
+      if (this.pageHeightPx > 0) {
+        return { height: `${this.pageHeightPx}px` }
+      }
+      return {}
+    }
+  },
+  onLoad() {
+    this.applyPageHeight()
+  },
+  onReady() {
+    this.applyPageHeight()
+  },
+  methods: {
+    getNavigationBarHeight() {
+      const sys = uni.getSystemInfoSync()
+      const statusBar = sys.statusBarHeight || 0
+      // #ifdef MP-WEIXIN
+      try {
+        const menu = uni.getMenuButtonBoundingClientRect()
+        if (menu && menu.height) {
+          return statusBar + (menu.top - statusBar) * 2 + menu.height
+        }
+      } catch (e) {
+        /* noop */
+      }
+      // #endif
+      return statusBar + 44
+    },
+    getViewportContentHeight() {
+      const sys = uni.getSystemInfoSync()
+      const navH = this.getNavigationBarHeight()
+      // #ifdef H5
+      if (typeof window !== 'undefined' && window.innerHeight) {
+        return Math.max(320, window.innerHeight - navH)
+      }
+      // #endif
+      const screenH = sys.screenHeight || sys.windowHeight || 600
+      return Math.max(320, screenH - navH)
+    },
+    applyPageHeight() {
+      this.pageHeightPx = this.getViewportContentHeight()
+    }
+  }
+}

ruoyi-ui-app/package-a/booking-expert/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 预约专家：见 doc/app/预约服务/预约服务接口说明.md -->
-  <view :class="pageRootClass" class="tab-page be-page">
+  <view :class="pageRootClass" class="tab-page be-page" :style="pageStyle">
     <scroll-view scroll-y class="be-scroll" enable-back-to-top :show-scrollbar="false">
       <view class="be-card be-card--top">
         <!-- 第一行：左头像 | 中标题区 | 右评分（可点击） -->
@@ -203,6 +203,7 @@ import UPopup from 'uview-plus/components/u-popup/u-popup.vue'
 import URate from 'uview-plus/components/u-rate/u-rate.vue'
 import UTextarea from 'uview-plus/components/u-textarea/u-textarea.vue'
 import tabPage from '@/mixins/tabPage'
+import pageViewport from '@/mixins/pageViewport'
 import { resolveResourceUrl } from '@/utils/resourceUrl'
 import { ensureApiToken } from '@/utils/apiAuth'
 import { useUserStore } from '@/store/user'
@@ -288,7 +289,7 @@ export default {
     'up-rate': URate,
     'up-textarea': UTextarea
   },
-  mixins: [tabPage],
+  mixins: [tabPage, pageViewport],
   data() {
     const slots = DEFAULT_TIME_SLOTS.slice()
     const defaultSlot = slots[slotIndexFromHour(slots)] || slots[0]
@@ -685,7 +686,10 @@ export default {
   display: flex;
   flex-direction: column;
   min-width: 0;
+  width: 100%;
+  height: 100%;
   min-height: 100%;
+  overflow: hidden;
   box-sizing: border-box;
   background: $morandi-bg-page;
 }

ruoyi-ui-app/package-a/booking-org/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 预约机构：见 doc/app/预约服务/预约服务接口说明.md -->
-  <view :class="pageRootClass" class="tab-page bgo-page">
+  <view :class="pageRootClass" class="tab-page bgo-page" :style="pageStyle">
     <scroll-view scroll-y class="bgo-scroll" enable-back-to-top :show-scrollbar="false">
       <view class="bgo-card bgo-card--top">
         <view class="bgo-hero">
@@ -132,6 +132,7 @@ import UFormItem from 'uview-plus/components/u-form-item/u-form-item.vue'
 import UInput from 'uview-plus/components/u-input/u-input.vue'
 import UPopup from 'uview-plus/components/u-popup/u-popup.vue'
 import tabPage from '@/mixins/tabPage'
+import pageViewport from '@/mixins/pageViewport'
 import { resolveResourceUrl } from '@/utils/resourceUrl'
 import { ensureApiToken } from '@/utils/apiAuth'
 import { useUserStore } from '@/store/user'
@@ -165,7 +166,7 @@ export default {
     'up-input': UInput,
     'up-popup': UPopup
   },
-  mixins: [tabPage],
+  mixins: [tabPage, pageViewport],
   data() {
     return {
       navTitleKey: 'bookingOrgPage.navTitle',
@@ -495,7 +496,10 @@ export default {
   display: flex;
   flex-direction: column;
   min-width: 0;
+  width: 100%;
+  height: 100%;
   min-height: 100%;
+  overflow: hidden;
   box-sizing: border-box;
   background: $morandi-bg-page;
 }

ruoyi-ui-app/package-a/booking-vet/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 预约兽医：见 doc/app/预约服务/预约服务接口说明.md -->
-  <view :class="pageRootClass" class="tab-page bv-page">
+  <view :class="pageRootClass" class="tab-page bv-page" :style="pageStyle">
     <scroll-view scroll-y class="bv-scroll" enable-back-to-top :show-scrollbar="false">
       <!-- 上：兽医信息 -->
       <view class="bv-card bv-card--top">
@@ -184,6 +184,7 @@ import UPicker from 'uview-plus/components/u-picker/u-picker.vue'
 import UPopup from 'uview-plus/components/u-popup/u-popup.vue'
 import UTextarea from 'uview-plus/components/u-textarea/u-textarea.vue'
 import tabPage from '@/mixins/tabPage'
+import pageViewport from '@/mixins/pageViewport'
 import { resolveResourceUrl } from '@/utils/resourceUrl'
 import { ensureApiToken } from '@/utils/apiAuth'
 import { useUserStore } from '@/store/user'
@@ -269,7 +270,7 @@ export default {
     'up-popup': UPopup,
     'up-textarea': UTextarea
   },
-  mixins: [tabPage],
+  mixins: [tabPage, pageViewport],
   data() {
     const slots = DEFAULT_TIME_SLOTS.slice()
     const defaultSlot = slots[slotIndexFromHour(slots)] || slots[0]
@@ -643,7 +644,10 @@ export default {
   display: flex;
   flex-direction: column;
   min-width: 0;
+  width: 100%;
+  height: 100%;
   min-height: 100%;
+  overflow: hidden;
   box-sizing: border-box;
   background: $morandi-bg-page;
 }

ruoyi-ui-app/package-a/medicine-tools/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 用药工具：顶区 up-tabs；下为三个 Tab 表单与结果区（文案 i18n），白底 -->
-  <view :class="pageRootClass" class="tab-page mt-page">
+  <view :class="pageRootClass" class="tab-page mt-page" :style="pageStyle">
     <scroll-view scroll-y class="mt-scroll" enable-back-to-top :show-scrollbar="false">
       <view class="mt-tabs-wrap">
         <up-tabs
@@ -166,6 +166,7 @@ import UButton from 'uview-plus/components/u-button/u-button.vue'
 import UIcon from 'uview-plus/components/u-icon/u-icon.vue'
 import UCalendar from 'uview-plus/components/u-calendar/u-calendar.vue'
 import tabPage from '@/mixins/tabPage'
+import pageViewport from '@/mixins/pageViewport'
 import { queryDrug, calculateWithdrawal, checkCompatibility } from '@/api/medication'
 
 function todayYmd() {
@@ -221,7 +222,7 @@ export default {
     'up-icon': UIcon,
     'up-calendar': UCalendar
   },
-  mixins: [tabPage],
+  mixins: [tabPage, pageViewport],
   data() {
     return {
       navTitleKey: 'homeGrid.medicineTools',
@@ -428,7 +429,10 @@ export default {
   display: flex;
   flex-direction: column;
   min-width: 0;
+  width: 100%;
+  height: 100%;
   min-height: 100%;
+  overflow: hidden;
   box-sizing: border-box;
   background: #ffffff;
 }

ruoyi-ui-app/package-a/vet-profile/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 兽医资料：列表项已含全部字段，见在线问诊接口说明 -->
-  <view :class="pageRootClass" class="tab-page vp-page">
+  <view :class="pageRootClass" class="tab-page vp-page" :style="pageStyle">
     <scroll-view scroll-y class="vp-scroll" enable-back-to-top :show-scrollbar="false">
       <view class="vp-card">
         <view class="vp-hero">
@@ -49,6 +49,7 @@
 import UAvatar from 'uview-plus/components/u-avatar/u-avatar.vue'
 import UButton from 'uview-plus/components/u-button/u-button.vue'
 import tabPage from '@/mixins/tabPage'
+import pageViewport from '@/mixins/pageViewport'
 import { resolveResourceUrl } from '@/utils/resourceUrl'
 import { ensureApiToken } from '@/utils/apiAuth'
 import {
@@ -64,7 +65,7 @@ export default {
     'up-avatar': UAvatar,
     'up-button': UButton
   },
-  mixins: [tabPage],
+  mixins: [tabPage, pageViewport],
   data() {
     return {
       navTitleKey: 'vetProfilePage.navTitle',
@@ -171,7 +172,10 @@ export default {
   display: flex;
   flex-direction: column;
   min-width: 0;
+  width: 100%;
+  height: 100%;
   min-height: 100%;
+  overflow: hidden;
   box-sizing: border-box;
 }
 

ruoyi-ui-app/package-a/yak-market/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 牦牛行情：顶卡主价；中段走势/预测；底虚拟列表每日行情（见 doc/耗牛行情.md） -->
-  <view :class="pageRootClass" class="tab-page ym-page">
+  <view :class="pageRootClass" class="tab-page ym-page" :style="pageStyle">
     <scroll-view scroll-y class="ym-scroll" enable-back-to-top :show-scrollbar="false" @scrolltolower="onScrollToLower">
       <!-- 1. 主行情卡 -->
       <up-card :show-head="false" :show-foot="false" :border="true" :border-radius="16" margin="24rpx 24rpx 0" :body-style="{ padding: '24rpx' }">
@@ -162,6 +162,7 @@ import USubsection from 'uview-plus/components/u-subsection/u-subsection.vue'
 import UDivider from 'uview-plus/components/u-divider/u-divider.vue'
 import UVirtualList from 'uview-plus/components/u-virtual-list/u-virtual-list.vue'
 import tabPage from '@/mixins/tabPage'
+import pageViewport from '@/mixins/pageViewport'
 import {
   getYakMarketYesterday,
   getYakMarketStats7,
@@ -212,7 +213,7 @@ export default {
     'up-virtual-list': UVirtualList,
     mpvueEcharts
   },
-  mixins: [tabPage],
+  mixins: [tabPage, pageViewport],
   data() {
     return {
       navTitleKey: 'yakMarketPage.navTitle',
@@ -553,7 +554,10 @@ export default {
   display: flex;
   flex-direction: column;
   min-width: 0;
+  width: 100%;
+  height: 100%;
   min-height: 100%;
+  overflow: hidden;
   box-sizing: border-box;
   background: $morandi-bg-page;
 }

ruoyi-ui-app/pages.json

@@ -182,13 +182,15 @@
         {
           "path": "booking-vet/index",
           "style": {
-            "navigationBarTitleText": "预约兽医"
+            "navigationBarTitleText": "预约兽医",
+            "disableScroll": true
           }
         },
         {
           "path": "booking-expert/index",
           "style": {
-            "navigationBarTitleText": "预约专家"
+            "navigationBarTitleText": "预约专家",
+            "disableScroll": true
           }
         },
         {
@@ -201,19 +203,22 @@
         {
           "path": "booking-org/index",
           "style": {
-            "navigationBarTitleText": "预约机构"
+            "navigationBarTitleText": "预约机构",
+            "disableScroll": true
           }
         },
         {
           "path": "online-clinic/index",
           "style": {
-            "navigationBarTitleText": "在线问诊"
+            "navigationBarTitleText": "在线问诊",
+            "disableScroll": true
           }
         },
         {
           "path": "vet-profile/index",
           "style": {
-            "navigationBarTitleText": "兽医资料"
+            "navigationBarTitleText": "兽医资料",
+            "disableScroll": true
           }
         },
         {