Merge branch 'dev-wdb' of http://175.27.226.205:3000/huxuejian/ykt-wxapp into dev-wdb

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

@@ -1,63 +1,65 @@
 <template>
-  <view class="medical-case-form">
+  <full-page :customScroll="empty">
-    <view class="form-container">
+    <view class="medical-case-form">
-      <!-- 动态渲染表单字段 -->
+      <view class="form-container">
-      <view
+        <!-- 动态渲染表单字段 -->
-        v-for="field in currentFields"
+        <view
-        :key="field.key"
+          v-for="field in currentFields"
-        class="form-item"
+          :key="field.key"
-        :class="{ required: field.required }"
+          class="form-item"
-      >
+          :class="{ required: field.required }"
-        <view class="item-label">{{ field.label }}</view>
-
-        <!-- 日期选择器 -->
-        <picker
-          v-if="field.type === 'date'"
-          mode="date"
-          :value="formData[field.key]"
-          @change="onDateChange(field.key, $event)"
-          :disabled="!isEditing"
         >
-          <view class="picker-value">
+          <view class="item-label">{{ field.label }}</view>
-            {{ formData[field.key] || "暂无" }}
+          <!-- 日期选择器 -->
-          </view>
+          <picker
-        </picker>
+            v-if="field.type === 'date'"
+            mode="date"
+            :value="formData[field.key]"
+            @change="onDateChange(field.key, $event)"
+            :disabled="!isEditing"
+          >
+            <view class="picker-value">
+              {{ formData[field.key] || "暂无" }}
+            </view>
+          </picker>
 
-        <!-- 多行文本 -->
+          <!-- 多行文本 -->
-        <textarea
+          <textarea
-          v-else-if="field.type === 'textarea'"
+            v-else-if="field.type === 'textarea'"
-          class="item-textarea"
+            class="item-textarea"
-          v-model="formData[field.key]"
+            v-model="formData[field.key]"
-          placeholder="请输入"
+            placeholder="请输入"
-          :disabled="!isEditing"
+            :disabled="!isEditing"
-        />
+          />
 
-        <!-- 单行文本 -->
+          <!-- 单行文本 -->
-        <input
+          <input
-          v-else
+            v-else
-          class="item-input"
+            class="item-input"
-          v-model="formData[field.key]"
+            v-model="formData[field.key]"
-          placeholder="暂无"
+            placeholder="暂无"
-          :disabled="!isEditing"
+            :disabled="!isEditing"
-        />
+          />
+        </view>
+      </view>
+
+      <view class="footer-buttons">
+        <view class="btn-regenerate" @click="handleRegenerate">
+          <text class="btn-text">重新生成</text>
+        </view>
+        <view class="btn-save" @click="handleSave">
+          <text class="btn-text">保存至档案</text>
+        </view>
       </view>
     </view>
-
+  </full-page>
-    <view class="footer-buttons">
-      <view class="btn-regenerate" @click="handleRegenerate">
-        <text class="btn-text">重新生成</text>
-      </view>
-      <view class="btn-save" @click="handleSave">
-        <text class="btn-text">保存至档案</text>
-      </view>
-    </view>
-  </view>
 </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({});
