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.
104 lines
2.9 KiB
104 lines
2.9 KiB
<template>
|
|
<div class="sidebar_body">
|
|
<a-menu theme="dark" mode="inline" :default-selected-keys="['1']" class="sidebar">
|
|
<template v-for="item in items">
|
|
<a-menu-item v-if="!item.children" :key="item.key">
|
|
<router-link :to="item.url">
|
|
<!-- <a-icon :type="item.icon" /> -->
|
|
<span class="f_title">{{ item.title }}</span>
|
|
</router-link>
|
|
</a-menu-item>
|
|
<a-sub-menu :key="item.key" v-bind="$props" v-on="$listeners" v-else>
|
|
<span slot="title">
|
|
<!-- <a-icon :type="item.icon" /> -->
|
|
<span class="f_title">{{ item.title }}</span>
|
|
</span>
|
|
<template v-for="item1 in item.children">
|
|
<a-menu-item v-if="!item1.children" :key="item1.key">
|
|
<router-link :to="item1.url">
|
|
<!-- <a-icon :type="item1.icon" /> -->
|
|
<span>{{ item1.title }}</span>
|
|
</router-link>
|
|
</a-menu-item>
|
|
</template>
|
|
</a-sub-menu>
|
|
</template>
|
|
</a-menu>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return{
|
|
items:[
|
|
{
|
|
icon:'',
|
|
url:'',
|
|
key:'1',
|
|
title:'文化数据分类管理',
|
|
children:[
|
|
{icon:'',url:"DataQuery",title:"全部文化数据查询"},
|
|
{icon:'',url:"Category",title:"文化数据类别管理"},
|
|
]
|
|
},
|
|
{
|
|
icon:'',
|
|
url:'admission',
|
|
key:'2',
|
|
title:'文化数据入场管理',
|
|
},
|
|
{
|
|
icon:'',
|
|
url:'',
|
|
key:'3',
|
|
title:'交易订单管理',
|
|
children:[
|
|
{icon:'',url:"allOrder",title:"全部交易订单"},
|
|
{icon:'',url:"pendingPayment",title:"待付款订单"},
|
|
{icon:'',url:"toBeDelivered",title:"待交付订单"},
|
|
{icon:'',url:"toBeSettled",title:"待结算订单"},
|
|
{icon:'',url:"completed",title:"已完成订单"},
|
|
{icon:'',url:"closed",title:"已关闭订单"},
|
|
]
|
|
},
|
|
{
|
|
icon:'',
|
|
url:'',
|
|
key:'4',
|
|
title:'交易订单售后服务管理',
|
|
children:[
|
|
{icon:'',url:"invoice",title:"服务发票"},
|
|
]
|
|
},
|
|
{
|
|
icon:'',
|
|
url:'',
|
|
key:'5',
|
|
title:'资金结算分账管理',
|
|
children:[
|
|
{icon:'',url:"fundSettlement",title:"资金结算对账单"},
|
|
{icon:'',url:"splitProportion",title:"分账比例设置"},
|
|
{icon:'',url:"paymentMethod",title:"支付方式设置"},
|
|
]
|
|
},
|
|
{
|
|
icon:'',
|
|
url:'layout',
|
|
key:'6',
|
|
title:'数据展示布局管理',
|
|
},
|
|
]
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
.sidebar_body{
|
|
width: 200px;
|
|
height: 100%;
|
|
}
|
|
.sidebar{
|
|
height: 100%;
|
|
background: #001529;
|
|
}
|
|
</style>
|
|
|