From ac6966408a1de4c95c383d91da6bfd45d63ddbb5 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期四, 26 十二月 2024 18:52:56 +0800
Subject: [PATCH] 优化页面自适应滚动条
---
src/views/home/components/suifangjilu/index.vue | 4 +++-
src/views/home/components/patient_file.vue | 50 ++++++++++++++++++++++++++------------------------
2 files changed, 29 insertions(+), 25 deletions(-)
diff --git a/src/views/home/components/patient_file.vue b/src/views/home/components/patient_file.vue
index 36976e6..5c3f4aa 100644
--- a/src/views/home/components/patient_file.vue
+++ b/src/views/home/components/patient_file.vue
@@ -102,34 +102,36 @@
<CreditCard />
</el-icon> <span> 最新生化数据</span>
</div>
- <div>
- <el-row :gutter="10" v-if="state.listData.length">
- <el-col :xs="8" :sm="8" :md="6" :lg="6" :xl="4" v-for="(item, key) in state.listData"
- :key="key">
- <div class="itemLis" v-if="item?.item_result">
- <div class="title">
- {{ key }}
- </div>
- <div class="itemRes">
- <div class="itemResDtile">
- <div style="text-align: center;width: 100%;">
- {{ item?.item_name }}
- </div>
- <div>
- {{ item?.item_result }}<span class="tdate">{{ item?.item_result_unit
- }}</span>
+ <el-scrollbar :height="(tableHeight-520)+'px'">
+ <div>
+ <el-row :gutter="10" v-if="state.listData.length">
+ <el-col :xs="8" :sm="8" :md="6" :lg="6" :xl="4" v-for="(item, key) in state.listData"
+ :key="key">
+ <div class="itemLis" v-if="item?.item_result">
+ <div class="title">
+ {{ key }}
+ </div>
+ <div class="itemRes">
+ <div class="itemResDtile">
+ <div style="text-align: center;width: 100%;">
+ {{ item?.item_name }}
+ </div>
+ <div>
+ {{ item?.item_result }}<span class="tdate">{{ item?.item_result_unit
+ }}</span>
+ </div>
</div>
</div>
- </div>
- <div class="tdate">
- {{ item?.sample_date_str }}
+ <div class="tdate">
+ {{ item?.sample_date_str }}
+ </div>
+
</div>
- </div>
-
- </el-col>
- </el-row>
- </div>
+ </el-col>
+ </el-row>
+ </div>
+ </el-scrollbar>
</el-card>
</div>
diff --git a/src/views/home/components/suifangjilu/index.vue b/src/views/home/components/suifangjilu/index.vue
index 30b27dc..be4665e 100644
--- a/src/views/home/components/suifangjilu/index.vue
+++ b/src/views/home/components/suifangjilu/index.vue
@@ -3,7 +3,8 @@
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<div class="tableDiv">
- <table>
+ <el-scrollbar :height="(tableHeight-130)+'px'">
+ <table v-if="tableHeight > 0" >
<tr>
<th colspan="7" style="text-align: left">营养服务管理记录</th>
</tr>
@@ -545,6 +546,7 @@
</tr>
</table>
+ </el-scrollbar>
</div>
</el-col>
--
Gitblit v1.8.0