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