|
@@ -61,7 +61,14 @@
|
|
v-for="(item, index) in menaData"
|
|
v-for="(item, index) in menaData"
|
|
:key="index"
|
|
:key="index"
|
|
>
|
|
>
|
|
- <span>{{ item.name }}</span>
|
|
|
|
|
|
+ <div class="oneMean">
|
|
|
|
+ {{ item.name }}
|
|
|
|
+ <van-icon
|
|
|
|
+ :name="menaSon === index ? 'arrow-down' : 'arrow'"
|
|
|
|
+ @click.stop="oneMeanChange(index,item.show)"
|
|
|
|
+ />
|
|
|
|
+ <!-- <van-icon name="arrow-down" /> -->
|
|
|
|
+ </div>
|
|
<template
|
|
<template
|
|
v-if="
|
|
v-if="
|
|
menaSon === index || item.show.includes($route.meta.myTitle)
|
|
menaSon === index || item.show.includes($route.meta.myTitle)
|
|
@@ -272,14 +279,22 @@ export default {
|
|
},
|
|
},
|
|
//方法集合
|
|
//方法集合
|
|
methods: {
|
|
methods: {
|
|
|
|
+ // 一级菜单箭头的展开和收起
|
|
|
|
+ oneMeanChange(index,show) {
|
|
|
|
+ if(show.includes(this.$route.meta.myTitle)) return
|
|
|
|
+ if (this.menaSon === index) this.menaSon = null;
|
|
|
|
+ else this.menaSon = index;
|
|
|
|
+ },
|
|
// 封装一个地址栏改变监听$route的方法
|
|
// 封装一个地址栏改变监听$route的方法
|
|
routeChange() {
|
|
routeChange() {
|
|
let t = this.$route.params.t;
|
|
let t = this.$route.params.t;
|
|
// 对于二级菜单高亮的重定义
|
|
// 对于二级菜单高亮的重定义
|
|
let temp = this.$route.path;
|
|
let temp = this.$route.path;
|
|
- if(temp.includes('Layout/Search')){
|
|
|
|
|
|
+ // 首页的重定义
|
|
|
|
+ if (temp === "/Layout/Home") this.menaSon = null;
|
|
|
|
+ if (temp.includes("Layout/Search")) {
|
|
if (t && t !== "null") this.txt = t;
|
|
if (t && t !== "null") this.txt = t;
|
|
- }else this.txt=''
|
|
|
|
|
|
+ } else this.txt = "";
|
|
let myId = this.$route.query.id;
|
|
let myId = this.$route.query.id;
|
|
myId = Number(myId);
|
|
myId = Number(myId);
|
|
if (temp === "/Layout/VisitInfo") temp = "/Layout/Visit/2";
|
|
if (temp === "/Layout/VisitInfo") temp = "/Layout/Visit/2";
|
|
@@ -607,6 +622,23 @@ export default {
|
|
color: #c1aa7b;
|
|
color: #c1aa7b;
|
|
font-size: 20px;
|
|
font-size: 20px;
|
|
padding-bottom: 20px;
|
|
padding-bottom: 20px;
|
|
|
|
+ .oneMean {
|
|
|
|
+ position: relative;
|
|
|
|
+ & > i {
|
|
|
|
+ width: 50px;
|
|
|
|
+ height: 50px;
|
|
|
|
+ line-height: 50px;
|
|
|
|
+ text-align: right;
|
|
|
|
+ font-size: 24px;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ color: #c1aa7b;
|
|
|
|
+ z-index: 10;
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 0px;
|
|
|
|
+ top: 50%;
|
|
|
|
+ transform: translateY(-50%);
|
|
|
|
+ }
|
|
|
|
+ }
|
|
.rowSon {
|
|
.rowSon {
|
|
padding-left: 30px;
|
|
padding-left: 30px;
|
|
font-size: 16px;
|
|
font-size: 16px;
|