@@ -185,7 +187,7 @@ const FIELD_CONFIG = {
       label: FIELD_LABELS.examination,
       type: "textarea",
       required: false,
-    }
+    },
   ],
   physicalExaminationTemplate: [
     {
@@ -198,7 +200,7 @@ const FIELD_CONFIG = {
       key: "inspectSummary",
       label: FIELD_LABELS.inspectSummary,
       type: "textarea",
-      required: false,
+      required: true,
     },
     {
       key: "positiveFind",
@@ -212,7 +214,7 @@ const FIELD_CONFIG = {
       key: "consultationDate",
       label: FIELD_LABELS.consultationDate,
       type: "date",
-      required: false,
+      required: true,
     },
     {
       key: "chiefComplaint",
@@ -230,7 +232,7 @@ const FIELD_CONFIG = {
       key: "pastMedicalHistory",
       label: FIELD_LABELS.pastMedicalHistory,
       type: "textarea",
-      required: true,
+      required: false,
     },
   ],
 };

pages/message/chat.scss

@@ -6,28 +6,21 @@ $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: fixed;
+  position: relative;
-  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 {
@@ -91,14 +84,10 @@ $primary-color: #0877F1;
 }
 
 .chat-content {
-  position: fixed;
+  flex: 1;
-  top: 100rpx; /* 患者信息栏高度，根据实际调整 */
-  left: 0;
-  right: 0;
-  bottom: 200rpx; /* 输入框高度，根据实际调整 */
   box-sizing: border-box;
   overflow-x: hidden;
-  overflow-y: auto;
+  min-height: 0;
 }
 
 .chat-content-compressed {
@@ -363,31 +352,19 @@ $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: 12rpx 20rpx;
+  padding: 16rpx 20rpx;
-  padding-bottom: env(safe-area-inset-bottom);
   gap: 12rpx;
-  border-top: 1rpx solid #e0e0e0;
-  background: #fff;
 }
 
 .voice-toggle-btn {
@@ -510,8 +487,7 @@ $primary-color: #0877F1;
   justify-content: flex-start;
   background: #fff;
   border-top: 1rpx solid #eee;
-  padding: 20rpx 0 20rpx 60rpx;
+  padding: 20rpx 0 40rpx 60rpx;
-  padding-bottom: env(safe-area-inset-bottom);
   gap: 40rpx 50rpx;
   flex-wrap: wrap;
   background-color: #f5f5f5;
@@ -541,7 +517,7 @@ $primary-color: #0877F1;
   background-color: white;
   border-top: 1rpx solid #e0e0e0;
   padding: 16rpx;
-  margin-bottom: env(safe-area-inset-bottom);
+  margin-bottom: 40rpx;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -686,7 +662,7 @@ $primary-color: #0877F1;
   width: 100%;
   max-height: 80vh;
   padding: 20rpx;
-  padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
+  padding-bottom: calc(20rpx + 40rpx);
   position: relative;
   box-sizing: border-box;
   margin: 0;
@@ -818,7 +794,7 @@ $primary-color: #0877F1;
   background-color: white;
   width: auto;
   padding: 32rpx 20rpx 48rpx 20rpx;
-  padding-bottom: calc(48rpx + env(safe-area-inset-bottom));
+  padding-bottom: calc(48rpx + 40rpx);
   text-align: center;
   margin: 0 auto;
   position: relative;

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

@@ -12,19 +12,6 @@
         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>
 
@@ -32,8 +19,6 @@
 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: {
@@ -56,11 +41,24 @@ const props = defineProps({
     type: String,
     default: "",
   },
+  typeSelectorRef: {
+    type: Object,
+    default: null,
+  },
+  progressRef: {
+    type: Object,
+    default: null,
+  },
 });
-const emit = defineEmits(["streamText", "clearInput", "generatingStateChange"]);
+const emit = defineEmits([
+  "streamText",
+  "clearInput",
+  "generatingStateChange",
+  "caseTypeSelect",
+  "regenerateFromProgress",
+  "nextFromProgress",
+]);
 
-const typeSelectorRef = ref(null);
-const progressRef = ref(null);
 const isGenerating = ref(false);
 
 const buttons = ref([
@@ -217,143 +215,22 @@ const handleAIAssistant = (button) => {
 
 // 处理补充病历
 const handleSupplementRecord = (button) => {
-  typeSelectorRef.value?.open();
+  props.typeSelectorRef?.open();
 };
 
 // 处理病历类型选择
 const handleCaseTypeSelect = async (type) => {
-  try {
+  emit("caseTypeSelect", type);
-    // 打开进度弹窗
-    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) => {
-  const type = { id: data.caseType };
+  emit("regenerateFromProgress", data);
-  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"
+          :auto-height="true" :show-confirm-bar="false" :hold-keyboard="true"  :cursor-spacing="40"
           ref="textareaRef"
           />
         <input v-else class="voice-input-btn" :class="{ recording: isRecording }" @touchstart="startRecord"

pages/message/index.vue

@@ -165,12 +165,30 @@
           :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>
 
@@ -206,6 +224,9 @@ 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;
 
@@ -283,6 +304,8 @@ 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("");
@@ -983,6 +1006,142 @@ 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,