wangyizhe/his
1
3
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
chenqi
2026-06-03 11:19:52 +08:00
parent 5b6b23331d
commit 5a2050a736
385 changed files with 19691 additions and 21188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
openhis-ui-vue3/src/views/inpatientNurse/medicalOrderManagement/components/check/MedicalOrderManagement.vue
View File

@@ -1,4 +1,4 @@
<!--
<!--
* @Author: sjjh
* @Date: 2025-04-16 20:54:48
* @Description:
@@ -29,46 +29,46 @@
</el-space>
</div>
<div class="medicalOrderManagement-table">
<el-table :data="medicalOrderManagementData" row-key="id" style="width: 100%; height: 100%" border
<vxe-table :data="medicalOrderManagementData" :row-config="{ keyField: 'id' }" style="width: 100%; height: 100%" border
:span-method="arraySpanMethod">
<el-table-column type="selection" />
<el-table-column label="类型" prop="name">
<vxe-column type="checkbox" />
<vxe-column title="类型" field="name">
<template #default="{ row }">
<span v-if="!row.children">长期/西药</span>
<template v-else>
{{ row.name }} 11 床【000000001】 &nbsp; 林俊杰 女/24 重 &nbsp;1级 自费 主诊断 医生：医生甲&nbsp; 预交金：1990.3
</template>
</template>
</el-table-column>
</vxe-column>
<el-table-column label="医嘱内容" prop="content">
<vxe-column title="医嘱内容" field="content">
<template #default="{ row }">
<span v-if="row.children">{{ row.content }}</span>
</template>
</el-table-column>
<el-table-column label="开始终止" prop="gender">
</vxe-column>
<vxe-column title="开始终止" field="gender">
<template #default="{ row }">
<div v-if="!row.children">
<div> 05/04 07:00 </div>
<div> 05/25 07:00 </div>
</div>
</template>
</el-table-column>
<el-table-column label="补费绑定" prop="gender">
</vxe-column>
<vxe-column title="补费绑定" field="gender">
<template #default="{ row }">
<el-select v-model="row.reimbursementBinding" placeholder="请选择" style="width: 100%">
<el-option v-for="item in reimbursementOptions" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</template>
</el-table-column>
<el-table-column label="执行科室" prop="gender">
</vxe-column>
<vxe-column title="执行科室" field="gender">
</el-table-column>
<el-table-column label="签发时间" prop="gender">
</vxe-column>
<vxe-column title="签发时间" field="gender">
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
</div>
</div>
</template>

56
openhis-ui-vue3/src/views/inpatientNurse/medicalOrderManagement/components/check/patientList.vue
View File

