Merge branch 'master' of http://114.55.171.231:3000/Euni4U/shanghai_vue3
This commit is contained in:
commit
9103d5a412
49
src/api/doctor/index.ts
Normal file
49
src/api/doctor/index.ts
Normal file
@ -0,0 +1,49 @@
|
||||
import request from '@/config/axios'
|
||||
|
||||
// 保存医生签名信息 VO
|
||||
export interface DoctorVO {
|
||||
id: number // 主键
|
||||
doctorid: string // 医生编号
|
||||
doctorname: string // 医生姓名
|
||||
doctorsign: string // 医生签名图片
|
||||
orgid: string // 机构ID
|
||||
orgname: string // 机构名称
|
||||
}
|
||||
|
||||
// 保存医生签名信息 API
|
||||
export const DoctorApi = {
|
||||
// 查询保存医生签名信息分页
|
||||
getDoctorPage: async (params: any) => {
|
||||
return await request.get({ url: `/system/doctor/page`, params })
|
||||
},
|
||||
|
||||
// 查询保存医生签名信息详情
|
||||
getDoctor: async (id: number) => {
|
||||
return await request.get({ url: `/system/doctor/get?id=` + id })
|
||||
},
|
||||
|
||||
// 新增保存医生签名信息
|
||||
createDoctor: async (data: DoctorVO) => {
|
||||
return await request.post({ url: `/system/doctor/create`, data })
|
||||
},
|
||||
|
||||
// 修改保存医生签名信息
|
||||
updateDoctor: async (data: DoctorVO) => {
|
||||
return await request.put({ url: `/system/doctor/update`, data })
|
||||
},
|
||||
|
||||
// 删除保存医生签名信息
|
||||
deleteDoctor: async (id: number) => {
|
||||
return await request.delete({ url: `/system/doctor/delete?id=` + id })
|
||||
},
|
||||
|
||||
// 导出保存医生签名信息 Excel
|
||||
exportDoctor: async (params) => {
|
||||
return await request.download({ url: `/system/doctor/export-excel`, params })
|
||||
},
|
||||
|
||||
// 根据医生id查询医生信息
|
||||
getDoctorByDoctorId: async (doctorid: string) => {
|
||||
return await request.get({ url: `/system/doctor/getDoctorByDoctorId?doctorid=` + doctorid })
|
||||
}
|
||||
}
|
||||
167
src/views/doctor/DoctorForm.vue
Normal file
167
src/views/doctor/DoctorForm.vue
Normal file
@ -0,0 +1,167 @@
|
||||
<template>
|
||||
<Dialog :title="dialogTitle" v-model="dialogVisible">
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:model="formData"
|
||||
:rules="formRules"
|
||||
label-width="100px"
|
||||
v-loading="formLoading"
|
||||
>
|
||||
<el-form-item label="医生姓名" prop="doctorname">
|
||||
<el-input v-model="formData.doctorname" placeholder="请输入医生姓名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="医生签名" prop="doctorsign">
|
||||
<el-upload
|
||||
class="avatar-uploader"
|
||||
:show-file-list="false"
|
||||
:auto-upload="false"
|
||||
:on-change="handleImageChange"
|
||||
accept="image/*"
|
||||
>
|
||||
<img v-if="formData.doctorsign" :src="formData.doctorsign" class="avatar" />
|
||||
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
</template>
|
||||
</Dialog>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { DoctorApi, DoctorVO } from '@/api/doctor'
|
||||
import { Plus } from '@element-plus/icons-vue'
|
||||
import { getUserProfile } from '@/api/system/user/profile'
|
||||
|
||||
/** 保存医生签名信息 表单 */
|
||||
defineOptions({ name: 'DoctorForm' })
|
||||
|
||||
const { t } = useI18n() // 国际化
|
||||
const message = useMessage() // 消息弹窗
|
||||
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示
|
||||
const dialogTitle = ref('') // 弹窗的标题
|
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
|
||||
const formType = ref('') // 表单的类型：create - 新增；update - 修改
|
||||
const formData = ref({
|
||||
id: undefined as number | undefined,
|
||||
doctorid: undefined as string | undefined,
|
||||
doctorname: undefined as string | undefined,
|
||||
doctorsign: undefined as string | undefined,
|
||||
orgid: undefined as number | undefined,
|
||||
orgname: undefined as string | undefined
|
||||
})
|
||||
const orgList = ref<OrgVO[]>([]) // 机构列表
|
||||
const formRules = reactive({
|
||||
doctorname: [
|
||||
{ required: true, message: '请输入医生姓名', trigger: 'blur' },
|
||||
{ min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' }
|
||||
],
|
||||
doctorsign: [{ required: true, message: '请上传医生签名图片', trigger: 'change' }]
|
||||
})
|
||||
const formRef = ref() // 表单 Ref
|
||||
|
||||
/** 打开弹窗 */
|
||||
const open = async (type: string, id?: number) => {
|
||||
dialogVisible.value = true
|
||||
dialogTitle.value = t('action.' + type)
|
||||
formType.value = type
|
||||
resetForm()
|
||||
// 修改时，设置数据
|
||||
if (id) {
|
||||
formLoading.value = true
|
||||
try {
|
||||
formData.value = await DoctorApi.getDoctor(id)
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
}
|
||||
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
|
||||
|
||||
/** 提交表单 */
|
||||
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
|
||||
const submitForm = async () => {
|
||||
// 校验表单
|
||||
await formRef.value.validate()
|
||||
// 提交请求
|
||||
formLoading.value = true
|
||||
try {
|
||||
const userProfile = await getUserProfile()
|
||||
formData.value.orgid = userProfile.orgid
|
||||
formData.value.orgname = userProfile.orgname
|
||||
formData.value.doctorid = Date.now().toString()
|
||||
const data = formData.value as unknown as DoctorVO
|
||||
if (formType.value === 'create') {
|
||||
await DoctorApi.createDoctor(data)
|
||||
message.success(t('common.createSuccess'))
|
||||
} else {
|
||||
await DoctorApi.updateDoctor(data)
|
||||
message.success(t('common.updateSuccess'))
|
||||
}
|
||||
dialogVisible.value = false
|
||||
// 发送操作成功的事件
|
||||
emit('success')
|
||||
} finally {
|
||||
formLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 重置表单 */
|
||||
const resetForm = () => {
|
||||
formData.value = {
|
||||
id: undefined,
|
||||
doctorid: undefined,
|
||||
doctorname: undefined,
|
||||
doctorsign: undefined,
|
||||
orgid: undefined,
|
||||
orgname: undefined
|
||||
}
|
||||
formRef.value?.resetFields()
|
||||
}
|
||||
|
||||
/** 处理图片选择 */
|
||||
const handleImageChange = (file: any) => {
|
||||
const reader = new FileReader()
|
||||
reader.onload = (e) => {
|
||||
formData.value.doctorsign = e.target?.result as string
|
||||
}
|
||||
reader.readAsDataURL(file.raw)
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.avatar-uploader {
|
||||
border: 1px dashed #d9d9d9;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 178px;
|
||||
height: 178px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.avatar-uploader:hover {
|
||||
border-color: #409eff;
|
||||
}
|
||||
|
||||
.avatar-uploader-icon {
|
||||
font-size: 28px;
|
||||
color: #8c939d;
|
||||
width: 178px;
|
||||
height: 178px;
|
||||
text-align: center;
|
||||
line-height: 178px;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 178px;
|
||||
height: 178px;
|
||||
display: block;
|
||||
object-fit: contain;
|
||||
}
|
||||
</style>
|
||||
171
src/views/doctor/index.vue
Normal file
171
src/views/doctor/index.vue
Normal file
@ -0,0 +1,171 @@
|
||||
<template>
|
||||
<ContentWrap>
|
||||
<!-- 搜索工作栏 -->
|
||||
<el-form
|
||||
class="-mb-15px"
|
||||
:model="queryParams"
|
||||
ref="queryFormRef"
|
||||
:inline="true"
|
||||
label-width="68px"
|
||||
>
|
||||
<el-form-item label="医生编号" prop="doctorid">
|
||||
<el-input
|
||||
v-model="queryParams.doctorid"
|
||||
placeholder="请输入医生编号"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-200px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="医生姓名" prop="doctorname">
|
||||
<el-input
|
||||
v-model="queryParams.doctorname"
|
||||
placeholder="请输入医生姓名"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-200px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="所属机构" prop="orgname">
|
||||
<el-input
|
||||
v-model="queryParams.orgname"
|
||||
placeholder="请输入所属机构"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-200px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
|
||||
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
|
||||
<el-button type="primary" plain @click="openForm('create')">
|
||||
<Icon icon="ep:plus" class="mr-5px" /> 新增
|
||||
</el-button>
|
||||
<el-button type="success" plain @click="handleExport" :loading="exportLoading">
|
||||
<Icon icon="ep:download" class="mr-5px" /> 导出
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</ContentWrap>
|
||||
|
||||
<!-- 列表 -->
|
||||
<ContentWrap>
|
||||
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
|
||||
<el-table-column label="医生编号" align="center" prop="doctorid" />
|
||||
<el-table-column label="医生姓名" align="center" prop="doctorname" />
|
||||
<el-table-column label="机构ID" align="center" prop="orgid" />
|
||||
<el-table-column label="所属机构" align="center" prop="orgname" />
|
||||
<el-table-column label="操作" align="center" min-width="120px">
|
||||
<template #default="scope">
|
||||
<el-button link type="primary" @click="openForm('update', scope.row.id)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button link type="danger" @click="handleDelete(scope.row.id)"> 删除 </el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<Pagination
|
||||
:total="total"
|
||||
v-model:page="queryParams.pageNo"
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</ContentWrap>
|
||||
|
||||
<!-- 表单弹窗：添加/修改 -->
|
||||
<DoctorForm ref="formRef" @success="getList" />
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import download from '@/utils/download'
|
||||
import { DoctorApi, DoctorVO } from '@/api/doctor'
|
||||
import DoctorForm from './DoctorForm.vue'
|
||||
import { getUserProfile } from '@/api/system/user/profile'
|
||||
|
||||
/** 保存医生签名信息 列表 */
|
||||
defineOptions({ name: 'InspectDoctor' })
|
||||
|
||||
const message = useMessage() // 消息弹窗
|
||||
const { t } = useI18n() // 国际化
|
||||
|
||||
const loading = ref(true) // 列表的加载中
|
||||
const list = ref<DoctorVO[]>([]) // 列表的数据
|
||||
const total = ref(0) // 列表的总页数
|
||||
const queryParams = reactive({
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
doctorid: undefined,
|
||||
doctorname: undefined,
|
||||
doctorsign: undefined,
|
||||
orgid: undefined,
|
||||
orgname: undefined
|
||||
})
|
||||
const queryFormRef = ref() // 搜索的表单
|
||||
const exportLoading = ref(false) // 导出的加载中
|
||||
|
||||
/** 查询列表 */
|
||||
const getList = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const userProfile = await getUserProfile()
|
||||
queryParams.orgid = userProfile.orgid
|
||||
const data = await DoctorApi.getDoctorPage(queryParams)
|
||||
list.value = data.list
|
||||
total.value = data.total
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
const handleQuery = () => {
|
||||
queryParams.pageNo = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = () => {
|
||||
queryFormRef.value.resetFields()
|
||||
handleQuery()
|
||||
}
|
||||
|
||||
/** 添加/修改操作 */
|
||||
const formRef = ref()
|
||||
const openForm = (type: string, id?: number) => {
|
||||
formRef.value.open(type, id)
|
||||
}
|
||||
|
||||
/** 删除按钮操作 */
|
||||
const handleDelete = async (id: number) => {
|
||||
try {
|
||||
// 删除的二次确认
|
||||
await message.delConfirm()
|
||||
// 发起删除
|
||||
await DoctorApi.deleteDoctor(id)
|
||||
message.success(t('common.delSuccess'))
|
||||
// 刷新列表
|
||||
await getList()
|
||||
} catch {}
|
||||
}
|
||||
|
||||
/** 导出按钮操作 */
|
||||
const handleExport = async () => {
|
||||
try {
|
||||
// 导出的二次确认
|
||||
await message.exportConfirm()
|
||||
// 发起导出
|
||||
exportLoading.value = true
|
||||
const data = await DoctorApi.exportDoctor(queryParams)
|
||||
download.excel(data, '保存医生签名信息.xls')
|
||||
} catch {
|
||||
} finally {
|
||||
exportLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 初始化 **/
|
||||
onMounted(() => {
|
||||
getList()
|
||||
})
|
||||
</script>
|
||||
@ -88,8 +88,8 @@ const formRules = reactive<Record<string, any[]>>({
|
||||
const formRef = ref() // 表单 Ref
|
||||
|
||||
/** 处理机构属性变化 */
|
||||
const handleIsParentChange = async (value: string | undefined) => {
|
||||
if (value === '0') {
|
||||
const handleIsParentChange = async (value: number | undefined) => {
|
||||
if (value === 0) {
|
||||
// 选择基层，显示上级机构选择框
|
||||
showParentOrgSelect.value = true
|
||||
// 获取上级机构列表
|
||||
@ -142,7 +142,7 @@ const open = async (type: string, id?: number) => {
|
||||
try {
|
||||
formData.value = await OrgApi.getOrg(id)
|
||||
// 根据机构属性决定是否显示上级机构选择框
|
||||
if (formData.value.isParent == '0') {
|
||||
if (formData.value.isParent === 0) {
|
||||
showParentOrgSelect.value = true
|
||||
await loadParentOrgList()
|
||||
formRules.parentOrgId = [{ required: true, message: '上级机构不能为空', trigger: 'change' }]
|
||||
|
||||
Loading…
Reference in New Issue
Block a user