更新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-container">
<el-form
v-show="showSearch"
@@ -199,35 +199,35 @@
/>
</el-row>
<el-table
<vxe-table
v-loading="loading"
:data="dayEndMedicalInsuranceSettlementList"
@selection-change="handleSelectionChange"
@checkbox-change="handleSelectionChange"
>
<el-table-column
type="selection"
<vxe-column
type="checkbox"
width="55"
align="center"
/>
<el-table-column
label="结算单号"
<vxe-column
title="结算单号"
align="center"
prop="settlementNo"
field="settlementNo"
/>
<el-table-column
label="结算日期"
<vxe-column
title="结算日期"
align="center"
prop="settlementDate"
field="settlementDate"
width="120"
>
<template #default="scope">
<span>{{ parseTime(scope.row.settlementDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column
label="结算类型"
</vxe-column>
<vxe-column
title="结算类型"
align="center"
prop="settlementType"
field="settlementType"
>
<template #default="scope">
<el-tag
@@ -250,11 +250,11 @@
</el-tag>
<span v-else>{{ scope.row.settlementType }}</span>
</template>
</el-table-column>
<el-table-column
label="医保类型"
</vxe-column>
<vxe-column
title="医保类型"
align="center"
prop="insuranceType"
field="insuranceType"
>
<template #default="scope">
<el-tag
@@ -283,41 +283,41 @@
</el-tag>
<span v-else>{{ scope.row.insuranceType }}</span>
</template>
</el-table-column>
<el-table-column
label="总人次"
</vxe-column>
<vxe-column
title="总人次"
align="center"
prop="totalVisits"
field="totalVisits"
/>
<el-table-column
label="总金额"
<vxe-column
title="总金额"
align="center"
prop="totalAmount"
field="totalAmount"
/>
<el-table-column
label="医保统筹支付"
<vxe-column
title="医保统筹支付"
align="center"
prop="insurancePayAmount"
field="insurancePayAmount"
/>
<el-table-column
label="个人账户支付"
<vxe-column
title="个人账户支付"
align="center"
prop="accountPayAmount"
field="accountPayAmount"
/>
<el-table-column
label="个人自付"
<vxe-column
title="个人自付"
align="center"
prop="personalPayAmount"
field="personalPayAmount"
/>
<el-table-column
label="基金支付总额"
<vxe-column
title="基金支付总额"
align="center"
prop="fundPaySumAmount"
field="fundPaySumAmount"
/>
<el-table-column
label="状态"
<vxe-column
title="状态"
align="center"
prop="status"
field="status"
>
<template #default="scope">
<dict-tag
@@ -325,30 +325,30 @@
:value="scope.row.status"
/>
</template>
</el-table-column>
<el-table-column
label="操作员"
</vxe-column>
<vxe-column
title="操作员"
align="center"
prop="operator"
field="operator"
/>
<el-table-column
label="备注"
<vxe-column
title="备注"
align="center"
prop="remark"
:show-overflow-tooltip="true"
field="remark"
:show-overflow="true"
/>
<el-table-column
label="创建时间"
<vxe-column
title="创建时间"
align="center"
prop="createTime"
field="createTime"
width="180"
>
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>
<el-table-column
label="操作"
</vxe-column>
<vxe-column
title="操作"
align="center"
class-name="small-padding fixed-width"
>
@@ -381,8 +381,8 @@
删除
</el-button>
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
<pagination
v-show="total > 0"

View File

@@ -1,4 +1,4 @@
<template>
<template>
<el-row
:gutter="20"
style="margin-bottom: 10px; display: flex; justify-content: flex-end"
@@ -28,23 +28,23 @@
</el-col>
</el-row>
<el-row :gutter="10">
<el-table
<vxe-table
ref="diagnosisTableRef"
style="width: 100%; overflow-x: auto"
:data="tableData"
height="45vh"
border
@selection-change="handleSelectionChange"
@checkbox-change="handleSelectionChange"
>
<el-table-column
type="selection"
<vxe-column
type="checkbox"
width="55"
align="center"
/>
<el-table-column
label="诊断名称"
<vxe-column
title="诊断名称"
align="center"
prop="diagName"
field="diagName"
width="180"
>
<template #default="scope">
@@ -66,18 +66,18 @@
placeholder="请选择诊断"
:validate-event="false"
@input="handleChange"
@focus="handleFocus(scope.row, scope.$index)"
@focus="handleFocus(scope.row, scope.rowIndex)"
@blur="handleBlur(scope.row)"
/>
</template>
</el-popover>
</div>
</template>
</el-table-column>
</vxe-column>
<el-table-column
label="诊断编码"
prop="diagCode"
<vxe-column
title="诊断编码"
field="diagCode"
align="center"
width="130"
>
@@ -87,10 +87,10 @@
disabled
/>
</template>
</el-table-column>
<el-table-column
label="诊断类型"
prop="diagType"
</vxe-column>
<vxe-column
title="诊断类型"
field="diagType"
align="center"
width="100"
>
@@ -100,11 +100,11 @@
disabled
/>
</template>
</el-table-column>
<el-table-column
label="是否主诊断"
</vxe-column>
<vxe-column
title="是否主诊断"
align="center"
prop="maindiagFlag"
field="maindiagFlag"
width="100"
>
<template #default="scope">
@@ -115,13 +115,13 @@
:false-label="0"
border
size="small"
@change="(value) => handleMaindise(value, scope.$index)"
@change="(value) => handleMaindise(value, scope.rowIndex)"
/>
</template>
</el-table-column>
<el-table-column
label="确诊时间"
prop="diagTime"
</vxe-column>
<vxe-column
title="确诊时间"
field="diagTime"
align="center"
width="130"
>
@@ -132,18 +132,18 @@
placeholder="选择日期"
/>
</template>
</el-table-column>
<el-table-column
label="说明"
prop="diagDesc"
</vxe-column>
<vxe-column
title="说明"
field="diagDesc"
align="center"
width="130"
>
<template #default="scope">
<el-input v-model="scope.row.diagDesc" />
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
</el-row>
</template>
<script setup>
@@ -202,7 +202,7 @@ const handleDeleteDiagnosis = () => {
// 清空选中状态
selectedRows.value = [];
if (diagnosisTableRef.value) {
diagnosisTableRef.value.clearSelection();
diagnosisTableRef.value.clearCheckboxRow();
}
};
const multiple = ref(true);
@@ -279,7 +279,7 @@ defineExpose({
});
</script>
<style>
.el-table .cell {
.vxe-cell {
padding: 0 8px !important;
}
</style>

View File

@@ -1,4 +1,4 @@
<template>
<template>
<el-row
:gutter="20"
style="margin-bottom: 10px; display: flex; justify-content: flex-end"
@@ -28,23 +28,23 @@
</el-col>
</el-row>
<el-row :gutter="10">
<el-table
<vxe-table
ref="diagnosisTableRef"
style="width: 100%; overflow-x: auto"
:data="tableData"
height="45vh"
border
@selection-change="handleSelectionChange"
@checkbox-change="handleSelectionChange"
>
<el-table-column
type="selection"
<vxe-column
type="checkbox"
width="55"
align="center"
/>
<el-table-column
label="诊断名称"
<vxe-column
title="诊断名称"
align="center"
prop="diagName"
field="diagName"
width="180"
>
<template #default="scope">
@@ -66,18 +66,18 @@
placeholder="请选择诊断"
:validate-event="false"
@input="handleChange"
@focus="handleFocus(scope.row, scope.$index)"
@focus="handleFocus(scope.row, scope.rowIndex)"
@blur="handleBlur(scope.row)"
/>
</template>
</el-popover>
</div>
</template>
</el-table-column>
</vxe-column>
<el-table-column
label="诊断编码"
prop="diagCode"
<vxe-column
title="诊断编码"
field="diagCode"
align="center"
width="130"
>
@@ -87,10 +87,10 @@
disabled
/>
</template>
</el-table-column>
<el-table-column
label="诊断类型"
prop="diagType"
</vxe-column>
<vxe-column
title="诊断类型"
field="diagType"
align="center"
width="100"
>
@@ -100,11 +100,11 @@
disabled
/>
</template>
</el-table-column>
<el-table-column
label="是否主诊断"
</vxe-column>
<vxe-column
title="是否主诊断"
align="center"
prop="maindiagFlag"
field="maindiagFlag"
width="100"
>
<template #default="scope">
@@ -115,13 +115,13 @@
:false-label="0"
border
size="small"
@change="(value) => handleMaindise(value, scope.$index)"
@change="(value) => handleMaindise(value, scope.rowIndex)"
/>
</template>
</el-table-column>
<el-table-column
label="确诊时间"
prop="diagTime"
</vxe-column>
<vxe-column
title="确诊时间"
field="diagTime"
align="center"
width="130"
>
@@ -132,18 +132,18 @@
placeholder="选择日期"
/>
</template>
</el-table-column>
<el-table-column
label="说明"
prop="diagDesc"
</vxe-column>
<vxe-column
title="说明"
field="diagDesc"
align="center"
width="130"
>
<template #default="scope">
<el-input v-model="scope.row.diagDesc" />
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
</el-row>
</template>
<script setup>
@@ -202,7 +202,7 @@ const handleDeleteDiagnosis = () => {
// 清空选中状态
selectedRows.value = [];
if (diagnosisTableRef.value) {
diagnosisTableRef.value.clearSelection();
diagnosisTableRef.value.clearCheckboxRow();
}
};
const multiple = ref(true);
@@ -279,7 +279,7 @@ defineExpose({
});
</script>
<style>
.el-table .cell {
.vxe-cell {
padding: 0 8px !important;
}
</style>

View File

@@ -1,4 +1,4 @@
<template>
<template>
<div class="awaitList-container">
<div class="operate">
<el-space>
@@ -24,61 +24,61 @@
</el-space>
</div>
<div class="table-container">
<el-table
<vxe-table
:data="treatHospitalizedData"
style="width: 100%"
height="100%"
show-overflow-tooltip
show-overflow
>
<el-table-column
type="index"
<vxe-column
type="seq"
width="54"
align="center"
label="序号"
title="序号"
/>
<el-table-column
prop="patientName"
<vxe-column
field="patientName"
align="center"
label="申请患者"
title="申请患者"
/>
<el-table-column
prop="genderEnum_enumText"
label="性别"
<vxe-column
field="genderEnum_enumText"
title="性别"
align="center"
/>
<el-table-column
prop="age"
label="年龄"
<vxe-column
field="age"
title="年龄"
align="center"
/>
<el-table-column
prop="sourceName"
<vxe-column
field="sourceName"
align="center"
label="申请来源"
title="申请来源"
>
<template #default="scope">
{{ scope.row.sourceName || '-' }}
</template>
</el-table-column>
<el-table-column
prop="requestTime"
</vxe-column>
<vxe-column
field="requestTime"
align="center"
label="申请时间"
title="申请时间"
/>
<el-table-column
prop="wardName"
<vxe-column
field="wardName"
align="center"
label="入院病区"
title="入院病区"
/>
<el-table-column
prop="registrar"
<vxe-column
field="registrar"
align="center"
label="登记员"
title="登记员"
/>
<el-table-column
<vxe-column
fixed="right"
align="center"
label="操作"
title="操作"
width="88"
>
<template #default="scope">
@@ -90,8 +90,8 @@
查看
</el-button>
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
<pagination
v-show="total > 0"
v-model:page="queryParams.pageNo"

View File

@@ -1,4 +1,4 @@
<template>
<template>
<div class="awaitList-container">
<div class="operate">
<el-space>
@@ -30,52 +30,52 @@
</el-space>
</div>
<div class="table-container">
<el-table
<vxe-table
:data="treatHospitalizedData"
style="width: 100%"
height="100%"
show-overflow-tooltip
show-overflow
>
<el-table-column
type="index"
<vxe-column
type="seq"
width="54"
align="center"
label="序号"
title="序号"
/>
<el-table-column
prop="patientName"
<vxe-column
field="patientName"
align="center"
label="患者姓名"
title="患者姓名"
/>
<el-table-column
prop="genderEnum_enumText"
label="性别"
<vxe-column
field="genderEnum_enumText"
title="性别"
align="center"
/>
<el-table-column
prop="age"
label="年龄"
<vxe-column
field="age"
title="年龄"
align="center"
/>
<el-table-column
prop="requestTime"
<vxe-column
field="requestTime"
align="center"
label="申请时间"
title="申请时间"
/>
<el-table-column
prop="sourceName"
<vxe-column
field="sourceName"
align="center"
label="申请来源"
title="申请来源"
/>
<el-table-column
prop="wardName"
<vxe-column
field="wardName"
align="center"
label="入院病区"
title="入院病区"
/>
<el-table-column
<vxe-column
fixed="right"
align="center"
label="操作"
title="操作"
width="88"
>
<template #default="scope">
@@ -87,8 +87,8 @@
登记
</el-button>
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
<pagination
v-show="total > 0"
v-model:page="queryParams.pageNo"

View File

@@ -1,4 +1,4 @@
<template>
<template>
<div class="awaitList-container">
<div class="operate">
<el-space>
@@ -40,43 +40,43 @@
</el-space>
</div>
<div class="table-container">
<el-table
<vxe-table
:data="treatHospitalizedData"
style="width: 100%"
height="100%"
show-overflow-tooltip
show-overflow
>
<el-table-column
type="index"
<vxe-column
type="seq"
width="54"
label="序号"
title="序号"
/>
<el-table-column
prop="storageName"
label="申请来源"
<vxe-column
field="storageName"
title="申请来源"
/>
<el-table-column
prop="createdDate"
label="申请时间"
<vxe-column
field="createdDate"
title="申请时间"
min-width="160"
/>
<el-table-column
prop="name"
label="申请患者"
<vxe-column
field="name"
title="申请患者"
/>
<el-table-column
prop="deptNurseName"
label="入院病区"
<vxe-column
field="deptNurseName"
title="入院病区"
/>
<el-table-column
prop="sexName"
label="性别"
<vxe-column
field="sexName"
title="性别"
/>
<el-table-column
prop="purchaseTotalAmount"
label="年龄"
<vxe-column
field="purchaseTotalAmount"
title="年龄"
/>
</el-table>
</vxe-table>
</div>
</div>
</template>

View File

@@ -1,4 +1,4 @@
<template>
<template>
<div class="app-container">
<el-form
ref="queryRef"
@@ -36,64 +36,64 @@
</el-form>
<div class="table-container">
<el-table
<vxe-table
:data="treatHospitalizedData"
style="width: 100%"
height="100%"
show-overflow-tooltip
show-overflow
>
<el-table-column
type="index"
<vxe-column
type="seq"
width="54"
align="center"
label="序号"
title="序号"
/>
<el-table-column
prop="patientName"
<vxe-column
field="patientName"
align="center"
label="患者姓名"
title="患者姓名"
/>
<el-table-column
prop="genderEnum_enumText"
label="性别"
<vxe-column
field="genderEnum_enumText"
title="性别"
align="center"
/>
<el-table-column
prop="age"
label="年龄"
<vxe-column
field="age"
title="年龄"
align="center"
/>
<el-table-column
prop="requestTime"
<vxe-column
field="requestTime"
align="center"
label="申请时间"
title="申请时间"
width="180"
/>
<el-table-column
prop="sourceName"
<vxe-column
field="sourceName"
align="center"
label="申请来源"
title="申请来源"
/>
<el-table-column
prop="wardName"
<vxe-column
field="wardName"
align="center"
label="入院病区"
title="入院病区"
/>
<el-table-column
prop="statusText"
<vxe-column
field="statusText"
align="center"
label="医保登记状态"
title="医保登记状态"
>
<template #default="scope">
<el-tag :type="tagType(scope.row.statusText)">
{{ scope.row.statusText || '--' }}
</el-tag>
</template>
</el-table-column>
<el-table-column
</vxe-column>
<vxe-column
fixed="right"
align="center"
label="操作"
title="操作"
class-name="small-padding fixed-width"
width="600"
>
@@ -161,8 +161,8 @@
</template>
</el-dropdown>
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
<pagination
v-show="total > 0"
v-model:page="queryParams.pageNo"