Fix Bug #476: 紧急程度移入el-form作为正式表单项,修正字段排列顺序

根因:紧急程度渲染在el-form外的独立urgency-bar中,不是正式表单项,
不随表单校验和数据流走;第一行字段布局只有发往科室和期望检查时间,
紧急程度未放在发往科室之后。

修复:将紧急程度从独立div移入el-form第一行,位于发往科室和期望检查时间之间;
同步移除urgency-bar废弃CSS;修正date picker函数名disabledFutureDate为disabledPastDate。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-05-17 20:06:19 +08:00
parent c31340f649
commit 8a5c38776a

View File

@@ -7,20 +7,6 @@
<div class="medicalExaminations-container">
<!-- 主体内容 -->
<div class="form-body">
<!-- 右上角紧急程度 -->
<div class="urgency-bar">
<span class="urgency-bar-label">紧急程度</span>
<el-radio-group v-model="form.urgencyLevel" @change="handleUrgencyChange" size="small">
<el-radio-button label="routine">普通</el-radio-button>
<el-radio-button label="emergency">急诊</el-radio-button>
</el-radio-group>
<transition name="el-fade-in-linear">
<span v-if="form.urgencyLevel === 'emergency'" class="emergency-tip-inline">
<el-icon><WarningFilled /></el-icon>
绿色通道
</span>
</transition>
</div>
<!-- 选择检查项目 -->
<div class="section-card">
<div class="transfer-wrapper">
@@ -52,7 +38,21 @@
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="4">
<el-form-item label="紧急程度">
<el-radio-group v-model="form.urgencyLevel" @change="handleUrgencyChange" size="small">
<el-radio-button label="routine">普通</el-radio-button>
<el-radio-button label="emergency">急诊</el-radio-button>
</el-radio-group>
<transition name="el-fade-in-linear">
<span v-if="form.urgencyLevel === 'emergency'" class="emergency-tip-inline">
<el-icon><WarningFilled /></el-icon>
绿色通道
</span>
</transition>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="期望检查时间">
<el-date-picker
v-model="form.expectedExaminationTime"
@@ -61,7 +61,7 @@
style="width: 100%"
value-format="YYYY-MM-DD HH:mm:ss"
format="YYYY-MM-DD HH:mm"
:disabled-date="disabledFutureDate"
:disabled-date="disabledPastDate"
:default-value="new Date()"
/>
</el-form-item>
@@ -347,8 +347,8 @@ const rules = reactive({
],
});
// 禁用过去的时间
const disabledFutureDate = (time) => {
// 禁用过去的日期(允许选择今天及以后)
const disabledPastDate = (time) => {
return time.getTime() < Date.now() - 8.64e7;
};
@@ -624,23 +624,6 @@ $bg-color: #f5f7fa;
}
}
// 紧急程度栏 - 右上角
.urgency-bar {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
padding: 4px 0;
margin-bottom: 4px;
}
.urgency-bar-label {
font-size: 13px;
font-weight: 500;
color: $text-regular;
white-space: nowrap;
}
// 卡片通用样式 - 紧凑
.section-card {
background: #fff;