更新vxetable框架并升级前端组件框架

This commit is contained in:
2026-06-03 11:19:52 +08:00
parent 5b6b23331d
commit 5a2050a736
385 changed files with 19691 additions and 21188 deletions

View File

@@ -1,4 +1,4 @@
<template>
<template>
<div class="app-continer">
<div style="margin: 15px 0; padding: 0 20px">
<el-form
@@ -98,107 +98,107 @@
批量开具
</el-button>
</div>
<el-table
<vxe-table
:data="clinicRecord"
border
>
<!-- <el-table-column label="计算类型" align="center" prop="statusEnum_enumText" /> -->
<el-table-column
label="患者姓名"
<!-- <vxe-column title="计算类型" align="center" field="statusEnum_enumText" /> -->
<vxe-column
title="患者姓名"
align="center"
prop="patientName"
:show-overflow-tooltip="true"
field="patientName"
:show-overflow="true"
/>
<el-table-column
label="支付状态"
<vxe-column
title="支付状态"
align="center"
prop="statusEnum_dictText"
:show-overflow-tooltip="true"
field="statusEnum_dictText"
:show-overflow="true"
/>
<el-table-column
label="费用类型"
<vxe-column
title="费用类型"
align="center"
prop="paymentEnum_dictText"
:show-overflow-tooltip="true"
field="paymentEnum_dictText"
:show-overflow="true"
/>
<el-table-column
label="医保结算Id"
<vxe-column
title="医保结算Id"
align="center"
prop="ybSettleIds"
:show-overflow-tooltip="true"
field="ybSettleIds"
:show-overflow="true"
/>
<el-table-column
label="收费流水号"
<vxe-column
title="收费流水号"
align="center"
prop="paymentNo"
field="paymentNo"
width="280"
:show-overflow-tooltip="true"
:show-overflow="true"
/>
<el-table-column
label="发票号"
<vxe-column
title="发票号"
align="center"
prop="invoiceNo"
:show-overflow-tooltip="true"
field="invoiceNo"
:show-overflow="true"
/>
<el-table-column
label="结算金额"
<vxe-column
title="结算金额"
align="right"
prop="tenderedAmount"
field="tenderedAmount"
header-align="center"
width="100"
:show-overflow-tooltip="true"
:show-overflow="true"
>
<template #default="scope">
<span>{{ scope.row.tenderedAmount + ' 元' }}</span>
</template>
</el-table-column>
<el-table-column
label="支付金额"
</vxe-column>
<vxe-column
title="支付金额"
align="right"
prop="displayAmount"
field="displayAmount"
header-align="center"
width="100"
:show-overflow-tooltip="true"
:show-overflow="true"
>
<template #default="scope">
<span>{{ scope.row.displayAmount + ' 元' }}</span>
</template>
</el-table-column>
<el-table-column
</vxe-column>
<vxe-column
key="billDate"
label="结算时间"
title="结算时间"
align="center"
prop="billDate"
field="billDate"
:show-overflow-tooltip="true"
:show-overflow="true"
>
<template #default="scope">
<span>{{ parseTime(scope.row.billDate) }}</span>
</template>
</el-table-column>
<el-table-column
label="收款人"
</vxe-column>
<vxe-column
title="收款人"
align="center"
prop="entererName"
:show-overflow-tooltip="true"
field="entererName"
:show-overflow="true"
/>
<!-- <el-table-column label="医生" align="center" prop="paymentEnum_enumText" /> -->
<el-table-column
label="支付结果"
<!-- <vxe-column title="医生" align="center" field="paymentEnum_enumText" /> -->
<vxe-column
title="支付结果"
align="center"
prop="outcomeEnum_dictText"
:show-overflow-tooltip="true"
field="outcomeEnum_dictText"
:show-overflow="true"
/>
<el-table-column
label="打印次数"
<vxe-column
title="打印次数"
align="center"
prop="printCount"
:show-overflow-tooltip="true"
field="printCount"
:show-overflow="true"
/>
<el-table-column
label="操作"
<vxe-column
title="操作"
align="center"
prop="paymentEnum_enumText"
field="paymentEnum_enumText"
width="340"
>
<template #default="scope">
@@ -236,8 +236,8 @@
调阅发票
</el-button>
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
<pagination
v-show="total > 0"
v-model:page="queryParams.pageNo"
@@ -252,36 +252,36 @@
append-to-body
style="height:90vh"
>
<el-table
<vxe-table
:data="paymentDetailList"
border
style="height: 80vh"
>
<el-table-column
label="支付类型"
<vxe-column
title="支付类型"
align="center"
prop="payEnum_dictText"
:show-overflow-tooltip="true"
field="payEnum_dictText"
:show-overflow="true"
/>
<el-table-column
label="金额"
<vxe-column
title="金额"
align="center"
prop="amount"
:show-overflow-tooltip="true"
field="amount"
:show-overflow="true"
/>
<el-table-column
label="找零"
<vxe-column
title="找零"
align="center"
prop="returnAmount"
:show-overflow-tooltip="true"
field="returnAmount"
:show-overflow="true"
/>
<el-table-column
label="交款"
<vxe-column
title="交款"
align="center"
prop="chargeAmount"
:show-overflow-tooltip="true"
field="chargeAmount"
:show-overflow="true"
/>
</el-table>
</vxe-table>
</el-dialog>
<el-dialog
v-model="reasonDialogVisible"

View File

