211 lines
9.6 KiB
Vue
211 lines
9.6 KiB
Vue
<template>
|
||
<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>
|
||
|
||
<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/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 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>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
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) => {
|
||
try {
|
||
if (typeof sessionStorage !== 'undefined') {
|
||
Object.keys(sessionStorage).forEach((key) => {
|
||
if (key.indexOf('notaryAutoTransferTipShown_') === 0) {
|
||
sessionStorage.removeItem(key)
|
||
}
|
||
})
|
||
}
|
||
} catch (e) {}
|
||
// 退出登录成功后的逻辑
|
||
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;
|
||
|
||
&:hover {
|
||
color: #a92924;
|
||
}
|
||
}
|
||
|
||
.dot {
|
||
position: absolute;
|
||
right: 0;
|
||
top: 5px;
|
||
width: 10px;
|
||
height: 10px;
|
||
border-radius: 999px;
|
||
background-color: #a92924;
|
||
}
|
||
</style> |