|
|
|
|
@ -50,6 +50,8 @@ |
|
|
|
|
color="#999999" |
|
|
|
|
maxlength="10" |
|
|
|
|
v-model="info.nick_name" |
|
|
|
|
@focus="showEdit" |
|
|
|
|
@change="nameChange" |
|
|
|
|
></u--input> |
|
|
|
|
</view> |
|
|
|
|
<view class='i_box_5'> |
|
|
|
|
@ -65,7 +67,7 @@ |
|
|
|
|
<!--input box end--> |
|
|
|
|
|
|
|
|
|
<!--input box start--> |
|
|
|
|
<view class='input_box'> |
|
|
|
|
<view class='input_box' @click="agreement"> |
|
|
|
|
<view class='i_box_1'>协议与说明</view> |
|
|
|
|
<view class='i_box_2'></view> |
|
|
|
|
<view class='i_box_3x'> |
|
|
|
|
@ -108,6 +110,38 @@ |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<u-popup :show="show" :round="10" mode="center" bgColor="transparent" @close="close" @open="open"> |
|
|
|
|
<view class="popupBox"> |
|
|
|
|
<view class="popupTop"> |
|
|
|
|
协议与说明 |
|
|
|
|
</view> |
|
|
|
|
<view class="popupDesc"> |
|
|
|
|
<u-parse :content="content" :tagStyle="style"></u-parse> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
<view class="popupBtn"> |
|
|
|
|
<view class="sbtnBox a3" @click="yes">我了解啦</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</u-popup> |
|
|
|
|
|
|
|
|
|
<u-popup :show="name_show" :round="10" mode="center" bgColor="transparent" @close="close1" @open="open1"> |
|
|
|
|
<view class="popupBox"> |
|
|
|
|
<view class="popupTop"> |
|
|
|
|
修改昵称 |
|
|
|
|
</view> |
|
|
|
|
<view class="popupDesc1"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
<view class="popupBtn"> |
|
|
|
|
<view class="sbtnBox1 a1" @click="close1">取消</view> |
|
|
|
|
<view class="sbtnBox1 a2" @click="yes">确认</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</u-popup> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
@ -123,10 +157,20 @@ |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
uploadImg: [], |
|
|
|
|
//弹窗 |
|
|
|
|
show: false, |
|
|
|
|
content:'', |
|
|
|
|
style: { |
|
|
|
|
// 字符串的形式 |
|
|
|
|
p: 'font-weight: 400;font-size: 28rpx;color: #555555;line-height: 60rpx;', |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
//修改 |
|
|
|
|
name_show:false, |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
onLoad(option) { |
|
|
|
|
onShow(option) { |
|
|
|
|
var _this = this; |
|
|
|
|
_this.getUserInfo(); |
|
|
|
|
|
|
|
|
|
@ -136,7 +180,6 @@ |
|
|
|
|
//获取用户信息 |
|
|
|
|
getUserInfo() |
|
|
|
|
{ |
|
|
|
|
var _this =this; |
|
|
|
|
var _this =this; |
|
|
|
|
var userInfo = _this.$user.session('userInfo'); |
|
|
|
|
if(_this.$com.isNull(userInfo.nick_name) ) |
|
|
|
|
@ -147,9 +190,16 @@ |
|
|
|
|
{ |
|
|
|
|
userInfo.avatar = '/static/img/user/avatar.png'; |
|
|
|
|
|
|
|
|
|
_this.uploadImg =[{url:userInfo.avatar}]; |
|
|
|
|
_this.info = userInfo; |
|
|
|
|
} |
|
|
|
|
_this.info = userInfo; |
|
|
|
|
_this.uploadImg =[{url:userInfo.avatar}]; |
|
|
|
|
else |
|
|
|
|
{ |
|
|
|
|
_this.uploadImg =[{url:_this.$api.ossurl(userInfo.avatar)}]; |
|
|
|
|
_this.info = userInfo; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
// 删除图片 |
|
|
|
|
@ -167,12 +217,14 @@ |
|
|
|
|
{ |
|
|
|
|
|
|
|
|
|
//上传 |
|
|
|
|
var upData = {filePath:edetail,fileType:'image'}; |
|
|
|
|
_this.$api.ossUpload(edetail,'user_small',upData,function(res){ |
|
|
|
|
var upData = {filePath:edetail,fileType:'image',scene:'user_small'}; |
|
|
|
|
_this.$api.ossUpload(upData,function(res){ |
|
|
|
|
console.log('ossUpload success',res); |
|
|
|
|
var d = res.data; |
|
|
|
|
_this.info.avatar = d.file_url; |
|
|
|
|
_this.uploadImg = [{url:_this.$api.ossurl(d.file_url)}];; |
|
|
|
|
_this.uploadImg = [{url:_this.$api.ossurl(d.file_url)}]; |
|
|
|
|
_this.updateUserInfo(); |
|
|
|
|
|
|
|
|
|
},function(err){ |
|
|
|
|
console.log('ossUpload fail',err); |
|
|
|
|
}); |
|
|
|
|
@ -182,76 +234,46 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
uploadFilePromise(url) { |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
loadData(){ |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
getPhoneNumber(e){ |
|
|
|
|
var _this =this; |
|
|
|
|
var detail = e.detail; |
|
|
|
|
console.log(detail); |
|
|
|
|
if (detail.errMsg === 'getPhoneNumber:ok') { |
|
|
|
|
|
|
|
|
|
_this.getPhoneApi(detail); |
|
|
|
|
} else { |
|
|
|
|
_this.$com.alert('授权失败') |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
getPhoneApi(detail){ |
|
|
|
|
var _this = this; |
|
|
|
|
|
|
|
|
|
var post ={ |
|
|
|
|
|
|
|
|
|
code: detail.code, |
|
|
|
|
}; |
|
|
|
|
_this.$api.post('ycl/user/wx-phone',post,function(rs){ |
|
|
|
|
console.log(rs); |
|
|
|
|
_this.info.phoneNumber = rs; |
|
|
|
|
},function(err){ |
|
|
|
|
console.log(err); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
//名称改变 |
|
|
|
|
nameChange(e) |
|
|
|
|
{ |
|
|
|
|
console.log(e); |
|
|
|
|
this.updateUserInfo(); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
//提交表单 |
|
|
|
|
add(){ |
|
|
|
|
var _this =this; |
|
|
|
|
//更新用户信息 |
|
|
|
|
updateUserInfo() |
|
|
|
|
{ |
|
|
|
|
var _this = this; |
|
|
|
|
var info = _this.info; |
|
|
|
|
|
|
|
|
|
if(_this.$com.isNull(info.nick_name)) |
|
|
|
|
{ |
|
|
|
|
_this.$com.showError('请输入昵称'); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
if(_this.$com.isNull(info.avatar) && _this.$com.isNull(info.imgBase64)) |
|
|
|
|
if(_this.$com.isNull(info.avatar)) |
|
|
|
|
{ |
|
|
|
|
_this.$com.showError('请上传头像'); |
|
|
|
|
_this.$com.showError('用户头像必须'); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
if(_this.$com.isNull(info.phoneNumber)) |
|
|
|
|
if(_this.$com.isNull(info.nick_name)) |
|
|
|
|
{ |
|
|
|
|
_this.$com.showError('手机号必须'); |
|
|
|
|
_this.$com.showError('用户昵称必须'); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
_this.btn_loading = true; |
|
|
|
|
_this.btn_disabled = true; |
|
|
|
|
var post = info; |
|
|
|
|
_this.$api.put('ycl/user/wx-update',post,function(rs){ |
|
|
|
|
console.log('更新token'); |
|
|
|
|
_this.$user.session('token',rs.token); |
|
|
|
|
_this.$com.alert('更新成功'); |
|
|
|
|
setTimeout(function(){ |
|
|
|
|
uni.$u.route({ |
|
|
|
|
type:'navigateBack', |
|
|
|
|
delta:1, |
|
|
|
|
}); |
|
|
|
|
},1000); |
|
|
|
|
_this.$api.post('api/userInfoEdit', post,function(rs){ |
|
|
|
|
console.log(rs); |
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
//协议 |
|
|
|
|
agreement(){ |
|
|
|
|
var _this = this; |
|
|
|
|
var post = { |
|
|
|
|
type:'user_protocol', |
|
|
|
|
}; |
|
|
|
|
_this.$api.get('api/treatyInfo',post,function(rs){ |
|
|
|
|
console.log('协议',rs); |
|
|
|
|
_this.content = rs.content; |
|
|
|
|
_this.show = true; |
|
|
|
|
},function(err){ |
|
|
|
|
console.log(err); |
|
|
|
|
}); |
|
|
|
|
//按钮还原 |
|
|
|
|
_this.btn_loading = false; |
|
|
|
|
_this.btn_disabled = false; |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
//注销 |
|
|
|
|
@ -261,7 +283,27 @@ |
|
|
|
|
url:'/pages/user/account/logout' |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
open() { |
|
|
|
|
console.log('open'); |
|
|
|
|
}, |
|
|
|
|
close() { |
|
|
|
|
this.show = false; |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
yes(){ |
|
|
|
|
this.close(); |
|
|
|
|
}, |
|
|
|
|
showEdit(){ |
|
|
|
|
var _this = this; |
|
|
|
|
_this.name_show = true; |
|
|
|
|
}, |
|
|
|
|
open1() { |
|
|
|
|
console.log('open'); |
|
|
|
|
}, |
|
|
|
|
close1() { |
|
|
|
|
this.name_show = false; |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
@ -311,5 +353,87 @@ border-radius: 15rpx; margin: 0rpx auto; color:#3D3D3D;} |
|
|
|
|
|
|
|
|
|
::v-deep .btn-big .u-button--info{ background-color: transparent !important; border: none !important; color: #FFFFFF !important; } |
|
|
|
|
|
|
|
|
|
.popupBox{ |
|
|
|
|
width: 600rpx; |
|
|
|
|
height: auto; |
|
|
|
|
border-radius: 24rpx; |
|
|
|
|
background-color: #FFFFFF; |
|
|
|
|
} |
|
|
|
|
.popupTop{ |
|
|
|
|
width: 600rpx; |
|
|
|
|
height: 140rpx; |
|
|
|
|
background: linear-gradient(to bottom, #D3D5FF 20%, #FFFFFF 50%); |
|
|
|
|
border-radius: 24rpx 24rpx 0rpx 0rpx; |
|
|
|
|
line-height: 140rpx; |
|
|
|
|
text-align: center; |
|
|
|
|
font-weight: 700; |
|
|
|
|
font-size: 30rpx; |
|
|
|
|
color: #333333; |
|
|
|
|
} |
|
|
|
|
.popupDesc{ |
|
|
|
|
width:480rpx; |
|
|
|
|
font-weight: 400; |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
color: #555555; |
|
|
|
|
height: 900rpx; |
|
|
|
|
overflow-x:hidden; |
|
|
|
|
overflow-y: scroll; |
|
|
|
|
padding: 0rpx 60rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.popupBtn{ width: 100%; height: auto; |
|
|
|
|
display: flex; flex-wrap: wrap; |
|
|
|
|
justify-content: space-around; /* 使子元素在容器中均匀分布 */ |
|
|
|
|
align-items: center; /* 如果需要垂直居中子元素 */ |
|
|
|
|
} |
|
|
|
|
.sbtnBox{ |
|
|
|
|
margin: 30rpx auto; |
|
|
|
|
width: 478rpx; |
|
|
|
|
height: 80rpx; |
|
|
|
|
font-weight: 700; |
|
|
|
|
font-size: 30rpx; |
|
|
|
|
line-height: 80rpx; |
|
|
|
|
border: 2rpx solid #4D94FF; |
|
|
|
|
text-align: center; |
|
|
|
|
border-radius: 44rpx; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.popupDesc1{ |
|
|
|
|
width:480rpx; |
|
|
|
|
font-weight: 400; |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
color: #555555; |
|
|
|
|
height: auto; |
|
|
|
|
padding: 0rpx 60rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.sbtnBox1{ |
|
|
|
|
margin: 30rpx auto; |
|
|
|
|
width: 226rpx; |
|
|
|
|
height: 80rpx; |
|
|
|
|
font-weight: 700; |
|
|
|
|
font-size: 30rpx; |
|
|
|
|
line-height: 80rpx; |
|
|
|
|
border: 2rpx solid #4D94FF; |
|
|
|
|
text-align: center; |
|
|
|
|
border-radius: 44rpx; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.a1{ |
|
|
|
|
background: linear-gradient( 270deg, rgba(46,87,241,0.15) 0%, rgba(131,88,246,0.15) 100%); |
|
|
|
|
color:#7A74F0; |
|
|
|
|
} |
|
|
|
|
.a2{ |
|
|
|
|
background: linear-gradient( 270deg, #2E57F1 0%, #8358F6 100%); |
|
|
|
|
color:#FFFFFF; |
|
|
|
|
} |
|
|
|
|
.a3{ |
|
|
|
|
background: linear-gradient( 270deg, #2E57F1 0%, #8358F6 100%); |
|
|
|
|
color:#FFFFFF; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
</style> |
|
|
|
|
|
JING
8 months ago