最新版本541200007

jiangping

2025-03-20 a58208ba19f52c8d13a0ab1a88bd62ffe8802dd3

 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: 0px;
              padding: 16px 0px ;
              text-align: left;
              display: block;
              z-index: 100;
              width: -webkit-fill-available;
              /* width: 80%; */
               position: fixed;
              bottom: 0px;
              background-color: white;
              margin-right: 50px;
            }
        }
    }