refactor(PatientList): 重构患者列表卡片布局结构
- 将原有的 header-top 和 header-bottom 结构替换为 info-row 统一布局 - 新增姓名、性别年龄、房间床号、住院号、保险类型等独立信息行 - 使用 el-text 组件优化姓名显示效果 - 为性别标签添加女性样式标识 - 调整床位信息展示方式,支持溢出省略 - 修改溢出属性从 hidden 为 visible 确保内容正常显示 - 优化标签样式和间距布局 - 隐藏已废弃的旧布局元素 - 调整 pending 患者列表的换行和对齐方式
This commit is contained in:
@@ -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; /* 防止换行 */
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user