Compare commits

...

4 Commits

Author SHA1 Message Date
f33ec3920e Merge branch 'dev-wdb' of http://175.27.226.205:3000/huxuejian/ykt-wxapp into dev-wdb 2026-02-12 15:06:29 +08:00
8a4357614f no message 2026-02-12 15:06:26 +08:00
0683f8e510 no message 2026-02-12 14:13:36 +08:00
2363e17cc1 no message 2026-02-12 14:12:01 +08:00
5 changed files with 250 additions and 236 deletions

View File

@ -1,63 +1,65 @@
<template>
<view class="medical-case-form">
<view class="form-container">
<!-- 动态渲染表单字段 -->
<view
v-for="field in currentFields"
:key="field.key"
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"
<full-page :customScroll="empty">
<view class="medical-case-form">
<view class="form-container">
<!-- 动态渲染表单字段 -->
<view
v-for="field in currentFields"
:key="field.key"
class="form-item"
:class="{ required: field.required }"
>
<view class="picker-value">
{{ formData[field.key] || "暂无" }}
</view>
</picker>
<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">
{{ formData[field.key] || "暂无" }}
</view>
</picker>
<!-- 多行文本 -->
<textarea
v-else-if="field.type === 'textarea'"
class="item-textarea"
v-model="formData[field.key]"
placeholder="请输入"
:disabled="!isEditing"
/>
<!-- 多行文本 -->
<textarea
v-else-if="field.type === 'textarea'"
class="item-textarea"
v-model="formData[field.key]"
placeholder="请输入"
:disabled="!isEditing"
/>
<!-- 单行文本 -->
<input
v-else
class="item-input"
v-model="formData[field.key]"
placeholder="暂无"
:disabled="!isEditing"
/>
<!-- 单行文本 -->
<input
v-else
class="item-input"
v-model="formData[field.key]"
placeholder="暂无"
: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>
<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>
</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,
},
],
};

View File

@ -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;
top: 0;
left: 0;
right: 0;
position: relative;
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;
top: 100rpx; /* 患者信息栏高度,根据实际调整 */
left: 0;
right: 0;
bottom: 200rpx; /* 输入框高度,根据实际调整 */
flex: 1;
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-bottom: env(safe-area-inset-bottom);
padding: 16rpx 20rpx;
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-bottom: env(safe-area-inset-bottom);
padding: 20rpx 0 40rpx 60rpx;
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;

View File

@ -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 {
//
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);
emit("caseTypeSelect", type);
};
//
const handleRegenerateFromProgress = (data) => {
const type = { id: data.caseType };
handleCaseTypeSelect(type);
emit("regenerateFromProgress", data);
};
//
const handleNextFromProgress = (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)
)}`,
});
emit("nextFromProgress", data);
};
//

View File

@ -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"
@ -176,9 +176,9 @@ const sendTextMessage = async () => {
const textToSend = inputText.value;
inputText.value = "";
await sendMessage("text", textToSend);
//
nextTick(() => {
// focus

View File

@ -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,