gx样式

chenyc

2025-03-04 3a4602d8286f09ce2f7812dea697995e2a9487cf

 src/views/home/index.vue

@@ -1,9 +1,10 @@
<template>
    <div class="home-container layout-pd ">
        <el-row :gutter="10">
            <el-col class="patTabel" :xs="6" :sm="6" :md="4" :lg="3" :xl="3" v-if="state.isTable">
        <div class="container">
            <div class="container-left">
                <div class="patTabel">
                <el-table :data="state.filterTableData" stripe :height="state.tableHeight.left" size="default"
                    highlight-current-row @current-change="handleCurrentChange" style="width: 100%">
                        highlight-current-row @current-change="handleCurrentChange" style="width: 300px">
                    <el-table-column>
                        <template #header>
                            <div class="home-title">
@@ -32,8 +33,10 @@
                        </template>
                    </el-table-column>
                </el-table>
            </el-col>
            <el-col :xs="18" :sm="18" :md="20" :lg="21" :xl="21" >
                </div>
            </div>
            <div class="right" style="width: 100%;">
                <div style="width: 100%;">
                <el-tabs v-model="state.activeName" class="demo-tabs" @tab-click="handleClick">
                    <el-tab-pane label="患者档案" name="患者档案">
                        <template #label>
@@ -147,9 +150,9 @@


                </div>

            </el-col>
        </el-row>
                </div>
            </div>
        </div>
        <div class="fixed-div" v-show="patientsInfo.patientName">
            <el-avatar :size="80" :src="patientsInfo.patientAvatarIcon" />
            <div>{{ patientsInfo.patientName }}</div>
@@ -337,10 +340,23 @@
</script>

<style lang="scss">
.container {
    gap: 10px; /* 在flex项目之间设置间距 */
    display: flex;
}

.container-left {
    width: 300px; /* 右边div的固定宽度 */
.right {
    background-color: #409EFF;
    flex-grow: 1; /* 让这个div扩展以填充可用空间 */
    margin-left: 20px; /* 如果需要的话，可以给右边的div留出一些间距 */
}
}
.home-container {
    overflow: hidden;

    .patTabel {
        width: 100%;
        .el-table th.el-table__cell {
            background-color: #6babfa;
            color: #ffffff;
@@ -349,8 +365,6 @@
        .el-table__body tr.current-row>td.el-table__cell {
            background: rgb(197.7, 225.9, 255);
            color: #409EFF;
            /* height: 25px; */
            /* border: tomato solid 1px; */
        }
    }