|  |  |  | 
|---|
|  |  |  | </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; | 
|---|