|
@@ -3,26 +3,46 @@
|
|
<div class="navigator_menu">
|
|
<div class="navigator_menu">
|
|
<span>导航面板</span>
|
|
<span>导航面板</span>
|
|
</div>
|
|
</div>
|
|
- <el-menu text-color="#999" :default-active="actice_idx" active-text-color="#333" class="el-menu-vertical-demo" @select='handleSelect'>
|
|
|
|
|
|
+ <el-menu
|
|
|
|
+ text-color="#999"
|
|
|
|
+ :default-active="actice_idx"
|
|
|
|
+ active-text-color="#333"
|
|
|
|
+ class="el-menu-vertical-demo"
|
|
|
|
+ @select="handleSelect"
|
|
|
|
+ >
|
|
<template v-for="(nav, i) in navs">
|
|
<template v-for="(nav, i) in navs">
|
|
-
|
|
|
|
<router-link tag="div" :to="nav.link" :key="i" v-if="!nav.children">
|
|
<router-link tag="div" :to="nav.link" :key="i" v-if="!nav.children">
|
|
- <el-menu-item :index="i+''" style="padding-left: 49px;">
|
|
|
|
- <i class="iconfonts i-fix" :style="{backgroundPosition: '0px -'+(Number(actice_idx)===i?nav.top + 14:nav.top)+'px'}"></i>
|
|
|
|
- <span slot="title">{{nav.text}}</span>
|
|
|
|
|
|
+ <el-menu-item :index="i + ''" style="padding-left: 49px;">
|
|
|
|
+ <i
|
|
|
|
+ class="iconfonts i-fix"
|
|
|
|
+ :style="{
|
|
|
|
+ backgroundPosition:
|
|
|
|
+ '0px -' +
|
|
|
|
+ (Number(actice_idx) === i ? nav.top + 14 : nav.top) +
|
|
|
|
+ 'px'
|
|
|
|
+ }"
|
|
|
|
+ ></i>
|
|
|
|
+ <span slot="title">{{ nav.text }}</span>
|
|
</el-menu-item>
|
|
</el-menu-item>
|
|
</router-link>
|
|
</router-link>
|
|
|
|
|
|
- <el-submenu v-else :key="i" :index="i+''">
|
|
|
|
|
|
+ <el-submenu v-else :key="i" :index="i + ''">
|
|
<template slot="title">
|
|
<template slot="title">
|
|
- <i class="iconfonts i-fix" :style="{backgroundPosition: '0px -'+nav.top+'px'}"></i>
|
|
|
|
- <span style="padding-left:30px">{{nav.text}}</span>
|
|
|
|
|
|
+ <i
|
|
|
|
+ class="iconfonts i-fix"
|
|
|
|
+ :style="{ backgroundPosition: '0px -' + nav.top + 'px' }"
|
|
|
|
+ ></i>
|
|
|
|
+ <span style="padding-left:30px">{{ nav.text }}</span>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
- <router-link tag="div" :to="nav.link" v-for="(nav, j) in nav.children" :key="j">
|
|
|
|
- <el-menu-item :index="i+'-'+j">{{nav.text}}</el-menu-item>
|
|
|
|
|
|
+ <router-link
|
|
|
|
+ tag="div"
|
|
|
|
+ :to="nav.link"
|
|
|
|
+ v-for="(nav, j) in nav.children"
|
|
|
|
+ :key="j"
|
|
|
|
+ >
|
|
|
|
+ <el-menu-item :index="i + '-' + j">{{ nav.text }}</el-menu-item>
|
|
</router-link>
|
|
</router-link>
|
|
-
|
|
|
|
</el-submenu>
|
|
</el-submenu>
|
|
</template>
|
|
</template>
|
|
</el-menu>
|
|
</el-menu>
|
|
@@ -36,17 +56,18 @@ export default {
|
|
|
|
|
|
data () {
|
|
data () {
|
|
let navs = [
|
|
let navs = [
|
|
- // { text: '首页', link: {name: 'Home'}, top: 14 },
|
|
|
|
- { text: '设备管理', link: {name: 'device'}, top: 126 },
|
|
|
|
|
|
+ { text: '首页', link: {name: 'Home'}, top: 14 },
|
|
|
|
+ { text: '订单管理', link: { name: 'Order' }, top: 42 },
|
|
|
|
+ { text: '设备管理', link: { name: 'device' }, top: 126 },
|
|
|
|
|
|
- { text: '订单管理',
|
|
|
|
- link: {name: 'Order'},
|
|
|
|
- children: [
|
|
|
|
- { text: '相机订单', link: {name: 'Order'} },
|
|
|
|
- { text: '权益订单', link: {name: 'qyOrder'} },
|
|
|
|
- { text: '下载订单', link: {name: 'downloadOrder'} }
|
|
|
|
- ],
|
|
|
|
- top: 42 },
|
|
|
|
|
|
+ // { text: '订单管理',
|
|
|
|
+ // link: {name: 'Order'},
|
|
|
|
+ // children: [
|
|
|
|
+ // { text: '相机订单', link: {name: 'Order'} },
|
|
|
|
+ // { text: '权益订单', link: {name: 'qyOrder'} },
|
|
|
|
+ // { text: '下载订单', link: {name: 'downloadOrder'} }
|
|
|
|
+ // ],
|
|
|
|
+ // top: 42 },
|
|
// { text: '增值服务', link: {name: 'Added'}, top: 70 },
|
|
// { text: '增值服务', link: {name: 'Added'}, top: 70 },
|
|
// {
|
|
// {
|
|
// text: '代理平台',
|
|
// text: '代理平台',
|
|
@@ -61,14 +82,14 @@ export default {
|
|
// { text: '发票管理', link: {name: 'invoice'}, top: 126 },
|
|
// { text: '发票管理', link: {name: 'invoice'}, top: 126 },
|
|
{
|
|
{
|
|
text: '更多设置',
|
|
text: '更多设置',
|
|
- link: {name: 'home'},
|
|
|
|
|
|
+ link: { name: 'home' },
|
|
children: [
|
|
children: [
|
|
// { text: '激光场景', link: {name: 'laser'} },
|
|
// { text: '激光场景', link: {name: 'laser'} },
|
|
- { text: '场景管理', link: {name: 'scene'} },
|
|
|
|
- { text: '反馈消息', link: {name: 'feedback'} },
|
|
|
|
|
|
+ { text: '场景管理', link: { name: 'scene' } },
|
|
|
|
+ { text: '反馈消息', link: { name: 'feedback' } },
|
|
// { text: '设备管理', link: {name: 'device'} },
|
|
// { text: '设备管理', link: {name: 'device'} },
|
|
- { text: 'app管理', link: {name: 'appupload'} },
|
|
|
|
- { text: '客户管理', link: {name: 'client'} }
|
|
|
|
|
|
+ { text: 'app管理', link: { name: 'appupload' } },
|
|
|
|
+ { text: '客户管理', link: { name: 'client' } }
|
|
],
|
|
],
|
|
top: 154
|
|
top: 154
|
|
},
|
|
},
|
|
@@ -76,16 +97,16 @@ export default {
|
|
// { text: '留言管理', link: {name: 'leaving'}, top: 182 },
|
|
// { text: '留言管理', link: {name: 'leaving'}, top: 182 },
|
|
{
|
|
{
|
|
text: '版本管理',
|
|
text: '版本管理',
|
|
- link: {name: 'edition'},
|
|
|
|
|
|
+ link: { name: 'edition' },
|
|
children: [
|
|
children: [
|
|
- { text: '八目相机', link: {name: 'edition'}, top: 182 },
|
|
|
|
- { text: '转台相机', link: {name: 'turntableCamera'}, top: 182 },
|
|
|
|
- { text: '激光相机', link: {name: 'laserCamera'}, top: 182 }
|
|
|
|
|
|
+ { text: '八目相机', link: { name: 'edition' }, top: 182 },
|
|
|
|
+ { text: '转台相机', link: { name: 'turntableCamera' }, top: 182 },
|
|
|
|
+ { text: '激光相机', link: { name: 'laserCamera' }, top: 182 }
|
|
],
|
|
],
|
|
top: 154
|
|
top: 154
|
|
},
|
|
},
|
|
// { text: '版本管理', link: {name: 'edition'}, top: 182 },
|
|
// { text: '版本管理', link: {name: 'edition'}, top: 182 },
|
|
- { text: '数据统计', link: {name: 'Statistics'}, top: 210 }
|
|
|
|
|
|
+ { text: '数据统计', link: { name: 'Statistics' }, top: 210 }
|
|
// {
|
|
// {
|
|
// text: 'SDK 发布管理',
|
|
// text: 'SDK 发布管理',
|
|
// link: {name: 'sdkManage'},
|
|
// link: {name: 'sdkManage'},
|
|
@@ -97,7 +118,7 @@ export default {
|
|
// { text: '用户列表', link: {name: 'userList'}, top: 126 },
|
|
// { text: '用户列表', link: {name: 'userList'}, top: 126 },
|
|
// { text: '操作日志', link: {name: 'oplog'}, top: 210 }
|
|
// { text: '操作日志', link: {name: 'oplog'}, top: 210 }
|
|
|
|
|
|
- // { text: '数据下载', link: {name: 'Down'}, top: 210 }
|
|
|
|
|
|
+ // { text: '数据下载', link: {name: 'Down'}, top: 210 }
|
|
// ,
|
|
// ,
|
|
// {
|
|
// {
|
|
// text: 'BBS',
|
|
// text: 'BBS',
|
|
@@ -112,19 +133,19 @@ export default {
|
|
]
|
|
]
|
|
|
|
|
|
return {
|
|
return {
|
|
- actice_idx: 1,
|
|
|
|
|
|
+ actice_idx: '1',
|
|
navs: navs
|
|
navs: navs
|
|
}
|
|
}
|
|
},
|
|
},
|
|
mounted () {
|
|
mounted () {
|
|
- let index = this.navs.findIndex((i) => {
|
|
|
|
|
|
+ let index = this.navs.findIndex(i => {
|
|
console.log(i.link.name, this.$route.name)
|
|
console.log(i.link.name, this.$route.name)
|
|
return i.link.name === this.$route.name
|
|
return i.link.name === this.$route.name
|
|
- })
|
|
|
|
|
|
+ }).toString()
|
|
console.log(index)
|
|
console.log(index)
|
|
|
|
|
|
if (index !== -1) {
|
|
if (index !== -1) {
|
|
- this.actice_idx = index.toString()
|
|
|
|
|
|
+ this.actice_idx = index
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -192,14 +213,14 @@ export default {
|
|
|
|
|
|
.fade-enter-active,
|
|
.fade-enter-active,
|
|
.fade-leave-active {
|
|
.fade-leave-active {
|
|
- transition: opacity .5s;
|
|
|
|
|
|
+ transition: opacity 0.5s;
|
|
}
|
|
}
|
|
|
|
|
|
.fade-enter,
|
|
.fade-enter,
|
|
.fade-leave-to
|
|
.fade-leave-to
|
|
/* .fade-leave-active below version 2.1.8 */
|
|
/* .fade-leave-active below version 2.1.8 */
|
|
|
|
|
|
-{
|
|
|
|
|
|
+ {
|
|
opacity: 0;
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -212,7 +233,7 @@ export default {
|
|
height: 56px;
|
|
height: 56px;
|
|
}
|
|
}
|
|
|
|
|
|
-.navigator_menu>span {
|
|
|
|
|
|
+.navigator_menu > span {
|
|
padding-left: 20px;
|
|
padding-left: 20px;
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
color: #999;
|
|
color: #999;
|
|
@@ -231,7 +252,7 @@ export default {
|
|
width: 14px;
|
|
width: 14px;
|
|
height: 14px;
|
|
height: 14px;
|
|
vertical-align: middle;
|
|
vertical-align: middle;
|
|
- background-image: url('~@/assets/images/icon/sys_icon.png')
|
|
|
|
|
|
+ background-image: url("~@/assets/images/icon/sys_icon.png");
|
|
}
|
|
}
|
|
|
|
|
|
.iconfonts {
|
|
.iconfonts {
|
|
@@ -240,5 +261,4 @@ export default {
|
|
top: 50%;
|
|
top: 50%;
|
|
margin-top: -9px;
|
|
margin-top: -9px;
|
|
}
|
|
}
|
|
-
|
|
|
|
</style>
|
|
</style>
|