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

fix: Bug#334 门诊医生站检验申请界面按钮布局优化

Browse Source 
- 顶部操作区高度 60px -> 48px
- 按钮尺寸 large -> default
- padding/gap 优化提升垂直空间利用率

Co-Authored-By: 赵云 <zhaoyun@his.local>
This commit is contained in:
赵云
2026-04-06 06:55:05 +08:00
parent 5497c99f0c
commit 720cac8a8f
1 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
openhis-ui-vue3/src/views/doctorstation/components/inspection/inspectionApplication.vue
View File

@@ -1,14 +1,14 @@
<template> <template>
<el-container class="inspection-application-container"> <el-container class="inspection-application-container">
<!-- 顶部操作按钮区 --> <!-- 顶部操作按钮区 - Bug#334: 优化垂直空间利用率 -->
<el-header class="top-action-bar" height="60px"> <el-header class="top-action-bar" height="48px">
<el-row class="action-buttons" type="flex" justify="end" :gutter="10"> <el-row class="action-buttons" type="flex" justify="end" :gutter="8">
<el-button type="primary" size="large" @click="handleSave" class="save-btn" :loading="saving"> <el-button type="primary" size="default" @click="handleSave" class="save-btn" :loading="saving">
<el-icon><Document /></el-icon> <el-icon><Document /></el-icon>
保存 保存
</el-button> </el-button>
<el-button type="primary" size="large" @click="handleNewApplication" class="new-btn"> <el-button type="primary" size="default" @click="handleNewApplication" class="new-btn">
<el-icon><Plus /></el-icon> <el-icon><Plus /></el-icon>
新增 新增
</el-button> </el-button>
@@ -1647,19 +1647,20 @@ defineExpose({
padding: 0; padding: 0;
} }
/* 顶部操作按钮区 */ /* Bug#334: 顶部操作按钮区 - 优化垂直空间利用率 */
.top-action-bar { .top-action-bar {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
border-bottom: 1px solid var(--el-border-color-light); border-bottom: 1px solid var(--el-border-color-light);
background: var(--el-bg-color); background: var(--el-bg-color);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
padding: 0 12px;
} }
.action-buttons { .action-buttons {
display: flex; display: flex;
gap: 10px; gap: 8px;
} }
/* 新增按钮样式 - PRD要求蓝色背景 #4a89dc */ /* 新增按钮样式 - PRD要求蓝色背景 #4a89dc */
@@ -1686,9 +1687,9 @@ defineExpose({
border-color: #58dfbd !important; border-color: #58dfbd !important;
} }
/* 检验信息表格区 - 紧凑高度 */ /* Bug#334: 检验信息表格区 - 优化垂直空间利用率 */
.inspection-section { .inspection-section {
padding: 4px 10px 0 10px; padding: 2px 10px 0 10px;
} }
.table-card { .table-card {
@@ -1696,7 +1697,7 @@ defineExpose({
} }
.table-card :deep(.el-card__body) { .table-card :deep(.el-card__body) {
padding-bottom: 8px; padding-bottom: 6px;
} }
.card-header { .card-header {
@@ -1707,9 +1708,9 @@ defineExpose({
color: var(--el-text-color-primary); color: var(--el-text-color-primary);
} }
/* 底部内容区域 */ /* Bug#334: 底部内容区域 - 优化垂直空间利用率 */
.bottom-content-area { .bottom-content-area {
padding: 4px 10px; padding: 2px 10px;
} }
/* 表单区域 */ /* 表单区域 */
@@ -1732,7 +1733,7 @@ defineExpose({
.application-form { .application-form {
overflow: visible; overflow: visible;
padding: 6px 8px; padding: 4px 8px;
border: 1px solid #e4e7ed; border: 1px solid #e4e7ed;
border-radius: 4px; border-radius: 4px;
margin: 2px; margin: 2px;