From 5f6070f7ca95e126d52116ea1e7caa4910ef954b Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期一, 09 九月 2024 18:27:05 +0800 Subject: [PATCH] 作业记录功能 --- src/views/ecg/doctor/components/JobRecordPanel.vue | 32 +++ src/views/ecg/jobrecord/JobRecordForm.vue | 140 +++++++++++++++ src/views/ecg/jobrecord/index.vue | 284 +++++++++++++++++++++++++++++++ src/views/ecg/doctor/components/DevRentPanel.vue | 7 src/api/ecg/jobrecord/index.ts | 48 +++++ 5 files changed, 510 insertions(+), 1 deletions(-) diff --git a/src/api/ecg/jobrecord/index.ts b/src/api/ecg/jobrecord/index.ts new file mode 100644 index 0000000..31279fa --- /dev/null +++ b/src/api/ecg/jobrecord/index.ts @@ -0,0 +1,48 @@ +import request from '@/config/axios' + +// 宸ヤ綔璁板綍 VO +export interface JobRecordVO { + id: number // id + jobType: number // 浣滀笟绫诲瀷 + docId: number // 鍖荤敓缂栧彿 + docName: string // 鍖荤敓鍚嶇О + devId: string // 璁惧缂栧彿 + patId: string // 鎮h�呯紪鍙� + patName: string // 鎮h�呭悕绉� + jobTime: Date // 浣滀笟鏃堕棿 + summary: number // 浣滀笟姒傝 + remark: string // 澶囨敞 +} + +// 宸ヤ綔璁板綍 API +export const JobRecordApi = { + // 鏌ヨ宸ヤ綔璁板綍鍒嗛〉 + getJobRecordPage: async (params: any) => { + return await request.get({ url: `/ecg/job-record/page`, params }) + }, + + // 鏌ヨ宸ヤ綔璁板綍璇︽儏 + getJobRecord: async (id: number) => { + return await request.get({ url: `/ecg/job-record/get?id=` + id }) + }, + + // 鏂板宸ヤ綔璁板綍 + createJobRecord: async (data: JobRecordVO) => { + return await request.post({ url: `/ecg/job-record/create`, data }) + }, + + // 淇敼宸ヤ綔璁板綍 + updateJobRecord: async (data: JobRecordVO) => { + return await request.put({ url: `/ecg/job-record/update`, data }) + }, + + // 鍒犻櫎宸ヤ綔璁板綍 + deleteJobRecord: async (id: number) => { + return await request.delete({ url: `/ecg/job-record/delete?id=` + id }) + }, + + // 瀵煎嚭宸ヤ綔璁板綍 Excel + exportJobRecord: async (params) => { + return await request.download({ url: `/ecg/job-record/export-excel`, params }) + } +} \ No newline at end of file diff --git a/src/views/ecg/doctor/components/DevRentPanel.vue b/src/views/ecg/doctor/components/DevRentPanel.vue index 4a7d045..b370bfd 100644 --- a/src/views/ecg/doctor/components/DevRentPanel.vue +++ b/src/views/ecg/doctor/components/DevRentPanel.vue @@ -39,7 +39,8 @@ <el-input v-model="formData.remark" placeholder="璇疯緭鍏ュ娉�" /> </el-form-item> </el-form> - <el-button @click="submitForm" type="primary" :disabled="formLoading">纭� 瀹�</el-button> + <el-button @click="submitForm" type="primary" :disabled="formLoading">瑁呮満</el-button> + <el-button @click="submitDismantleForm" type="primary" :disabled="formLoading">鎷嗘満</el-button> <el-button @click="dialogVisible = false">鍙� 娑�</el-button> </template> <script setup lang="ts"> @@ -128,6 +129,10 @@ } } +const submitDismantleForm = async () => { + +} + /** 閲嶇疆琛ㄥ崟 */ const resetForm = () => { formData.value = { diff --git a/src/views/ecg/doctor/components/JobRecordPanel.vue b/src/views/ecg/doctor/components/JobRecordPanel.vue new file mode 100644 index 0000000..277a70d --- /dev/null +++ b/src/views/ecg/doctor/components/JobRecordPanel.vue @@ -0,0 +1,32 @@ +<script setup lang="ts"> +import {defineComponent, PropType} from "vue"; +import {PatientStatisticVO, RoomBedVO} from "@/api/ecg/doctor"; +import {dateFormatter} from "@/utils/formatTime"; + +defineComponent({ + name: 'JobRecordPanel' +}) + +const props = defineProps({ + room: { + type: Object as PropType<RoomBedVO>, + required: true + }, + patientStatistic: { + type: Object as PropType<PatientStatisticVO>, + required: true + } +}) + +</script> + +<template> + +</template> + +<style scoped lang="scss"> +.mytitle { + display: flex; + justify-content: space-between; +} +</style> diff --git a/src/views/ecg/jobrecord/JobRecordForm.vue b/src/views/ecg/jobrecord/JobRecordForm.vue new file mode 100644 index 0000000..369de9f --- /dev/null +++ b/src/views/ecg/jobrecord/JobRecordForm.vue @@ -0,0 +1,140 @@ +<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="jobType"> + <el-select v-model="formData.jobType" placeholder="璇烽�夋嫨浣滀笟绫诲瀷"> + <el-option label="璇烽�夋嫨瀛楀吀鐢熸垚" value="" /> + </el-select> + </el-form-item> + <el-form-item label="鍖荤敓缂栧彿" prop="docId"> + <el-input v-model="formData.docId" placeholder="璇疯緭鍏ュ尰鐢熺紪鍙�" /> + </el-form-item> + <el-form-item label="鍖荤敓鍚嶇О" prop="docName"> + <el-input v-model="formData.docName" placeholder="璇疯緭鍏ュ尰鐢熷悕绉�" /> + </el-form-item> + <el-form-item label="璁惧缂栧彿" prop="devId"> + <el-input v-model="formData.devId" placeholder="璇疯緭鍏ヨ澶囩紪鍙�" /> + </el-form-item> + <el-form-item label="鎮h�呯紪鍙�" prop="patId"> + <el-input v-model="formData.patId" placeholder="璇疯緭鍏ユ偅鑰呯紪鍙�" /> + </el-form-item> + <el-form-item label="鎮h�呭悕绉�" prop="patName"> + <el-input v-model="formData.patName" placeholder="璇疯緭鍏ユ偅鑰呭悕绉�" /> + </el-form-item> + <el-form-item label="浣滀笟鏃堕棿" prop="jobTime"> + <el-date-picker + v-model="formData.jobTime" + type="date" + value-format="x" + placeholder="閫夋嫨浣滀笟鏃堕棿" + /> + </el-form-item> + <el-form-item label="浣滀笟姒傝" prop="summary"> + <el-input v-model="formData.summary" placeholder="璇疯緭鍏ヤ綔涓氭瑕�" /> + </el-form-item> + <el-form-item label="澶囨敞" prop="remark"> + <el-input v-model="formData.remark" placeholder="璇疯緭鍏ュ娉�" /> + </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 { JobRecordApi, JobRecordVO } from '@/api/ecg/jobrecord' + +/** 宸ヤ綔璁板綍 琛ㄥ崟 */ +defineOptions({ name: 'JobRecordForm' }) + +const { t } = useI18n() // 鍥介檯鍖� +const message = useMessage() // 娑堟伅寮圭獥 + +const dialogVisible = ref(false) // 寮圭獥鐨勬槸鍚﹀睍绀� +const dialogTitle = ref('') // 寮圭獥鐨勬爣棰� +const formLoading = ref(false) // 琛ㄥ崟鐨勫姞杞戒腑锛�1锛変慨鏀规椂鐨勬暟鎹姞杞斤紱2锛夋彁浜ょ殑鎸夐挳绂佺敤 +const formType = ref('') // 琛ㄥ崟鐨勭被鍨嬶細create - 鏂板锛泆pdate - 淇敼 +const formData = ref({ + id: undefined, + jobType: undefined, + docId: undefined, + docName: undefined, + devId: undefined, + patId: undefined, + patName: undefined, + jobTime: undefined, + summary: undefined, + remark: undefined +}) +const formRules = reactive({ + jobType: [{ required: true, message: '浣滀笟绫诲瀷涓嶈兘涓虹┖', trigger: 'change' }], + docId: [{ required: true, message: '鍖荤敓缂栧彿涓嶈兘涓虹┖', trigger: 'blur' }] +}) +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 JobRecordApi.getJobRecord(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 data = formData.value as unknown as JobRecordVO + if (formType.value === 'create') { + await JobRecordApi.createJobRecord(data) + message.success(t('common.createSuccess')) + } else { + await JobRecordApi.updateJobRecord(data) + message.success(t('common.updateSuccess')) + } + dialogVisible.value = false + // 鍙戦�佹搷浣滄垚鍔熺殑浜嬩欢 + emit('success') + } finally { + formLoading.value = false + } +} + +/** 閲嶇疆琛ㄥ崟 */ +const resetForm = () => { + formData.value = { + id: undefined, + jobType: undefined, + docId: undefined, + docName: undefined, + devId: undefined, + patId: undefined, + patName: undefined, + jobTime: undefined, + summary: undefined, + remark: undefined + } + formRef.value?.resetFields() +} +</script> \ No newline at end of file diff --git a/src/views/ecg/jobrecord/index.vue b/src/views/ecg/jobrecord/index.vue new file mode 100644 index 0000000..74882f9 --- /dev/null +++ b/src/views/ecg/jobrecord/index.vue @@ -0,0 +1,284 @@ +<template> + <ContentWrap> + <!-- 鎼滅储宸ヤ綔鏍� --> + <el-form + class="-mb-15px" + :model="queryParams" + ref="queryFormRef" + :inline="true" + label-width="68px" + > + <el-form-item label="浣滀笟绫诲瀷" prop="jobType"> + <el-select + v-model="queryParams.jobType" + placeholder="璇烽�夋嫨浣滀笟绫诲瀷" + clearable + class="!w-240px" + > + <el-option label="璇烽�夋嫨瀛楀吀鐢熸垚" value="" /> + </el-select> + </el-form-item> + <el-form-item label="鍖荤敓缂栧彿" prop="docId"> + <el-input + v-model="queryParams.docId" + placeholder="璇疯緭鍏ュ尰鐢熺紪鍙�" + clearable + @keyup.enter="handleQuery" + class="!w-240px" + /> + </el-form-item> + <el-form-item label="鍖荤敓鍚嶇О" prop="docName"> + <el-input + v-model="queryParams.docName" + placeholder="璇疯緭鍏ュ尰鐢熷悕绉�" + clearable + @keyup.enter="handleQuery" + class="!w-240px" + /> + </el-form-item> + <el-form-item label="璁惧缂栧彿" prop="devId"> + <el-input + v-model="queryParams.devId" + placeholder="璇疯緭鍏ヨ澶囩紪鍙�" + clearable + @keyup.enter="handleQuery" + class="!w-240px" + /> + </el-form-item> + <el-form-item label="鎮h�呯紪鍙�" prop="patId"> + <el-input + v-model="queryParams.patId" + placeholder="璇疯緭鍏ユ偅鑰呯紪鍙�" + clearable + @keyup.enter="handleQuery" + class="!w-240px" + /> + </el-form-item> + <el-form-item label="鎮h�呭悕绉�" prop="patName"> + <el-input + v-model="queryParams.patName" + placeholder="璇疯緭鍏ユ偅鑰呭悕绉�" + clearable + @keyup.enter="handleQuery" + class="!w-240px" + /> + </el-form-item> + <el-form-item label="浣滀笟鏃堕棿" prop="jobTime"> + <el-date-picker + v-model="queryParams.jobTime" + value-format="YYYY-MM-DD HH:mm:ss" + type="daterange" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" + class="!w-220px" + /> + </el-form-item> + <el-form-item label="浣滀笟姒傝" prop="summary"> + <el-input + v-model="queryParams.summary" + placeholder="璇疯緭鍏ヤ綔涓氭瑕�" + clearable + @keyup.enter="handleQuery" + class="!w-240px" + /> + </el-form-item> + <el-form-item label="澶囨敞" prop="remark"> + <el-input + v-model="queryParams.remark" + placeholder="璇疯緭鍏ュ娉�" + clearable + @keyup.enter="handleQuery" + class="!w-240px" + /> + </el-form-item> + <el-form-item label="鍒涘缓鏃堕棿" prop="createTime"> + <el-date-picker + v-model="queryParams.createTime" + value-format="YYYY-MM-DD HH:mm:ss" + type="daterange" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" + class="!w-220px" + /> + </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')" + v-hasPermi="['ecg:job-record:create']" + > + <Icon icon="ep:plus" class="mr-5px" /> 鏂板 + </el-button> + <el-button + type="success" + plain + @click="handleExport" + :loading="exportLoading" + v-hasPermi="['ecg:job-record:export']" + > + <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="id" align="center" prop="id" /> + <el-table-column label="浣滀笟绫诲瀷" align="center" prop="jobType" /> + <el-table-column label="鍖荤敓缂栧彿" align="center" prop="docId" /> + <el-table-column label="鍖荤敓鍚嶇О" align="center" prop="docName" /> + <el-table-column label="璁惧缂栧彿" align="center" prop="devId" /> + <el-table-column label="鎮h�呯紪鍙�" align="center" prop="patId" /> + <el-table-column label="鎮h�呭悕绉�" align="center" prop="patName" /> + <el-table-column + label="浣滀笟鏃堕棿" + align="center" + prop="jobTime" + :formatter="dateFormatter" + width="180px" + /> + <el-table-column label="浣滀笟姒傝" align="center" prop="summary" /> + <el-table-column label="澶囨敞" align="center" prop="remark" /> + <el-table-column + label="鍒涘缓鏃堕棿" + align="center" + prop="createTime" + :formatter="dateFormatter" + width="180px" + /> + <el-table-column label="鎿嶄綔" align="center" min-width="120px"> + <template #default="scope"> + <el-button + link + type="primary" + @click="openForm('update', scope.row.id)" + v-hasPermi="['ecg:job-record:update']" + > + 缂栬緫 + </el-button> + <el-button + link + type="danger" + @click="handleDelete(scope.row.id)" + v-hasPermi="['ecg:job-record:delete']" + > + 鍒犻櫎 + </el-button> + </template> + </el-table-column> + </el-table> + <!-- 鍒嗛〉 --> + <Pagination + :total="total" + v-model:page="queryParams.pageNo" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + </ContentWrap> + + <!-- 琛ㄥ崟寮圭獥锛氭坊鍔�/淇敼 --> + <JobRecordForm ref="formRef" @success="getList" /> +</template> + +<script setup lang="ts"> +import { dateFormatter } from '@/utils/formatTime' +import download from '@/utils/download' +import { JobRecordApi, JobRecordVO } from '@/api/ecg/jobrecord' +import JobRecordForm from './JobRecordForm.vue' + +/** 宸ヤ綔璁板綍 鍒楄〃 */ +defineOptions({ name: 'JobRecord' }) + +const message = useMessage() // 娑堟伅寮圭獥 +const { t } = useI18n() // 鍥介檯鍖� + +const loading = ref(true) // 鍒楄〃鐨勫姞杞戒腑 +const list = ref<JobRecordVO[]>([]) // 鍒楄〃鐨勬暟鎹� +const total = ref(0) // 鍒楄〃鐨勬�婚〉鏁� +const queryParams = reactive({ + pageNo: 1, + pageSize: 10, + jobType: undefined, + docId: undefined, + docName: undefined, + devId: undefined, + patId: undefined, + patName: undefined, + jobTime: [], + summary: undefined, + remark: undefined, + createTime: [] +}) +const queryFormRef = ref() // 鎼滅储鐨勮〃鍗� +const exportLoading = ref(false) // 瀵煎嚭鐨勫姞杞戒腑 + +/** 鏌ヨ鍒楄〃 */ +const getList = async () => { + loading.value = true + try { + const data = await JobRecordApi.getJobRecordPage(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 JobRecordApi.deleteJobRecord(id) + message.success(t('common.delSuccess')) + // 鍒锋柊鍒楄〃 + await getList() + } catch {} +} + +/** 瀵煎嚭鎸夐挳鎿嶄綔 */ +const handleExport = async () => { + try { + // 瀵煎嚭鐨勪簩娆$‘璁� + await message.exportConfirm() + // 鍙戣捣瀵煎嚭 + exportLoading.value = true + const data = await JobRecordApi.exportJobRecord(queryParams) + download.excel(data, '宸ヤ綔璁板綍.xls') + } catch { + } finally { + exportLoading.value = false + } +} + +/** 鍒濆鍖� **/ +onMounted(() => { + getList() +}) +</script> \ No newline at end of file -- Gitblit v1.9.3