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

检查项目设置-套餐设置-套餐管理界面放大或缩小数据显示不全

Browse Source
This commit is contained in:
王志康
2025-11-28 15:24:52 +08:00
parent 548fabcffe
commit 327e88e6d4
3 changed files with 92 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
openhis-ui-vue3/src/views/doctorstation/components/prescription/prescriptionlist.vue
View File

@@ -8,9 +8,9 @@
</div>
<!-- 可滚动的内容区域 -->
<div class="prescription-scroll-container" style="flex: 1; overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 300px);">
<div class="prescription-scroll-container" style="flex: 1; overflow-y: auto; overflow-x: auto; max-height: calc(100vh - 300px); width: 100%;">
<!-- 循环显示所有西药方 -->
<div v-for="(prescription, pIndex) in westernPrescriptions" :key="prescription.id" style="margin-bottom: 20px; border: 1px solid #e4e7ed; border-radius: 8px; padding: 10px;">
<div v-for="(prescription, pIndex) in westernPrescriptions" :key="prescription.id" style="margin-bottom: 20px; border: 1px solid #e4e7ed; border-radius: 8px; padding: 10px; min-width: fit-content;">
<!-- 西药方标题栏 -->
<div style="margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; background: #f5f7fa; padding: 10px 12px; border-radius: 4px;">
<span style="font-weight: 600; font-size: 14px; color: #409eff;">{{ prescription.name }}</span>
@@ -79,6 +79,7 @@
@row-dblclick="(row, event) => clickRowDb(row, event, prescription.id)"
v-loading="loading"
:expand-row-keys="prescription.expandOrder || []"
style="width: 100%; min-width: 100%;"
>
<el-table-column type="expand" width="1" style="width: 0">
<template #default="scope">
@@ -3437,14 +3438,19 @@ defineExpose({ getListInfo, getDiagnosisInfo, getSignedPrescriptionInfo });
margin-bottom: 0px;
}
/* 优化滚动条样式 */
/* 优化滚动条样式 - 支持水平和垂直滚动 */
.prescription-scroll-container {
scrollbar-width: thin;
scrollbar-color: #c1c1c1 #f1f1f1;
/* 确保内容可以超出容器宽度，触发水平滚动 */
overflow-x: auto;
overflow-y: auto;
}
/* 垂直滚动条样式 */
.prescription-scroll-container::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.prescription-scroll-container::-webkit-scrollbar-track {
@@ -3460,4 +3466,18 @@ defineExpose({ getListInfo, getDiagnosisInfo, getSignedPrescriptionInfo });
.prescription-scroll-container::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
/* 水平滚动条样式 */
.prescription-scroll-container::-webkit-scrollbar:horizontal {
height: 8px;
}
/* 确保表格可以水平滚动 */
.prescription-scroll-container .el-table {
min-width: 100%;
}
.prescription-scroll-container .el-table__body-wrapper {
overflow-x: auto;
}
</style>