| | |
|---|
| | | <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"> |
|---|
| | |
|---|
| | | } |
|---|
| | | // 列表和分页 |
|---|
| | | .table-content { |
|---|
| | | margin-top: 10px; |
|---|
| | | /*padding: 0 16px;*/ |
|---|
| | | .table-wrap { |
|---|
| | | padding: 16px 16px 0 16px; |
|---|
