Browse Source

优化

master
ltlzx 4 years ago
parent
commit
e10b6bf0b7
  1. 1
      src/components/Home.vue
  2. 57
      src/components/Sidebar.vue

1
src/components/Home.vue

@ -43,6 +43,7 @@ export default {
methods:{ methods:{
getUserData(){ getUserData(){
getUserData().then(res=>{ getUserData().then(res=>{
console.info(res)
if(res.code==200){ if(res.code==200){
this.data=res.data this.data=res.data
}else{ }else{

57
src/components/Sidebar.vue

@ -2,7 +2,7 @@
<div class="sidebar_body"> <div class="sidebar_body">
<a-menu theme="dark" mode="inline" :default-selected-keys="[key]" class="sidebar" :defaultOpenKeys="[openKey]" :open-keys="openKeys" @openChange="onOpenChange"> <a-menu theme="dark" mode="inline" :default-selected-keys="[key]" class="sidebar" :defaultOpenKeys="[openKey]" :open-keys="openKeys" @openChange="onOpenChange">
<template v-for="item in items"> <template v-for="item in items">
<a-menu-item v-if="!item.children && item.isShow" :key="item.key"> <a-menu-item v-if="!item.children " :key="item.key" :disabled="item.isShow">
<router-link :to="item.url"> <router-link :to="item.url">
<!-- <a-icon :type="item.icon" /> --> <!-- <a-icon :type="item.icon" /> -->
<span class="f_title">{{ item.title }}</span> <span class="f_title">{{ item.title }}</span>
@ -14,7 +14,7 @@
<span class="f_title">{{ item.title }}</span> <span class="f_title">{{ item.title }}</span>
</span> </span>
<template v-for="item1 in item.children"> <template v-for="item1 in item.children">
<a-menu-item v-if="!item1.children && item1.isShow" :key="item1.key"> <a-menu-item v-if="!item1.children " :key="item1.key" :disabled="item.isShow">
<router-link :to="item1.url"> <router-link :to="item1.url">
<!-- <a-icon :type="item1.icon" /> --> <!-- <a-icon :type="item1.icon" /> -->
<span>{{ item1.title }}</span> <span>{{ item1.title }}</span>
@ -38,6 +38,7 @@ export default {
key:'', key:'',
openKey:'', openKey:'',
openKeys:[], openKeys:[],
auth1:[],
items:[ items:[
{ {
icon:'', icon:'',
@ -45,8 +46,8 @@ export default {
key:'1', key:'1',
title:'文化数据分类管理', title:'文化数据分类管理',
children:[ children:[
{icon:'',url:"DataQuery",title:"全部文化数据查询",key:'/DataQuery',auth:'NationalCulturalDataQuery'}, {icon:'',url:"DataQuery",title:"全部文化数据查询",key:'/DataQuery',auth:'NationalCulturalDataQuery',isShow:true},
{icon:'',url:"Category",title:"文化数据类别管理",key:'/Category',auth:'CulturalDataCategoryManagement'}, {icon:'',url:"Category",title:"文化数据类别管理",key:'/Category',auth:'CulturalDataCategoryManagement',isShow:true},
] ]
}, },
{ {
@ -54,7 +55,8 @@ export default {
url:'admission', url:'admission',
key:'/admission', key:'/admission',
title:'文化数据入场管理', title:'文化数据入场管理',
auth:'CulturalDataAdmissionManagement' auth:'CulturalDataAdmissionManagement',
isShow:true
}, },
{ {
icon:'', icon:'',
@ -62,12 +64,12 @@ export default {
key:'3', key:'3',
title:'交易订单管理', title:'交易订单管理',
children:[ children:[
{icon:'',url:"allOrder",title:"全部交易订单",key:'/allOrder',auth:'AllTradeOrders'}, {icon:'',url:"allOrder",title:"全部交易订单",key:'/allOrder',auth:'AllTradeOrders',isShow:true},
{icon:'',url:"pendingPayment",title:"待付款订单",key:'/pendingPayment',auth:'PendingPayment'}, {icon:'',url:"pendingPayment",title:"待付款订单",key:'/pendingPayment',auth:'PendingPayment',isShow:true},
{icon:'',url:"toBeDelivered",title:"待交付订单",key:'/toBeDelivered',auth:'PendDelivery'}, {icon:'',url:"toBeDelivered",title:"待交付订单",key:'/toBeDelivered',auth:'PendDelivery',isShow:true},
{icon:'',url:"toBeSettled",title:"待结算订单",key:'/toBeSettled',auth:'PendBalance'}, {icon:'',url:"toBeSettled",title:"待结算订单",key:'/toBeSettled',auth:'PendBalance',isShow:true},
{icon:'',url:"completed",title:"已完成订单",key:'/completed',auth:'OrderCompleted'}, {icon:'',url:"completed",title:"已完成订单",key:'/completed',auth:'OrderCompleted',isShow:true},
{icon:'',url:"closed",title:"已关闭订单",key:'/closed',auth:'OrderClosed'}, {icon:'',url:"closed",title:"已关闭订单",key:'/closed',auth:'OrderClosed',isShow:true},
] ]
}, },
{ {
@ -76,7 +78,7 @@ export default {
key:'4', key:'4',
title:'交易订单售后服务管理', title:'交易订单售后服务管理',
children:[ children:[
{icon:'',url:"invoice",title:"服务发票",key:'/invoice',auth:'ServiceInvoice'}, {icon:'',url:"invoice",title:"服务发票",key:'/invoice',auth:'ServiceInvoice',isShow:true},
] ]
}, },
{ {
@ -85,9 +87,9 @@ export default {
key:'5', key:'5',
title:'资金结算分账管理', title:'资金结算分账管理',
children:[ children:[
{icon:'',url:"fundSettlement",title:"资金结算对账单",key:'/fundSettlement',auth:'FundsSettlementStatement'}, {icon:'',url:"fundSettlement",title:"资金结算对账单",key:'/fundSettlement',auth:'FundsSettlementStatement',isShow:true},
{icon:'',url:"splitProportion",title:"分账比例设置",key:'/splitProportion',auth:'AccountSharingRatioSetting'}, {icon:'',url:"splitProportion",title:"分账比例设置",key:'/splitProportion',auth:'AccountSharingRatioSetting',isShow:true},
{icon:'',url:"paymentMethod",title:"支付方式设置",key:'/paymentMethod',auth:'PaymentMethodSettings'}, {icon:'',url:"paymentMethod",title:"支付方式设置",key:'/paymentMethod',auth:'PaymentMethodSettings',isShow:true},
] ]
}, },
{ {
@ -95,7 +97,8 @@ export default {
url:'layout', url:'layout',
key:'/layout', key:'/layout',
title:'数据展示布局管理', title:'数据展示布局管理',
auth:'DataDisplayLayoutManagement' auth:'DataDisplayLayoutManagement',
isShow:true
}, },
] ]
} }
@ -108,8 +111,8 @@ export default {
onOpenChange(openKeys) { onOpenChange(openKeys) {
const latestOpenKey = openKeys.find(key => this.openKeys.indexOf(key) === -1); const latestOpenKey = openKeys.find(key => this.openKeys.indexOf(key) === -1);
console.info(latestOpenKey) // console.info(latestOpenKey)
console.info(openKeys) // console.info(openKeys)
if (this.items.length <=latestOpenKey) { if (this.items.length <=latestOpenKey) {
this.openKeys = openKeys; this.openKeys = openKeys;
} else { } else {
@ -127,28 +130,32 @@ export default {
this.openKey=item.key this.openKey=item.key
this.openKeys.push(item.key) this.openKeys.push(item.key)
} }
for(let i1 in this.auth){ for(let i1 in this.auth1){
let item2=this.auth[i1] let item2=this.auth1[i1]
if(item2==item1.auth){ if(item2==item1.auth){
this.items[i3].children[i].isShow=true this.items[i3].children[i].isShow=false
// item1.isShow=true // item1.isShow=true
} }
} }
} }
}else{ }else{
for(let i1 in this.auth){ for(let i1 in this.auth1){
let item2=this.auth[i1] let item2=this.auth1[i1]
if(item2==item.auth){ if(item2==item.auth){
this.items[i3].isShow=true this.items[i3].isShow=false
// item.isShow=true // item.isShow=true
} }
} }
} }
} }
// console.info(this.items) console.info(this.items)
}, },
}, },
watch:{ watch:{
auth(val){
this.auth1=this.auth
this.showMenu()
},
$route(to,form){ $route(to,form){
// console.info(to) // console.info(to)
// this.key=to.path // this.key=to.path

Loading…
Cancel
Save