<template>
|
<div class="fa-card-a" shadow="never">
|
<div class="mod-sys__menu">
|
<zt-table-wraper ref="tableObj" v-slot="{ table }" delete-url="/sys/menu" query-url="/sys/menu/nav"
|
v-bind:paging='false'>
|
<el-table v-adaptive="{bottomOffset:30}"
|
v-loading="table.dataLoading" :data="table.dataList" border height="650px" row-key="id">
|
<el-table-column :label="$t('menu.name')" align="center" min-width="150" prop="name"/>
|
<el-table-column :label="$t('menu.icon')" align="center" prop="icon">
|
<template slot-scope="scope">
|
<svg aria-hidden="true" class="icon-svg">
|
<use :xlink:href="`#${scope.row.icon}`"></use>
|
</svg>
|
</template>
|
</el-table-column>
|
<zt-table-column-dict :label="$t('menu.type')" dict="menu_type" prop="type"/>
|
<el-table-column :label="$t('menu.sort')" align="center" prop="sort"/>
|
<el-table-column :label="$t('handle')" align="center" fixed="right" header-align="center" width="150">
|
<template v-slot="{ row }">
|
<el-button size="small" type="text" @click="table.editHandle(row)">配置</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<!-- 弹窗, 新增 / 修改 -->
|
<add-or-update @refreshDataList="table.query"/>
|
</zt-table-wraper>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import AddOrUpdate from './menu-config-add-or-update'
|
|
export default {
|
data() {
|
return {
|
dataForm: {
|
id: ''
|
}
|
}
|
},
|
components: {
|
AddOrUpdate
|
},
|
computed: {
|
// menus() {
|
// return this.$refs.tableObj.dataList
|
// }
|
}
|
}
|
</script>
|
