收费工作站-》门诊挂号:将门诊挂号界面的功能按钮统一摆放在标题页,依次摆放整齐。

This commit is contained in:
2025-11-05 13:32:48 +08:00
parent 0dbe9a57c8
commit e42d990304

View File

@@ -3,7 +3,20 @@
<el-row> <el-row>
<el-col :span="24" class="card-box"> <el-col :span="24" class="card-box">
<el-card> <el-card>
<template #header> <span style="vertical-align: middle">门诊挂号</span></template> <template #header>
<div style="display: flex; align-items: center; justify-content: space-between; width: 100%">
<span style="vertical-align: middle; font-size: 16px; font-weight: bold;">门诊挂号</span>
<div class="header-buttons">
<el-button type="primary" icon="Plus" @click="handleAddPatient" size="small">新建</el-button>
<el-button type="primary" plain icon="Search" @click="handleSearch" size="small">查询</el-button>
<el-button type="primary" plain @click="handleReadCard('01')" size="small">电子凭证</el-button>
<el-button type="primary" plain @click="handleReadCard('02')" size="small" :disabled="true">身份证</el-button>
<el-button type="primary" plain @click="handleReadCard('03')" size="small">医保卡</el-button>
<el-button type="warning" plain icon="CircleClose" @click="handleClear" size="small">清空</el-button>
<el-button type="primary" icon="Plus" @click="handleAdd" size="small">保存挂号</el-button>
</div>
</div>
</template>
<el-form :model="form" :rules="rules" ref="outpatientRegistrationRef" label-width="110px"> <el-form :model="form" :rules="rules" ref="outpatientRegistrationRef" label-width="110px">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="5"> <el-col :span="5">
@@ -28,44 +41,6 @@
</el-popover> </el-popover>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6" style="padding: 0">
<el-button type="primary" icon="Plus" @click="handleAddPatient" style="width: 65px">
新建
</el-button>
<el-button
type="primary"
plain
icon="Search"
@click="handleSearch"
style="width: 65px"
>
查询
</el-button>
<el-button type="primary" plain @click="handleReadCard('01')" style="width: 65px">
电子凭证
</el-button>
<el-button
type="primary"
plain
@click="handleReadCard('02')"
style="width: 65px"
:disabled="true"
>
身份证
</el-button>
<el-button type="primary" plain @click="handleReadCard('03')" style="width: 65px">
医保卡
</el-button>
<!-- <el-button
type="primary"
plain
@click="handleReadCard('99')"
style="width: 65px"
:disabled="true"
>
学生卡
</el-button> -->
</el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="姓名:" prop="name"> <el-form-item label="姓名:" prop="name">
<el-input v-model="form.name" placeholder="姓名" :disabled="true" /> <el-input v-model="form.name" placeholder="姓名" :disabled="true" />
@@ -350,33 +325,12 @@
<el-input v-model="form.totalPrice" placeholder="" :disabled="true" /> <el-input v-model="form.totalPrice" placeholder="" :disabled="true" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" style="text-align: right"> </el-row>
<el-button type="warning" plain icon="CircleClose" @click="handleClear" <el-row :gutter="24" justify="end">
>清空</el-button <el-col :span="5" style="text-align: right">
> <!-- 功能按钮已移至标题区域 -->
<el-button type="primary" plain icon="Plus" @click="handleAdd">保存挂号</el-button>
</el-col> </el-col>
</el-row> </el-row>
<!-- <el-row :gutter="24" justify="end">
<el-col :span="5" style="text-align: right">
<el-button
type="warning"
plain
icon="CircleClose"
@click="handleClear"
v-hasPermi="['system:user:export']"
>清空</el-button
>
<el-button
type="primary"
plain
icon="Plus"
@click="handleAdd"
v-hasPermi="['system:user:add']"
>添加</el-button
>
</el-col>
</el-row> -->
</el-form> </el-form>
</el-card> </el-card>
</el-col> </el-col>
@@ -1324,4 +1278,10 @@ getLocationInfo();
margin-bottom: 0; /* 去掉默认的 margin-bottom */ margin-bottom: 0; /* 去掉默认的 margin-bottom */
margin-left: 8px; /* 图标和下拉选之间的间距 */ margin-left: 8px; /* 图标和下拉选之间的间距 */
} }
/* 标题区域按钮样式 */
.header-buttons {
display: flex;
gap: 8px;
}
</style> </style>