feat(headerTop): 会员专区移除多余下拉选项

This commit is contained in:
woody 2025-04-27 11:26:35 +08:00
parent 9fd3979df9
commit 66144348af
1 changed files with 18 additions and 249 deletions

View File

@ -7,7 +7,7 @@
<template> <template>
<div> <div>
<div class="page"> <div class="page">
<div class="page_top"> <!-- <div class="page_top">
<div class="page_top_l"></div> <div class="page_top_l"></div>
<div class="page_top_r"> <div class="page_top_r">
<div @click="globalDivisions">{{ "全球分布" }}</div> <div @click="globalDivisions">{{ "全球分布" }}</div>
@ -29,23 +29,17 @@
<i class="el-icon-s-custom"></i> {{ "在线客服" }} <i class="el-icon-s-custom"></i> {{ "在线客服" }}
</div> </div>
</div> </div>
</div> </div> -->
<div class="page_btm"> <div class="page_btm">
<div class="page_btm_l">
<span class="size-s">GLOBALIZATION</span>
<span class="cheng">{{ "全球一体化" }}</span>
</div>
<div class="page_btm_c"> <div class="page_btm_c">
<div class="fHeigh" v-show="menu1" @click="goIndex"> <div class="fHeigh" v-show="!menu1" @click="goIndex">首页</div>
{{ "首页" }}
</div>
<div <div
class="fHeigh" class="fHeigh"
v-show="menu2" v-show="menu2"
@mouseover="changeActive(1)" @mouseover="changeActive(1)"
@mouseleave="removeActive(1)" @mouseleave="removeActive(1)"
> >
{{ "会员专区" }}<i class="el-icon-arrow-down"></i> 会员专区<i class="el-icon-arrow-down"></i>
<div class="aBsolt" v-show="vipShow"> <div class="aBsolt" v-show="vipShow">
<div <div
v-for="item in zoneList" v-for="item in zoneList"
@ -93,25 +87,6 @@
</div> </div>
</div> </div>
</div> </div>
<div
class="fHeigh"
v-show="menu4"
@mouseover="changeActive(5)"
@mouseleave="removeActive(5)"
>
{{ "创客空间" }} <i class="el-icon-arrow-down"></i>
<div class="aBsolt" v-show="spaceShow">
<div
v-for="item in spaceList"
class="aBsolt_i"
:key="item.id"
v-show="item.isShow"
@click="openPage1(item)"
>
{{ item.text }}
</div>
</div>
</div>
<div <div
class="fHeigh" class="fHeigh"
v-show="menu5" v-show="menu5"
@ -192,26 +167,6 @@
<div class="aBsolt_i" @click="logout">{{ "退出登录" }}</div> <div class="aBsolt_i" @click="logout">{{ "退出登录" }}</div>
</div> </div>
</div> </div>
<!-- <div class="page_btm_r2 fHeigh"
@click="logout">退出</div> -->
<!-- <div class="fHeigh">
简体中文 <i class="el-icon-caret-bottom"></i>
</div> -->
<el-dropdown>
<span class="el-dropdown-link">
{{ selLabl }}<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown" class="user-dropdown">
<el-dropdown-item
v-for="(item, index) in languageList"
:key="index"
>
<div @click="setLanguage(item)">
{{ item.label }}
</div>
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div> </div>
</div> </div>
</div> </div>
@ -231,61 +186,19 @@ export default {
abounts: process.env.VUE_APP_BASE_API1 + "/#/aboutUs", // abounts: process.env.VUE_APP_BASE_API1 + "/#/aboutUs", //
globalDivision: process.env.VUE_APP_BASE_API1 + "/#/globalDivision", // globalDivision: process.env.VUE_APP_BASE_API1 + "/#/globalDivision", //
zoneList: [ zoneList: [
{
label: "分享专区",
value: 100,
name: "share",
children: [
{
label: "海粉分享",
value: 7,
name: "hiFans",
},
{
label: "免费注册",
value: 21,
name: "haiFans",
},
],
},
{ {
label: "注册专区", label: "注册专区",
value: 1, value: 1,
name: "regiest", name: "regiest",
children: [ defaultChildId: 24,
{ children: [],
label: "自营专区",
value: 1,
name: "regiestArea",
},
{
label: "乐学易考",
value: 24,
name: "ezLearnReg",
},
],
}, },
{ {
label: "升级专区", label: "升级专区",
value: 2, value: 2,
name: "upgrade", name: "upgrade",
children: [ defaultChildId: 25,
{ children: [],
label: "自营专区",
value: 2,
name: "upgradeArea",
},
{
label: "乐学易考",
value: 25,
name: "ezLearnUp",
},
{
label: "海粉专区",
value: 27,
name: "haiFunUpd",
},
],
}, },
{ {
@ -304,45 +217,9 @@ export default {
value: 3, value: 3,
name: "self", name: "self",
}, },
{
label: "三方供应",
value: 21,
name: "haiFans",
},
{
label: "复购合作",
value: 22,
name: "cooperation",
},
// {
// label: '',
// value: 21,
// name: 'direct',
// },
{
label: "直播专区",
value: 14,
name: "live",
},
{
label: "工具流",
value: 12,
name: "gongju",
},
], ],
}, },
// {
// label: '',
// value: 13,
// children: [],
// name: "welfare",
// },
// {
// label: '',
// value: 11,
// children: [],
// name: "integral",
// },
{ {
label: "重消专区", label: "重消专区",
value: 10, value: 10,
@ -467,37 +344,10 @@ export default {
name: "selfHelp", name: "selfHelp",
}, },
], ],
spaceList: [
{
text: "抗衰能量舱",
id: 0,
path: "/energyWarehouse",
name: "energyWarehouse",
},
{
text: "创客发起人认证",
id: 1,
path: "/energyWarehouse",
name: "markerSpace",
},
{
text: "超级工作室备案",
id: 2,
path: "/energyWarehouse",
name: "superStudio",
},
{
text: "助力乡村振兴礼包",
id: 18,
path: "/energyWarehouse",
name: "spaceMallList",
},
],
vipShow: false, vipShow: false,
marketShow: false, marketShow: false,
vipcShow: false, vipcShow: false,
memberShow: false, memberShow: false,
spaceShow: false,
selLabl: "简体中文", selLabl: "简体中文",
languageList: [], languageList: [],
childShow: 0, childShow: 0,
@ -530,68 +380,6 @@ export default {
}, },
getMenuList() { getMenuList() {
// if (this.userInfo.registerShare == 0) {
// this.menu2 = true;
// this.zoneList = [
// {
// label: '',
// value: 100,
// name: "share",
// isShow: true,
// children: [
// {
// label: '',
// value: 21,
// name: "haiFans",
// isShow: true,
// },
// ],
// },
// {
// label:'',
// value: 2,
// name: "upgrade",
// isShow: true,
// children: [
// {
// label: '',
// value: 2,
// name: "upgradeArea",
// isShow: true,
// },
// ],
// },
// {
// label: '',
// value: 3,
// name: "repurchase",
// isShow: true,
// children: [
// {
// label: '',
// value: 3,
// name: "self",
// isShow: true,
// },
// {
// label: '',
// value: 21,
// name: 'haiFans',
// isShow: true,
// },
// {
// label: '',
// value: 22,
// name: "cooperation",
// isShow: true,
// },
// ],
// },
// ];
// } else
if (this.userInfo.registerFans == 0) { if (this.userInfo.registerFans == 0) {
this.menu2 = true; this.menu2 = true;
this.zoneList = [ this.zoneList = [
@ -656,25 +444,6 @@ export default {
ctem.isShow = true; ctem.isShow = true;
} }
}); });
this.spaceList.forEach((ctem) => {
if (ctem.name == item.menuKey) {
if (item.menuKey == "markerSpace") {
if (this.userInfo.makerSpaceShow == undefined) {
} else {
if (this.userInfo.makerSpaceShow == 1) {
ctem.text = "创客发起人认证";
ctem.isShow = true;
}
if (this.userInfo.makerSpaceShow == 2) {
ctem.text = "体验中心发起人认证";
ctem.isShow = true;
}
}
} else {
ctem.isShow = true;
}
}
});
}); });
}); });
} }
@ -777,17 +546,17 @@ export default {
if (item.value == 30) { if (item.value == 30) {
this.getAuth(); this.getAuth();
} else { } else {
this.$router.push({ const routeParams = {
path: "/shoppingMall", path: "/shoppingMall",
query: { query: {
id: item.value, id: item.value,
}, },
}); };
if (item.defaultChildId) {
routeParams.query.idTh = item.defaultChildId;
}
this.$router.push(routeParams);
} }
this.vipShow = false;
this.marketShow = false;
this.vipcShow = false;
} else if (ctem != undefined && item.children.length > 0) { } else if (ctem != undefined && item.children.length > 0) {
this.$router.push({ this.$router.push({
path: "/shoppingMall", path: "/shoppingMall",
@ -796,10 +565,10 @@ export default {
idTh: ctem.value, idTh: ctem.value,
}, },
}); });
this.vipShow = false;
this.marketShow = false;
this.vipcShow = false;
} }
this.vipShow = false;
this.marketShow = false;
this.vipcShow = false;
}, },
getAuth() { getAuth() {
ads.agreementName().then((res) => { ads.agreementName().then((res) => {