298 lines
8.4 KiB
Vue
298 lines
8.4 KiB
Vue
<template>
|
||
<view :data-theme="theme">
|
||
<view class='personal-data borderPad'>
|
||
<view class='list borRadius14 bg--w111-fff mt20'>
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view class="acea-row row-between-wrapper">
|
||
<view class="pictrue mr20">
|
||
<image :src='avatarUrl'></image>
|
||
</view>
|
||
<view class="name">
|
||
{{userInfo && userInfo.nickname ? userInfo.nickname : ''}}
|
||
</view>
|
||
</view>
|
||
<view class="input" @click="goEdit()">
|
||
个人信息<text class="iconfont icon-ic_rightarrow"></text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class='list borRadius14 mt20 bg--w111-fff'>
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view>ID号</view>
|
||
<view class='input acea-row row-between-wrapper'>
|
||
<input type='text' :value='uid' disabled='true' class='id fontColor'></input>
|
||
<text class='iconfont icon-suozi'></text>
|
||
</view>
|
||
</view>
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view>手机号码</view>
|
||
<navigator url="/pages/users/user_phone/index" hover-class="none" class="input">
|
||
<view class='input acea-row row-between-wrapper'>
|
||
<span type='number' disabled='true' name='phone'
|
||
class='id fontColor'>{{userInfo.phone}}</span>
|
||
<text class='iconfont icon-ic_rightarrow'></text>
|
||
</view>
|
||
</navigator>
|
||
</view>
|
||
<!-- #ifdef H5 -->
|
||
<view class="item acea-row row-between-wrapper" v-if="userInfo.phone && wechat">
|
||
<view>密码</view>
|
||
<navigator url="/pages/users/user_pwd_edit/index" hover-class="none" class="input">
|
||
点击修改密码<text class="iconfont icon-ic_rightarrow"></text>
|
||
</navigator>
|
||
</view>
|
||
<!-- #endif -->
|
||
<!-- #ifdef APP-PLUS -->
|
||
<view class="item acea-row row-between-wrapper" v-if="userInfo.phone">
|
||
<view>密码</view>
|
||
<navigator url="/pages/users/user_pwd_edit/index" hover-class="none" class="input">
|
||
点击修改密码<text class="iconfont icon-ic_rightarrow"></text>
|
||
</navigator>
|
||
</view>
|
||
<!-- #endif -->
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view>地址管理</view>
|
||
<navigator url="/pages/address/user_address_list/index" hover-class="none" class="input">
|
||
立即设置<text class="iconfont icon-ic_rightarrow"></text>
|
||
</navigator>
|
||
</view>
|
||
<!-- #ifdef APP-PLUS -->
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view>检查更新</view>
|
||
<view class="input" @click="appUpdate">
|
||
立即设置<text class="iconfont icon-ic_rightarrow"></text>
|
||
</view>
|
||
</view>
|
||
<!-- #endif -->
|
||
<!-- #ifdef MP -->
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view>权限设置</view>
|
||
<view class="input" @click="Setting">
|
||
点击管理<text class="iconfont icon-ic_rightarrow"></text>
|
||
</view>
|
||
</view>
|
||
<!-- #endif -->
|
||
<view class="item acea-row row-between-wrapper">
|
||
<view>资质证明</view>
|
||
<navigator url="/pages/goods/agreement_info/index?from=intelligentinfo" hover-class="none"
|
||
class="input">
|
||
点击查看<text class="iconfont icon-ic_rightarrow"></text>
|
||
</navigator>
|
||
</view>
|
||
<view class="item acea-row row-between-wrapper">
|
||
<view>协议规则</view>
|
||
<navigator url="/pages/goods/agreement_rules/index" hover-class="none" class="input">
|
||
点击查看<text class="iconfont icon-ic_rightarrow"></text>
|
||
</navigator>
|
||
</view>
|
||
<view class="item acea-row row-between-wrapper">
|
||
<view>账号注销</view>
|
||
<view class="input" @click="changeCancel">
|
||
注销后无法恢复<text class="iconfont icon-ic_rightarrow"></text>
|
||
</view>
|
||
</view>
|
||
<!-- #ifdef H5 -->
|
||
<view class="logOut cart-color acea-row row-center-wrapper" @click="outLogin"
|
||
v-if="!this.$wechat.isWeixin() || (this.$wechat.isWeixin() && publicLoginType ==2)">退出登录</view>
|
||
<!-- #endif -->
|
||
<!-- #ifdef APP-PLUS -->
|
||
<view class="logOut cart-color acea-row row-center-wrapper" @click="outLogin">退出登录</view>
|
||
<!-- #endif -->
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
// +----------------------------------------------------------------------
|
||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||
// +----------------------------------------------------------------------
|
||
// | Copyright (c) 2016~2026 https://www.crmeb.com All rights reserved.
|
||
// +----------------------------------------------------------------------
|
||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||
// +----------------------------------------------------------------------
|
||
// | Author: CRMEB Team <admin@crmeb.com>
|
||
// +----------------------------------------------------------------------
|
||
import animationType from '@/utils/animationType.js'
|
||
import {
|
||
mapGetters
|
||
} from "vuex";
|
||
import {goToAgreement} from "@/libs/order";
|
||
import {toLogin} from "../../../libs/login";
|
||
let app = getApp();
|
||
export default {
|
||
data() {
|
||
return {
|
||
theme: app.globalData.theme,
|
||
wechat: false,
|
||
loginType: 'h5',
|
||
avatarUrl: '',
|
||
publicLoginType: app.globalData.publicLoginType //公众号登录方式(单选),1微信授权，2手机号登录
|
||
}
|
||
},
|
||
computed: {
|
||
...mapGetters(['isLogin', 'uid', 'userInfo'])
|
||
},
|
||
onLoad() {
|
||
if (!this.isLogin) {
|
||
toLogin();
|
||
}
|
||
this.avatarUrl = this.userInfo.avatar ? this.userInfo.avatar : '../static/images/f.png';
|
||
// #ifdef H5
|
||
let ua = navigator.userAgent.toLowerCase();
|
||
if (ua.match(/MicroMessenger/i) == "micromessenger") {
|
||
this.$set(this, 'wechat', false);
|
||
} else {
|
||
this.$set(this, 'wechat', true);
|
||
}
|
||
// #endif
|
||
},
|
||
methods: {
|
||
/**
|
||
* 注销账号
|
||
*
|
||
*/
|
||
changeCancel() {
|
||
goToAgreement('useraccountcancelnoticeinfo')
|
||
},
|
||
/**
|
||
* 编辑页面
|
||
*
|
||
*/
|
||
goEdit() {
|
||
if (this.isLogin == false) {
|
||
Cache.set(BACK_URL, '')
|
||
toLogin();
|
||
} else {
|
||
uni.navigateTo({
|
||
animationType: animationType.type,
|
||
animationDuration: animationType.duration,
|
||
url: '/pages/users/user_info/index'
|
||
})
|
||
}
|
||
},
|
||
/**
|
||
* APP检查更新
|
||
*
|
||
*/
|
||
appUpdate() {
|
||
uni.navigateTo({
|
||
url: '/pages/users/app_update/app_update',
|
||
animationType: animationType.type,
|
||
animationDuration: animationType.duration,
|
||
})
|
||
},
|
||
/**
|
||
* 退出登录
|
||
*
|
||
*/
|
||
outLogin: function() {
|
||
let that = this;
|
||
if (that.loginType == 'h5') {
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '确认退出登录?',
|
||
cancelColor: '#f55850',
|
||
success: function(res) {
|
||
if (res.confirm) {
|
||
that.$store.dispatch('GETLOGOUT');
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
});
|
||
}
|
||
},
|
||
/**
|
||
* 小程序设置
|
||
*/
|
||
Setting: function() {
|
||
uni.openSetting({
|
||
success: function(res) {
|
||
console.log(res.authSetting)
|
||
}
|
||
});
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.fontColor {
|
||
color: #666666;
|
||
}
|
||
.list{
|
||
padding: 0 30rpx;
|
||
}
|
||
.personal-data .list .item {
|
||
border-bottom: 1rpx solid #f2f2f2;
|
||
padding: 36rpx 0;
|
||
font-size: 32rpx;
|
||
color: #333333;
|
||
}
|
||
|
||
.personal-data .list .item .phone {
|
||
width: 160rpx;
|
||
height: 56rpx;
|
||
font-size: 24rpx;
|
||
color: #fff;
|
||
line-height: 56rpx;
|
||
border-radius: 32rpx
|
||
}
|
||
|
||
.personal-data .list .item .pictrue {
|
||
width: 80rpx;
|
||
height: 80rpx;
|
||
position: relative;
|
||
}
|
||
|
||
.personal-data .list .item .pictrue image {
|
||
width: 100%;
|
||
height: 100%;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.personal-data .list .item .pictrue .alter {
|
||
width: 30rpx;
|
||
height: 30rpx;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
bottom: 0;
|
||
right: 0;
|
||
}
|
||
|
||
.personal-data .list .item .input {
|
||
text-align: right;
|
||
color: #BBBBBB;
|
||
}
|
||
|
||
.personal-data .list .item .input .id {
|
||
width: 365rpx;
|
||
}
|
||
|
||
.personal-data .list .item .input .iconfont {
|
||
font-size: 32rpx;
|
||
margin-left: 20rpx;
|
||
}
|
||
|
||
.personal-data .modifyBnt {
|
||
font-size: 32rpx;
|
||
color: #fff;
|
||
width: 690rpx;
|
||
height: 90rpx;
|
||
border-radius: 50rpx;
|
||
text-align: center;
|
||
line-height: 90rpx;
|
||
margin: 76rpx auto 0 auto;
|
||
}
|
||
|
||
.personal-data .logOut {
|
||
font-size: 32rpx;
|
||
text-align: center;
|
||
width: 690rpx;
|
||
height: 90rpx;
|
||
border-radius: 45rpx;
|
||
margin: 0 auto;
|
||
}
|
||
</style>
|