170 lines
7.8 KiB
Vue
170 lines
7.8 KiB
Vue
<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">
|
||
|
||
<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')">
|
||
<span class="register">
|
||
{{ vk.getVuex('$user.userInfo.nickname') }}<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>
|
||
|
||
<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>
|
||
</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: '/'
|
||
})
|
||
}
|
||
});
|
||
})
|
||
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.register {
|
||
cursor: pointer;
|
||
|
||
&:hover {
|
||
color: #a92924;
|
||
}
|
||
}
|
||
</style> |