refactor(PatientList): 重构患者列表卡片布局结构

- 将原有的 header-top 和 header-bottom 结构替换为 info-row 统一布局
- 新增姓名、性别年龄、房间床号、住院号、保险类型等独立信息行
- 使用 el-text 组件优化姓名显示效果
- 为性别标签添加女性样式标识
- 调整床位信息展示方式,支持溢出省略
- 修改溢出属性从 hidden 为 visible 确保内容正常显示
- 优化标签样式和间距布局
- 隐藏已废弃的旧布局元素
- 调整 pending 患者列表的换行和对齐方式
This commit is contained in:
2026-01-21 17:50:51 +08:00
parent a0b546266d
commit 1c07108e58
2 changed files with 159 additions and 88 deletions

View File

@@ -187,6 +187,7 @@ const getStatusClass = (item: any) => {
align-items: center;
justify-content: space-between;
width: 100%;
flex-wrap: nowrap; /* 防止换行 */
.bed-container {
display: flex;
@@ -216,9 +217,10 @@ const getStatusClass = (item: any) => {
.header-tags {
flex-shrink: 0;
display: flex;
align-items: flex-end;
align-items: center;
justify-content: flex-end;
gap: 6px;
flex-wrap: nowrap; /* 防止换行 */
}
}