345 lines
11 KiB
Vue
345 lines
11 KiB
Vue
|
<template>
|
|||
|
|
<view class="container">
|
|||
|
|
<view class="bg-w">
|
|||
|
|
<view class="list-cell m-t" @click="navTo('/pages/setting/personal')" hover-class="cell-hover"
|
|||
|
|
:hover-stay-time="50">
|
|||
|
|
<text class="cell-tit">个人资料</text>
|
|||
|
|
<text class="cell-more iconfont"></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="b-b"></view>
|
|||
|
|
<view class="list-cell" @click="navTo('/pages/user/address/index')" hover-class="cell-hover" :hover-stay-time="50">
|
|||
|
|
<text class="cell-tit">收货地址</text>
|
|||
|
|
<text class="cell-more iconfont"></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="b-b"></view>
|
|||
|
|
<view class="list-cell" @click="navTo('/pages/user/payment/index')" hover-class="cell-hover" :hover-stay-time="50"
|
|||
|
|
v-if="configAppstoreHidePage">
|
|||
|
|
<text class="cell-tit">收款信息</text>
|
|||
|
|
<text class="cell-more iconfont"></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="b-b"></view>
|
|||
|
|
<view class="list-cell" @click="navTo('reminder')" hover-class="cell-hover" :hover-stay-time="50">
|
|||
|
|
<text class="cell-tit">新消息提醒</text>
|
|||
|
|
<text class="cell-more iconfont"></text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="bg-w">
|
|||
|
|
<view class="list-cell" hover-class="cell-hover" :hover-stay-time="50" @click="navTo('/pages/login/select')">
|
|||
|
|
<text class="cell-tit">切换账号</text>
|
|||
|
|
<text class="cell-more iconfont"></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="list-cell m-t" @click="navTo('updateMobile')" hover-class="cell-hover" :hover-stay-time="50">
|
|||
|
|
<text class="cell-tit">修改手机号</text>
|
|||
|
|
<text class="cell-more iconfont"></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="b-b"></view>
|
|||
|
|
<view class="list-cell" hover-class="cell-hover" :hover-stay-time="50" @click="navTo('editPassword')">
|
|||
|
|
<text class="cell-tit">修改密码</text>
|
|||
|
|
<text class="cell-more iconfont"></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="list-cell m-t" hover-class="cell-hover" :hover-stay-time="50"
|
|||
|
|
style="position: relative;overflow: hidden;">
|
|||
|
|
<text class="cell-tit">加我为好友方式</text>
|
|||
|
|
<text class="cell-more iconfont">{{ addMe.name }} </text>
|
|||
|
|
<picker style="position: absolute;width: 100%;height: 100%;left: 0;top: 0;" @change="bindaddMeChange"
|
|||
|
|
:value="addMe.cur" range-key="name" :range="addMe.list">
|
|||
|
|
</picker>
|
|||
|
|
</view>
|
|||
|
|
<view class="b-b"></view>
|
|||
|
|
<view class="list-cell" hover-class="cell-hover" :hover-stay-time="50" @click="navTo('payPwd')">
|
|||
|
|
<text class="cell-tit">支付密码</text>
|
|||
|
|
<text class="cell-more iconfont"></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="b-b"></view>
|
|||
|
|
<view class="list-cell" hover-class="cell-hover" :hover-stay-time="50" @click="navTo('/pages/login/forget')">
|
|||
|
|
<text class="cell-tit">忘记密码？找回密码</text>
|
|||
|
|
<text class="cell-more iconfont"></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="b-b"></view>
|
|||
|
|
<view class="list-cell" hover-class="cell-hover" :hover-stay-time="50" @click="navTo('delMyUserInfo')">
|
|||
|
|
<text class="cell-tit">注销账号</text>
|
|||
|
|
<text class="cell-more iconfont"></text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="bg-w">
|
|||
|
|
<view class="list-cell m-t" @click="navTo('blackList')" hover-class="cell-hover" :hover-stay-time="50">
|
|||
|
|
<text class="cell-tit">黑名单</text>
|
|||
|
|
<text class="cell-more iconfont"></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="b-b"></view>
|
|||
|
|
|
|||
|
|
<view class="list-cell m-t" @click="navTo('/pages/notice/agreement?id=' + aboutId)" hover-class="cell-hover"
|
|||
|
|
:hover-stay-time="50">
|
|||
|
|
<text class="cell-tit">关于中亿华商</text>
|
|||
|
|
<text class="cell-more iconfont"></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="list-cell m-t" @click="handlerPhone('089868715191')" hover-class="cell-hover"
|
|||
|
|
:hover-stay-time="50">
|
|||
|
|
<text class="cell-tit">联系我们</text>
|
|||
|
|
089868715191
|
|||
|
|
<text class="cell-more iconfont"></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="b-b"></view>
|
|||
|
|
<!-- <view class="list-cell" hover-class="cell-hover" :hover-stay-time="50" @click="onContact">
|
|||
|
|
<text class="cell-tit">联系客服</text>
|
|||
|
|
<text class="cell-more iconfont"></text>
|
|||
|
|
</view> -->
|
|||
|
|
<!-- #ifdef APP-PLUS -->
|
|||
|
|
<view class="b-b"></view>
|
|||
|
|
<view class="list-cell" @click="versionApp">
|
|||
|
|
<text class="cell-tit">检查更新</text>
|
|||
|
|
<text class="cell-tip">当前版本 {{ version }}</text>
|
|||
|
|
<text class="cell-more iconfont"></text>
|
|||
|
|
</view>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class="list-cell log-out-btn bg-base" @click="toLogout">
|
|||
|
|
<text class="cell-tit">退出登录</text>
|
|||
|
|
</view> -->
|
|||
|
|
|
|||
|
|
<view class="fixed">
|
|||
|
|
<text class="p1" @tap="navTo('privacy?status=hide')">服务协议｜隐私政策</text>
|
|||
|
|
<text class="p2">Copyright©️2018-2023</text>
|
|||
|
|
<text class="p2" style="margin-bottom: 88upx;">中亿华商 属于 中亿华商（海南）跨境电子商务有限公司 版权所有</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import { mapMutations } from "vuex"
|
|||
|
|
import url from "@/common/http/url.js"
|
|||
|
|
export default {
|
|||
|
|
data () {
|
|||
|
|
return {
|
|||
|
|
version: "1.0.0",
|
|||
|
|
aboutId: 0,
|
|||
|
|
mobileList: [],
|
|||
|
|
platform: uni.getSystemInfoSync().platform,
|
|||
|
|
uniPlatform: uni.getSystemInfoSync().uniPlatform,
|
|||
|
|
configAppstoreHidePage: false,
|
|||
|
|
addMe: {
|
|||
|
|
cur: 0,
|
|||
|
|
name: '允许任何人添加为好友',
|
|||
|
|
list: [
|
|||
|
|
{ name: '允许任何人添加为好友', key: 'AllowType_Type_AllowAny' },
|
|||
|
|
{ name: '需要验证信息添加', key: 'AllowType_Type_NeedConfirm' },
|
|||
|
|
{ name: '不允许添加为好友', key: 'AllowType_Type_DenyAny' },
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad () {
|
|||
|
|
console.log(this.TIM.TYPES);
|
|||
|
|
this.getMyProfile();
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
this.version = plus.runtime.version;
|
|||
|
|
// #endif
|
|||
|
|
// 客服
|
|||
|
|
this.$http("GET", url.common.customerService).then(res => {
|
|||
|
|
let mobileList = res.data.mobile
|
|||
|
|
mobileList.map(v => { v.type = "电话" })
|
|||
|
|
let qqList = res.data.qq
|
|||
|
|
qqList.map(v => { v.type = "QQ" })
|
|||
|
|
let wechatList = res.data.wechat
|
|||
|
|
wechatList.map(v => { v.type = "微信" })
|
|||
|
|
this.mobileList = wechatList.concat(qqList).concat(mobileList)
|
|||
|
|
})
|
|||
|
|
// 关于我们
|
|||
|
|
this.$http("GET", url.common.getAboutId).then(res => {
|
|||
|
|
this.aboutId = res.data
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// 获取 苹果应用商店需要隐藏的页面和功能模块 配置
|
|||
|
|
if (this.platform === "ios" && this.uniPlatform === 'app') {
|
|||
|
|
this.$http("GET", url.common.appstoreHidePage).then(res => {
|
|||
|
|
console.log(this.platform)
|
|||
|
|
if (res.data) {
|
|||
|
|
this.configAppstoreHidePage = res.data.keyValue === "1" ? false : true
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} else {//其它设备则显示
|
|||
|
|
this.configAppstoreHidePage = true
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
...mapMutations(["logout"]),
|
|||
|
|
handlerPhone (phone) {
|
|||
|
|
uni.makePhoneCall({
|
|||
|
|
phoneNumber: phone
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getMyProfile () {
|
|||
|
|
let promise = uni.$TUIKit.getMyProfile();
|
|||
|
|
promise.then((imResponse) => {
|
|||
|
|
console.log(imResponse.data); // 个人资料 - Profile 实例
|
|||
|
|
let { allowType } = imResponse.data;
|
|||
|
|
if (allowType == 'AllowType_Type_AllowAny') {
|
|||
|
|
this.addMe.cur = 0;
|
|||
|
|
this.addMe.name = '允许任何人添加为好友';
|
|||
|
|
} else if (allowType == 'AllowType_Type_NeedConfirm') {
|
|||
|
|
this.addMe.cur = 1;
|
|||
|
|
this.addMe.name = '需要验证信息添加';
|
|||
|
|
} else if (allowType == 'AllowType_Type_DenyAny') {
|
|||
|
|
this.addMe.cur = 2;
|
|||
|
|
this.addMe.name = '不允许添加为好友';
|
|||
|
|
}
|
|||
|
|
}).catch((imError) => {
|
|||
|
|
console.warn('getMyProfile error:', imError); // 获取个人资料失败的相关信息
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// 设置加我权限
|
|||
|
|
bindaddMeChange (e) {
|
|||
|
|
let item = this.addMe.list[e.target.value];
|
|||
|
|
let promise = uni.$TUIKit.updateMyProfile({
|
|||
|
|
allowType: item.key
|
|||
|
|
});
|
|||
|
|
promise.then((imResponse) => {
|
|||
|
|
this.getMyProfile();
|
|||
|
|
}).catch(function (imError) {
|
|||
|
|
console.warn('updateMyProfile error:', imError); // 更新资料失败的相关信息
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
versionApp () {
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
getApp().versionApp(true);
|
|||
|
|
// #endif
|
|||
|
|
// #ifndef APP-PLUS
|
|||
|
|
// this.$msg("当前版本不支持检测更新～")
|
|||
|
|
// #endif
|
|||
|
|
},
|
|||
|
|
//退出登录
|
|||
|
|
toLogout () {
|
|||
|
|
let that = this;
|
|||
|
|
uni.showModal({
|
|||
|
|
title: "提示",
|
|||
|
|
content: '确定要退出登陆么',
|
|||
|
|
success: e => {
|
|||
|
|
if (e.confirm) {
|
|||
|
|
that.logout();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// 联系客服
|
|||
|
|
onContact () {
|
|||
|
|
if (this.mobileList.length === 0) return
|
|||
|
|
let _this = this
|
|||
|
|
let itemList = []
|
|||
|
|
let phoneList = []
|
|||
|
|
this.mobileList.map(v => {
|
|||
|
|
itemList.push(`[${v.type}]${v.name}(${v.keyValue})`)
|
|||
|
|
phoneList.push(v.keyValue)
|
|||
|
|
})
|
|||
|
|
uni.showActionSheet({
|
|||
|
|
itemList: itemList,
|
|||
|
|
success (res) {
|
|||
|
|
if (itemList[res.tapIndex].indexOf("QQ") > -1) {
|
|||
|
|
_this.$onCopy(phoneList[res.tapIndex])
|
|||
|
|
_this.$msg("QQ号已复制, 请打开QQ添加客服联系", 2000)
|
|||
|
|
} else if (itemList[res.tapIndex].indexOf("微信") > -1) {
|
|||
|
|
_this.$onCopy(phoneList[res.tapIndex])
|
|||
|
|
_this.$msg("微信号已复制, 请打开微信添加客服联系", 2000)
|
|||
|
|
} else {
|
|||
|
|
uni.makePhoneCall({
|
|||
|
|
phoneNumber: phoneList[res.tapIndex]
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
navTo (path) {
|
|||
|
|
this.$navigateTo(path)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.container {
|
|||
|
|
min-height: 100vh;
|
|||
|
|
background-color: #f8f8f8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.b-b {
|
|||
|
|
width: 730rpx;
|
|||
|
|
background-color: #f1f1f1;
|
|||
|
|
height: 2rpx;
|
|||
|
|
text-align: right;
|
|||
|
|
margin-left: 20rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list-cell {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: baseline;
|
|||
|
|
padding: 20upx;
|
|||
|
|
line-height: 60upx;
|
|||
|
|
position: relative;
|
|||
|
|
background: #fff;
|
|||
|
|
justify-content: center;
|
|||
|
|
|
|||
|
|
&.log-out-btn {
|
|||
|
|
margin-top: 40upx;
|
|||
|
|
border-radius: 50upx;
|
|||
|
|
width: 90%;
|
|||
|
|
margin-left: 2.5%;
|
|||
|
|
|
|||
|
|
// background: linear-gradient(to bottom, #3a2397 0%, #805df5 100%);
|
|||
|
|
.cell-tit {
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
text-align: center;
|
|||
|
|
margin-right: 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&.cell-hover {
|
|||
|
|
background: #fafafa;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&.m-t {
|
|||
|
|
margin-top: 16upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cell-more {
|
|||
|
|
align-self: baseline;
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
color: #909399;
|
|||
|
|
margin-left: 10upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cell-tit {
|
|||
|
|
flex: 1;
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
color: #303133;
|
|||
|
|
margin-right: 10upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cell-tip {
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #909399;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.fixed {
|
|||
|
|
// position: fixed;
|
|||
|
|
// bottom: 30rpx;
|
|||
|
|
// left: 0;
|
|||
|
|
// right: 0;
|
|||
|
|
margin-top: 80rpx;
|
|||
|
|
margin-bottom: 50rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
flex-direction: column;
|
|||
|
|
|
|||
|
|
.p1 {
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.p2 {
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #999999;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|