|
|
|
@ -1,16 +1,16 @@ |
|
|
|
<template> |
|
|
|
<view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="profile_item profile_item1" @click="gotochange"> |
|
|
|
<text>Photo</text> |
|
|
|
<view class="profile_item_right"> |
|
|
|
<image src="../../static/img/logo.png" mode="" class="head_img" v-show="!user_info.isLogin"></image> |
|
|
|
<image :src="user_info.user_head" mode="" class="head_img" ></image> |
|
|
|
<image :src="user_info.user_head" mode="" class="head_img"></image> |
|
|
|
<image src="../../static/img/right1.png" alt="" class="right_img"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="profile_item "> |
|
|
|
<!-- <view class="profile_item " @click="$refs.inputDialog.open()"> --> |
|
|
|
<!-- <view class="profile_item " @click="$refs.inputDialog.open()"> --> |
|
|
|
<text>Name</text> |
|
|
|
<view class="profile_item_right"> |
|
|
|
<text>{{user_info.nickname}}</text> |
|
|
|
@ -18,16 +18,18 @@ |
|
|
|
<!-- <image v-show="" src="../../static/img/right1.png" alt="" class="right_img"></image> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="profile_item "> |
|
|
|
<view class="profile_item " @click="ss"> |
|
|
|
<!-- <view class="profile_item " @click="$refs.inputDialog.open()"> --> |
|
|
|
<text>Email</text> |
|
|
|
<view @click="goEmail" class="profile_item_right"> |
|
|
|
<image src="../../static/img/gantan.png" alt="" class="right_img1" v-if="user_info.is_validated==0"></image> |
|
|
|
<view class="profile_item_right"> |
|
|
|
<image src="../../static/img/gantan.png" alt="" class="right_img1" v-if="user_info.is_validated==0"> |
|
|
|
</image> |
|
|
|
<image src="../../static/img/qr.png" alt="" class="right_img1" v-if="user_info.is_validated!=0"></image> |
|
|
|
<text>{{user_info.is_validated==0?'Unverified':''+user_info.email}}</text> |
|
|
|
<image src="../../static/img/right1.png" alt="" class="right_img"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<navigator :url="'/pages/login/verifyEmail?type=0&email='+user_info.email" > |
|
|
|
<navigator :url="'/pages/login/verifyEmail?type=0&email='+user_info.email"> |
|
|
|
<view class="profile_item "> |
|
|
|
<text>Change Password</text> |
|
|
|
<view class="profile_item_right"> |
|
|
|
@ -35,7 +37,7 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</navigator> |
|
|
|
<view class="profile_item" @click="gotoaddress"> |
|
|
|
<view class="profile_item" @click="gotoaddress"> |
|
|
|
<text>Ship to</text> |
|
|
|
<view class="profile_item_right"> |
|
|
|
<!-- <text>{{addressDate.country_name || 'United States'}}</text> --> |
|
|
|
@ -43,7 +45,7 @@ |
|
|
|
<image src="../../static/img/right1.png" alt="" class="right_img"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<navigator url="/pages/account/deleteCount" > |
|
|
|
<navigator url="/pages/account/deleteCount"> |
|
|
|
<view class="profile_item "> |
|
|
|
<text>Delete account</text> |
|
|
|
<view class="profile_item_right"> |
|
|
|
@ -51,108 +53,243 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</navigator> |
|
|
|
<uni-popup ref="inputDialog" type="dialog"> |
|
|
|
<uni-popup-dialog ref="inputClose" mode="input" title="Edit Name" cancelText="Cancel" confirmText="OK" |
|
|
|
placeholder="please enter your name" @confirm="dialogInputConfirm"></uni-popup-dialog> |
|
|
|
<uni-popup ref="inputDialog" type="dialog" :mask-click="false"> |
|
|
|
<view style=" position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);color: #909399;">{{query.email}}</view> |
|
|
|
<uni-popup-dialog ref="inputClose" title="Email verification" cancelText="Cancel" |
|
|
|
confirmText="Verify" :before-close="true" @close="close" |
|
|
|
@confirm="dialogInputConfirm"> |
|
|
|
</uni-popup-dialog> |
|
|
|
<view class="get" style="position: absolute;right: 21px;bottom: 12px;" @tap="getCheckNum()"> |
|
|
|
<text>{{!codeTime?'':codeTime+'s'}}</text> |
|
|
|
</view> |
|
|
|
</uni-popup> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import {defaultRequest,defaultRequest2} from '../../api/index.js' |
|
|
|
import { |
|
|
|
defaultRequest, |
|
|
|
defaultRequest2 |
|
|
|
} from '../../api/index.js' |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
user_info:{ |
|
|
|
isLogin:false, |
|
|
|
value: '', |
|
|
|
codeTime:0, |
|
|
|
second: 60, |
|
|
|
showText: true, |
|
|
|
user_info: { |
|
|
|
isLogin: false, |
|
|
|
}, |
|
|
|
query:{ |
|
|
|
_action:'updateinfo', |
|
|
|
nickname:'', |
|
|
|
user_head:'' |
|
|
|
query: { |
|
|
|
_action: 'updateinfo', |
|
|
|
nickname: '', |
|
|
|
user_head: '', |
|
|
|
email: '' |
|
|
|
}, |
|
|
|
addressDate:{}, |
|
|
|
country:'' |
|
|
|
query2: { |
|
|
|
_action: 'sendmessagesforvalidation', |
|
|
|
username: '', |
|
|
|
// password: '', |
|
|
|
}, |
|
|
|
addressDate: {}, |
|
|
|
country: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
methods: { |
|
|
|
ss() { |
|
|
|
if (this.user_info.is_validated == 0) { |
|
|
|
this.$refs.inputDialog.open() |
|
|
|
} else { |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
getCheckNum() { |
|
|
|
|
|
|
|
}, |
|
|
|
inputpassword(e) { |
|
|
|
console.log(e); |
|
|
|
this.$refs.inputDialog.open() |
|
|
|
|
|
|
|
}, |
|
|
|
close() { |
|
|
|
this.$refs.inputDialog.close() |
|
|
|
}, |
|
|
|
change(e) { |
|
|
|
this.show = e.show |
|
|
|
}, |
|
|
|
//换头像 |
|
|
|
gotochange(){ |
|
|
|
gotochange() { |
|
|
|
uni.navigateTo({ |
|
|
|
url:'./changeImg' |
|
|
|
url: './changeImg' |
|
|
|
}) |
|
|
|
}, |
|
|
|
getaddress(){ |
|
|
|
let data ={ |
|
|
|
_action:'getregions',parent_region_id:0 |
|
|
|
getaddress() { |
|
|
|
let data = { |
|
|
|
_action: 'getregions', |
|
|
|
parent_region_id: 0 |
|
|
|
} |
|
|
|
defaultRequest(data).then( res =>{ |
|
|
|
console.log(JSON.parse(res),'p') |
|
|
|
defaultRequest(data).then(res => { |
|
|
|
console.log(JSON.parse(res), 'p') |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 获取默认地址 |
|
|
|
getDefaultAddress(){ |
|
|
|
let data={_action:'getdefaultconsignee'} |
|
|
|
defaultRequest2(data).then(res=>{ |
|
|
|
getDefaultAddress() { |
|
|
|
let data = { |
|
|
|
_action: 'getdefaultconsignee' |
|
|
|
} |
|
|
|
defaultRequest2(data).then(res => { |
|
|
|
console.info(res) |
|
|
|
if(res.error==0){ |
|
|
|
this.addressDate=res.data |
|
|
|
if (res.error == 0) { |
|
|
|
this.addressDate = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
getUserInfo(){ |
|
|
|
let data={_action:'getinfo'} |
|
|
|
defaultRequest2(data).then(res=>{ |
|
|
|
console.info(res,'pph') |
|
|
|
if(res.error==0){ |
|
|
|
res.data.isLogin=true |
|
|
|
this.user_info=res.data |
|
|
|
uni.setStorageSync('user_info',this.user_info) |
|
|
|
|
|
|
|
getUserInfo() { |
|
|
|
let data = { |
|
|
|
_action: 'getinfo' |
|
|
|
} |
|
|
|
defaultRequest2(data).then(res => { |
|
|
|
// console.info(res, 'pph') |
|
|
|
if (res.error == 0) { |
|
|
|
res.data.isLogin = true |
|
|
|
this.user_info = res.data |
|
|
|
uni.setStorageSync('user_info', this.user_info) |
|
|
|
// this.user_info=uni.getStorageSync('user_info') |
|
|
|
} |
|
|
|
else{ |
|
|
|
this.user_info=uni.getStorageSync('user_info') |
|
|
|
} else { |
|
|
|
this.user_info = uni.getStorageSync('user_info') |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
dialogInputConfirm(val){ |
|
|
|
this.query.nickname=val |
|
|
|
this.query.user_head = this.user_info.user_head |
|
|
|
defaultRequest2(this.query).then(res=>{ |
|
|
|
console.info(res,'///') |
|
|
|
if(res.error==0){ |
|
|
|
uni.showToast({ |
|
|
|
title:'OK', |
|
|
|
icon:'none' |
|
|
|
}) |
|
|
|
// 邮箱 |
|
|
|
dialogInputConfirm(e) { |
|
|
|
uni.showToast({ |
|
|
|
title: 'We have sent you an email with a link to verify your email address. Please click on it to verify your account.', |
|
|
|
icon: "none" |
|
|
|
}) |
|
|
|
// 倒计时 |
|
|
|
if (this.codeTime > 0) { |
|
|
|
uni.showToast({ |
|
|
|
title: 'Please wait', |
|
|
|
icon: "none" |
|
|
|
}); |
|
|
|
return; |
|
|
|
} else { |
|
|
|
this.codeTime = 60 |
|
|
|
let timer = setInterval(() => { |
|
|
|
this.codeTime--; |
|
|
|
if (this.codeTime < 1) { |
|
|
|
clearInterval(timer); |
|
|
|
this.codeTime = 0 |
|
|
|
} |
|
|
|
}, 1000) |
|
|
|
} |
|
|
|
// 倒计时结束 |
|
|
|
console.log('===========',e) |
|
|
|
console.log('===========', this.user_info.nickname) |
|
|
|
this.query2.password = e |
|
|
|
this.query2.username = this.user_info.nickname |
|
|
|
// setTimeout(() => { |
|
|
|
// // 关闭窗口后,恢复默认内容 |
|
|
|
// uni.showToast({ |
|
|
|
// title: this.second, |
|
|
|
// duration: 600, |
|
|
|
// icon: "none" |
|
|
|
// }) |
|
|
|
// }, 2000) |
|
|
|
// val = this.query.email |
|
|
|
// this.query.user_head = this.user_info.user_head |
|
|
|
if (this.query2.username !== '') { |
|
|
|
this.query2.username = '' |
|
|
|
// uni.showToast({ |
|
|
|
// title: '已登陆', |
|
|
|
// icon: 'none' |
|
|
|
// }) |
|
|
|
}else { |
|
|
|
// uni.showToast({ |
|
|
|
// title: '未登录', |
|
|
|
// icon: 'none' |
|
|
|
// }) |
|
|
|
} |
|
|
|
console.log('this.query2', this.query2) |
|
|
|
defaultRequest2(this.query2).then(res => { |
|
|
|
console.info(res, '///') |
|
|
|
if (res.error == 0) { |
|
|
|
// this.query2.username = '' |
|
|
|
// uni.showToast({ |
|
|
|
// title: res.message, |
|
|
|
// icon: 'none' |
|
|
|
// }) |
|
|
|
this.getUserInfo() |
|
|
|
} else { |
|
|
|
// console.log(1111111); |
|
|
|
// uni.showToast({ |
|
|
|
// title: res.message, |
|
|
|
// icon: 'none', |
|
|
|
// duration: 6666 |
|
|
|
// }) |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
gotoaddress(){ |
|
|
|
gotoaddress() { |
|
|
|
uni.navigateTo({ |
|
|
|
url:'../index/address' |
|
|
|
url: '../index/address' |
|
|
|
}) |
|
|
|
}, |
|
|
|
goEmail() { |
|
|
|
uni.navigateTo({ |
|
|
|
url:'../login/verifyEmail' |
|
|
|
}) |
|
|
|
// uni.navigateTo({ |
|
|
|
// url:'../login/verifyEmail' |
|
|
|
// }) |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
onLoad(e) { |
|
|
|
console.log(e,'address') |
|
|
|
this.country=uni.getStorageSync('country') |
|
|
|
console.log(this.country) |
|
|
|
|
|
|
|
|
|
|
|
console.log('====', e) |
|
|
|
let that = this; |
|
|
|
let s = 0; |
|
|
|
let time = setInterval(() => { |
|
|
|
uni.getNetworkType({ |
|
|
|
success: (res) => { |
|
|
|
console.log(res.networkType, s); |
|
|
|
if (res.networkType == 'none') { |
|
|
|
uni.showToast({ |
|
|
|
icon: 'none', |
|
|
|
title: 'Please connect to the network', |
|
|
|
duration: 3000, |
|
|
|
}) |
|
|
|
} else if (res.networkType !== 'none') { |
|
|
|
that.typee = 2; |
|
|
|
clearInterval(time); |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
s++; |
|
|
|
}, 1000); |
|
|
|
console.log(e, 'address') |
|
|
|
this.country = uni.getStorageSync('country') |
|
|
|
console.log(this.country) |
|
|
|
console.info(e) |
|
|
|
this.type = e.type |
|
|
|
if (e.type != 0) { |
|
|
|
this.query.email = e.password |
|
|
|
this.query.username = e.email |
|
|
|
} else { |
|
|
|
|
|
|
|
} |
|
|
|
this.username = e.email |
|
|
|
this.sendresetcode() |
|
|
|
|
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
|
|
|
|
this.user_info=uni.getStorageSync('user_info') |
|
|
|
console.log(this.user_info,'ppppp') |
|
|
|
|
|
|
|
this.user_info = uni.getStorageSync('user_info') |
|
|
|
console.log(this.user_info, 'ppppp') |
|
|
|
console.log(this.user_info.email); |
|
|
|
this.query.email = this.user_info.email.substring(0, 3) + '****' + this.user_info.email.substring(7); |
|
|
|
console.log(this.query.email); |
|
|
|
|
|
|
|
this.getUserInfo() |
|
|
|
this.getDefaultAddress() |
|
|
|
} |
|
|
|
@ -160,15 +297,13 @@ |
|
|
|
</script> |
|
|
|
|
|
|
|
<style> |
|
|
|
page{ |
|
|
|
page { |
|
|
|
border-top: 13.33rpx #F7F7F7 solid; |
|
|
|
padding-left: 26.67rpx; |
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
|
|
.profile_item{ |
|
|
|
.profile_item { |
|
|
|
width: 97%; |
|
|
|
display: flex; |
|
|
|
margin-right: 3%; |
|
|
|
@ -176,36 +311,40 @@ |
|
|
|
justify-content: space-between; |
|
|
|
font-size: 24rpx; |
|
|
|
font-weight: bold; |
|
|
|
padding: 40rpx 0rpx; |
|
|
|
padding-right: 30.33rpx; |
|
|
|
|
|
|
|
padding: 40rpx 0rpx; |
|
|
|
padding-right: 30.33rpx; |
|
|
|
|
|
|
|
border-bottom: 1.33rpx #ECECEC solid; |
|
|
|
box-sizing: border-box; |
|
|
|
|
|
|
|
.profile_item_right{ |
|
|
|
|
|
|
|
.profile_item_right { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
.head_img{ |
|
|
|
|
|
|
|
.head_img { |
|
|
|
width: 112rpx; |
|
|
|
height: 112rpx; |
|
|
|
border-radius: 50%; |
|
|
|
} |
|
|
|
.right_img{ |
|
|
|
|
|
|
|
.right_img { |
|
|
|
width: 18.67rpx; |
|
|
|
height: 18.67rpx; |
|
|
|
margin-left: 20rpx; |
|
|
|
} |
|
|
|
.right_img1{ |
|
|
|
|
|
|
|
.right_img1 { |
|
|
|
width: 25.33rpx; |
|
|
|
height: 25.33rpx; |
|
|
|
margin-right: 9.33rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
.profile_item1{ |
|
|
|
|
|
|
|
.profile_item1 { |
|
|
|
padding: 17.33rpx 0rpx; |
|
|
|
padding-right: 33.33rpx; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|
|