demingshangjia/pages/user/info.vue

188 lines
3.9 KiB
Vue
Raw Normal View History

2020-06-12 15:08:37 +08:00
<template>
2020-07-29 20:35:33 +08:00
<view class="info">
<view class="head" @click="chooseImage">
<image :src="fileurl" :key="num"></image>
<text>更换头像</text>
</view>
<view class="item">
<text class="title">用户名</text>
<input type="text" :value="info.member_nickname==null?'新用户':info.member_nickname" />
</view>
2020-06-12 18:05:39 +08:00
<view class="item">
2020-07-29 20:35:33 +08:00
<text class="title">个性签名</text>
<input type="text" :value="info.signature==''?'该用户很懒没有签名!':info.signature" />
</view>
2020-06-12 18:05:39 +08:00
<view class="password" @click="updatePwd">
<text>修改密码</text>
<image src="/static/image/user/1.png"></image>
</view>
2020-07-29 20:35:33 +08:00
<u-toast ref="uToast" />
</view>
2020-06-12 15:08:37 +08:00
</template>
<script>
export default {
2020-07-29 20:35:33 +08:00
name: 'info',
2020-06-12 18:05:39 +08:00
data() {
return {
2020-07-29 20:35:33 +08:00
fileurl: "",
filename:"",
info:{},
num:0
};
},
onLoad() {
this.getmyinfo()
},
onNavigationBarButtonTap() {
let that = this;
this.$u.api.changeinfo({
nickname:that.info.member_nickname,
avatar:that.filename,
signature:that.info.signature
}).then(res => {
console.log(res);
if (res.errCode != 0) {
this.$refs.uToast.show({
title: res.message,
type: 'error'
});
} else {
this.$refs.uToast.show({
title: res.message,
type: 'success'
});
}
});
2020-06-12 18:05:39 +08:00
},
methods: {
2020-07-29 20:35:33 +08:00
// 获取个人信息
getmyinfo(){
let that = this;
this.$u.api.getshopinfo({
}).then(res => {
console.log(res);
if (res.errCode != 0) {
this.$refs.uToast.show({
title: res.message,
type: 'error'
});
} else {
this.info = res.data.memberInfo
this.fileurl = res.data.memberInfo.member_avatar
}
});
},
// 获取图片,上传图片
2020-06-12 18:05:39 +08:00
chooseImage(sourceType) {
2020-07-29 20:35:33 +08:00
let that = this
const token = uni.getStorageSync('token');
2020-06-12 18:05:39 +08:00
uni.chooseImage({
count: 1,
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
2020-07-29 20:35:33 +08:00
success: function(res) {
2020-06-12 18:05:39 +08:00
console.log(JSON.stringify(res.tempFilePaths));
2020-07-29 20:35:33 +08:00
const tempFilePaths = res.tempFilePaths;
that.fileurl = tempFilePaths[0]
uni.uploadFile({
url: 'https://dmmall.sdbairui.com/storeapi/Upload/uploadFile',
filePath: tempFilePaths[0],
name: 'avatar',
formData:{
name:"avatar"
},
header:{
Authorization:'Bearer' + " " + token
},
success: uploadFileRes => {
let obj = JSON.parse(uploadFileRes.data)
that.fileurl = obj.data.file_path
that.filename = obj.data.file_name
that.num++
console.log(that.fileurl,that.filename)
}
});
2020-06-12 18:05:39 +08:00
}
});
},
updatePwd() {
uni.navigateTo({
url: '/pages/user/updatePassword'
});
}
2020-07-29 20:35:33 +08:00
}
};
2020-06-12 15:08:37 +08:00
</script>
<style lang="scss" scoped>
2020-07-29 20:35:33 +08:00
.info {
2020-06-12 18:05:39 +08:00
min-height: calc(100vh - var(--window-top));
2020-07-29 20:35:33 +08:00
background: #ececec;
.head {
height: 202rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #fff;
2020-06-12 18:05:39 +08:00
margin-bottom: 2rpx;
2020-07-29 20:35:33 +08:00
> image {
width: 120rpx;
height: 120rpx;
border-radius: 50%;
}
> text {
font-size: 24rpx;
color: #ff780f;
margin-top: 20rpx;
}
margin-bottom: 2rpx;
}
2020-06-12 18:05:39 +08:00
.item {
display: flex;
align-items: center;
height: 98rpx;
2020-07-29 20:35:33 +08:00
background: rgba(255, 255, 255, 1);
2020-06-12 18:05:39 +08:00
padding: 0 30rpx;
margin-bottom: 2rpx;
.title {
width: 120rpx;
font-size: 30rpx;
2020-07-29 20:35:33 +08:00
color: rgba(51, 51, 51, 1);
2020-06-12 18:05:39 +08:00
margin-right: 120rpx;
}
.value {
font-size: 30rpx;
2020-07-29 20:35:33 +08:00
color: rgba(101, 101, 101, 1);
2020-06-12 18:05:39 +08:00
}
}
.password {
margin-top: 20rpx;
padding: 0 30rpx;
height: 98rpx;
display: flex;
align-items: center;
justify-content: space-between;
2020-07-29 20:35:33 +08:00
background: rgba(255, 255, 255, 1);
2020-06-12 18:05:39 +08:00
> text {
font-size: 30rpx;
2020-07-29 20:35:33 +08:00
color: rgba(51, 51, 51, 1);
2020-06-12 18:05:39 +08:00
}
> image {
width: 11rpx;
height: 22rpx;
}
}
.image-popup {
padding: 0 30rpx;
> view {
2020-07-29 20:35:33 +08:00
font-size: 28rpx;
color: rgba(51, 51, 51, 1);
2020-06-12 18:05:39 +08:00
line-height: 98rpx;
text-align: center;
&:first-child {
2020-07-29 20:35:33 +08:00
border-bottom: 2rpx solid #ebebeb;
2020-06-12 18:05:39 +08:00
}
}
}
2020-06-12 15:08:37 +08:00
}
2020-07-29 20:35:33 +08:00
</style>