From c7398599bfacc9097cc6a427663e80f2872b7cef Mon Sep 17 00:00:00 2001
From: huxuejian <huxuejian@youkang.com>
Date: Thu, 13 Aug 2026 13:50:42 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/full-page.vue                |  15 +++-
 pages/consult/disease-description.vue   | 109 +++++++++++++++++++++---
 pages/consult/self-auth/auth-qrcode.vue |  24 +++---
 pages/record/rx-paper.vue               |  32 ++++---
 4 files changed, 137 insertions(+), 43 deletions(-)

diff --git a/components/full-page.vue b/components/full-page.vue
index ed53505..61f7442 100644
--- a/components/full-page.vue
+++ b/components/full-page.vue
@@ -7,7 +7,8 @@
       <view v-if="customScroll" class="page-scroll">
         <slot></slot>
       </view>
-      <scroll-view v-else :scroll-with-animation="animation" scroll-y="true" :scroll-top="scrollTop" class="page-scroll"
+      <scroll-view v-else :scroll-with-animation="animation" scroll-y="true" :scroll-top="scrollTop"
+        :scroll-into-view="scrollIntoViewId" class="page-scroll"
         @scrolltolower="scrolltolower" @scroll="onScroll">
         <slot></slot>
       </scroll-view>
@@ -36,6 +37,7 @@ const hasHeader = computed(() => !!slots.header);
 const hasFooter = computed(() => !!slots.footer);
 
 const scrollTop = ref(0);
+const scrollIntoViewId = ref('');
 const disableScroll = ref(false);
 
 const scrolltolower = useDebounce(() => {
@@ -55,8 +57,17 @@ function scrollToBottom() {
   }, 500);
 }
 
+function scrollToView(id) {
+  if (!id) return;
+  scrollIntoViewId.value = '';
+  setTimeout(() => {
+    scrollIntoViewId.value = id;
+  }, 0);
+}
+
 defineExpose({
-  scrollToBottom
+  scrollToBottom,
+  scrollToView
 })
 
 </script>
diff --git a/pages/consult/disease-description.vue b/pages/consult/disease-description.vue
index 8b4857f..08489d3 100644
--- a/pages/consult/disease-description.vue
+++ b/pages/consult/disease-description.vue
@@ -1,6 +1,6 @@
 <template>
-	<full-page mainStyle="background:#f0f0f0">
-		<view class="container" :class="{ 'elder-mode-active': elderMode }">
+	<full-page ref="fullPageRef" mainStyle="background:#f0f0f0">
+		<view class="container" :class="{ 'elder-mode-active': elderMode }" @click="handlePageClick">
 			<view class="user-header shadow-lg">
 				就诊人：{{ form.name }} {{ form.sex }} {{ form.age ? `${form.age}岁` : '' }}
 			</view>
@@ -16,18 +16,27 @@
 					</radio-group>
 				</view>
 			</view>
-			<view class="description-section relative mt-12 px-15 py-12 bg-white shadow-lg">
+			<view id="description-section" class="description-section relative mt-12 px-15 py-12 bg-white shadow-lg">
 				<view class="section-title is-required">请描述您的病情</view>
 				<textarea v-model="form.description" :show-confirm-bar="false" auto-height="true" class="mt-10 description"
 					placeholder-class="placeholderClass" maxlength="300" placeholder="为了更好地获得医生帮助，请尽可能地详细描述病情"
-					@focus="showDescriptionGuess" @input="handleDescriptionInput" @blur="hideDescriptionGuess"></textarea>
-				<view v-if="guessVisible" class="relative">
-					<view class="guess-popup">
-						<view class="guess-title">猜你想输入：</view>
-						<view v-for="item in guessList" :key="item" class="guess-option" @click="selectDescriptionGuess(item)">
-							{{ item }}
+					:adjust-position="false"
+					@click.stop
+					@focus="showDescriptionGuess" @input="handleDescriptionInput" @blur="hideDescriptionGuess"
+					@keyboardheightchange="handleKeyboardHeightChange"></textarea>
+				<view v-if="guessVisible" id="description-guess-anchor" class="relative">
+					<scroll-view class="guess-popup" scroll-y :style="{ height: `${guessPopupHeight}px` }"
+						@click.stop
+						@touchstart="handleGuessInteractionStart" @touchend="handleGuessInteractionEnd"
+						@touchcancel="handleGuessInteractionEnd" @mousedown="handleGuessInteractionStart"
+						@mouseup="handleGuessInteractionEnd">
+						<view id="description-guess-content">
+							<view class="guess-title">猜你想输入：</view>
+							<view v-for="item in guessList" :key="item" class="guess-option" @click="selectDescriptionGuess(item)">
+								{{ item }}
+							</view>
 						</view>
-					</view>
+					</scroll-view>
 				</view>
 			</view>
 			<view class="relative mt-12 px-15 py-12 bg-white shadow-lg">
@@ -68,7 +77,7 @@
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { getCurrentInstance, nextTick, ref } from "vue";
 import { storeToRefs } from "pinia";
 import { onLoad, onUnload } from '@dcloudio/uni-app';
 import orderStore from '@/store/order';
