Merge pull request 'dengjie commit : 上传头像和收藏产品' (#68) from dengjie into dev

Reviewed-on: http://git.hchyun.com/feashow/pupil/pulls/68
This commit is contained in:
odjbin
2023-01-30 06:42:13 +00:00
5 changed files with 60 additions and 33 deletions

View File

@@ -53,10 +53,10 @@
url: '../../packageMy/changeAvatar/changeAvatar' url: '../../packageMy/changeAvatar/changeAvatar'
}) })
}, },
//获取普通会员和VIP会员 //获取头像昵称和普通会员和VIP会员
getUser() { getUser() {
this.$apiServe.getUser().then(res => { this.$apiServe.getUser().then(res => {
// console.log('个人信息==', res.data.data); console.log('个人信息==', res.data.data);
var data = res.data.data var data = res.data.data
this.avatar = data.avatar this.avatar = data.avatar
this.nickname = data.nickname this.nickname = data.nickname

View File

@@ -29,9 +29,10 @@
</view> </view>
</view> </view>
</view> </view>
<u-button v-if="type==1" type="success" text="移除" color="#0EBB5B" @click="deleteProduct(item)">
<u-button v-if="type==1" type="success" text="取消收藏" color="#0EBB5B" @click="cancelCollect(item)">
</u-button> </u-button>
<u-button v-if="type==2" type="success" text="取消收藏" color="#0EBB5B" @click="cancelCollect(item)"> <u-button v-if="type==2" type="success" text="移除" color="#0EBB5B" @click="deleteProduct(item)">
</u-button> </u-button>
</u-grid-item> </u-grid-item>
</u-grid> </u-grid>
@@ -40,10 +41,11 @@
</u-modal> --> </u-modal> -->
<view style="font-size: 24rpx;color: #A3A3A3;text-align: center;padding: 26rpx 0;" <view style="font-size: 24rpx;color: #A3A3A3;text-align: center;padding: 26rpx 0;"
v-if="type==1&&productList.length==0"> v-if="type==1&&productList.length==0">
暂无更多浏览记录</view> 暂无更多收藏记录</view>
<view style="font-size: 24rpx;color: #A3A3A3;text-align: center;padding: 26rpx 0;" <view style="font-size: 24rpx;color: #A3A3A3;text-align: center;padding: 26rpx 0;"
v-if="type==2&&productList.length==0"> v-if="type==2&&productList.length==0">
暂无更多收藏记录</view> 暂无更多浏览记录</view>
</view> </view>
</view> </view>
</template> </template>

View File

@@ -1,6 +1,6 @@
<template> <template>
<view> <view>
<productsBtn :type="1" ref="browseHistory"></productsBtn> <productsBtn :type="2" ref="browseHistory"></productsBtn>
<!-- <view style="margin:0 20rpx;"> <!-- <view style="margin:0 20rpx;">
<u-overlay :show="!isLoad"> <u-overlay :show="!isLoad">
<login @success="reOnLoad()" @fail="failToLoad()"></login> <login @success="reOnLoad()" @fail="failToLoad()"></login>

View File

@@ -23,6 +23,9 @@
</template> </template>
<script> <script>
import {
apiService
} from '../../service/request'
import login from 'pages/my/login/login' import login from 'pages/my/login/login'
export default { export default {
components: { components: {
@@ -30,7 +33,7 @@
}, },
data() { data() {
return { return {
avatar: 'https://cdn.uviewui.com/uview/album/2.jpg', avatar: '',
model: { model: {
userInfo: { userInfo: {
name: '' name: ''
@@ -40,6 +43,7 @@
} }
}, },
onLoad() { onLoad() {
this.getUser()
if (!uni.getStorageSync('loginToken') || uni.getStorageSync('loginToken').length === 0) { if (!uni.getStorageSync('loginToken') || uni.getStorageSync('loginToken').length === 0) {
this.isLoad = false this.isLoad = false
// uni.navigateTo({ // uni.navigateTo({
@@ -50,45 +54,66 @@
this.isLoad = true this.isLoad = true
}, },
methods: { methods: {
//修改头像 //获取头像昵称
getUser() {
this.$apiServe.getUser().then(res => {
console.log('头像昵称', res.data);
var data = res.data.data
this.avatar = data.avatar
this.model.userInfo.name = data.nickname
}).finally(_ => {})
},
updatePromise(filePath) {
return new Promise((resolve, reject) => {
const token = uni.getStorageSync('loginToken')
const a = uni.uploadFile({
url: apiService.uploadImgUrl + '/upload/image/',
filePath: filePath,
name: 'file',
header: {
"Content-Type": "multipart/form-data",
'Authorization': token
},
success: (res) => {
console.log('上传头像', JSON.parse(res.data));
// setTimeout(() => {
resolve(JSON.parse(res.data).data.uri)
// }, 1000)
}
});
})
},
//点击头像修改
changeAvatar() { changeAvatar() {
uni.chooseImage({ // 从本地相册选择图片或使用相机拍照。 uni.chooseImage({ // 从本地相册选择图片或使用相机拍照。
count: 1, //默认选择1张图片 count: 1, //默认选择1张图片
sizeType: ['original', 'compressed'], //original 原图compressed 压缩图,默认二者都有 sizeType: ['original', 'compressed'], //original 原图compressed 压缩图,默认二者都有
success: (res) => { success: (res) => {
console.log(res.tempFilePaths[0]); //成功则返回图片的本地文件路径列表 tempFilePaths // console.log(res.tempFilePaths[0]); //成功则返回图片的本地文件路径列表 tempFilePaths
this.avatar = res.tempFilePaths[0] //更新本地浏览头像图片 // this.avatar = res.tempFilePaths[0] //更新本地浏览头像图片
if (res.tempFilePaths[0]) {
// this.update(res.tempFilePaths[0]) //上传图片 this.updatePromise(res.tempFilePaths[0]) //上传图片
} }
}); const result = this.updatePromise(res.tempFilePaths[0])
}, result.then(value => {
update(filePath) { this.avatar = value
const _this = this })
const token = uni.getStorageSync('loginToken')
const res = uni.uploadFile({
url: _this.action, //仅为示例,非真实的接口地址
filePath: filePath,
name: 'file',
header: {
'Authorization': token
},
success: (res) => {
// console.log(JSON.parse(res.data).data) 处理格式
this.weChatRegister({
headimg: REQUEST_BASE_URL + '/' + JSON.parse(res.data).data
}) //将真实图片地址请求给后端做修改
} }
}); });
}, },
//提交头像和昵称 //提交头像和昵称
handleSubmit() { handleSubmit() {
console.log('昵称', this.model.userInfo.name);
console.log('头像', this.avatar);
this.$apiServe.updateUser({ this.$apiServe.updateUser({
nickname: this.model.userInfo.name, nickname: this.model.userInfo.name,
avatar: this.avatar avatar: this.avatar
}).then(res => { }).then(res => {
console.log('修改头像昵称==', res); console.log('修改头像昵称==', res);
this.$toast.success(res.data.msg)
uni.reLaunch({
url: '/pages/my/my'
})
}).finally(_ => {}) }).finally(_ => {})
}, },
reOnLoad() { reOnLoad() {

View File

@@ -1,6 +1,6 @@
<template> <template>
<view> <view>
<productsBtn :type="2"></productsBtn> <productsBtn :type="1"></productsBtn>
<!-- <view style="margin:0 20rpx;"> <!-- <view style="margin:0 20rpx;">
<u-overlay :show="!isLoad"> <u-overlay :show="!isLoad">
<login @success="reOnLoad()" @fail="failToLoad()"></login> <login @success="reOnLoad()" @fail="failToLoad()"></login>