ll

liukangdong

2025-03-12 c80a7698101d3a27f5e40fe83ba1302758c55dd5

 admin/src/layouts/TableLayout1.vue

@@ -1,17 +1,17 @@
<template>
    <div class="table-layout">
        <!-- 头部 -->
        <div v-if="withBreadcrumb" class="table-header">
<!--        <div v-if="withBreadcrumb" class="table-header">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item v-for="path in paths" :key="path">{{path}}</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        </div>-->
        <Profile :roles="roles" :permissions="permissions">
            <div style="width: 100%; height: 100%; padding: 0 16px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;">
                <div style="width: 300px; height: 100%; flex-shrink: 0; background: #ffffff;">
                <div style="width: 240px; height: 100%; flex-shrink: 0; background: #ffffff;">
                    <slot name="menu"></slot>
                </div>
                <div style="width: calc(100% - 310px); height: 100%">
                <div style="width: calc(100% - 250px); height: 100%">
                    <!-- 搜索表单部分 -->
                    <div class="table-search-form" style="padding: 0 !important;">
                        <div class="form-wrap">
@@ -110,10 +110,9 @@
    }
    // 列表和分页
    .table-content {
        margin-top: 10px;
        /*padding: 0 16px;*/
        .table-wrap {
            padding: 16px 16px 0 16px;
            padding: 16px 16px 60px 16px;
            background: #fff;
            // 工具栏
            .toolbar {
@@ -159,8 +158,17 @@
            }
            // 分页
            .table-pagination {
                padding: 16px 0;
                text-align: left;
              margin-left: -18px;
              padding: 16px 0px 16px 25px;
              text-align: left;
              display: block;
              z-index: 100;
              width: -webkit-fill-available;
              /* width: 80%; */
               position: fixed;
              bottom: 25px;
              background-color: white;
              margin-right: 50px;
            }
        }
    }