|  |  | 
 |  |  | <script src="../../api/system/dictData.js"></script> | 
 |  |  | <template> | 
 |  |  |   <TableLayout class="menu-layout" :permissions="['system:menu:query']"> | 
 |  |  |     <!-- 表格和分页 --> | 
 |  |  |     <template v-slot:table-wrap> | 
 |  |  |       <ul class="toolbar" v-permissions="['system:menu:create', 'system:menu:delete', 'system:menu:sort']"> | 
 |  |  |         <li><el-button type="primary" @click="$refs.operaMenuWindow.open('新建一级菜单', { type: '0' })" icon="el-icon-plus" v-permissions="['system:menu:create']">新建</el-button></li> | 
 |  |  |         <li><el-button type="primary" @click="$refs.operaMenuWindow.open('新建平台一级菜单')" icon="el-icon-plus" v-permissions="['system:menu:create']">新建</el-button></li> | 
 |  |  |         <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['system:menu:delete']">删除</el-button></li> | 
 |  |  |         <li><el-button @click="sort('top')" :loading="isWorking.sort" icon="el-icon-sort-up" v-permissions="['system:menu:sort']">上移</el-button></li> | 
 |  |  |         <li><el-button @click="sort('bottom')" :loading="isWorking.sort" icon="el-icon-sort-down" v-permissions="['system:menu:sort']">下移</el-button></li> | 
 |  |  | 
 |  |  |         :tree-props="{children: 'children', hasChildren: 'hasChildren'}" | 
 |  |  |         row-key="id" | 
 |  |  |         stripe | 
 |  |  |         :default-expand-all="false" | 
 |  |  |         default-expand-all | 
 |  |  |         @selection-change="handleSelectionChange" | 
 |  |  |       > | 
 |  |  |         <el-table-column type="selection" width="55" fixed="left"></el-table-column> | 
 |  |  | 
 |  |  |           fixed="right" | 
 |  |  |         > | 
 |  |  |           <template slot-scope="{row}"> | 
 |  |  |             <el-button type="text" icon="el-icon-edit" @click="$refs.operaMenuWindow.open('编辑菜单', { ...row, type: 0 })" v-permissions="['system:menu:update']">编辑</el-button> | 
 |  |  |             <el-button type="text" icon="el-icon-plus" @click="$refs.operaMenuWindow.open('新建子菜单', null, {...row, type: 0})" v-permissions="['system:menu:create']">新建子菜单</el-button> | 
 |  |  |             <el-button type="text" icon="el-icon-edit" @click="$refs.operaMenuWindow.open('编辑平台菜单', row)" v-permissions="['system:menu:update']">编辑</el-button> | 
 |  |  |             <el-button type="text" icon="el-icon-plus" @click="$refs.operaMenuWindow.open('新建平台子菜单', null, row)" v-permissions="['system:menu:create']">新建子菜单</el-button> | 
 |  |  |             <el-button v-if="!row.fixed" type="text" icon="el-icon-delete" @click="deleteById(row)" v-permissions="['system:menu:delete']">删除</el-button> | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  | 
 |  |  |     // 查询数据 | 
 |  |  |     handlePageChange () { | 
 |  |  |       this.isWorking.search = true | 
 |  |  |       fetchTree() | 
 |  |  |       fetchTree({}, 0) | 
 |  |  |         .then(records => { | 
 |  |  |           this.tableData.list = records | 
 |  |  |         }) |