48 在住老人 入住率 85% 92% 任务完成率 较昨日提升 1% 5 异常预警 需处理 12/16 在线护工 当前护工 待处理预警 查看全部 > 健康异常 张奶奶心率持续偏高，建议就医检查 张奶奶 · 10-31 17:00 设备故障 301房间设备故障，需要维修 301房间 · 10-31 16:30 任务超时 护工小李有3个任务未按时完成 护工小李 · 10-31 16:00 护工工作状态 管理 > 护工小王 301房间 · 5个任务 在线 护工小李 205房间 · 8个任务 忙碌 护工小张 102房间 · 3个任务 在线 护工小刘 无 · 0个任务 离线 最近任务 查看全部 > 为张奶奶测量血压 护工小王 · 张奶奶 · 10-31 16:30 已完成 协助李爷爷用药 护工小李 · 李爷爷 · 10:30 进行中 健康异常 查看详情 > 张奶奶 心率: 95 (正常: 60-90) 警告 wxss .container { background-color: #e6f7ff; padding-bottom: 30rpx; } /* 顶部 */ .A { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 5rpx; background-color:#8fcde004; } .card { width: 47%; height: 160rpx; background: linear-gradient(135deg, #6e7ff3, #9a8cf9); color: white; border-radius: 16rpx; padding: 20rpx; box-sizing: border-box; margin-bottom: 20rpx; display: flex; flex-direction: column; justify-content: space-between; } .card .a1 { font-size: 40rpx; font-weight: bold; } .card .a2 { font-size: 28rpx; } .card .a3 { font-size: 24rpx; opacity: 0.8; } /* 标题 */ .section { margin-top: 30rpx; background-color: #fff; padding: 20rpx; } .section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20rpx; } .section-header .icon { width: 32rpx; height: 32rpx; margin-right: 10rpx; } .section-header .more { font-size: 26rpx; color: #666; } /* 警告 */ .alert-list .alert-item { padding: 20rpx; border-radius: 12rpx; margin-bottom: 15rpx; position: relative; border-left: 6rpx solid #f56c6c; } .alert-item.warning { background-color: #fef0f0; border-left-color: #f56c6c; } .alert-item.info { background-color: #f0f7ff; border-left-color: #409eff; } .alert-item .title { font-weight: bold; margin-bottom: 10rpx; display: block; } .alert-item .content { font-size: 28rpx; color: #333; margin-bottom: 10rpx; } .alert-item .time { font-size: 24rpx; color: #999; } /* 护工 */ .staff-list .staff-item { display: flex; align-items: center; padding: 20rpx; border-bottom: 1rpx solid #eee; } .staff-item .avatar { width: 60rpx; height: 60rpx; border-radius: 50%; margin-right: 20rpx; } .staff-item .info { flex: 1; } .staff-item .name { font-size: 30rpx; font-weight: bold; } .staff-item .room { font-size: 26rpx; color: #666; } .staff-item .status { font-size: 26rpx; padding: 6rpx 12rpx; border-radius: 12rpx; } .status.online { color: #67c23a; background-color: #f0f9eb; } .status.busy { color: #e6a23c; background-color: #fdf6ec; } .status.offline { color: #909399; background-color: #f5f7fa; } /* 任务 */ .task-list .task-item { padding: 20rpx; border-radius: 12rpx; margin-bottom: 15rpx; position: relative; border-left: 6rpx solid #67c23a; } .task-item.completed { background-color: #f0f9eb; border-left-color: #67c23a; } .task-item.ongoing { background-color: #f0f7ff; border-left-color: #409eff; } .task-item .title { font-size: 30rpx; font-weight: bold; margin-bottom: 10rpx; } .task-item .desc { font-size: 26rpx; color: #666; margin-bottom: 10rpx; } .task-item .status-tag { font-size: 24rpx; padding: 4rpx 10rpx; border-radius: 8rpx; float: right; } .status-tag.completed { color: #67c23a; background-color: #ecf5ff; } .status-tag.ongoing { color: #409eff; background-color: #ecf5ff; } /* 健康异常 */ .health-list .health-item { padding: 20rpx; border-radius: 12rpx; background-color: #fef0f0; border-left: 6rpx solid #f56c6c; display: flex; justify-content: space-between; align-items: center; } .health-item .name { font-size: 30rpx; font-weight: bold; color: #f56c6c; } .health-item .value { font-size: 28rpx; color: #333; } .health-item .status { font-size: 26rpx; color: #f56c6c; background-color: #fef0f0; padding: 4rpx 10rpx; border-radius: 8rpx; }