lxd/ECG
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加上传医生签名图片预览功能

Browse Source
This commit is contained in:
Euni4U 2024-12-11 11:22:24 +08:00
parent fb27bc2fcb
commit 564c5dfe34
1 changed files with 29 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/views/system/doctor/Form.vue
View File

@ -45,9 +45,9 @@
</el-form-item> </el-form-item>
<el-form-item label="医生电子签名" prop="eSignatureUrl"> <el-form-item label="医生电子签名" prop="eSignatureUrl">
<el-image <el-image
v-model="formData.eSignatureUrl" v-model="formData.esignatureUrl"
style="width: 160px; height: 120px" style="width: 160px; height: 120px"
:src="formData.eSignatureUrl" :src="formData.esignatureUrl"
fit="fill" fit="fill"
/> />
@ -75,17 +75,23 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="机构名称" prop="orgId"> <el-form-item label="机构名称" prop="orgId">
<el-select <el-select v-model="formData.orgId" placeholder="请选择机构" clearable>
v-model="formData.orgId" <el-option
placeholder="请选择机构" v-for="item in fororglistData"
clearable :key="item.orgID"
> :label="item.orgName"
<el-option v-for="item in fororglistData" :key="item.orgID" :label="item.orgName" :value="item.orgID" /> :value="item.orgID"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>
<el-button @click="submitForm" :disabled="formLoading" style="background-color: rgb(56, 119, 246); font-size: 14; color: rgb(255, 255, 255)">确 定</el-button> <el-button
@click="submitForm"
:disabled="formLoading"
style="background-color: rgb(56, 119, 246); font-size: 14; color: rgb(255, 255, 255)"
>确 定</el-button
>
<el-button @click="dialogVisible = false">取 消</el-button> <el-button @click="dialogVisible = false">取 消</el-button>
</template> </template>
</Dialog> </Dialog>
@ -120,7 +126,7 @@ const formData = ref({
departmentName: undefined, departmentName: undefined,
doctorTel: undefined, doctorTel: undefined,
remark: undefined, remark: undefined,
eSignatureUrl: undefined, esignatureUrl: undefined,
doctorLevel: undefined, doctorLevel: undefined,
orgId: undefined, orgId: undefined,
departmentCode: undefined departmentCode: undefined
@ -141,9 +147,11 @@ const open = async (type: string, id?: number) => {
dialogVisible.value = true dialogVisible.value = true
dialogTitle.value = t('action.' + type) dialogTitle.value = t('action.' + type)
formType.value = type formType.value = type
resetForm() resetForm()
// 获取机构字典数据 // 获取机构字典数据
fororglistData.value=await OrgApi.getOrglist() formData.value.esignatureUrl = formData.value.esignatureUrl
fororglistData.value = await OrgApi.getOrglist()
//科室字典 //科室字典
fordepartementData.value = await DepartmentApi.getDepartmentList() fordepartementData.value = await DepartmentApi.getDepartmentList()
// 修改时，设置数据 // 修改时，设置数据
@ -202,7 +210,7 @@ const resetForm = () => {
departmentName: undefined, departmentName: undefined,
doctorTel: undefined, doctorTel: undefined,
remark: undefined, remark: undefined,
eSignatureUrl: undefined, esignatureUrl: undefined,
doctorLevel: undefined, doctorLevel: undefined,
orgId: undefined, orgId: undefined,
departmentCode: undefined departmentCode: undefined
@ -232,8 +240,8 @@ const handleChange = (file, fileList) => {
reader.readAsDataURL(file.raw) reader.readAsDataURL(file.raw)
reader.onload = (event) => { reader.onload = (event) => {
imageBase64.value = event.target.result imageBase64.value = event.target.result
// 在这里可以获取到文件的Base64编码 // 将base64数据同时赋值给formData.eSignatureUrl以实现即时预览
//console.log(base64Data) formData.value.esignatureUrl = event.target.result
} }
imagefilename.value = file.name imagefilename.value = file.name
} }