@@ -1,4 +1,4 @@
<template>
<template>
<el-dialog
v-model="props.open"
title="确认收费"
@@ -156,19 +156,19 @@
</el-button>
</div>
<div>
<el-table
<vxe-table
:data="props.details"
max-height="200"
border
>
<el-table-column
prop="payEnumText"
label="支付类型"
<vxe-column
field="payEnumText"
title="支付类型"
align="center"
/>
<el-table-column
prop="amount"
label="金额"
<vxe-column
field="amount"
title="金额"
header-align="center"
align="right"
width="200"
@@ -176,8 +176,8 @@
<template #default="scope">
{{ scope.row.amount ? scope.row.amount + ' 元' : '-' }}
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
</div>
<!-- 金额汇总 -->
<div class="summary">

View File

@@ -1,4 +1,4 @@
<template>
<template>
<div
v-loading="readCardLoading"
style="display: flex; justify-content: space-between"
@@ -57,35 +57,35 @@
搜索
</el-button>
</div>
<el-table
<vxe-table
ref="patientListRef"
height="620"
:data="patientList"
row-key="encounterId"
:row-config="{ keyField: 'encounterId', keyField: 'id' }"
highlight-current-row
@cell-click="clickRow"
>
<el-table-column
label="病历号"
<vxe-column
title="病历号"
align="center"
prop="encounterBusNo"
field="encounterBusNo"
/>
<el-table-column
label="姓名"
<vxe-column
title="姓名"
align="center"
prop="patientName"
field="patientName"
/>
<!-- <el-table-column label="时间" align="center" prop="receptionTime" width="160">
<!-- <vxe-column title="时间" align="center" field="receptionTime" width="160">
<template #default="scope">
{{ formatDate(scope.row.receptionTime) }}
</template>
</el-table-column> -->
<el-table-column
label="收费状态"
</vxe-column> -->
<vxe-column
title="收费状态"
align="center"
prop="statusEnum_enumText"
field="statusEnum_enumText"
/>
</el-table>
</vxe-table>
</div>
</el-card>
<div style="width: 69%">
@@ -187,58 +187,57 @@
<div style="text-align: right; padding-right: 20px; margin-bottom: 10px;">
<span style="font-weight: bold; font-size: 14px;">合计金额{{ totalAmounts ? totalAmounts.toFixed(2) : 0 }}</span>
</div>
<el-table
<vxe-table
ref="chargeListRef"
v-loading="chargeLoading"
height="530"
:data="chargeList"
row-key="id"
:span-method="objectSpanMethod"
border
@selection-change="handleSelectionChange"
@checkbox-change="handleSelectionChange"
>
<el-table-column
type="selection"
<vxe-column
type="checkbox"
:selectable="checkSelectable"
width="55"
/>
<el-table-column
label="单据号"
<vxe-column
title="单据号"
align="center"
prop="busNo"
field="busNo"
width="180"
/>
<el-table-column
label="收费项目"
<vxe-column
title="收费项目"
align="center"
prop="itemName"
field="itemName"
width="200"
/>
<el-table-column
label="数量"
<vxe-column
title="数量"
align="center"
prop="quantityValue"
field="quantityValue"
width="80"
/>
<el-table-column
label="医疗类型"
<vxe-column
title="医疗类型"
align="center"
prop="medTypeCode_dictText"
field="medTypeCode_dictText"
/>
<el-table-column
label="医保编码"
<vxe-column
title="医保编码"
align="center"
prop="ybNo"
field="ybNo"
/>
<el-table-column
label="费用性质"
<vxe-column
title="费用性质"
align="center"
prop="contractName"
field="contractName"
/>
<el-table-column
label="收费状态"
<vxe-column
title="收费状态"
align="center"
prop="statusEnum_enumText"
field="statusEnum_enumText"
width="150"
>
<template #default="scope">
@@ -270,24 +269,24 @@
{{ scope.row.statusEnum_enumText }}
</el-tag>
</template>
</el-table-column>
<el-table-column
label="金额"
</vxe-column>
<vxe-column
title="金额"
align="right"
prop="totalPrice"
field="totalPrice"
header-align="center"
>
<template #default="scope">
{{ scope.row.totalPrice.toFixed(2) + ' 元' || '0.00' + ' 元' }}
</template>
</el-table-column>
<el-table-column
label="收款人"
</vxe-column>
<vxe-column
title="收款人"
align="center"
prop="entererId_dictText"
field="entererId_dictText"
/>
<el-table-column
label="操作"
<vxe-column
title="操作"
align="center"
fixed="right"
header-align="center"
@@ -303,8 +302,8 @@
打印
</el-button>
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
</el-card>
</div>
@@ -457,7 +456,7 @@ function clickRow(row) {
chargeList.value = res.data;
setTimeout(() => {
chargeLoading.value = false;
chargeListRef.value.toggleAllSelection();
chargeListRef.value.toggleAllCheckboxRow();
}, 100);
});
}
@@ -829,7 +828,7 @@ function printCharge(row) {
background-color: transparent !important;
}
:deep(.el-table__body) tr:hover td.no-hover-column {
:deep(.vxe-table--body) tr:hover td.no-hover-column {
background-color: inherit !important;
}
</style>

View File

@@ -1,4 +1,4 @@
<template>
<template>
<el-dialog
v-model="props.open"
title="确认退费"
@@ -107,19 +107,19 @@
</div>
</div>
<div>
<el-table
<vxe-table
:data="props.details"
max-height="200"
border
>
<el-table-column
prop="payEnum_dictText"
label="支付类型"
<vxe-column
field="payEnum_dictText"
title="支付类型"
align="center"
/>
<el-table-column
prop="amount"
label="金额"
<vxe-column
field="amount"
title="金额"
header-align="center"
align="right"
width="200"
@@ -127,8 +127,8 @@
<template #default="scope">
{{ scope.row.amount ? scope.row.amount + ' 元' : '-' }}
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
</div>
<!-- 金额汇总 -->
<div class="summary">

View File

@@ -1,4 +1,4 @@
<template>
<template>
<div
style="display: flex; justify-content: space-between"
class="app-container"
@@ -53,36 +53,36 @@
>
搜索
</el-button>
<el-table
<vxe-table
ref="patientListRef"
height="630"
:data="patientList"
row-key="encounterId"
:row-config="{ keyField: 'encounterId', keyField: 'encounterId' }"
highlight-current-row
width=""
@cell-click="clickRow"
>
<el-table-column
label="病历号"
<vxe-column
title="病历号"
align="center"
prop="encounterBusNo"
field="encounterBusNo"
/>
<el-table-column
label="姓名"
<vxe-column
title="姓名"
align="center"
prop="patientName"
field="patientName"
/>
<!-- <el-table-column label="时间" align="center" prop="startTime">
<!-- <vxe-column title="时间" align="center" field="startTime">
<template #default="scope">
{{ formatDate(scope.row.startTime) }}
</template>
</el-table-column> -->
<el-table-column
label="收费状态"
</vxe-column> -->
<vxe-column
title="收费状态"
align="center"
prop="statusEnum_enumText"
field="statusEnum_enumText"
/>
</el-table>
</vxe-table>
</div>
</el-card>
<div style="width: 69%">
@@ -135,20 +135,19 @@
<!-- <el-button type="primary" @click="handleRefund()" :disabled="buttonDisabled">
确认退费
</el-button> -->
<el-table
<vxe-table
ref="chargeListRef"
v-loading="chargeLoading"
height="510"
:data="chargeList"
row-key="encounterId"
:span-method="spanMethod"
class="no-hover-table"
border
width=""
>
<!-- <el-table-column type="selection" :selectable="checkSelectable" width="55" /> -->
<el-table-column
label="操作"
<!-- <vxe-column type="checkbox" :selectable="checkSelectable" width="55" /> -->
<vxe-column
title="操作"
align="center"
>
<template #default="scope">
@@ -160,57 +159,57 @@
退费
</el-button>
</template>
</el-table-column>
<el-table-column
prop="paymentId"
label="支付单据号"
</vxe-column>
<vxe-column
field="paymentId"
title="支付单据号"
align="center"
/>
<el-table-column
label="项目单据号"
<vxe-column
title="项目单据号"
align="center"
prop="busNo"
field="busNo"
width="150"
/>
<el-table-column
label="项目名称"
<vxe-column
title="项目名称"
align="center"
prop="itemName"
field="itemName"
/>
<el-table-column
label="收费状态"
<vxe-column
title="收费状态"
align="center"
prop="chargeStatus_enumText"
field="chargeStatus_enumText"
width="100"
/>
<el-table-column
label="数量"
<vxe-column
title="数量"
align="center"
width="100"
>
<template #default="scope">
{{ scope.row.quantityValue + ' ' + scope.row.quantityUnit_dictText }}
</template>
</el-table-column>
<el-table-column
label="付款总额"
</vxe-column>
<vxe-column
title="付款总额"
align="right"
prop="totalPrice"
field="totalPrice"
header-align="center"
width="100"
>
<template #default="scope">
{{ scope.row.totalPrice.toFixed(2) + ' 元' }}
</template>
</el-table-column>
<!-- <el-table-column label="处方号" align="center" prop="prescriptionNo" /> -->
<el-table-column
label="收款人"
</vxe-column>
<!-- <vxe-column title="处方号" align="center" field="prescriptionNo" /> -->
<vxe-column
title="收款人"
align="center"
prop="entererName"
field="entererName"
width="120"
/>
</el-table>
</vxe-table>
</el-card>
</div>
<RefundDialog
@@ -397,7 +396,7 @@ function handleClose(value) {
}
</script>
<style lang="scss" scoped>
:deep(.no-hover-table) .el-table__body tr:hover > td {
:deep(.no-hover-table) .vxe-table--body tr:hover > td {
background: inherit !important;
}
</style>

View File

@@ -1,4 +1,4 @@
<template>
<template>
<!-- <div class="app-container"> -->
<el-dialog
v-model="visible"
@@ -6,65 +6,65 @@
width="800px"
append-to-body
>
<el-table
<vxe-table
:data="patientInfoList"
width="90%"
@selection-change="handleSelectionChange"
@checkbox-change="handleSelectionChange"
@cell-dblclick="handleCellDblClick"
>
<el-table-column
type="selection"
<vxe-column
type="checkbox"
width="50"
align="center"
/>
<el-table-column
<vxe-column
key="name"
label="患者姓名"
title="患者姓名"
align="center"
prop="name"
:show-overflow-tooltip="true"
field="name"
:show-overflow="true"
/>
<el-table-column
<vxe-column
key="genderEnum_enumText"
label="性别"
title="性别"
align="center"
prop="genderEnum_enumText"
:show-overflow-tooltip="true"
field="genderEnum_enumText"
:show-overflow="true"
/>
<el-table-column
<vxe-column
key="idCard"
label="身份证号"
title="身份证号"
align="center"
prop="idCard"
:show-overflow-tooltip="true"
field="idCard"
:show-overflow="true"
/>
<el-table-column
<vxe-column
key="phone"
label="电话"
title="电话"
align="center"
prop="phone"
:show-overflow-tooltip="true"
field="phone"
:show-overflow="true"
width="100"
/>
<el-table-column
<vxe-column
key="birthDate"
label="生日"
title="生日"
align="center"
prop="birthDate"
:show-overflow-tooltip="true"
field="birthDate"
:show-overflow="true"
width="50"
/>
<el-table-column
<vxe-column
key="age"
label="年龄"
title="年龄"
align="center"
:show-overflow-tooltip="true"
:show-overflow="true"
>
<template #default="scope">
{{ scope.row.age ? `${scope.row.age}` : '-' }}
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
<pagination
v-show="total > 0"
v-model:page="queryParams.pageNo"

View File

@@ -1,45 +1,45 @@
<template>
<template>
<div>
<el-table
<vxe-table
height="400"
:data="patientList"
row-key="id"
:row-config="{ keyField: 'id' }"
@cell-click="clickRow"
>
<el-table-column
label="姓名"
<vxe-column
title="姓名"
align="center"
prop="name"
field="name"
/>
<el-table-column
label="就诊卡号"
<vxe-column
title="就诊卡号"
align="center"
prop="identifierNo"
field="identifierNo"
/>
<el-table-column
label="性别"
<vxe-column
title="性别"
align="center"
prop="genderEnum_enumText"
field="genderEnum_enumText"
/>
<el-table-column
label="证件号"
<vxe-column
title="证件号"
align="center"
prop="idCard"
field="idCard"
/>
<el-table-column
label="联系电话"
<vxe-column
title="联系电话"
align="center"
prop="phone"
field="phone"
/>
<el-table-column
label="年龄"
<vxe-column
title="年龄"
align="center"
>
<template #default="scope">
{{ scope.row.age ? `${scope.row.age}` : '-' }}
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
</div>
</template>

View File

@@ -1,4 +1,4 @@
<template>
<template>
<el-dialog
v-model="props.open"
:title="eventType == '1' ? '确认退费' : '挂号详情'"
@@ -119,49 +119,49 @@
v-if="preCancelData && preCancelData.length > 0"
class="pre-cancel-table-wrapper"
>
<el-table
<vxe-table
:data="preCancelData"
border
stripe
max-height="300"
style="width: 100%"
>
<el-table-column
prop="payEnum_dictText"
label="支付方式"
<vxe-column
field="payEnum_dictText"
title="支付方式"
min-width="200"
/>
<el-table-column
prop="amount"
label="金额"
<vxe-column
field="amount"
title="金额"
width="120"
align="right"
>
<template #default="{ row }">
{{ row.amount ? Number(row.amount) : '0.00' }}
</template>
</el-table-column>
<el-table-column
prop="returnAmount"
label="退费金额"
</vxe-column>
<vxe-column
field="returnAmount"
title="退费金额"
width="120"
align="right"
>
<template #default="{ row }">
{{ row.returnAmount ? Number(row.returnAmount) : '0.00' }}
</template>
</el-table-column>
<el-table-column
prop="chargeAmount"
label="收费金额"
</vxe-column>
<vxe-column
field="chargeAmount"
title="收费金额"
min-width="120"
align="right"
>
<template #default="{ row }">
{{ row.chargeAmount ? Number(row.chargeAmount) : '0.00' }}
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
</div>
</div>
<template #footer>
@@ -584,10 +584,10 @@ function close() {
border-radius: 4px;
overflow: hidden;
:deep(.el-table) {
:deep(.vxe-table) {
width: 100%;
.el-table__body-wrapper {
.vxe-table--body-wrapper {
max-height: 300px;
overflow-y: auto;
}

View File

@@ -1,4 +1,4 @@
<template>
<template>
<el-dialog
v-model="dialogVisible"
title="补打挂号单凭证"
@@ -185,57 +185,57 @@
append-to-body
:close-on-click-modal="false"
>
<el-table
<vxe-table
:data="recordList"
highlight-current-row
style="width: 100%"
max-height="400"
@current-change="handleRecordSelect"
>
<el-table-column
label="序号"
type="index"
<vxe-column
title="序号"
type="seq"
width="60"
align="center"
/>
<el-table-column
label="挂号时间"
prop="registerTime"
<vxe-column
title="挂号时间"
field="registerTime"
width="180"
align="center"
>
<template #default="scope">
{{ scope.row.registerTime ? parseTime(scope.row.registerTime, '{y}.{m}.{d} {h}时{i}分') : '-' }}
</template>
</el-table-column>
<el-table-column
label="挂号科室"
prop="organizationName"
</vxe-column>
<vxe-column
title="挂号科室"
field="organizationName"
align="center"
>
<template #default="scope">
{{ scope.row.organizationName ? scope.row.organizationName.trim() || '-' : '-' }}
</template>
</el-table-column>
<el-table-column
label="医生姓名"
prop="practitionerName"
</vxe-column>
<vxe-column
title="医生姓名"
field="practitionerName"
align="center"
>
<template #default="scope">
{{ scope.row.practitionerName ? scope.row.practitionerName.trim() || '-' : '-' }}
</template>
</el-table-column>
<el-table-column
label="流水号"
prop="encounterNo"
</vxe-column>
<vxe-column
title="流水号"
field="encounterNo"
align="center"
>
<template #default="scope">
{{ calculateSerialNo(scope.row) }}
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
<template #footer>
<div class="dialog-footer">
<el-button @click="selectDialogVisible = false">

View File

@@ -1,4 +1,4 @@
<template>
<template>
<div
v-loading="readCardLoading"
class="app-container"
@@ -630,92 +630,92 @@
:clearable="false"
@change="handleQuery"
/>
<el-table
<vxe-table
v-loading="loading"
:data="outpatientRegistrationList"
max-height="250"
>
<!-- <el-table-column
label="租户ID"
<!-- <vxe-column
title="租户ID"
align="center"
key="tenantId"
prop="tenantId"
field="tenantId"
/>
<el-table-column
label="就诊ID"
<vxe-column
title="就诊ID"
align="center"
key="encounterId"
prop="encounterId"
field="encounterId"
/>
<el-table-column
label="科室ID"
<vxe-column
title="科室ID"
align="center"
key="organizationId"
prop="organizationId"
:show-overflow-tooltip="true"
field="organizationId"
:show-overflow="true"
/> -->
<el-table-column
label=""
<vxe-column
title=""
align="center"
width="50"
>
<template #default="scope">
{{ scope.$index + 1 }}
{{ scope.rowIndex + 1 }}
</template>
</el-table-column>
<el-table-column
</vxe-column>
<vxe-column
key="patientName"
label="患者姓名"
title="患者姓名"
align="center"
prop="patientName"
field="patientName"
width="120"
/>
<el-table-column
<vxe-column
key="age"
label="年龄"
title="年龄"
align="center"
prop="age"
field="age"
width="120"
>
<template #default="scope">
{{ scope.row.age ? `${scope.row.age}` : '-' }}
</template>
</el-table-column>
<el-table-column
</vxe-column>
<vxe-column
key="genderEnum_enumText"
label="患者性别"
title="患者性别"
align="center"
prop="genderEnum_enumText"
field="genderEnum_enumText"
/>
<el-table-column
<vxe-column
key="phone"
label="联系电话"
title="联系电话"
align="center"
prop="phone"
field="phone"
/>
<el-table-column
<vxe-column
key="identifierNo"
label="就诊卡号"
title="就诊卡号"
align="center"
width="150"
>
<template #default="scope">
{{ scope.row.identifierNo || scope.row.cardNo || scope.row.card || scope.row.patientCardNo || scope.row.patient?.identifierNo || '-' }}
</template>
</el-table-column>
<el-table-column
</vxe-column>
<vxe-column
key="organizationName"
label="科室名称"
title="科室名称"
align="center"
prop="organizationName"
:show-overflow-tooltip="true"
field="organizationName"
:show-overflow="true"
/>
<el-table-column
<vxe-column
key="healthcareName"
label="*挂号类型 "
title="*挂号类型 "
align="center"
prop="healthcareName"
:show-overflow-tooltip="true"
field="healthcareName"
:show-overflow="true"
width="200"
>
<template #default="scope">
@@ -723,61 +723,61 @@
{{ (scope.row.healthcareName || '').replace('挂号', '') }}{{ scope.row.isFromAppointment ? '预约' : '挂号' }}
</span>
</template>
</el-table-column>
<!-- <el-table-column
label="专家账号"
</vxe-column>
<!-- <vxe-column
title="专家账号"
align="center"
key="practitionerUserId"
prop="practitionerUserId"
field="practitionerUserId"
/> -->
<el-table-column
<vxe-column
key="practitionerName"
label="专家"
title="专家"
align="center"
prop="practitionerName"
field="practitionerName"
/>
<el-table-column
<vxe-column
key="contractName"
label="费用性质"
title="费用性质"
align="center"
prop="contractName"
field="contractName"
/>
<el-table-column
<vxe-column
key="totalPrice"
label="挂号金额"
title="挂号金额"
align="center"
prop="totalPrice"
field="totalPrice"
>
<template #default="scope">
<span>
{{ scope.row.totalPrice ? scope.row.totalPrice.toFixed(2) + ' 元' : '0.00 元' }}
</span>
</template>
</el-table-column>
<el-table-column
</vxe-column>
<vxe-column
key="entererName"
label="收款人"
title="收款人"
align="center"
prop="entererName"
field="entererName"
/>
<!-- <el-table-column
label="收款方式"
<!-- <vxe-column
title="收款方式"
align="center"
key="contractName"
prop="contractName"
field="contractName"
/> -->
<!-- <el-table-column
label="患者id"
<!-- <vxe-column
title="患者id"
align="center"
key="patientId"
prop="patientId"
field="patientId"
/> -->
<!-- <el-table-column label="证件号" align="center" key="idCard" prop="idCard" width="180" /> -->
<el-table-column
<!-- <vxe-column title="证件号" align="center" key="idCard" field="idCard" width="180" /> -->
<vxe-column
key="statusEnum_enumText"
label="就诊状态"
title="就诊状态"
align="center"
prop="statusEnum_enumText"
field="statusEnum_enumText"
>
<template #default="scope">
<el-tag
@@ -802,23 +802,23 @@
{{ scope.row.statusEnum_enumText || '未知' }}
</el-tag>
</template>
</el-table-column>
<el-table-column
</vxe-column>
<vxe-column
key="registerTime"
label="挂号日期/时间"
title="挂号日期/时间"
align="center"
prop="registerTime"
field="registerTime"
width="180"
>
<template #default="scope">
<span>{{ parseTime(scope.row.registerTime) }}</span>
</template>
</el-table-column>
<el-table-column
</vxe-column>
<vxe-column
key="registerTime"
label="操作"
title="操作"
align="center"
prop="registerTime"
field="registerTime"
do
>
<template #default="scope">
@@ -852,8 +852,8 @@
</div>
<!-- </el-tooltip> -->
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
<pagination
v-show="total > 0"
v-model:page="queryParams.pageNo"
@@ -941,65 +941,65 @@
</el-button>
</div>
<el-table
<vxe-table
v-loading="checkInLoading"
:data="checkInPatientList"
border
style="width: 100%"
highlight-current-row
@row-click="selectRow"
@cell-click="selectRow"
>
<el-table-column
type="index"
label="序号"
<vxe-column
type="seq"
title="序号"
width="60"
align="center"
/>
<el-table-column
prop="patientId"
label="就诊卡号"
<vxe-column
field="patientId"
title="就诊卡号"
width="120"
align="center"
/>
<el-table-column
prop="patientName"
label="姓名"
<vxe-column
field="patientName"
title="姓名"
width="120"
align="center"
>
<template #default="scope">
<span style="color: #ff4d4f">{{ scope.row.patientName }}</span>
</template>
</el-table-column>
<el-table-column
prop="gender"
label="性别"
</vxe-column>
<vxe-column
field="gender"
title="性别"
width="80"
align="center"
/>
<el-table-column
label="证件类型"
<vxe-column
title="证件类型"
width="150"
align="center"
>
<template #default>
居民身份证
</template>
</el-table-column>
<el-table-column
prop="idCard"
label="证件号码"
</vxe-column>
<vxe-column
field="idCard"
title="证件号码"
width="200"
align="center"
/>
<el-table-column
prop="phone"
label="手机号码"
<vxe-column
field="phone"
title="手机号码"
width="150"
align="center"
/>
<el-table-column
label="号源类型"
<vxe-column
title="号源类型"
width="100"
align="center"
>
@@ -1008,24 +1008,24 @@
{{ scope.row.ticketType === 'expert' ? '专家号' : '普通号' }}
</el-tag>
</template>
</el-table-column>
<el-table-column
prop="fee"
label="预约金额"
</vxe-column>
<vxe-column
field="fee"
title="预约金额"
width="100"
align="center"
>
<template #default="scope">
<span style="font-weight: bold; color: #f5222d">{{ scope.row.fee }}</span>
</template>
</el-table-column>
<el-table-column
prop="dateTime"
label="就诊时间"
</vxe-column>
<vxe-column
field="dateTime"
title="就诊时间"
width="180"
align="center"
/>
</el-table>
</vxe-table>
<div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: center;">
<el-pagination

View File

@@ -1,4 +1,4 @@
<template>
<template>
<div class="card-renewal-container">
<!-- 标题栏 -->
<div class="title-bar">
@@ -190,76 +190,76 @@
</div>
</template>
<el-table
<vxe-table
:data="patientList"
style="width: 100%"
:row-key="row => row.identifierNo || row.patientId || row.cardNo"
:current-row-key="selectedPatient?.identifierNo || selectedPatient?.patientId || selectedPatient?.cardNo"
highlight-current-row
@row-click="selectPatient"
@cell-click="selectPatient"
>
<el-table-column
label="序号"
<vxe-column
title="序号"
width="60"
type="index"
type="seq"
/>
<el-table-column
label="病人姓名"
<vxe-column
title="病人姓名"
width="120"
>
<template #default="scope">
{{ scope.row.patientName || scope.row.name || '-' }}
</template>
</el-table-column>
<el-table-column
label="门诊号码"
</vxe-column>
<vxe-column
title="门诊号码"
width="120"
>
<template #default="scope">
{{ scope.row.identifierNo || scope.row.cardNo || scope.row.card_number || scope.row.就诊卡号 || scope.row.outpatientNumber || scope.row.outpatientNo || scope.row.门诊号码 || scope.row.卡号 || scope.row.card || scope.row.patientNo || scope.row.patient_id || '-' }}
</template>
</el-table-column>
<el-table-column
label="身份证号码"
</vxe-column>
<vxe-column
title="身份证号码"
width="200"
>
<template #default="scope">
{{ scope.row.idCard || scope.row.id_card || scope.row.idNo || '-' }}
</template>
</el-table-column>
<el-table-column
label="手机号码"
</vxe-column>
<vxe-column
title="手机号码"
width="120"
>
<template #default="scope">
{{ scope.row.phoneNumber || scope.row.phone || scope.row.mobile || scope.row.mobilePhone || '-' }}
</template>
</el-table-column>
<el-table-column
label="性别"
</vxe-column>
<vxe-column
title="性别"
width="80"
>
<template #default="scope">
{{ scope.row.genderEnum_enumText || scope.row.gender || scope.row.sex || scope.row.性别 || scope.row.xb || scope.row.sexCode || scope.row.GENDER || scope.row.SEX || '-' }}
</template>
</el-table-column>
<el-table-column
label="年龄"
</vxe-column>
<vxe-column
title="年龄"
width="80"
>
<template #default="scope">
{{ scope.row.age || '-' }}
</template>
</el-table-column>
<el-table-column
label="出生年月"
</vxe-column>
<vxe-column
title="出生年月"
width="120"
>
<template #default="scope">
{{ formatDate(scope.row.birthDate || scope.row.birthday || scope.row.出生日期) || '-' }}
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
<!-- 分页组件 -->
<div style="margin-top: 15px; display: flex; justify-content: flex-end;">
@@ -667,26 +667,26 @@ const confirmSelectPatient = () => {
overflow: hidden;
}
.el-table {
.vxe-table {
margin: 0;
}
.el-table th {
.vxe-header--column {
background-color: #f5f7fa;
font-weight: 500;
color: #303133;
}
.el-table td {
.vxe-cell {
text-align: left;
}
/* 表格样式优化 */
.el-table {
.vxe-table {
margin: 0;
}
.el-table th {
.vxe-header--column {
background-color: #f5f7fa;
font-weight: 500;
color: #303133;
@@ -694,16 +694,16 @@ const confirmSelectPatient = () => {
border-bottom: 1px solid #ebeef5;
}
.el-table td {
.vxe-cell {
text-align: center;
border-bottom: 1px solid #ebeef5;
}
.el-table tr:hover > td {
.vxe-table tr:hover > td {
background-color: #f5f7fa;
}
.el-table--striped .el-table__body tr:nth-child(2n) {
.vxe-table--striped .vxe-table--body tr:nth-child(2n) {
background-color: #fafafa;
}

View File

@@ -1,4 +1,4 @@
<template>
<template>
<div class="patient-search-container">
<!-- 标题栏 -->
<div class="title-bar">
@@ -65,85 +65,85 @@
<!-- 查询结果表格 -->
<div class="result-table">
<el-table
<vxe-table
:data="patientList"
style="width: 100%"
stripe
highlight-current-row
row-key="id"
:row-config="{ keyField: 'id' }"
:current-row-key="selectedPatient?.id"
@row-click="handleRowClick"
@cell-click="handleRowClick"
>
<el-table-column
label="序号"
type="index"
<vxe-column
title="序号"
type="seq"
width="80"
align="center"
/>
<el-table-column
label="病人姓名"
<vxe-column
title="病人姓名"
width="120"
align="center"
>
<template #default="scope">
{{ scope.row.patientName }}
</template>
</el-table-column>
<el-table-column
label="门诊号码"
</vxe-column>
<vxe-column
title="门诊号码"
width="150"
align="center"
>
<template #default="scope">
{{ scope.row.outpatientNo || '-' }}
</template>
</el-table-column>
<el-table-column
label="身份证号码"
</vxe-column>
<vxe-column
title="身份证号码"
width="200"
align="center"
>
<template #default="scope">
{{ scope.row.idCard || '-' }}
</template>
</el-table-column>
<el-table-column
label="手机号码"
</vxe-column>
<vxe-column
title="手机号码"
width="120"
align="center"
>
<template #default="scope">
{{ scope.row.phoneNumber || '-' }}
</template>
</el-table-column>
<el-table-column
label="性别"
</vxe-column>
<vxe-column
title="性别"
width="80"
align="center"
>
<template #default="scope">
{{ scope.row.gender }}
</template>
</el-table-column>
<el-table-column
label="年龄"
</vxe-column>
<vxe-column
title="年龄"
width="80"
align="center"
>
<template #default="scope">
{{ scope.row.age }}
</template>
</el-table-column>
<el-table-column
label="出生年月"
</vxe-column>
<vxe-column
title="出生年月"
width="120"
align="center"
>
<template #default="scope">
{{ scope.row.birthDate }}
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
</div>
</div>
</template>
@@ -346,29 +346,29 @@ onUnmounted(() => {
padding: 10px;
}
.el-table {
.vxe-table {
border: 1px solid #dcdfe6;
border-radius: 4px;
}
.el-table th {
.vxe-header--column {
background-color: #f2f6fc;
font-weight: 600;
color: #303133;
border-bottom: 1px solid #e6e8eb;
}
.el-table td {
.vxe-cell {
padding: 10px 0;
font-size: 14px;
border-bottom: 1px solid #ebeef5;
}
.el-table--striped .el-table__body tr:nth-child(2n) {
.vxe-table--striped .vxe-table--body tr:nth-child(2n) {
background-color: #f8f9fa;
}
.el-table__row:hover {
.vxe-body--row:hover {
background-color: #f5f7fa;
}
</style>

View File

@@ -1,4 +1,4 @@
<template>
<template>
<div
v-loading="loading"
style="display: flex; justify-content: space-between"
@@ -75,58 +75,58 @@
合计金额{{ totalAmounts ? totalAmounts.toFixed(2) : 0 }}
</span>
</div>
<el-table
<vxe-table
ref="chargeListRef"
v-loading="chargeLoading"
height="530"
:data="chargeList"
row-key="id"
:row-config="{ keyField: 'id' }"
:span-method="objectSpanMethod"
border
@selection-change="handleSelectionChange"
@checkbox-change="handleSelectionChange"
>
<el-table-column
type="selection"
<vxe-column
type="checkbox"
:selectable="checkSelectable"
width="55"
/>
<el-table-column
label="单据号"
<vxe-column
title="单据号"
align="center"
prop="busNo"
field="busNo"
width="180"
/>
<el-table-column
label="收费项目"
<vxe-column
title="收费项目"
align="center"
prop="itemName"
field="itemName"
width="200"
/>
<el-table-column
label="数量"
<vxe-column
title="数量"
align="center"
prop="quantityValue"
field="quantityValue"
width="80"
/>
<el-table-column
label="医疗类型"
<vxe-column
title="医疗类型"
align="center"
prop="medTypeCode_dictText"
field="medTypeCode_dictText"
/>
<el-table-column
label="医保编码"
<vxe-column
title="医保编码"
align="center"
prop="ybNo"
field="ybNo"
/>
<el-table-column
label="费用性质"
<vxe-column
title="费用性质"
align="center"
prop="contractName"
field="contractName"
/>
<el-table-column
label="收费状态"
<vxe-column
title="收费状态"
align="center"
prop="statusEnum_enumText"
field="statusEnum_enumText"
width="150"
>
<template #default="scope">
@@ -158,24 +158,24 @@
{{ scope.row.statusEnum_enumText }}
</el-tag>
</template>
</el-table-column>
<el-table-column
label="金额"
</vxe-column>
<vxe-column
title="金额"
align="right"
prop="totalPrice"
field="totalPrice"
header-align="center"
>
<template #default="scope">
{{ scope.row.totalPrice.toFixed(2) + ' 元' || '0.00' + ' 元' }}
</template>
</el-table-column>
<el-table-column
label="收款人"
</vxe-column>
<vxe-column
title="收款人"
align="center"
prop="entererId_dictText"
field="entererId_dictText"
/>
<el-table-column
label="操作"
<vxe-column
title="操作"
align="center"
fixed="right"
header-align="center"
@@ -191,8 +191,8 @@
打印
</el-button>
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
</el-card>
</div>
@@ -338,7 +338,7 @@ function fetchChargeList() {
chargeLoading.value = false;
// 默认选中所有未收费的项目
if (chargeListRef.value) {
chargeListRef.value.toggleAllSelection();
chargeListRef.value.toggleAllCheckboxRow();
}
}, 100);
}).catch(() => {
@@ -591,7 +591,7 @@ function printCharge(row) {
background-color: transparent !important;
}
:deep(.el-table__body) tr:hover td.no-hover-column {
:deep(.vxe-table--body) tr:hover td.no-hover-column {
background-color: inherit !important;
}
</style>

View File

@@ -1,4 +1,4 @@
<template>
<template>
<div class="app-continer">
<el-form
ref="queryRef"
@@ -31,94 +31,94 @@
</el-form-item>
</el-form>
<el-table
<vxe-table
ref="tableRef"
v-loading="loading"
:data="recordList"
border
>
<el-table-column
label="患者姓名"
<vxe-column
title="患者姓名"
align="center"
prop="patientName"
:show-overflow-tooltip="true"
field="patientName"
:show-overflow="true"
/>
<el-table-column
label="支付单号"
<vxe-column
title="支付单号"
align="center"
prop="paymentBusNo"
:show-overflow-tooltip="true"
field="paymentBusNo"
:show-overflow="true"
/>
<el-table-column
label="交易金额(元)"
<vxe-column
title="交易金额(元)"
align="right"
prop="txnAmt"
field="txnAmt"
header-align="center"
width="100"
:show-overflow-tooltip="true"
:show-overflow="true"
/>
<el-table-column
label="交易类型"
<vxe-column
title="交易类型"
align="center"
prop="tranType"
:show-overflow-tooltip="true"
field="tranType"
:show-overflow="true"
/>
<el-table-column
label="支付方式"
<vxe-column
title="支付方式"
align="center"
prop="payType"
:show-overflow-tooltip="true"
field="payType"
:show-overflow="true"
/>
<el-table-column
label="交易时间"
<vxe-column
title="交易时间"
align="center"
prop="txnTime"
:show-overflow-tooltip="true"
field="txnTime"
:show-overflow="true"
>
<template #default="scope">
<span>{{ parseTime(scope.row.txnTime) }}</span>
</template>
</el-table-column>
<el-table-column
label="原交易类型"
</vxe-column>
<vxe-column
title="原交易类型"
align="center"
prop="orgTranType"
:show-overflow-tooltip="true"
field="orgTranType"
:show-overflow="true"
/>
<el-table-column
label="原交易类型"
<vxe-column
title="原交易类型"
align="center"
prop="orgTranType"
:show-overflow-tooltip="true"
field="orgTranType"
:show-overflow="true"
/>
<el-table-column
label="第三方优惠说明"
<vxe-column
title="第三方优惠说明"
align="center"
prop="otherMsg"
:show-overflow-tooltip="true"
field="otherMsg"
:show-overflow="true"
/>
<el-table-column
label="错误信息"
<vxe-column
title="错误信息"
align="center"
prop="errMsg"
:show-overflow-tooltip="true"
field="errMsg"
:show-overflow="true"
/>
<el-table-column
label="查询结果"
<vxe-column
title="查询结果"
align="center"
prop="queryResult"
:show-overflow-tooltip="true"
field="queryResult"
:show-overflow="true"
/>
<el-table-column
label="查询结果说明"
<vxe-column
title="查询结果说明"
align="center"
prop="queryResultMsg"
:show-overflow-tooltip="true"
field="queryResultMsg"
:show-overflow="true"
/>
<el-table-column
label="操作"
<vxe-column
title="操作"
align="center"
prop="paymentEnum_enumText"
field="paymentEnum_enumText"
width="340"
>
<template #default="scope">
@@ -155,8 +155,8 @@
退费结果查询
</el-button>
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
<pagination
v-show="total > 0"
v-model:page="queryParams.pageNo"