20261008
This commit is contained in:
+182
-148
@@ -1,170 +1,204 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="group-wagbar">
|
||||
<div class="group-inner">
|
||||
<div class="mod-welcome">
|
||||
<h5 class="welcome-item slogan js-slogan">欢迎来到金久信钢城首页！</h5>
|
||||
<div class="welcome-item login-register">
|
||||
<view>
|
||||
<view class=" text-center py-15" style="background-color: red; color: yellow">
|
||||
本站测试中，仅对 特约用户 开放部分功能测试，谢谢您的关注，敬请期待!
|
||||
</view>
|
||||
<view class="group-wagbar">
|
||||
<div class="group-inner">
|
||||
<div class="mod-welcome">
|
||||
<h5 class="welcome-item slogan js-slogan">欢迎来到金久信签约宝！</h5>
|
||||
<div class="welcome-item login-register">
|
||||
|
||||
<navigator v-if="!vk.getVuex('$user.userInfo.nickname')" class="login js-top-bar-login"
|
||||
url="/pages/auth/login/login" rel="nofollow" target="_self"
|
||||
style="display: inline-block;">
|
||||
请登录
|
||||
</navigator>
|
||||
<navigator v-if="!vk.getVuex('$user.userInfo.nickname')" class="register "
|
||||
url="/pages/auth/register/register" rel="nofollow" target="_blank"
|
||||
style="display: inline-block;">免费注册
|
||||
</navigator>
|
||||
<navigator v-if="!vk.getVuex('$user.userInfo.nickname')" class="login js-top-bar-login"
|
||||
url="/pages/auth/login/login" rel="nofollow" target="_self"
|
||||
style="display: inline-block;">
|
||||
请登录
|
||||
</navigator>
|
||||
<navigator v-if="!vk.getVuex('$user.userInfo.nickname')" class="register "
|
||||
url="/pages/auth/register/register" rel="nofollow" target="_blank"
|
||||
style="display: inline-block;">免费注册
|
||||
</navigator>
|
||||
|
||||
<el-dropdown @command="handleCommand" size="mini" v-if="vk.getVuex('$user.userInfo.nickname')">
|
||||
<el-dropdown @command="handleCommand" size="mini" v-if="vk.getVuex('$user.userInfo.nickname')">
|
||||
<span class="register">
|
||||
{{ vk.getVuex('$user.userInfo.nickname') }}<i
|
||||
class="el-icon-arrow-down el-icon--right"></i>
|
||||
class="el-icon-arrow-down el-icon--right"></i>
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item>
|
||||
<navigator url="/pages/user/user">个人中心</navigator>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item>
|
||||
<navigator url="/pages/store/buyer">买家中心</navigator>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item>
|
||||
<navigator url="/pages/store/store">卖家中心</navigator>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item>
|
||||
<navigator url="/pages/process/my">我的加工</navigator>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item>
|
||||
<navigator url="/pages/user/school">金久信学堂</navigator>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item>
|
||||
<navigator url="/pages/contract/index">合同管理</navigator>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item>
|
||||
<navigator url="/pages/contract/index?tab=sign">签约宝</navigator>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item>
|
||||
<navigator url="/pages/user/order">订单管理</navigator>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item command="logout">退出登录</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mod-tools">
|
||||
<ul>
|
||||
<li class="tool-item buyer-item">
|
||||
<a rel="nofollow" href="javascript:;" class="bar-title">
|
||||
<navigator url="/pages/store/buyer">买家中心<i></i></navigator>
|
||||
</a>
|
||||
<div class="bar-content">
|
||||
<dl>
|
||||
<dd>
|
||||
<a rel="nofollow" href="javascript:;">
|
||||
<navigator url="/pages/store/buyer?menuIndex=1">询价管理</navigator>
|
||||
</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a rel="nofollow" href="javascript:;">
|
||||
<navigator url="/pages/order/order">订单管理</navigator>
|
||||
</a>
|
||||
</dd>
|
||||
<!-- <dd>-->
|
||||
<!-- <a rel="nofollow" href="javascript:;">-->
|
||||
<!-- <navigator url="/pages/order/order">订单管理</navigator>-->
|
||||
<!-- </a>-->
|
||||
<!-- </dd>-->
|
||||
</dl>
|
||||
</div>
|
||||
</li>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item>
|
||||
<navigator url="/pages/contract/index?tab=sign">金久信签约宝</navigator>
|
||||
</el-dropdown-item>
|
||||
<!-- <el-dropdown-item>-->
|
||||
<!-- <navigator url="/pages/user/user">个人中心</navigator>-->
|
||||
<!-- </el-dropdown-item>-->
|
||||
<!-- <el-dropdown-item>-->
|
||||
<!-- <navigator url="/pages/store/buyer">买家中心</navigator>-->
|
||||
<!-- </el-dropdown-item>-->
|
||||
<!-- <el-dropdown-item>-->
|
||||
<!-- <navigator url="/pages/store/store">卖家中心</navigator>-->
|
||||
<!-- </el-dropdown-item>-->
|
||||
<!-- <el-dropdown-item>-->
|
||||
<!-- <navigator url="/pages/order/order">订单管理</navigator>-->
|
||||
<!-- </el-dropdown-item>-->
|
||||
<el-dropdown-item>
|
||||
<navigator url="/pages/contract/index">合同管理</navigator>
|
||||
</el-dropdown-item>
|
||||
<!-- <el-dropdown-item>-->
|
||||
<!-- <navigator url="/pages/process/my">我的加工</navigator>-->
|
||||
<!-- </el-dropdown-item>-->
|
||||
<!-- <el-dropdown-item>-->
|
||||
<!-- <navigator url="/pages/user/school">金久信学堂</navigator>-->
|
||||
<!-- </el-dropdown-item>-->
|
||||
<el-dropdown-item command="logout">退出登录</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="mod-tools">-->
|
||||
<!-- <ul>-->
|
||||
<!-- <li class="tool-item buyer-item">-->
|
||||
<!-- <a rel="nofollow" href="javascript:;" class="bar-title">-->
|
||||
<!-- <navigator url="/pages/store/buyer">买家中心<i></i></navigator>-->
|
||||
<!-- </a>-->
|
||||
<!-- <div class="bar-content">-->
|
||||
<!-- <dl>-->
|
||||
<!-- <dd>-->
|
||||
<!-- <a rel="nofollow" href="javascript:;">-->
|
||||
<!-- <navigator url="/pages/store/buyer?menuIndex=1">询价管理</navigator>-->
|
||||
<!-- </a>-->
|
||||
<!-- </dd>-->
|
||||
<!-- <dd>-->
|
||||
<!-- <a rel="nofollow" href="javascript:;">-->
|
||||
<!-- <navigator url="/pages/order/order">订单管理</navigator>-->
|
||||
<!-- </a>-->
|
||||
<!-- </dd>-->
|
||||
<!-- <!– <dd>–>-->
|
||||
<!-- <!– <a rel="nofollow" href="javascript:;">–>-->
|
||||
<!-- <!– <navigator url="/pages/order/order">订单管理</navigator>–>-->
|
||||
<!-- <!– </a>–>-->
|
||||
<!-- <!– </dd>–>-->
|
||||
<!-- </dl>-->
|
||||
<!-- </div>-->
|
||||
<!-- </li>-->
|
||||
|
||||
<li class="tool-item service-item">
|
||||
<a rel="nofollow" href="" class="bar-title" target="_blank">客户服务<i></i></a>
|
||||
<div class="bar-content">
|
||||
<dl>
|
||||
<dd>
|
||||
<a rel="nofollow" href="javascript:;"
|
||||
@click="navTo('/pages/otherArticle/list?id=657457acf082105ea4d467f0')">常见问题</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a rel="nofollow" href="javascript:;"
|
||||
@click="navTo('/pages/otherArticle/list?id=6573d7c3e0ec19b5047ffa8c')">买家指南</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a rel="nofollow" href="javascript:;"
|
||||
@click="navTo('/pages/otherArticle/list?id=6573d7bde0ec19b5047ff941')">卖家指南</a>
|
||||
</dd>
|
||||
<!-- <dd>-->
|
||||
<!-- <a rel="nofollow" target="_self" id="wagbar-im"-->
|
||||
<!-- class="im data-tracelog">在线咨询</a>-->
|
||||
<!-- </dd>-->
|
||||
</dl>
|
||||
</div>
|
||||
</li>
|
||||
<li class="tool-item">
|
||||
<a rel="nofollow" href="javascript:;" class="bar-title"
|
||||
@click="navTo('/pages/user/user?menu=notice')"
|
||||
>我的消息</a>
|
||||
</li>
|
||||
<li class="tool-item2">
|
||||
<a rel="nofollow" href="" class="bar-title" target="_blank"><span>客服服务热线：+86
|
||||
0771-3923001</span></a>
|
||||
<!-- <li class="tool-item service-item">-->
|
||||
<!-- <a rel="nofollow" href="" class="bar-title" target="_blank">客户服务<i></i></a>-->
|
||||
<!-- <div class="bar-content">-->
|
||||
<!-- <dl>-->
|
||||
<!-- <dd>-->
|
||||
<!-- <a rel="nofollow" href="javascript:;"-->
|
||||
<!-- @click="navTo('/pages/otherArticle/list?id=657457acf082105ea4d467f0')">常见问题</a>-->
|
||||
<!-- </dd>-->
|
||||
<!-- <dd>-->
|
||||
<!-- <a rel="nofollow" href="javascript:;"-->
|
||||
<!-- @click="navTo('/pages/otherArticle/list?id=6573d7c3e0ec19b5047ffa8c')">买家指南</a>-->
|
||||
<!-- </dd>-->
|
||||
<!-- <dd>-->
|
||||
<!-- <a rel="nofollow" href="javascript:;"-->
|
||||
<!-- @click="navTo('/pages/otherArticle/list?id=6573d7bde0ec19b5047ff941')">卖家指南</a>-->
|
||||
<!-- </dd>-->
|
||||
<!-- <!– <dd>–>-->
|
||||
<!-- <!– <a rel="nofollow" target="_self" id="wagbar-im"–>-->
|
||||
<!-- <!– class="im data-tracelog">在线咨询</a>–>-->
|
||||
<!-- <!– </dd>–>-->
|
||||
<!-- </dl>-->
|
||||
<!-- </div>-->
|
||||
<!-- </li>-->
|
||||
<!-- <li class="tool-item pos-r">-->
|
||||
<!-- <a rel="nofollow" href="javascript:;" class="bar-title"-->
|
||||
<!-- @click="navTo('/pages/user/user?menu=notice')"-->
|
||||
<!-- >我的消息({{ messageUnreadNum }})</a>-->
|
||||
<!-- <div class="dot" v-if="messageUnreadNum > 0"></div>-->
|
||||
<!-- </li>-->
|
||||
<!-- <li class="tool-item2">-->
|
||||
<!-- <a rel="nofollow" href="javascript:;" class="bar-title"><span>客服服务热线：-->
|
||||
<!-- {{ serviceContract }}</span></a>-->
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
<!-- </li>-->
|
||||
<!-- </ul>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "top-bar",
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
handleCommand(e) {
|
||||
if (e == 'logout') {
|
||||
this.logout()
|
||||
}
|
||||
},
|
||||
navTo(url) {
|
||||
vk.navigateTo({
|
||||
url
|
||||
})
|
||||
},
|
||||
logout() {
|
||||
this.$confirm('确认退出登录?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
vk.userCenter.logout({
|
||||
success: (data) => {
|
||||
// 退出登录成功后的逻辑
|
||||
uni.reLaunch({
|
||||
url: '/'
|
||||
})
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
}
|
||||
name: "top-bar",
|
||||
data() {
|
||||
return {
|
||||
messageUnreadNum: 0,
|
||||
serviceContract: '',
|
||||
};
|
||||
},
|
||||
created() {
|
||||
if (vk.getVuex('$user.userInfo._id')) {
|
||||
this.getUnreadNum()
|
||||
this.getServicePhone()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async getUnreadNum() {
|
||||
const {data} = await vk.callFunction({
|
||||
url: 'client/message/kh/getUnreadCount',
|
||||
});
|
||||
this.messageUnreadNum = data
|
||||
},
|
||||
handleCommand(e) {
|
||||
if (e == 'logout') {
|
||||
this.logout()
|
||||
}
|
||||
},
|
||||
navTo(url) {
|
||||
vk.navigateTo({
|
||||
url
|
||||
})
|
||||
},
|
||||
logout() {
|
||||
this.$confirm('确认退出登录?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
vk.userCenter.logout({
|
||||
success: (data) => {
|
||||
// 退出登录成功后的逻辑
|
||||
uni.reLaunch({
|
||||
url: '/'
|
||||
})
|
||||
}
|
||||
});
|
||||
})
|
||||
},
|
||||
async getServicePhone() {
|
||||
const {content} = await vk.callFunction({
|
||||
url: 'client/dict/pub/getDetail',
|
||||
data: {
|
||||
id: '657d8fca55b337cfadbe1063'
|
||||
}
|
||||
})
|
||||
this.serviceContract = content
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.register {
|
||||
cursor: pointer;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: #a92924;
|
||||
}
|
||||
&:hover {
|
||||
color: #a92924;
|
||||
}
|
||||
}
|
||||
|
||||
.dot {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 5px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 999px;
|
||||
background-color: #a92924;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user