ll

liukangdong

2025-03-05 9b3c411ed63fa0338a92cfcdd7589e58c05b7ea4

 admin/src/layouts/TableLayout.vue

@@ -1,4 +1,4 @@
<template>
 <template>
  <div class="table-layout">
    <!-- 头部 -->
<!--    <div v-if="withBreadcrumb" class="table-header">
@@ -6,6 +6,7 @@
        <el-breadcrumb-item v-for="path in paths" :key="path">{{path}}</el-breadcrumb-item>
      </el-breadcrumb>
    </div>-->
    <!-- <div style="height:10px;"></div> -->
    <Profile :roles="roles" :permissions="permissions">
      <!-- 搜索表单部分 -->
      <div class="table-search-form">
@@ -59,9 +60,13 @@
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  .not-allow-wrap {
    padding-top: 0;
  }
}
.danger-column{
  color: red;
}
// 头部
.table-header {
@@ -87,6 +92,7 @@
  display: flex;
  flex-wrap: wrap;
  padding: 0 16px;
  margin-bottom: 10px;
  .form-wrap {
    padding: 16px 16px 0 16px;
    width: 100%;
@@ -103,10 +109,9 @@
}
// 列表和分页
.table-content {
  margin-top: 10px;
  padding: 0 16px;
  .table-wrap {
    padding: 16px 16px 0 16px;
    padding: 16px 16px 60px 16px;
    background: #fff;
    // 工具栏
    .toolbar {
@@ -152,8 +157,17 @@
    }
    // 分页
    .table-pagination {
      padding: 16px 0;
      margin-left: -16px;
      padding: 16px 0px 16px 25px;
      text-align: left;
      display: block;
      z-index: 100;
      width: -webkit-fill-available;
      /* width: 80%; */
      /* position: fixed;
      bottom: 30px;
      background-color: white;
      margin-right: 50px; */
    }
  }
}