fix: Bug#334 门诊医生站检验申请界面按钮布局优化
- 顶部操作区高度 60px -> 48px - 按钮尺寸 large -> default - padding/gap 优化提升垂直空间利用率 Co-Authored-By: 赵云 <zhaoyun@his.local>
This commit is contained in:
@@ -1,14 +1,14 @@
|
||||
<template>
|
||||
<el-container class="inspection-application-container">
|
||||
|
||||
<!-- 顶部操作按钮区 -->
|
||||
<el-header class="top-action-bar" height="60px">
|
||||
<el-row class="action-buttons" type="flex" justify="end" :gutter="10">
|
||||
<el-button type="primary" size="large" @click="handleSave" class="save-btn" :loading="saving">
|
||||
<!-- 顶部操作按钮区 - Bug#334: 优化垂直空间利用率 -->
|
||||
<el-header class="top-action-bar" height="48px">
|
||||
<el-row class="action-buttons" type="flex" justify="end" :gutter="8">
|
||||
<el-button type="primary" size="default" @click="handleSave" class="save-btn" :loading="saving">
|
||||
<el-icon><Document /></el-icon>
|
||||
保存
|
||||
</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-button>
|
||||
@@ -1647,19 +1647,20 @@ defineExpose({
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* 顶部操作按钮区 */
|
||||
/* Bug#334: 顶部操作按钮区 - 优化垂直空间利用率 */
|
||||
.top-action-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
border-bottom: 1px solid var(--el-border-color-light);
|
||||
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 {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
/* 新增按钮样式 - PRD要求蓝色背景 #4a89dc */
|
||||
@@ -1686,9 +1687,9 @@ defineExpose({
|
||||
border-color: #58dfbd !important;
|
||||
}
|
||||
|
||||
/* 检验信息表格区 - 紧凑高度 */
|
||||
/* Bug#334: 检验信息表格区 - 优化垂直空间利用率 */
|
||||
.inspection-section {
|
||||
padding: 4px 10px 0 10px;
|
||||
padding: 2px 10px 0 10px;
|
||||
}
|
||||
|
||||
.table-card {
|
||||
@@ -1696,7 +1697,7 @@ defineExpose({
|
||||
}
|
||||
|
||||
.table-card :deep(.el-card__body) {
|
||||
padding-bottom: 8px;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
@@ -1707,9 +1708,9 @@ defineExpose({
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
/* 底部内容区域 */
|
||||
/* Bug#334: 底部内容区域 - 优化垂直空间利用率 */
|
||||
.bottom-content-area {
|
||||
padding: 4px 10px;
|
||||
padding: 2px 10px;
|
||||
}
|
||||
|
||||
/* 表单区域 */
|
||||
@@ -1732,7 +1733,7 @@ defineExpose({
|
||||
|
||||
.application-form {
|
||||
overflow: visible;
|
||||
padding: 6px 8px;
|
||||
padding: 4px 8px;
|
||||
border: 1px solid #e4e7ed;
|
||||
border-radius: 4px;
|
||||
margin: 2px;
|
||||
|
||||
Reference in New Issue
Block a user