@@ -93,9 +102,16 @@ const guessList = [
 const { order: form, histories, medTypeList } = storeToRefs(orderStore());
 const { init: initOrder, restoreForEdit } = orderStore();
 const visible = ref(false);
+const fullPageRef = ref(null);
 const guessVisible = ref(false);
+const guessPopupHeight = ref(320);
 const reachBottom = ref(false);
 let guessCloseTimer = null;
+let guessResizeTimer = null;
+let guessInteractionTimer = null;
+let keyboardHeight = 0;
+let isGuessInteracting = false;
+const instance = getCurrentInstance();
 // 长辈模式状态
 const elderMode = ref(false);
 const titleMap = {
@@ -126,6 +142,36 @@ function showDescriptionGuess() {
 	if (guessCloseTimer) clearTimeout(guessCloseTimer);
 	guessCloseTimer = null;
 	guessVisible.value = !form.value.description.trim();
+	if (fullPageRef.value) fullPageRef.value.scrollToView('description-section');
+	if (guessVisible.value) resizeGuessPopup();
+}
+
+function resizeGuessPopup(delay = 0) {
+	if (guessResizeTimer) clearTimeout(guessResizeTimer);
+	guessResizeTimer = setTimeout(async () => {
+		await nextTick();
+		const systemInfo = uni.getSystemInfoSync();
+		const defaultHeight = Math.round(systemInfo.windowWidth / 750 * 640);
+		const query = uni.createSelectorQuery();
+		if (instance && instance.proxy) query.in(instance.proxy);
+		query.select('#description-guess-anchor').boundingClientRect();
+		query.select('#description-guess-content').boundingClientRect();
+		query.exec((rects) => {
+			if (!guessVisible.value || !rects || !rects[0]) return;
+			const anchorRect = rects[0];
+			const contentRect = rects[1];
+			const keyboardTop = systemInfo.windowHeight - keyboardHeight;
+			const availableHeight = Math.max(96, keyboardTop - anchorRect.top - 12);
+			const contentHeight = contentRect && contentRect.height ? contentRect.height : defaultHeight;
+			guessPopupHeight.value = Math.ceil(Math.min(defaultHeight, contentHeight, availableHeight));
+		});
+		guessResizeTimer = null;
+	}, delay);
+}
+
+function handleKeyboardHeightChange(event) {
+	keyboardHeight = event && event.detail ? Number(event.detail.height) || 0 : 0;
+	if (guessVisible.value) resizeGuessPopup(50);
 }
 
 function handleDescriptionInput(event) {
@@ -140,16 +186,51 @@ function handleDescriptionInput(event) {
 function hideDescriptionGuess() {
 	if (guessCloseTimer) clearTimeout(guessCloseTimer);
 	guessCloseTimer = setTimeout(() => {
+		if (isGuessInteracting) {
+			guessCloseTimer = null;
+			return;
+		}
 		guessVisible.value = false;
 		guessCloseTimer = null;
 	}, 200);
 }
 
-function selectDescriptionGuess(description) {
+function closeDescriptionGuess() {
+	if (guessCloseTimer) clearTimeout(guessCloseTimer);
+	if (guessInteractionTimer) clearTimeout(guessInteractionTimer);
+	guessCloseTimer = null;
+	guessInteractionTimer = null;
+	isGuessInteracting = false;
+	guessVisible.value = false;
+}
+
+function handlePageClick() {
+	if (guessVisible.value) closeDescriptionGuess();
+}
+
+function handleGuessInteractionStart() {
+	isGuessInteracting = true;
+	if (guessInteractionTimer) clearTimeout(guessInteractionTimer);
 	if (guessCloseTimer) clearTimeout(guessCloseTimer);
 	guessCloseTimer = null;
+	// 部分小程序的 scroll-view 不触发 touchend，设置兜底避免交互状态一直保留。
+	guessInteractionTimer = setTimeout(() => {
+		isGuessInteracting = false;
+		guessInteractionTimer = null;
+	}, 500);
+}
+
+function handleGuessInteractionEnd() {
+	if (guessInteractionTimer) clearTimeout(guessInteractionTimer);
+	guessInteractionTimer = setTimeout(() => {
+		isGuessInteracting = false;
+		guessInteractionTimer = null;
+	}, 300);
+}
+
+function selectDescriptionGuess(description) {
 	form.value.description = description;
-	guessVisible.value = false;
+	closeDescriptionGuess();
 }
 
 function nextStep() {
@@ -248,6 +329,8 @@ onLoad((options) => {
 onUnload(() => {
 	uni.$off('on-disease-selected')
 	if (guessCloseTimer) clearTimeout(guessCloseTimer);
+	if (guessResizeTimer) clearTimeout(guessResizeTimer);
+	if (guessInteractionTimer) clearTimeout(guessInteractionTimer);
 })
 
 </script>
diff --git a/pages/consult/self-auth/auth-qrcode.vue b/pages/consult/self-auth/auth-qrcode.vue
index 8263518..3cd94a4 100644
--- a/pages/consult/self-auth/auth-qrcode.vue
+++ b/pages/consult/self-auth/auth-qrcode.vue
@@ -2,17 +2,14 @@
   <full-page :customScroll="true">
     <view class="qrcode-container">
       <view class="qrcode-content">
-        <canvas
-          id="auth-qrcode"
-          canvas-id="auth-qrcode"
-          class="qrcode-canvas"
-          :style="{ width: `${qrcodeSize}px`, height: `${qrcodeSize}px` }"
-        />
-        <view class="tip">请使用就诊人本人的支付宝扫描上方二维码授权</view>
+        <canvas id="auth-qrcode" canvas-id="auth-qrcode" class="qrcode-canvas"
+          :style="{ width: `${qrcodeSize}px`, height: `${qrcodeSize}px` }" />
+        <view class="tip">请使用就诊人本人的支付宝</view>
+        <view class="tip">扫描上方二维码授权</view>
       </view>
     </view>
     <template #footer>
-      <footer-button :text="checking ? '查询中...' : '我已授权'" @onClick="hasAuthed" />
+      <footer-button :text="checking ? '查询中...' : '已授权'" @onClick="hasAuthed" />
     </template>
   </full-page>
 </template>
@@ -35,7 +32,7 @@ const id = ref("");
 const patient = ref(null);
 const checking = ref(false);
 const qrcodeValue = computed(() => id.value && patient.value ? `${baseQrcode}${id.value}` : "");
-const qrcodeSize = Math.round(uni.upx2px(480));
+const qrcodeSize = Math.round(uni.upx2px(640));
 
 function drawQrcode() {
   const value = qrcodeValue.value;
@@ -146,6 +143,7 @@ onReady(() => {
   display: flex;
   flex-direction: column;
   align-items: center;
+  transform: translateY(-60rpx);
 }
 
 .qrcode-canvas {
@@ -154,7 +152,11 @@ onReady(() => {
 }
 
 .tip {
-  margin-top: 30rpx;
-  color: #666;
+  font-size: 32rpx;
+  line-height: 52rpx;
+  color: #333;
+  font-weight: bold;
 }
+
+
 </style>
diff --git a/pages/record/rx-paper.vue b/pages/record/rx-paper.vue
index 33bf03f..67e6bd5 100644
--- a/pages/record/rx-paper.vue
+++ b/pages/record/rx-paper.vue
@@ -3,13 +3,14 @@
     <view v-if="data" class="relative prescription-container">
       <view class="header">
         <view class="row">
-          <view class="company">海宁康华医院互联网医院</view>
+          <view class="company"></view>
           <view class="prescription-type">
             <view>普通</view>
             <view>处方</view>
           </view>
         </view>
-        <view class="hospital">海宁康华医院互联网医院处方笺</view>
+        <view class="hospital">海宁康华医院互联网医院</view>
+        <view class="hospital">处方笺</view>
         <view class="sub-header">
           <span class="no">NO:{{ data.medOrgOrderNo }}</span>
         </view>
@@ -58,7 +59,7 @@
       <view class="footer">
         <view class="stamp-area">
           <view class="signatures">
-            <view class="signature-item" style="width: 33%">
+            <view class="signature-item" style="min-width: 33%">
               <view>医生：
                 <image v-if="data.doctorSignImg" class="signImage" :src="data.doctorSignImg"></image>
                 <text v-else>{{ data.doctorName }}</text>
@@ -67,20 +68,17 @@
                 <!-- <image class="stamp-img" src="/static/stamp.png"></image> -->
               </view>
             </view>
-            <view class="signature-item" style="width: 33%">
-              <view>审方：<image v-if="data.pharmacistSignImg" class="signImage" :src="data.pharmacistSignImg"></image>
+            <view class="signature-item" style="min-width: 33%">
+              <view>审方药师：<image v-if="data.pharmacistSignImg" class="signImage" :src="data.pharmacistSignImg"></image>
                 <text v-else>{{ data.pharmacist }}</text>
               </view>
-              <view>发药：</view>
-            </view>
-            <view class="signature-item" style="width: 34%">
-              <view class="stamp">收费盖章：
-                <!-- <image class="stamp-img" src="/static/stamp.png"></image> -->
-              </view>
-              <view>配方：</view>
-              <view>复核：</view>
             </view>
           </view>
+          <view class="signatures">
+            <view class="signature-item" style="width: 33%">调配：</view>
+            <view class="signature-item" style="width: 33%">复核：</view>
+            <view class="signature-item" style="width: 33%">发药：</view>
+          </view>
         </view>
         <view class="notice">注意：请勿丢失，处方当日有效，因特殊情况，该处方有效为天（签名：）</view>
       </view>
@@ -239,6 +237,10 @@ function viewOrder() {
   margin: 16rpx 0;
 }
 
+.hospital+.hospital {
+  margin: 0;
+}
+
 .sub-header {
   display: flex;
   justify-content: space-between;
@@ -358,10 +360,6 @@ function viewOrder() {
   margin-top: 30rpx;
 }
 
-.no {
-  margin-top: 10rpx;
-}
-
 .expired-icon {
   position: absolute;
   right: 80rpx;