You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
120 lines
2.3 KiB
120 lines
2.3 KiB
<template>
|
|
<div class="container">
|
|
<!-- 查询配置 -->
|
|
<div>
|
|
<div ref="lxHeader">
|
|
<LxHeader icon="md-apps" text="管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
|
<div slot="content"></div>
|
|
<slot>
|
|
<div>
|
|
<Button type="primary" style="margin-left: 10px" @click="$refs['xyTable'].getTableData()">查询</Button>
|
|
<Button type="primary" style="margin-left: 10px">新增</Button>
|
|
</div>
|
|
</slot>
|
|
</LxHeader>
|
|
</div>
|
|
</div>
|
|
|
|
<xy-table
|
|
ref="xyTable"
|
|
:border="true"
|
|
:list="[]"
|
|
:req-opt="{keyword:'123'}"
|
|
res-prop=""
|
|
:table-item="table"></xy-table>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import LxHeader from "@/components/LxHeader/index.vue";
|
|
import { getData } from './data'
|
|
import {listmenu} from '@/api/system/menu'
|
|
export default {
|
|
components:{
|
|
LxHeader
|
|
},
|
|
data() {
|
|
return {
|
|
select:{
|
|
page:1,
|
|
page_size:10
|
|
},
|
|
list:[],
|
|
table:[
|
|
{
|
|
type:'expand',
|
|
width:46,
|
|
expandFn:props => {
|
|
return (
|
|
<div>{props.$index}</div>
|
|
)
|
|
}
|
|
},
|
|
{
|
|
prop:'id',
|
|
label:'编号',
|
|
width:80,
|
|
sortable: 'custom'
|
|
},
|
|
{
|
|
prop:'name',
|
|
label:'菜单',
|
|
width:120,
|
|
sortable:'custom',
|
|
},
|
|
{
|
|
prop:'url',
|
|
label:'菜单路径',
|
|
minWidth:140
|
|
},
|
|
{
|
|
prop:'path',
|
|
label:'路由',
|
|
minWidth:140
|
|
},
|
|
{
|
|
prop:'icon',
|
|
label:'图标',
|
|
minWidth:100
|
|
},
|
|
{
|
|
prop:'api_prefix',
|
|
label:'API前缀',
|
|
minWidth:100
|
|
},
|
|
{
|
|
prop:'sortnumber',
|
|
label:'排序',
|
|
width:100,
|
|
filters:[
|
|
{
|
|
text:"0",
|
|
value:0
|
|
},
|
|
{
|
|
text:"1",
|
|
value:1
|
|
}
|
|
]
|
|
},
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
listmenu,
|
|
getList(){
|
|
this.total = getData(this.select).total
|
|
this.list = getData(this.select).data
|
|
}
|
|
},
|
|
computed: {},
|
|
mounted() {
|
|
this.getList()
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
|
|
</style>
|