pages/case/ai-medical-case-form.vue

@@ -1,5 +1,4 @@
 <template>
-  <full-page :customScroll="empty">
   <view class="medical-case-form">
     <view class="form-container">
       <!-- 动态渲染表单字段 -->
@@ -10,6 +9,7 @@
         :class="{ required: field.required }"
       >
         <view class="item-label">{{ field.label }}</view>
+
         <!-- 日期选择器 -->
         <picker
           v-if="field.type === 'date'"
@@ -52,14 +52,12 @@
       </view>
     </view>
   </view>
-  </full-page>
 </template>
 
 <script setup>
 import { ref, computed, onMounted } from "vue";
 import { storeToRefs } from "pinia";
 import useAccountStore from "@/store/account";
-import FullPage from "@/components/full-page.vue";
 import api from "@/utils/api.js";
 const caseType = ref("");
 const formData = ref({});
@@ -187,7 +185,7 @@ const FIELD_CONFIG = {
       label: FIELD_LABELS.examination,
       type: "textarea",
       required: false,
-    },
+    }
   ],
   physicalExaminationTemplate: [
     {
@@ -200,7 +198,7 @@ const FIELD_CONFIG = {
       key: "inspectSummary",
       label: FIELD_LABELS.inspectSummary,
       type: "textarea",
-      required: true,
+      required: false,
     },
     {
       key: "positiveFind",
@@ -214,7 +212,7 @@ const FIELD_CONFIG = {
       key: "consultationDate",
       label: FIELD_LABELS.consultationDate,
       type: "date",
-      required: true,
+      required: false,
     },
     {
       key: "chiefComplaint",
@@ -232,7 +230,7 @@ const FIELD_CONFIG = {
       key: "pastMedicalHistory",
       label: FIELD_LABELS.pastMedicalHistory,
       type: "textarea",
-      required: false,
+      required: true,
     },
   ],
 };

pages/message/chat.scss

@@ -6,21 +6,28 @@ $text-color-sub: #999;
 $primary-color: #0877F1;
 
 .chat-page {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
   display: flex;
   flex-direction: column;
-  height: 100vh;
   background-color: #f5f5f5;
   overflow: hidden;
 }
 
-/* 患者信息栏样式 */
+/* 患者信息栏样式 - 固定在顶部 */
 .patient-info-bar {
-  position: relative;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
   background: #fff;
   border-bottom: 1rpx solid #f0f0f0;
   padding: 20rpx 32rpx;
   z-index: 10;
-  flex-shrink: 0; /* 防止被压缩 */
+  flex-shrink: 0;
 }
 
 .patient-info-content {
@@ -84,10 +91,14 @@ $primary-color: #0877F1;
 }
 
 .chat-content {
-  flex: 1;
+  position: fixed;
+  top: 100rpx; /* 患者信息栏高度，根据实际调整 */
+  left: 0;
+  right: 0;
+  bottom: 200rpx; /* 输入框高度，根据实际调整 */
   box-sizing: border-box;
   overflow-x: hidden;
-  min-height: 0;
+  overflow-y: auto;
 }
 
 .chat-content-compressed {
@@ -352,19 +363,31 @@ $primary-color: #0877F1;
 }
 
 .input-section {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
   background: #fff;
-  border-top: 1rpx solid #e0e0e0;
-  position: relative;
   z-index: 200;
-  padding-bottom: 40rpx;
   flex-shrink: 0;
+  transform: translateZ(0); /* 开启硬件加速，提升性能 */
+  display: flex;
+  flex-direction: column;
+}
+
+.ai-assistant-slot {
+  width: 100%;
+  background: #fff;
 }
 
 .input-toolbar {
   display: flex;
   align-items: center;
-  padding: 16rpx 20rpx;
+  padding: 12rpx 20rpx;
+  padding-bottom: env(safe-area-inset-bottom);
   gap: 12rpx;
+  border-top: 1rpx solid #e0e0e0;
+  background: #fff;
 }
 
 .voice-toggle-btn {
@@ -487,7 +510,8 @@ $primary-color: #0877F1;
   justify-content: flex-start;
   background: #fff;
   border-top: 1rpx solid #eee;
-  padding: 20rpx 0 40rpx 60rpx;
+  padding: 20rpx 0 20rpx 60rpx;
+  padding-bottom: env(safe-area-inset-bottom);
   gap: 40rpx 50rpx;
   flex-wrap: wrap;
   background-color: #f5f5f5;
@@ -517,7 +541,7 @@ $primary-color: #0877F1;
   background-color: white;
   border-top: 1rpx solid #e0e0e0;
   padding: 16rpx;
-  margin-bottom: 40rpx;
+  margin-bottom: env(safe-area-inset-bottom);
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -662,7 +686,7 @@ $primary-color: #0877F1;
   width: 100%;
   max-height: 80vh;
   padding: 20rpx;
-  padding-bottom: calc(20rpx + 40rpx);
+  padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
   position: relative;
   box-sizing: border-box;
   margin: 0;
@@ -794,7 +818,7 @@ $primary-color: #0877F1;
   background-color: white;
   width: auto;
   padding: 32rpx 20rpx 48rpx 20rpx;
-  padding-bottom: calc(48rpx + 40rpx);
+  padding-bottom: calc(48rpx + env(safe-area-inset-bottom));
   text-align: center;
   margin: 0 auto;
   position: relative;

pages/message/components/ai-assistant-buttons.vue

@@ -12,6 +12,19 @@
         button.loading && button.loadingText ? button.loadingText : button.text
       }}</text>
     </view>
+
+    <!-- 病历类型选择弹窗 -->
+    <medical-case-type-selector
+      ref="typeSelectorRef"
+      @select="handleCaseTypeSelect"
+    />
+
+    <!-- 进度显示弹窗 -->
+    <medical-case-progress
+      ref="progressRef"
+      @regenerate="handleRegenerateFromProgress"
+      @next="handleNextFromProgress"
+    />
   </view>
 </template>
 
@@ -19,6 +32,8 @@
 import { ref, onMounted, onUnmounted } from "vue";
 import request from "@/utils/http.js";
 import api from "@/utils/api.js";
+import MedicalCaseTypeSelector from "./medical-case-type-selector.vue";
+import MedicalCaseProgress from "./medical-case-progress.vue";
 
 const props = defineProps({
   groupId: {
@@ -41,24 +56,11 @@ const props = defineProps({
     type: String,
     default: "",
   },
-  typeSelectorRef: {
-    type: Object,
-    default: null,
-  },
-  progressRef: {
-    type: Object,
-    default: null,
-  },
 });
-const emit = defineEmits([
-  "streamText",
-  "clearInput",
-  "generatingStateChange",
-  "caseTypeSelect",
-  "regenerateFromProgress",
-  "nextFromProgress",
-]);
+const emit = defineEmits(["streamText", "clearInput", "generatingStateChange"]);
 
+const typeSelectorRef = ref(null);
+const progressRef = ref(null);
 const isGenerating = ref(false);
 
 const buttons = ref([
@@ -215,22 +217,143 @@ const handleAIAssistant = (button) => {
 
 // 处理补充病历
 const handleSupplementRecord = (button) => {
-  props.typeSelectorRef?.open();
+  typeSelectorRef.value?.open();
 };
 
 // 处理病历类型选择
 const handleCaseTypeSelect = async (type) => {
-  emit("caseTypeSelect", type);
+  try {
+    // 打开进度弹窗
+    progressRef.value?.open(type.id);
+    progressRef.value?.updateProgress(10);
+
+    // 调用补充病历接口（流式处理）
+    await requestWithStream({
+      url: "/getYoucanData/im",
+      data: {
+        type: "supplementMedicalCase",
+        groupId: props.groupId,
+        patientAccountId: props.patientAccountId || props.customerId,
+        corpId: props.corpId,
+        caseType: type.id,
+      },
+      onProgress: (data) => {
+        // 处理流式数据
+        handleStreamData(data, type.id);
+      },
+      onComplete: (finalData) => {
+        // 完成后跳转
+        handleComplete(finalData, type.id);
+      },
+      onError: (error) => {
+        progressRef.value?.close();
+        uni.showToast({
+          title: error.message || "生成病历失败",
+          icon: "none",
+        });
+      },
+    });
+  } catch (error) {
+    console.error("补充病历失败:", error);
+    progressRef.value?.close();
+    uni.showToast({
+      title: "操作失败，请重试",
+      icon: "none",
+    });
+  }
+};
+
+// 流式请求处理
+const requestWithStream = async ({
+  url,
+  data,
+  onProgress,
+  onComplete,
+  onError,
+}) => {
+  try {
+    // 调用接口时不显示全局 loading（第二个参数为 false）
+    const result = await request(
+      {
+        url,
+        data,
+      },
+      false
+    );
+
+    if (result.success && result.data) {
+      // 模拟流式处理（如果后端返回的是完整数据）
+      const extractedData = result.data.extractedData || {};
+
+      // 逐个字段动态显示（包括空值字段）
+      let progressValue = 20;
+      const fields = Object.entries(extractedData);
+      const delay = 300; // 每个字段显示间隔
+
+      for (let i = 0; i < fields.length; i++) {
+        const [key, value] = fields[i];
+
+        // 显示所有字段，包括空值（会在组件中显示为"暂无"）
+        await new Promise((resolve) => setTimeout(resolve, delay));
+        onProgress({ key, value });
+        progressValue += Math.floor(60 / fields.length);
+        progressRef.value?.updateProgress(Math.min(progressValue, 80));
+      }
+
+      // 完成
+      onComplete(result.data);
+    } else {
+      onError(new Error(result.message || "请求失败"));
+    }
+  } catch (error) {
+    onError(error);
+  }
+};
+
+// 处理流式数据
+const handleStreamData = (data, caseType) => {
+  const { key, value } = data;
+
+  // 添加检测到的信息
+  progressRef.value?.addDetectedInfo(key, value);
+};
+
+// 处理完成
+const handleComplete = (finalData, caseType) => {
+  progressRef.value?.updateProgress(90);
+  progressRef.value?.setGenerating(true);
+
+  // 延迟后完成
+  setTimeout(() => {
+    progressRef.value?.updateProgress(100);
+    progressRef.value?.setGenerating(false);
+
+    // 延迟后显示操作按钮（不自动跳转）
+    setTimeout(() => {
+      progressRef.value?.setCompleted(true, finalData);
+    }, 500);
+  }, 800);
 };
 
 // 处理从进度弹窗点击重新生成
 const handleRegenerateFromProgress = (data) => {
-  emit("regenerateFromProgress", data);
+  const type = { id: data.caseType };
+  handleCaseTypeSelect(type);
 };
 
 // 处理从进度弹窗点击下一步
 const handleNextFromProgress = (data) => {
-  emit("nextFromProgress", data);
+  // 根据病历类型动态构建表单数据
+  const extractedData = data.data?.extractedData || {};
+
+  // 跳转到病历填写页面
+  uni.navigateTo({
+    url: `/pages/case/ai-medical-case-form?caseType=${data.caseType}&patientId=${
+      props.patientId
+    }&groupId=${props.groupId}&formData=${encodeURIComponent(
+      JSON.stringify(extractedData)
+    )}`,
+  });
 };
 
 // 监听重新生成事件

pages/message/components/chat-input.vue

@@ -13,7 +13,7 @@
       <view class="input-area">
         <textarea v-if="!showVoiceInput" class="text-input" v-model="inputText" placeholder="我来说两句..." 
           @confirm="sendTextMessage" @focus="handleInputFocus" @input="handleInput" 
-          :auto-height="true" :show-confirm-bar="false" :hold-keyboard="true"  :cursor-spacing="40"
+          :auto-height="true" :show-confirm-bar="false" :hold-keyboard="true"
           ref="textareaRef"
           />
         <input v-else class="voice-input-btn" :class="{ recording: isRecording }" @touchstart="startRecord"

pages/message/index.vue

@@ -165,30 +165,12 @@
           :patientAccountId="chatInfo.userID || ''"
           :patientId="patientId"
           :corpId="corpId"
-          :typeSelectorRef="typeSelectorRef"
-          :progressRef="progressRef"
           @streamText="handleStreamText"
           @clearInput="handleClearInput"
           @generatingStateChange="handleGeneratingStateChange"
-          @caseTypeSelect="handleCaseTypeSelect"
-          @regenerateFromProgress="handleRegenerateFromProgress"
-          @nextFromProgress="handleNextFromProgress"
         />
       </template>
     </ChatInput>
-
-    <!-- 病历类型选择弹窗 -->
-    <MedicalCaseTypeSelector
-      ref="typeSelectorRef"
-      @select="handleCaseTypeSelect"
-    />
-
-    <!-- 进度显示弹窗 -->
-    <MedicalCaseProgress
-      ref="progressRef"
-      @regenerate="handleRegenerateFromProgress"
-      @next="handleNextFromProgress"
-    />
   </view>
 </template>
 
@@ -224,9 +206,6 @@ import SystemMessage from "./components/system-message.vue";
 import ConsultAccept from "./components/consult-accept.vue";
 import RejectReasonModal from "./components/reject-reason-modal.vue";
 import AIAssistantButtons from "./components/ai-assistant-buttons.vue";
-import MedicalCaseTypeSelector from "./components/medical-case-type-selector.vue";
-import MedicalCaseProgress from "./components/medical-case-progress.vue";
-import request from "@/utils/http.js";
 
 const timChatManager = globalTimChatManager;
 
@@ -304,8 +283,6 @@ const { initIMAfterLogin } = useAccountStore();
 // 聊天输入组件引用
 const chatInputRef = ref(null);
 const aiAssistantRef = ref(null);
-const typeSelectorRef = ref(null);
-const progressRef = ref(null);
 const isGenerating = ref(false);
 
 const groupId = ref("");
@@ -1006,142 +983,6 @@ const handleGeneratingStateChange = (generating) => {
   isGenerating.value = generating;
 };
 
-// 处理病历类型选择
-const handleCaseTypeSelect = async (type) => {
-  try {
-    // 打开进度弹窗
-    progressRef.value?.open(type.id);
-    progressRef.value?.updateProgress(10);
-
-    // 调用补充病历接口（流式处理）
-    await requestWithStream({
-      url: "/getYoucanData/im",
-      data: {
-        type: "supplementMedicalCase",
-        groupId: groupId.value,
-        patientAccountId: chatInfo.value.userID || "",
-        corpId: corpId,
-        caseType: type.id,
-      },
-      onProgress: (data) => {
-        // 处理流式数据
-        handleStreamData(data, type.id);
-      },
-      onComplete: (finalData) => {
-        // 完成后跳转
-        handleComplete(finalData, type.id);
-      },
-      onError: (error) => {
-        progressRef.value?.close();
-        uni.showToast({
-          title: error.message || "生成病历失败",
-          icon: "none",
-        });
-      },
-    });
-  } catch (error) {
-    console.error("补充病历失败:", error);
-    progressRef.value?.close();
-    uni.showToast({
-      title: "操作失败，请重试",
-      icon: "none",
-    });
-  }
-};
-
-// 流式请求处理
-const requestWithStream = async ({
-  url,
-  data,
-  onProgress,
-  onComplete,
-  onError,
-}) => {
-  try {
-    // 调用接口时不显示全局 loading（第二个参数为 false）
-    const result = await request(
-      {
-        url,
-        data,
-      },
-      false
-    );
-
-    if (result.success && result.data) {
-      // 模拟流式处理（如果后端返回的是完整数据）
-      const extractedData = result.data.extractedData || {};
-
-      // 逐个字段动态显示（包括空值字段）
-      let progressValue = 20;
-      const fields = Object.entries(extractedData);
-      const delay = 300; // 每个字段显示间隔
-
-      for (let i = 0; i < fields.length; i++) {
-        const [key, value] = fields[i];
-
-        // 显示所有字段，包括空值（会在组件中显示为"暂无"）
-        await new Promise((resolve) => setTimeout(resolve, delay));
-        onProgress({ key, value });
-        progressValue += Math.floor(60 / fields.length);
-        progressRef.value?.updateProgress(Math.min(progressValue, 80));
-      }
-
-      // 完成
-      onComplete(result.data);
-    } else {
-      onError(new Error(result.message || "请求失败"));
-    }
-  } catch (error) {
-    onError(error);
-  }
-};
-
-// 处理流式数据
-const handleStreamData = (data, caseType) => {
-  const { key, value } = data;
-
-  // 添加检测到的信息
-  progressRef.value?.addDetectedInfo(key, value);
-};
-
-// 处理完成
-const handleComplete = (finalData, caseType) => {
-  progressRef.value?.updateProgress(90);
-  progressRef.value?.setGenerating(true);
-
-  // 延迟后完成
-  setTimeout(() => {
-    progressRef.value?.updateProgress(100);
-    progressRef.value?.setGenerating(false);
-
-    // 延迟后显示操作按钮（不自动跳转）
-    setTimeout(() => {
-      progressRef.value?.setCompleted(true, finalData);
-    }, 500);
-  }, 800);
-};
-
-// 处理从进度弹窗点击重新生成
-const handleRegenerateFromProgress = (data) => {
-  const type = { id: data.caseType };
-  handleCaseTypeSelect(type);
-};
-
-// 处理从进度弹窗点击下一步
-const handleNextFromProgress = (data) => {
-  // 根据病历类型动态构建表单数据
-  const extractedData = data.data?.extractedData || {};
-
-  // 跳转到病历填写页面
-  uni.navigateTo({
-    url: `/pages/case/ai-medical-case-form?caseType=${data.caseType}&patientId=${
-      patientId.value
-    }&groupId=${groupId.value}&formData=${encodeURIComponent(
-      JSON.stringify(extractedData)
-    )}`,
-  });
-};
-
 // 暴露方法给常用语页面调用
 defineExpose({
   sendCommonPhrase,