140 lines
4.1 KiB
Vue
140 lines
4.1 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>买家中心</el-dropdown-item>
|
||
<el-dropdown-item>卖家中心</el-dropdown-item>
|
||
<el-dropdown-item>我的加工</el-dropdown-item>
|
||
<el-dropdown-item>金久信学堂</el-dropdown-item>
|
||
<el-dropdown-item command="contract">合同管理</el-dropdown-item>
|
||
<el-dropdown-item>订单管理</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="/buyer/index.html" class="bar-title">买家中心<i></i></a>
|
||
<div class="bar-content">
|
||
<dl>
|
||
<dd>
|
||
<a rel="nofollow" href="/buyer/index.html">询价管理</a>
|
||
</dd>
|
||
<dd>
|
||
<a rel="nofollow" href="/buyer/deal.html">订单管理</a>
|
||
</dd>
|
||
<dd>
|
||
<a rel="nofollow" href="/buyer/contract.html">合同管理</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="/article/lists/id/12.html">常见问题</a>
|
||
</dd>
|
||
<dd>
|
||
<a rel="nofollow" href="/article/lists/id/12.html">买家指南</a>
|
||
</dd>
|
||
<dd>
|
||
<a rel="nofollow" href="/article/lists/id/14.html">卖家指南</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="/member/message.html" class="bar-title" target="_blank">我的消息</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()
|
||
}else if(e == 'contract') {
|
||
vk.navigateTo('/pages/contract/index');
|
||
}
|
||
},
|
||
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> |