Browse Source

修改用户信息接口联调交互

master
kuaileWu 1 year ago
parent
commit
e710fab2f6
  1. 69
      pages/user_modify/user_modify.vue
  2. 5
      pages/usercenter/usercenter.vue

69
pages/user_modify/user_modify.vue

@ -5,8 +5,8 @@
<view class="item">
<view class="left PfScMedium">头像</view>
<view class="right" @click="upload">
<img :src="avator" class="avator" v-if="!uinfo.avatar">
<img :src="uinfo.avatar" class="avator" v-else>
<img :src="avator" class="avator" v-if="!uinfo.avator">
<img :src="uinfo.avator" class="avator" v-else>
<view class="avator_tips">点击上传照片</view>
</view>
</view>
@ -39,7 +39,8 @@
cssUrl:this.cssUrl,
avator:this.cssUrl+'default_avator.svg',
uinfo:{},
nick:''
nick:'',
tempFilePaths:'',
}
},
onLoad() {
@ -47,58 +48,62 @@
},
methods: {
getUser(){
this.$http.req('client/user/info', {}, 'POST').then(data=>{
this.$http.req('get_userinfo', {}, 'GET').then(data=>{
if(data == -1) return
this.uinfo = data
this.nick = this.uinfo.nickname
this.nick = this.uinfo.nick
});
},
save(){
var param = new Object()
param.name = this.nick
this.$http.req('client/user/info', param, 'PUT').then(data=>{
if(data == -1) return
this.$pop.modelShow('保存成功')
})
},
copyUid(uid) {
var that = this
uni.setClipboardData({
data: uid,
success: function () {
}
});
},
upload() {
param.nick = this.nick
var that = this
var token = uni.getStorageSync('token')
uni.chooseImage({
count: 1,
success: function(res) {
var tempFilePaths = res.tempFilePaths;
console.log(that.tempFilePaths)
uni.uploadFile({
url: '/api/client/common/avatar/',
filePath: tempFilePaths[0],
name: 'file',
url: '/api/user/setting_user/',
filePath: that.tempFilePaths,
name: that.tempFilePaths ? 'avator':'empty',
header: {
'Authorization': token
},
formData:{nick:param.nick},
success: function(res){
try{
var data = JSON.parse(res.data)
if(data.code != 2000){
that.$pop.modelShow('上传失败:'+data.msg)
if(data.code != 0){
that.$pop.modelShow(data.msg)
return
}
that.uinfo.avatar = data.data.url
uni.showToast({
title:data.msg
})
if(that.tempFilePaths) that.uinfo.avator = that.tempFilePaths
}catch(e){
that.$pop.modelShow('上传失败~'+e.message)
that.$pop.modelShow('保存失败~'+e.message)
}
},
fail: function(res){
that.$pop.modelShow('上传失败')
that.$pop.modelShow('保存失败')
}
});
},
copyUid(uid) {
var that = this
uni.setClipboardData({
data: uid,
success: function () {
}
});
},
upload() {
var that = this
uni.chooseImage({
count: 1,
success: function(res) {
var tempFilePaths = res.tempFilePaths
that.tempFilePaths = tempFilePaths[0]
that.uinfo.avator = that.tempFilePaths
}
});
}

5
pages/usercenter/usercenter.vue

@ -1,7 +1,7 @@
<template>
<view class="page-usercenter">
<view class="user-wrapper" @click="toUserModify">
<img :src="uinfo.avatar" class="avator" v-if="uinfo.avatar">
<img :src="uinfo.avator" class="avator" v-if="uinfo.avator">
<img :src="cssUrl+'user_grey.svg'" class="avator" v-else>
<view class="ucode PfScMedium over2">{{uinfo.uid}}</view>
</view>
@ -39,10 +39,9 @@
},
methods: {
getUser(){
this.$http.req('client/user/info', {}, 'POST').then(data=>{
this.$http.req('get_userinfo', {}, 'GET').then(data=>{
if(data == -1) return
this.uinfo = data
console.log(this.uinfo)
});
},
toVisitors(){

Loading…
Cancel
Save