优化页面自适应滚动条

chenyc

2024-12-26 ac6966408a1de4c95c383d91da6bfd45d63ddbb5

优化页面自适应滚动条

 src/views/home/components/patient_file.vue

@@ -102,34 +102,36 @@
                        <CreditCard />
                    </el-icon> <span> &nbsp; 最新生化数据</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>

 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>