From a4aa98cebc5d503bbc93f8f6e158b1d3a28a4a9d Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期二, 26 十一月 2024 23:23:53 +0800
Subject: [PATCH] 显示宽度
---
src/views/ecg/appointment/index.vue | 214 +++++++++++++----------------------------------------
1 files changed, 54 insertions(+), 160 deletions(-)
diff --git a/src/views/ecg/appointment/index.vue b/src/views/ecg/appointment/index.vue
index 54c7f47..a5d4912 100644
--- a/src/views/ecg/appointment/index.vue
+++ b/src/views/ecg/appointment/index.vue
@@ -26,31 +26,6 @@
class="!w-240px"
/>
</el-form-item>
- <el-form-item label="鎮ｈ�呮�у埆" prop="patGender">
- <el-select
- v-model="queryParams.patGender"
- placeholder="璇烽�夋嫨鎮ｈ�呮�у埆"
- clearable
- class="!w-240px"
- >
- <el-option
- v-for="dict in getBoolDictOptions(DICT_TYPE.SYSTEM_USER_SEX)"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- />
- </el-select>
- </el-form-item>
- <el-form-item label="鎮ｈ�呯敓鏃�" prop="patBirthday">
- <el-date-picker
- v-model="queryParams.patBirthday"
- value-format="YYYY-MM-DD"
- type="date"
- placeholder="閫夋嫨鎮ｈ�呯敓鏃�"
- clearable
- class="!w-240px"
- />
- </el-form-item>
<el-form-item label="鎮ｈ�呮墜鏈�" prop="patMobile">
<el-input
v-model="queryParams.patMobile"
@@ -60,6 +35,7 @@
class="!w-240px"
/>
</el-form-item>
+<!--
<el-form-item label="鎮ｈ�呯數璇�" prop="patPhone">
<el-input
v-model="queryParams.patPhone"
@@ -69,64 +45,11 @@
class="!w-240px"
/>
</el-form-item>
+-->
<el-form-item label="韬唤璇佸彿" prop="patIdentityId">
<el-input
v-model="queryParams.patIdentityId"
placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�"
- clearable
- @keyup.enter="handleQuery"
- class="!w-240px"
- />
- </el-form-item>
- <el-form-item label="鎮ｈ�呭湴鍧�" prop="patAddr">
- <el-input
- v-model="queryParams.patAddr"
- placeholder="璇疯緭鍏ユ偅鑰呭湴鍧�"
- clearable
- @keyup.enter="handleQuery"
- class="!w-240px"
- />
- </el-form-item>
- <el-form-item label="鎮ｈ�呮墍鍦ㄧ瀹や唬鐮�" prop="patDeptCode">
- <el-input
- v-model="queryParams.patDeptCode"
- placeholder="璇疯緭鍏ユ偅鑰呮墍鍦ㄧ瀹や唬鐮�"
- clearable
- @keyup.enter="handleQuery"
- class="!w-240px"
- />
- </el-form-item>
- <el-form-item label="鎮ｈ�呮墍鍦ㄧ瀹ゅ悕绉�" prop="patDeptDesc">
- <el-input
- v-model="queryParams.patDeptDesc"
- placeholder="璇疯緭鍏ユ偅鑰呮墍鍦ㄧ瀹ゅ悕绉�"
- clearable
- @keyup.enter="handleQuery"
- class="!w-240px"
- />
- </el-form-item>
- <el-form-item label="鎮ｈ�呮墍鍦ㄧ梾鍖轰唬鐮�" prop="patWardCode">
- <el-input
- v-model="queryParams.patWardCode"
- placeholder="璇疯緭鍏ユ偅鑰呮墍鍦ㄧ梾鍖轰唬鐮�"
- clearable
- @keyup.enter="handleQuery"
- class="!w-240px"
- />
- </el-form-item>
- <el-form-item label="鎮ｈ�呮墍鍦ㄧ梾鍖哄悕绉�" prop="patWardDesc">
- <el-input
- v-model="queryParams.patWardDesc"
- placeholder="璇疯緭鍏ユ偅鑰呮墍鍦ㄧ梾鍖哄悕绉�"
- clearable
- @keyup.enter="handleQuery"
- class="!w-240px"
- />
- </el-form-item>
- <el-form-item label="搴婂彿" prop="patBedNo">
- <el-input
- v-model="queryParams.patBedNo"
- placeholder="璇疯緭鍏ュ簥鍙�"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
@@ -141,61 +64,32 @@
class="!w-240px"
/>
</el-form-item>
- <el-form-item label="棰勭害妫�鏌ユ椂闂存" prop="bookPeriodStart">
- <el-date-picker
- v-model="queryParams.bookPeriodStart"
- value-format="YYYY-MM-DD"
- type="date"
- placeholder="閫夋嫨棰勭害妫�鏌ユ椂闂存"
- clearable
- class="!w-240px"
- />
- </el-form-item>
- <el-form-item label="棰勭害妫�鏌ユ椂闂存" prop="bookPeriodEnd">
- <el-date-picker
- v-model="queryParams.bookPeriodEnd"
- value-format="YYYY-MM-DD"
- type="date"
- placeholder="閫夋嫨棰勭害妫�鏌ユ椂闂存"
- clearable
- class="!w-240px"
- />
- </el-form-item>
- <el-form-item label="棰勭害鍙戠敓鏃堕棿" prop="bookTime">
- <el-date-picker
- v-model="queryParams.bookTime"
- 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="bookCheckType">
+ <el-form-item label="妫�鏌ョ被鍨�" prop="bookCheckType">
<el-select
v-model="queryParams.bookCheckType"
- placeholder="璇烽�夋嫨棰勭害妫�鏌ョ被鍨�"
+ placeholder="璇烽�夋嫨妫�鏌ョ被鍨�"
clearable
class="!w-240px"
>
<el-option
- v-for="dict in getBoolDictOptions(DICT_TYPE.ECG_CHECK_TYPE)"
+ v-for="dict in checkTypeStore.getCheckTypeOptions()"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
- <el-form-item label="棰勭害鏉ユ簮锛歑绯荤粺銆佹姢澹墜鍔ㄩ绾�" prop="bookSrc">
+<!--
+ <el-form-item label="棰勭害鏉ユ簮" prop="bookSrc">
<el-input
v-model="queryParams.bookSrc"
- placeholder="璇疯緭鍏ラ绾︽潵婧愶細X绯荤粺銆佹姢澹墜鍔ㄩ绾�"
+ placeholder="璇疯緭鍏ラ绾︽潵婧�"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
</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>
@@ -222,52 +116,53 @@
<!-- 鍒楄〃 -->
<ContentWrap>
- <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
- <el-table-column label="鎮ｈ�呯紪鍙�" align="center" prop="patId" />
- <el-table-column label="鎮ｈ�呭鍚�" align="center" prop="patName" />
- <el-table-column label="鎮ｈ�呮�у埆" align="center" prop="patGender">
+ <el-table v-loading="loading" :data="appointmentList" :stripe="true" :show-overflow-tooltip="true">
+ <el-table-column label="灏辫瘖娴佹按鍙�" align="center" prop="episodeId" min-width="150px"/>
+ <el-table-column label="缂栧彿" align="center" prop="patId" />
+ <el-table-column label="缂磋垂" align="center" prop="paid">
+ <template #default="scope">
+ {{scope.row.paid == 1 ? "宸蹭粯" : ""}}
+ </template>
+ </el-table-column>
+ <el-table-column label="濮撳悕" align="center" prop="patName" />
+ <el-table-column label="鎬у埆" align="center" prop="patGender">
<template #default="scope">
<dict-tag :type="DICT_TYPE.SYSTEM_USER_SEX" :value="scope.row.patGender" />
</template>
</el-table-column>
- <el-table-column label="鎮ｈ�呯敓鏃�" align="center" prop="patBirthday" />
- <el-table-column label="鎮ｈ�呮墜鏈�" align="center" prop="patMobile" />
- <el-table-column label="鎮ｈ�呯數璇�" align="center" prop="patPhone" />
+ <el-table-column label="鐢熸棩" align="center" prop="patBirthday" :formatter="dateFormatter2" width="110px"/>
+ <el-table-column label="鎵嬫満" align="center" prop="patMobile" />
+ <el-table-column label="鐢佃瘽" align="center" prop="patPhone" />
<el-table-column label="韬唤璇佸彿" align="center" prop="patIdentityId" />
- <el-table-column label="鎮ｈ�呭湴鍧�" align="center" prop="patAddr" />
- <el-table-column label="鎮ｈ�呮墍鍦ㄧ瀹や唬鐮�" align="center" prop="patDeptCode" />
- <el-table-column label="鎮ｈ�呮墍鍦ㄧ瀹ゅ悕绉�" align="center" prop="patDeptDesc" />
- <el-table-column label="鎮ｈ�呮墍鍦ㄧ梾鍖轰唬鐮�" align="center" prop="patWardCode" />
- <el-table-column label="鎮ｈ�呮墍鍦ㄧ梾鍖哄悕绉�" align="center" prop="patWardDesc" />
+ <el-table-column label="鍦板潃" align="center" prop="patAddr" />
+ <el-table-column label="绉戝浠ｇ爜" align="center" prop="patDeptCode" />
+ <el-table-column label="绉戝鍚嶇О" align="center" prop="patDeptDesc" />
+ <el-table-column label="鐥呭尯浠ｇ爜" align="center" prop="patWardCode" />
+ <el-table-column label="鐥呭尯鍚嶇О" align="center" prop="patWardDesc" />
<el-table-column label="搴婂彿" align="center" prop="patBedNo" />
<el-table-column label="棰勭害缂栧彿" align="center" prop="bookId" />
<el-table-column
- label="棰勭害妫�鏌ユ椂闂存"
+ label="棰勭害鏃ユ湡"
align="center"
- prop="bookPeriodStart"
- :formatter="dateFormatter"
- width="180px"
+ prop="bookDate"
+ :formatter="dateFormatter2"
+ width="120px"
/>
- <el-table-column
- label="棰勭害妫�鏌ユ椂闂存"
- align="center"
- prop="bookPeriodEnd"
- :formatter="dateFormatter"
- width="180px"
- />
- <el-table-column
- label="棰勭害鍙戠敓鏃堕棿"
- align="center"
- prop="bookTime"
- :formatter="dateFormatter"
- width="180px"
- />
- <el-table-column label="棰勭害妫�鏌ョ被鍨�" align="center" prop="bookCheckType">
+ <el-table-column label="棰勭害鏃堕棿娈�" align="center" prop="bookTimeslot" width="100px">
<template #default="scope">
- <dict-tag :type="DICT_TYPE.ECG_CHECK_TYPE" :value="scope.row.bookCheckType" />
+ <dict-tag :type="DICT_TYPE.ECG_BOOK_TIMESLOT" :value="scope.row.bookTimeslot" />
</template>
</el-table-column>
- <el-table-column label="棰勭害鏉ユ簮锛歑绯荤粺銆佹姢澹墜鍔ㄩ绾�" align="center" prop="bookSrc" />
+ <el-table-column label="棰勭害妫�鏌ョ被鍨�" align="center" prop="bookCheckType">
+ <template #default="scope">
+ {{checkTypeStore.getCheckTypeName(scope.row.bookCheckType)}}
+ </template>
+ </el-table-column>
+ <el-table-column label="棰勭害鏉ユ簮" align="center" prop="bookSrc">
+ <template #default="scope">
+ <dict-tag :type="DICT_TYPE.ECG_BOOK_SRC" :value="scope.row.bookSrc" />
+ </template>
+ </el-table-column>
<el-table-column label="鎿嶄綔" align="center" min-width="120px">
<template #default="scope">
<el-button
@@ -299,15 +194,16 @@
</ContentWrap>
<!-- 琛ㄥ崟寮圭獥锛氭坊鍔�/淇敼 -->
- <AppointmentForm ref="formRef" @success="getList" />
+ <AppointmentForm ref="formRef" @event_appointment_success="getList" />
</template>
<script setup lang="ts">
-import { getBoolDictOptions, DICT_TYPE } from '@/utils/dict'
-import { dateFormatter } from '@/utils/formatTime'
+import {DICT_TYPE} from '@/utils/dict'
+import { dateFormatter2 } from '@/utils/formatTime'
import download from '@/utils/download'
import { AppointmentApi, AppointmentVO } from '@/api/ecg/appointment'
import AppointmentForm from './AppointmentForm.vue'
+import {useCheckTypeStore} from "@/store/modules/checkType";
/** 棰勭害 鍒楄〃 */
defineOptions({ name: 'Appointment' })
@@ -316,7 +212,7 @@
const { t } = useI18n() // 鍥介檯鍖�
const loading = ref(true) // 鍒楄〃鐨勫姞杞戒腑
-const list = ref<AppointmentVO[]>([]) // 鍒楄〃鐨勬暟鎹�
+const appointmentList = ref<AppointmentVO[]>([]) // 鍒楄〃鐨勬暟鎹�
const total = ref(0) // 鍒楄〃鐨勬�婚〉鏁�
const queryParams = reactive({
pageNo: 1,
@@ -325,7 +221,6 @@
patName: undefined,
patGender: undefined,
patBirthday: undefined,
- patBirthday: [],
patMobile: undefined,
patPhone: undefined,
patIdentityId: undefined,
@@ -336,23 +231,22 @@
patWardDesc: undefined,
patBedNo: undefined,
bookId: undefined,
- bookPeriodStart: undefined,
- bookPeriodStart: [],
- bookPeriodEnd: undefined,
- bookPeriodEnd: [],
- bookTime: [],
+ bookDate: undefined,
+ bookTimeslot: undefined,
bookCheckType: undefined,
bookSrc: undefined
})
const queryFormRef = ref() // 鎼滅储鐨勮〃鍗�
const exportLoading = ref(false) // 瀵煎嚭鐨勫姞杞戒腑
+const checkTypeStore = useCheckTypeStore();
+
/** 鏌ヨ鍒楄〃 */
const getList = async () => {
loading.value = true
try {
const data = await AppointmentApi.getAppointmentPage(queryParams)
- list.value = data.list
+ appointmentList.value = data.list
total.value = data.total
} finally {
loading.value = false
@@ -409,4 +303,4 @@
onMounted(() => {
getList()
})
-</script>
\ No newline at end of file
+</script>
--
Gitblit v1.9.3