diff --git a/src/doctor/orders/add.tsx b/src/doctor/orders/add.tsx index 913a586..332a70d 100644 --- a/src/doctor/orders/add.tsx +++ b/src/doctor/orders/add.tsx @@ -1,6 +1,6 @@ import {useEffect, useState, useRef} from "react"; import {useRouter} from '@tarojs/taro' -import {Loading, CellGroup, Input, Form, Cell, Avatar, Tag, TextArea} from '@nutui/nutui-react-taro' +import {Loading, CellGroup, Input, Form, Cell,Button, Avatar, Tag, TextArea, ImagePreview} from '@nutui/nutui-react-taro' import {ArrowRight} from '@nutui/icons-react-taro' import {View, Text} from '@tarojs/components' import Taro from '@tarojs/taro' @@ -11,17 +11,32 @@ import {getUser} from "@/api/system/user"; import {User} from "@/api/system/user/model"; import {ClinicPatientUser} from "@/api/clinic/clinicPatientUser/model"; import {ClinicPrescription} from "@/api/clinic/clinicPrescription/model"; +import {TenantId} from "@/config/app"; + +// 图片数据接口 +interface UploadedImageData { + url?: string; + src?: string; + name?: string; + uid?: string; + message?: string; + type?: string; +} const AddOrder = () => { const {params} = useRouter(); const [toUser, setToUser] = useState() const [loading, setLoading] = useState(true) const formRef = useRef(null) + const [disabled, setDisabled] = useState(false) + const [fileList, setFileList] = useState([]) // 图片文件列表 + const [showBdImgPreview, setShowBdImgPreview] = useState(false) + const [fileList2, setFileList2] = useState([]) // 图片文件列表 // 患者和处方状态 const [selectedPatient, setSelectedPatient] = useState(null) const [selectedPrescription, setSelectedPrescription] = useState(null) - + // 表单数据 const [formData, setFormData] = useState({ diagnosis: '', @@ -35,13 +50,15 @@ const AddOrder = () => { const toUserId = params.id ? Number(params.id) : undefined const reload = async () => { - if(toUserId){ + if (toUserId) { getUser(Number(toUserId)).then(data => { setToUser(data) }) } } + setDisabled(true); + // 设置选中的患者（供其他页面调用） // @ts-ignore const setSelectedPatientFunc = (patient: ClinicPatientUser) => { @@ -53,7 +70,7 @@ const AddOrder = () => { const setSelectedPrescriptionFunc = (prescription: ClinicPrescription) => { setSelectedPrescription(prescription) } - + // 处理表单字段变化 const handleFormChange = (field: string, value: string) => { setFormData(prev => ({ @@ -62,13 +79,141 @@ const AddOrder = () => { })) } + + // 选择并上传图片 + const handleChooseImage = () => { + if (fileList.length >= 20) { + Taro.showToast({ + title: '最多只能上传20张图片', + icon: 'none' + }) + return + } + + Taro.chooseImage({ + count: 5 - fileList.length, // 剩余可选择的数量 + sizeType: ['compressed'], + sourceType: ['album', 'camera'], + success: (res) => { + console.log('选择图片成功:', res) + + // 逐个上传选中的图片 + res.tempFilePaths.forEach((filePath, index) => { + uploadSingleImage(filePath, index) + }) + }, + fail: (err) => { + console.log('选择图片失败:', err) + Taro.showToast({ + title: '选择图片失败', + icon: 'error' + }) + } + }) + } + + // 处理文件删除 + const handleFileRemove = (file: any) => { + console.log('删除文件:', file) + const newFileList = fileList.filter(f => f.uid !== file.uid) + setFileList(newFileList) + + // 更新表单数据 - 使用JSON格式存储 + if (newFileList.length === 0) { + setFormData(prev => ({ + ...prev, + image: undefined + })) + } else { + const imageData: UploadedImageData[] = newFileList.map(f => ({ + url: f.url, + src: f.url, + name: f.name, + uid: f.uid + })) + setFormData(prev => ({ + ...prev, + image: JSON.stringify(imageData) + })) + } + } + + // 上传单张图片 + const uploadSingleImage = (filePath: any, index: number) => { + + Taro.uploadFile({ + url: 'https://server.websoft.top/api/oss/upload', + filePath: filePath, + name: 'file', + header: { + 'content-type': 'application/json', + TenantId + }, + success: (res) => { + try { + const data = JSON.parse(res.data); + console.log('上传成功', data) + if (data.code === 0) { + // 更新文件列表 + const newFile = { + name: `图片${Date.now()}_${index}`, + url: data.data.url, + status: 'success', + message: '上传成功', + type: 'image', + uid: `${Date.now()}_${index}`, + } + + setFileList(prev => { + const newList = [...prev, newFile] + // 同时更新表单数据 - 使用JSON格式存储 + const imageData: UploadedImageData[] = newList.map(f => ({ + url: f.url, + name: f.name, + uid: f.uid + })) + setFormData(prevForm => ({ + ...prevForm, + image: JSON.stringify(imageData) + })) + return newList + }) + + Taro.showToast({ + title: '上传成功', + icon: 'success' + }) + } else { + Taro.showToast({ + title: data.message || '上传失败', + icon: 'error' + }) + } + } catch (error) { + console.error('解析响应失败:', error) + Taro.showToast({ + title: '上传失败', + icon: 'error' + }) + } + }, + fail: (err) => { + console.log('上传请求失败', err); + Taro.showToast({ + title: '上传失败', + icon: 'error' + }) + } + }) + } + // 提交表单 const submitSucceed = async (values: any) => { try { console.log('提交数据:', values) // 参数校验 - if(!toUser && !selectedPatient){ + if (!toUser && !selectedPatient) { Taro.showToast({ title: `请选择发送对象或患者`, icon: 'error' @@ -95,16 +240,16 @@ const AddOrder = () => { if (selectedPrescription) { content = `[处方: ${selectedPrescription.orderNo || '未知'}] ${content}`; } - + // 添加诊断结果和治疗方案到消息内容 if (values.diagnosis) { content = `诊断结果: ${values.diagnosis}\n` + content; } - + if (values.treatmentPlan) { content = `治疗方案: ${values.treatmentPlan}\n` + content; } - + if (values.decoctionInstructions) { content = `煎药说明: ${values.decoctionInstructions}\n` + content; } @@ -149,14 +294,14 @@ const AddOrder = () => { Taro.getCurrentInstance().page.setSelectedPatient = setSelectedPatientFunc; // @ts-ignore Taro.getCurrentInstance().page.setSelectedPrescription = setSelectedPrescriptionFunc; - + // 从本地存储获取之前选择的患者和处方 const storedPatient = Taro.getStorageSync('selectedPatient'); if (storedPatient) { setSelectedPatient(JSON.parse(storedPatient)); Taro.removeStorageSync('selectedPatient'); } - + const storedPrescription = Taro.getStorageSync('selectedPrescription'); if (storedPrescription) { setSelectedPrescription(JSON.parse(storedPrescription)); @@ -205,24 +350,113 @@ const AddOrder = () => {