@@ -1,4 +1,4 @@
<!--
<!--
* @Author: sjjh
* @Date: 2025-04-16 20:14:58
* @Description: 患者列表组件
@@ -29,10 +29,10 @@
</div>
<!-- 待入科列表 -->
<div class="patientList-table">
<el-table :data="patientListData" row-key="id" style="width: 100%; height: 100%" highlight-current-row
@selection-change="handleSelectionChange" :show-header="false" show-overflow-tooltip>
<!-- <el-table-column type="selection" :width="isCollapsed ? 14 : 20" /> -->
<el-table-column label="姓名" prop="name" min-width="100">
<vxe-table :data="patientListData" :row-config="{ keyField: 'id' }" style="width: 100%; height: 100%" highlight-current-row
@checkbox-change="handleSelectionChange" :show-header="false" show-overflow>
<!-- <vxe-column type="checkbox" :width="isCollapsed ? 14 : 20" /> -->
<vxe-column title="姓名" field="name" min-width="100">
<template #default="{ row }">
<template v-if="row?.children?.length > 0">
<span>{{ row.department }}</span>
@@ -43,8 +43,8 @@
<span class="gender" v-if="!isCollapsed">{{ row.gender }}</span>
</div>
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
</div>
</div>
</div>
@@ -148,28 +148,28 @@ const handleSelectionChange = (selection) => {
padding: 0 0px 8px 0px;
}
.el-table {
.vxe-table {
width: 100% !important;
overflow: hidden;
position: relative;
}
.el-table__header-wrapper,
.el-table__body-wrapper {
.vxe-table--header-wrapper,
.vxe-table--body-wrapper {
width: 100% !important;
overflow: hidden;
}
.el-table__header {
.vxe-table--header {
display: none;
}
.el-table__body {
.vxe-table--body {
display: block;
overflow: hidden;
}
.el-table__body tr {
.vxe-table--body tr {
display: block;
padding: 4px 8px;
text-align: center;
@@ -177,7 +177,7 @@ const handleSelectionChange = (selection) => {
overflow: hidden;
}
.el-table__body td {
.vxe-table--body td {
display: block;
padding: 0;
border: none;
@@ -186,12 +186,12 @@ const handleSelectionChange = (selection) => {
white-space: nowrap;
}
.el-table__body .name {
.vxe-table--body .name {
font-size: 16px;
}
.el-table__body .status,
.el-table__body .attention {
.vxe-table--body .status,
.vxe-table--body .attention {
display: none;
}
}
@@ -239,23 +239,23 @@ const handleSelectionChange = (selection) => {
padding: 0 8px 8px 8px;
}
.el-table {
.vxe-table {
width: 100% !important;
height: 100%;
overflow: hidden;
position: relative;
}
.el-table__body {
.vxe-table--body {
overflow: hidden;
position: relative;
}
.el-table__body-wrapper {
.vxe-table--body-wrapper {
overflow: hidden !important;
}
.el-table__body tr {
.vxe-table--body tr {
position: relative;
}
@@ -275,23 +275,23 @@ const handleSelectionChange = (selection) => {
color: #666;
}
:deep(.el-table__indent) {
:deep(.vxe-table--indent) {
display: none !important;
}
:deep(.el-table__placeholder) {
:deep(.vxe-table--placeholder) {
display: none !important;
}
:deep(.el-table__expanded-cell) {
:deep(.vxe-table--expanded-cell) {
padding: 0 !important;
}
:deep(.el-table__expanded-cell .el-table__cell) {
:deep(.vxe-table--expanded-cell .vxe-cell) {
padding: 0 !important;
}
:deep(.el-table__expanded-cell .el-table__cell .patient-name) {
:deep(.vxe-table--expanded-cell .vxe-cell .patient-name) {
margin-left: 4px;
}
@@ -300,11 +300,11 @@ const handleSelectionChange = (selection) => {
padding-right: 0 !important;
}
:deep(.el-table__expanded-cell) {
:deep(.vxe-table--expanded-cell) {
padding: 0 !important;
}
:deep(.el-table__expanded-cell .el-table__cell .patient-name) {
:deep(.vxe-table--expanded-cell .vxe-cell .patient-name) {
margin-left: 4px;
}
</style>

42
openhis-ui-vue3/src/views/inpatientNurse/medicalOrderManagement/components/execute/MedicalOrderManagement.vue
View File

@@ -1,4 +1,4 @@
<!--
<!--
* @Author: sjjh
* @Date: 2025-04-16 20:54:48
* @Description:
@@ -79,18 +79,18 @@
<el-space :size="4" />
</div>
<div class="medicalOrderManagement-table">
<el-table
<vxe-table
:data="medicalOrderManagementData"
row-key="id"
:row-config="{ keyField: 'id' }"
style="width: 100%; height: 100%"
border
:span-method="arraySpanMethod"
>
<el-table-column type="selection" />
<vxe-column type="checkbox" />
<el-table-column
label="类型"
prop="name"
<vxe-column
title="类型"
field="name"
>
<template #default="{ row }">
<span v-if="!row.children">长期/西药</span>
@@ -100,19 +100,19 @@
预交金：1990.3
</template>
</template>
</el-table-column>
</vxe-column>
<el-table-column
label="医嘱内容"
prop="content"
<vxe-column
title="医嘱内容"
field="content"
>
<template #default="{ row }">
<span v-if="row.children">{{ row.content }}</span>
</template>
</el-table-column>
<el-table-column
label="开始终止"
prop="gender"
</vxe-column>
<vxe-column
title="开始终止"
field="gender"
>
<template #default="{ row }">
<div v-if="!row.children">
@@ -120,10 +120,10 @@
<div>05/25 07:00</div>
</div>
</template>
</el-table-column>
<el-table-column
label="执行时间"
prop="gender"
</vxe-column>
<vxe-column
title="执行时间"
field="gender"
min-width="200px"
>
<template #default="{ row }">
@@ -147,8 +147,8 @@
</template>
<template v-else />
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
</div>
</div>
</template>

56
openhis-ui-vue3/src/views/inpatientNurse/medicalOrderManagement/components/execute/patientList.vue
View File

@@ -1,4 +1,4 @@
<!--
<!--
* @Author: sjjh
* @Date: 2025-04-16 20:14:58
* @Description: 患者列表组件
@@ -29,10 +29,10 @@
</div>
<!-- 待入科列表 -->
<div class="patientList-table">
<el-table :data="patientListData" row-key="id" style="width: 100%; height: 100%" highlight-current-row
@selection-change="handleSelectionChange" :show-header="false" show-overflow-tooltip>
<!-- <el-table-column type="selection" :width="isCollapsed ? 14 : 20" /> -->
<el-table-column label="姓名" prop="name" min-width="100">
<vxe-table :data="patientListData" :row-config="{ keyField: 'id' }" style="width: 100%; height: 100%" highlight-current-row
@checkbox-change="handleSelectionChange" :show-header="false" show-overflow>
<!-- <vxe-column type="checkbox" :width="isCollapsed ? 14 : 20" /> -->
<vxe-column title="姓名" field="name" min-width="100">
<template #default="{ row }">
<template v-if="row?.children?.length > 0">
<span>{{ row.department }}</span>
@@ -43,8 +43,8 @@
<span class="gender" v-if="!isCollapsed">{{ row.gender }}</span>
</div>
</template>
</el-table-column>
</el-table>
</vxe-column>
</vxe-table>
</div>
</div>
</div>
@@ -148,28 +148,28 @@ const handleSelectionChange = (selection) => {
padding: 0 0px 8px 0px;
}
.el-table {
.vxe-table {
width: 100% !important;
overflow: hidden;
position: relative;
}
.el-table__header-wrapper,
.el-table__body-wrapper {
.vxe-table--header-wrapper,
.vxe-table--body-wrapper {
width: 100% !important;
overflow: hidden;
}
.el-table__header {
.vxe-table--header {
display: none;
}
.el-table__body {
.vxe-table--body {
display: block;
overflow: hidden;
}
.el-table__body tr {
.vxe-table--body tr {
display: block;
padding: 4px 8px;
text-align: center;
@@ -177,7 +177,7 @@ const handleSelectionChange = (selection) => {
overflow: hidden;
}
.el-table__body td {
.vxe-table--body td {
display: block;
padding: 0;
border: none;
@@ -186,12 +186,12 @@ const handleSelectionChange = (selection) => {
white-space: nowrap;
}
.el-table__body .name {
.vxe-table--body .name {
font-size: 16px;
}
.el-table__body .status,
.el-table__body .attention {
.vxe-table--body .status,
.vxe-table--body .attention {
display: none;
}
}
@@ -239,23 +239,23 @@ const handleSelectionChange = (selection) => {
padding: 0 8px 8px 8px;
}
.el-table {
.vxe-table {
width: 100% !important;
height: 100%;
overflow: hidden;
position: relative;
}
.el-table__body {
.vxe-table--body {
overflow: hidden;
position: relative;
}
.el-table__body-wrapper {
.vxe-table--body-wrapper {
overflow: hidden !important;
}
.el-table__body tr {
.vxe-table--body tr {
position: relative;
}
@@ -275,23 +275,23 @@ const handleSelectionChange = (selection) => {
color: #666;
}
:deep(.el-table__indent) {
:deep(.vxe-table--indent) {
display: none !important;
}
:deep(.el-table__placeholder) {
:deep(.vxe-table--placeholder) {
display: none !important;
}
:deep(.el-table__expanded-cell) {
:deep(.vxe-table--expanded-cell) {
padding: 0 !important;
}
:deep(.el-table__expanded-cell .el-table__cell) {
:deep(.vxe-table--expanded-cell .vxe-cell) {
padding: 0 !important;
}
:deep(.el-table__expanded-cell .el-table__cell .patient-name) {
:deep(.vxe-table--expanded-cell .vxe-cell .patient-name) {
margin-left: 4px;
}
@@ -300,11 +300,11 @@ const handleSelectionChange = (selection) => {
padding-right: 0 !important;
}
:deep(.el-table__expanded-cell) {
:deep(.vxe-table--expanded-cell) {
padding: 0 !important;
}
:deep(.el-table__expanded-cell .el-table__cell .patient-name) {
:deep(.vxe-table--expanded-cell .vxe-cell .patient-name) {
margin-left: 4px;
}
</style>