From c5516e3919ffa2406e7237c834779615955162bf Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期五, 18 七月 2025 13:48:37 +0800
Subject: [PATCH] ID1825-未排班组件完成
---
src/views/mobile/bedsideAuxiliaryScreen/components/UnplannedSchedule.vue | 2 +-
src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue | 13 +++++++------
2 files changed, 8 insertions(+), 7 deletions(-)
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue b/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
index 70405ee..5d26fa9 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
@@ -1,19 +1,18 @@
<template>
- <div
+ <el-scrollbar
class="bedside-auxiliary-screen-card"
:style="{
'--bg-color': props.backgroundColor,
- '--height': props.height + 'px',
}"
>
<div class="card-header">
<img :src="props.icon" class="card-icon" alt="" srcset="" />
<span class="card-title">{{ props.title }}</span>
</div>
- <div class="card-main">
+ <el-scrollbar class="card-main">
<slot />
- </div>
- </div>
+ </el-scrollbar>
+ </el-scrollbar>
</template>
<script lang="ts" setup name="Card">
@@ -33,10 +32,12 @@
.bedside-auxiliary-screen-card {
display: flex;
flex-direction: column;
- height: 100%;
+ // height: 100%;
padding: 3px 4px;
border-radius: 2px;
background-color: var(--bg-color, #70a3dd);
+ overflow: hidden;
+ overflow-y: auto;
.card-header {
flex: 0 0 6px;
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/UnplannedSchedule.vue b/src/views/mobile/bedsideAuxiliaryScreen/components/UnplannedSchedule.vue
index 4c5e429..d28339f 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/components/UnplannedSchedule.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/components/UnplannedSchedule.vue
@@ -1,7 +1,7 @@
<template>
<div
class="unplanned-schedule-container"
- :style="{ '--height': props.height + 'px' }"
+ :style="{ '--height': height + 'px' }"
>
<div class="row1-container">
<Card
--
Gitblit v1.8.0