|
|
@ -1,47 +1,47 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<!-- 商业银行系统菜单文件 --> |
|
|
|
<!-- 商业银行系统菜单文件 --> |
|
|
|
<el-menu class="sidebar-el-menu" :default-active="onRoutes" @select="select" router background-color="#313540" text-color="#fff" active-text-color="#ffd04b" unique-opened> |
|
|
|
<el-menu class="sidebar-el-menu" |
|
|
|
<template v-for="(item,index) in menus"> |
|
|
|
:default-active="onRoutes" |
|
|
|
<template v-if="item.children"> |
|
|
|
@select="select" |
|
|
|
<el-submenu :index="item.index" :key="item.index"> |
|
|
|
router |
|
|
|
<template slot="title"> |
|
|
|
background-color="#313540" |
|
|
|
<el-image |
|
|
|
text-color="#fff" |
|
|
|
style="width: 22px; height: 22px; margin-right: 10px;" |
|
|
|
active-text-color="#ffd04b" |
|
|
|
class="align-middle" |
|
|
|
unique-opened> |
|
|
|
:src="item.logo" |
|
|
|
<template v-for="(item,index) in menus"> |
|
|
|
></el-image> |
|
|
|
<template v-if="item.children"> |
|
|
|
<span slot="title">{{ item.title }}</span> |
|
|
|
<el-submenu :index="item.index" |
|
|
|
</template> |
|
|
|
:key="item.index"> |
|
|
|
<template v-for="(subItem,index) in item.children"> |
|
|
|
<template slot="title"> |
|
|
|
<el-submenu |
|
|
|
<el-image style="width: 22px; height: 22px; margin-right: 10px;" |
|
|
|
v-if="subItem.children" |
|
|
|
class="align-middle" |
|
|
|
:index="subItem.index" |
|
|
|
:src="item.logo"></el-image> |
|
|
|
:key="subItem.index" |
|
|
|
<span slot="title">{{ item.title }}</span> |
|
|
|
> |
|
|
|
</template> |
|
|
|
<template slot="title">{{ subItem.title }}</template> |
|
|
|
<template v-for="(subItem,index) in item.children"> |
|
|
|
<el-menu-item |
|
|
|
<el-submenu v-if="subItem.children" |
|
|
|
v-for="(threeItem,i) in subItem.children" |
|
|
|
:index="subItem.index" |
|
|
|
:key="i" |
|
|
|
:key="subItem.index"> |
|
|
|
:index="threeItem.index" |
|
|
|
<template slot="title">{{ subItem.title }}</template> |
|
|
|
|
|
|
|
<el-menu-item v-for="(threeItem,i) in subItem.children" |
|
|
|
>{{ threeItem.title }}</el-menu-item> |
|
|
|
:key="i" |
|
|
|
</el-submenu> |
|
|
|
:index="threeItem.index">{{ threeItem.title }}</el-menu-item> |
|
|
|
<el-menu-item |
|
|
|
</el-submenu> |
|
|
|
v-else |
|
|
|
<el-menu-item v-else |
|
|
|
:index="subItem.index" |
|
|
|
:index="subItem.index" |
|
|
|
:key="subItem.index" |
|
|
|
:key="subItem.index">{{ subItem.title }}</el-menu-item> |
|
|
|
>{{ subItem.title }}</el-menu-item> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-submenu> |
|
|
|
</el-submenu> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<template v-else> |
|
|
|
<el-menu-item :index="item.index" |
|
|
|
<el-menu-item :index="item.index" :key="item.index"> |
|
|
|
:key="item.index"> |
|
|
|
<i :class="item.icon"></i> |
|
|
|
<i :class="item.icon"></i> |
|
|
|
<span slot="title">{{ item.title }}</span> |
|
|
|
<span slot="title">{{ item.title }}</span> |
|
|
|
</el-menu-item> |
|
|
|
</el-menu-item> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-menu> |
|
|
|
</el-menu> |
|
|
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
@ -50,297 +50,295 @@ import { mapState } from 'vuex' |
|
|
|
// import bus from '@/libs/bus'; |
|
|
|
// import bus from '@/libs/bus'; |
|
|
|
import Setting from '@/setting'; |
|
|
|
import Setting from '@/setting'; |
|
|
|
export default { |
|
|
|
export default { |
|
|
|
// props: { |
|
|
|
// props: { |
|
|
|
// needIndex: { |
|
|
|
// needIndex: { |
|
|
|
// type: String, |
|
|
|
// type: String, |
|
|
|
// required: true |
|
|
|
// required: true |
|
|
|
// } |
|
|
|
// } |
|
|
|
|
|
|
|
// }, |
|
|
|
|
|
|
|
data () { |
|
|
|
|
|
|
|
return { |
|
|
|
|
|
|
|
// onRoutes:'/counter/list/manage/consumerClient', |
|
|
|
|
|
|
|
onRoutes: '', |
|
|
|
|
|
|
|
menus: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
|
|
|
|
index: '/index/list', |
|
|
|
|
|
|
|
title: '客户信息', |
|
|
|
|
|
|
|
logo: require('@/assets/img/systemInput/客户信息.svg'), |
|
|
|
|
|
|
|
children: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: '/counter/list/manage/consumerClient', |
|
|
|
|
|
|
|
title: '个人客户信息建立', |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
index: '/counter/list/manage/corporateClient', |
|
|
|
|
|
|
|
title: '公司客户信息建立', |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
|
|
|
|
index: '/index/list1', |
|
|
|
|
|
|
|
title: '个人业务', |
|
|
|
|
|
|
|
logo: require('@/assets/img/systemInput/个人业务.svg'), |
|
|
|
|
|
|
|
children: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: '/counter/list/manage/currentAccount', |
|
|
|
|
|
|
|
title: '活期业务', |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: '/counter/list/manage/timeDeposit', |
|
|
|
|
|
|
|
title: '整存整取', |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: '/counter/list/manage/usefulPhrases', |
|
|
|
|
|
|
|
title: '零存整取', |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: '/counter/list/manage/callDeposits', |
|
|
|
|
|
|
|
title: '通知存款', |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
// { |
|
|
|
|
|
|
|
// index: '/counter/list/manage/accountService', |
|
|
|
|
|
|
|
// title: '账户服务', |
|
|
|
|
|
|
|
// }, |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
|
|
|
|
index: '/index/list2', |
|
|
|
|
|
|
|
title: '公司业务', |
|
|
|
|
|
|
|
logo: require('@/assets/img/systemInput/公司业务.svg'), |
|
|
|
|
|
|
|
children: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/business-openAccount", |
|
|
|
|
|
|
|
title: '开户' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/business-deposit", |
|
|
|
|
|
|
|
title: '存款' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/business-withdrawal", |
|
|
|
|
|
|
|
title: '取款' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/business-transfer", |
|
|
|
|
|
|
|
title: '转账' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
|
|
|
|
index: '/index/list3', |
|
|
|
|
|
|
|
title: '账户服务', |
|
|
|
|
|
|
|
logo: require('@/assets/img/systemInput/账户服务.svg'), |
|
|
|
|
|
|
|
children: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/servicesAccount-passwordChange", |
|
|
|
|
|
|
|
title: '密码修改' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/servicesAccount-passwordLost", |
|
|
|
|
|
|
|
title: '密码挂失' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/servicesAccount-relieveLost", |
|
|
|
|
|
|
|
title: '挂失解挂' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
|
|
|
|
index: '/index/list4', |
|
|
|
|
|
|
|
title: '同城交互', |
|
|
|
|
|
|
|
logo: require('@/assets/img/systemInput/同城交互.svg'), |
|
|
|
|
|
|
|
children: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/cityWide-out", |
|
|
|
|
|
|
|
title: '同城提出' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/cityWide-in", |
|
|
|
|
|
|
|
title: '同城提入' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
|
|
|
|
index: '/index/list5', |
|
|
|
|
|
|
|
title: '银行承兑汇票', |
|
|
|
|
|
|
|
logo: require('@/assets/img/systemInput/承兑汇票.svg'), |
|
|
|
|
|
|
|
children: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/acceptanceDraft-invoice", |
|
|
|
|
|
|
|
title: '承兑汇票开票' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
|
|
|
|
index: '/index/list6', |
|
|
|
|
|
|
|
title: '重控现金', |
|
|
|
|
|
|
|
logo: require('@/assets/img/systemInput/重空现金.svg'), |
|
|
|
|
|
|
|
children: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/importantCash-cashRecipients", |
|
|
|
|
|
|
|
title: '现金管理' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/importantCash-cashRecipients2", |
|
|
|
|
|
|
|
title: '凭证管理' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/importantCash-cashRecipients3", |
|
|
|
|
|
|
|
title: '支票管理' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
|
|
|
|
index: '/index/list7', |
|
|
|
|
|
|
|
title: '日终管理', |
|
|
|
|
|
|
|
logo: require('@/assets/img/systemInput/日终管理.svg'), |
|
|
|
|
|
|
|
children: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/dayEnd-tellerCash", |
|
|
|
|
|
|
|
title: '柜员现金轧帐' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/dayEnd-tellerCertificate", |
|
|
|
|
|
|
|
title: '柜员凭证轧帐' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: "/counter/list/manage/dayEnd-branchDayEnd", |
|
|
|
|
|
|
|
title: '网点日终轧帐' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
watch: { |
|
|
|
|
|
|
|
// '$route.path':function (val) { |
|
|
|
|
|
|
|
// this.onRoutes = val |
|
|
|
// }, |
|
|
|
// }, |
|
|
|
data() { |
|
|
|
needIndex (newVal) { |
|
|
|
return { |
|
|
|
this.onRoutes = newVal |
|
|
|
// onRoutes:'/counter/list/manage/consumerClient', |
|
|
|
} |
|
|
|
onRoutes: '', |
|
|
|
}, |
|
|
|
menus: [ |
|
|
|
created () { |
|
|
|
{ |
|
|
|
const path = sessionStorage.getItem('computerPath') |
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
if (path) { |
|
|
|
index: '/index/list', |
|
|
|
this.onRoutes = path |
|
|
|
title: '客户信息', |
|
|
|
} else { |
|
|
|
logo: require('@/assets/img/systemInput/客户信息.svg'), |
|
|
|
this.onRoutes = this.$route.path |
|
|
|
children: [ |
|
|
|
} |
|
|
|
{ |
|
|
|
// this.onRoutes = this.$route.path |
|
|
|
index: '/counter/list/manage/consumerClient', |
|
|
|
|
|
|
|
title: '个人客户信息建立', |
|
|
|
|
|
|
|
},{ |
|
|
|
|
|
|
|
index: '/counter/list/manage/corporateClient', |
|
|
|
|
|
|
|
title: '公司客户信息建立', |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
|
|
|
|
index: '/index/list1', |
|
|
|
|
|
|
|
title: '个人业务', |
|
|
|
|
|
|
|
logo: require('@/assets/img/systemInput/个人业务.svg'), |
|
|
|
|
|
|
|
children:[ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: '/counter/list/manage/currentAccount', |
|
|
|
|
|
|
|
title: '活期业务', |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: '/counter/list/manage/timeDeposit', |
|
|
|
|
|
|
|
title: '整存整取', |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: '/counter/list/manage/usefulPhrases', |
|
|
|
|
|
|
|
title: '零存整取', |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index: '/counter/list/manage/callDeposits', |
|
|
|
|
|
|
|
title: '通知存款', |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
// { |
|
|
|
|
|
|
|
// index: '/counter/list/manage/accountService', |
|
|
|
|
|
|
|
// title: '账户服务', |
|
|
|
|
|
|
|
// }, |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
|
|
|
|
index: '/index/list2', |
|
|
|
|
|
|
|
title: '公司业务', |
|
|
|
|
|
|
|
logo: require('@/assets/img/systemInput/公司业务.svg'), |
|
|
|
|
|
|
|
children:[ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/business-openAccount", |
|
|
|
|
|
|
|
title:'开户' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/business-deposit", |
|
|
|
|
|
|
|
title:'存款' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/business-withdrawal", |
|
|
|
|
|
|
|
title:'取款' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/business-transfer", |
|
|
|
|
|
|
|
title:'转账' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
|
|
|
|
index: '/index/list3', |
|
|
|
|
|
|
|
title: '账户服务', |
|
|
|
|
|
|
|
logo: require('@/assets/img/systemInput/账户服务.svg'), |
|
|
|
|
|
|
|
children:[ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/servicesAccount-passwordChange", |
|
|
|
|
|
|
|
title:'密码修改' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/servicesAccount-passwordLost", |
|
|
|
|
|
|
|
title:'密码挂失' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/servicesAccount-relieveLost", |
|
|
|
|
|
|
|
title:'挂失解挂' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
|
|
|
|
index: '/index/list4', |
|
|
|
|
|
|
|
title: '同城交互', |
|
|
|
|
|
|
|
logo: require('@/assets/img/systemInput/同城交互.svg'), |
|
|
|
|
|
|
|
children:[ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/cityWide-out", |
|
|
|
|
|
|
|
title:'同城提出' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/cityWide-in", |
|
|
|
|
|
|
|
title:'同城提入' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
|
|
|
|
index: '/index/list5', |
|
|
|
|
|
|
|
title: '银行承兑汇票', |
|
|
|
|
|
|
|
logo: require('@/assets/img/systemInput/承兑汇票.svg'), |
|
|
|
|
|
|
|
children:[ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/acceptanceDraft-invoice", |
|
|
|
|
|
|
|
title:'承兑汇票开票' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
|
|
|
|
index: '/index/list6', |
|
|
|
|
|
|
|
title: '重控现金', |
|
|
|
|
|
|
|
logo: require('@/assets/img/systemInput/重空现金.svg'), |
|
|
|
|
|
|
|
children:[ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/importantCash-cashRecipients", |
|
|
|
|
|
|
|
title:'现金管理' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/importantCash-cashRecipients2", |
|
|
|
|
|
|
|
title:'凭证管理' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/importantCash-cashRecipients3", |
|
|
|
|
|
|
|
title:'支票管理' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
icon: 'menu-icon icon-index', |
|
|
|
|
|
|
|
index: '/index/list7', |
|
|
|
|
|
|
|
title: '日终管理', |
|
|
|
|
|
|
|
logo: require('@/assets/img/systemInput/日终管理.svg'), |
|
|
|
|
|
|
|
children:[ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/dayEnd-tellerCash", |
|
|
|
|
|
|
|
title:'柜员现金轧帐' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/dayEnd-tellerCertificate", |
|
|
|
|
|
|
|
title:'柜员凭证轧帐' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
index:"/counter/list/manage/dayEnd-branchDayEnd", |
|
|
|
|
|
|
|
title:'网点日终轧帐' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
watch: { |
|
|
|
|
|
|
|
// '$route.path':function (val) { |
|
|
|
|
|
|
|
// this.onRoutes = val |
|
|
|
|
|
|
|
// }, |
|
|
|
|
|
|
|
needIndex(newVal) { |
|
|
|
|
|
|
|
this.onRoutes = newVal |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
created() { |
|
|
|
|
|
|
|
const path = sessionStorage.getItem('computerPath') |
|
|
|
|
|
|
|
if(path) { |
|
|
|
|
|
|
|
this.onRoutes = path |
|
|
|
|
|
|
|
}else { |
|
|
|
|
|
|
|
this.onRoutes = this.$route.path |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
// this.onRoutes = this.$route.path |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// this.onRoutes = this.needIndex; |
|
|
|
// this.onRoutes = this.needIndex; |
|
|
|
// console.log(this.onRoutes) |
|
|
|
// console.log(this.onRoutes) |
|
|
|
// console.log(this.needIndex) |
|
|
|
// console.log(this.needIndex) |
|
|
|
// this.onRoutes = this.$route.path |
|
|
|
// this.onRoutes = this.$route.path |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
select(path) { |
|
|
|
select (path) { |
|
|
|
this.onRoutes = path |
|
|
|
this.onRoutes = path |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
beforeDestroy() { |
|
|
|
beforeDestroy () { |
|
|
|
sessionStorage.setItem('computerPath', this.onRoutes) |
|
|
|
sessionStorage.setItem('computerPath', this.onRoutes) |
|
|
|
this.$router.push('/counter/list/') |
|
|
|
sessionStorage.getItem('submited') || this.$router.push('/counter/list/') |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
// /dee/ .el-menu { |
|
|
|
// /dee/ .el-menu { |
|
|
|
// color: red!important; |
|
|
|
// color: red!important; |
|
|
|
// overflow: auto; |
|
|
|
// overflow: auto; |
|
|
|
// } |
|
|
|
// } |
|
|
|
// .sidebar-el-menu { |
|
|
|
// .sidebar-el-menu { |
|
|
|
// // max-height: calc(100vh - 110px); |
|
|
|
// // max-height: calc(100vh - 110px); |
|
|
|
// overflow: auto; |
|
|
|
// overflow: auto; |
|
|
|
// } |
|
|
|
// } |
|
|
|
|
|
|
|
|
|
|
|
// .nav{ |
|
|
|
// .nav{ |
|
|
|
// background-color: #141414; |
|
|
|
// background-color: #141414; |
|
|
|
// overflow: auto; |
|
|
|
// overflow: auto; |
|
|
|
// .logo{ |
|
|
|
// .logo{ |
|
|
|
// padding: 20px 0; |
|
|
|
// padding: 20px 0; |
|
|
|
// text-align: center; |
|
|
|
// text-align: center; |
|
|
|
// } |
|
|
|
// } |
|
|
|
// /deep/.el-menu{ |
|
|
|
// /deep/.el-menu{ |
|
|
|
// border-right: 0 !important; |
|
|
|
// border-right: 0 !important; |
|
|
|
// .el-menu-item{ |
|
|
|
// .el-menu-item{ |
|
|
|
// display: flex; |
|
|
|
// display: flex; |
|
|
|
// align-items: center; |
|
|
|
// align-items: center; |
|
|
|
// &.is-active{ |
|
|
|
// &.is-active{ |
|
|
|
// background-color: #CC221C !important; |
|
|
|
// background-color: #CC221C !important; |
|
|
|
// } |
|
|
|
// } |
|
|
|
// // .menu-icon{ |
|
|
|
// // .menu-icon{ |
|
|
|
// // width: 24px; |
|
|
|
// // width: 24px; |
|
|
|
// // height: 24px; |
|
|
|
// // height: 24px; |
|
|
|
// // margin-right: 12px; |
|
|
|
// // margin-right: 12px; |
|
|
|
// // background: url(../../assets/img/home.png) no-repeat; |
|
|
|
// // background: url(../../assets/img/home.png) no-repeat; |
|
|
|
// // &.icon-ques{ |
|
|
|
// // &.icon-ques{ |
|
|
|
// // background-image: url(../../assets/img/ques.png); |
|
|
|
// // background-image: url(../../assets/img/ques.png); |
|
|
|
// // } |
|
|
|
// // } |
|
|
|
// // &.icon-testpaper{ |
|
|
|
// // &.icon-testpaper{ |
|
|
|
// // background-image: url(../../assets/img/paper.png); |
|
|
|
// // background-image: url(../../assets/img/paper.png); |
|
|
|
// // } |
|
|
|
// // } |
|
|
|
// // &.icon-practise{ |
|
|
|
// // &.icon-practise{ |
|
|
|
// // background-image: url(../../assets/img/practise.png); |
|
|
|
// // background-image: url(../../assets/img/practise.png); |
|
|
|
// // } |
|
|
|
// // } |
|
|
|
// // &.icon-exam{ |
|
|
|
// // &.icon-exam{ |
|
|
|
// // background-image: url(../../assets/img/exam.png); |
|
|
|
// // background-image: url(../../assets/img/exam.png); |
|
|
|
// // } |
|
|
|
// // } |
|
|
|
// // &.icon-ache{ |
|
|
|
// // &.icon-ache{ |
|
|
|
// // background-image: url(../../assets/img/ache.png); |
|
|
|
// // background-image: url(../../assets/img/ache.png); |
|
|
|
// // } |
|
|
|
// // } |
|
|
|
// // &.icon-msg{ |
|
|
|
// // &.icon-msg{ |
|
|
|
// // background-image: url(../../assets/img/msg.png); |
|
|
|
// // background-image: url(../../assets/img/msg.png); |
|
|
|
// // } |
|
|
|
// // } |
|
|
|
// // &.icon-student{ |
|
|
|
// // &.icon-student{ |
|
|
|
// // background-image: url(../../assets/img/student.png); |
|
|
|
// // background-image: url(../../assets/img/student.png); |
|
|
|
// // } |
|
|
|
// // } |
|
|
|
// // &.icon-system{ |
|
|
|
// // &.icon-system{ |
|
|
|
// // background-image: url(../../assets/img/system.png); |
|
|
|
// // background-image: url(../../assets/img/system.png); |
|
|
|
// // } |
|
|
|
// // } |
|
|
|
// // } |
|
|
|
// // } |
|
|
|
// // span{ |
|
|
|
// // span{ |
|
|
|
// // font-size: 15px; |
|
|
|
// // font-size: 15px; |
|
|
|
// // } |
|
|
|
// // } |
|
|
|
// } |
|
|
|
// } |
|
|
|
// } |
|
|
|
// } |
|
|
|
// } |
|
|
|
// } |
|
|
|
|
|
|
|
|
|
|
|
.sidebar::-webkit-scrollbar { |
|
|
|
.sidebar::-webkit-scrollbar { |
|
|
|
width: 0; |
|
|
|
width: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
.sidebar-el-menu:not(.el-menu--collapse) { |
|
|
|
.sidebar-el-menu:not(.el-menu--collapse) { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
border: 0; |
|
|
|
border: 0; |
|
|
|
border-bottom-left-radius: 20px; |
|
|
|
border-bottom-left-radius: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
.sidebar > ul { |
|
|
|
.sidebar > ul { |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
/deep/.el-menu{ |
|
|
|
/deep/.el-menu { |
|
|
|
border: 0; |
|
|
|
border: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
// 改变menu的字体大小 |
|
|
|
// 改变menu的字体大小 |
|
|
|
/deep/ .el-submenu__title span { |
|
|
|
/deep/ .el-submenu__title span { |
|
|
|
font-size: 18px; |
|
|
|
font-size: 18px; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/deep/.el-menu-item { |
|
|
|
|
|
|
|
font-size: 18px!important; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
/deep/.el-menu-item { |
|
|
|
// .myOver { |
|
|
|
font-size: 18px !important; |
|
|
|
// overflow: hidden; |
|
|
|
} |
|
|
|
// } |
|
|
|
// .myOver { |
|
|
|
|
|
|
|
// overflow: hidden; |
|
|
|
|
|
|
|
// } |
|
|
|
</style> |
|
|
|
</style> |