|
|
|
@ -2,13 +2,16 @@ |
|
|
|
<view class="container"> |
|
|
|
<view class="list-cell b-b m-t" @click="upImg" :hover-stay-time="50" style="display: flex;align-items: center;"> |
|
|
|
<text class="cell-tit">我的头像</text> |
|
|
|
<view class="" style="display: flex;align-items: center;justify-content: center;height: 80upx;line-height: 80upx;"> |
|
|
|
<image v-if="userInfos && userInfos.icon" :src="userInfos.icon" style="border-radius: 50%;width: 100upx;height: 100upx;"></image> |
|
|
|
<view class="" |
|
|
|
style="display: flex;align-items: center;justify-content: center;height: 80upx;line-height: 80upx;"> |
|
|
|
<image v-if="userInfos && userInfos.icon" :src="userInfos.icon" |
|
|
|
style="border-radius: 50%;width: 100upx;height: 100upx;"></image> |
|
|
|
<text class="cell-more yticon icon-you"></text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="list-cell b-b m-t" @click="inputShowModal('nickname')" hover-class="cell-hover" :hover-stay-time="50"> |
|
|
|
<view class="list-cell b-b m-t" @click="inputShowModal('nickname')" hover-class="cell-hover" |
|
|
|
:hover-stay-time="50"> |
|
|
|
<text class="cell-tit" v-if="userInfos && userInfos.nickname">修改昵称:{{userInfos.nickname|| ''}}</text> |
|
|
|
<text class="cell-more yticon icon-you"></text> |
|
|
|
</view> |
|
|
|
@ -35,10 +38,13 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import mallplusCopyright from '@/components/mall-copyright/mallplusCopyright.vue'; |
|
|
|
import Api from '@/common/api'; |
|
|
|
import neilModal from '@/components/neil-modal.vue'; |
|
|
|
import { mapState, mapMutations } from 'vuex'; |
|
|
|
export default { |
|
|
|
import Api from '@/common/api'; |
|
|
|
import neilModal from '@/components/neil-modal.vue'; |
|
|
|
import { |
|
|
|
mapState, |
|
|
|
mapMutations |
|
|
|
} from 'vuex'; |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
neilModal |
|
|
|
}, |
|
|
|
@ -49,8 +55,17 @@ export default { |
|
|
|
inputContent: '', |
|
|
|
genderShow: false, |
|
|
|
gender: undefined, |
|
|
|
genders: [{ name: '保密', value: 0 }, { name: '男', value: 1 }, { name: '女', value: 2 }], |
|
|
|
|
|
|
|
genders: [{ |
|
|
|
name: '保密', |
|
|
|
value: 0 |
|
|
|
}, { |
|
|
|
name: '男', |
|
|
|
value: 1 |
|
|
|
}, { |
|
|
|
name: '女', |
|
|
|
value: 2 |
|
|
|
}], |
|
|
|
current: 0, |
|
|
|
userInfos: {}, |
|
|
|
sourceTypeIndex: 0, |
|
|
|
sourceType: ['拍照', '相册', '拍照或相册'], |
|
|
|
@ -59,24 +74,24 @@ export default { |
|
|
|
}; |
|
|
|
}, |
|
|
|
async onShow() { |
|
|
|
let params = { }; |
|
|
|
let params = {}; |
|
|
|
let data = await Api.apiCall('get', Api.index.userSampleInfo, params); |
|
|
|
this.userInfos=data; |
|
|
|
this.userInfos = data; |
|
|
|
console.log(this.userInfos); |
|
|
|
}, |
|
|
|
async onLoad() { |
|
|
|
let params = { }; |
|
|
|
let params = {}; |
|
|
|
let data = await Api.apiCall('get', Api.index.userSampleInfo, params); |
|
|
|
this.userInfos=data; |
|
|
|
this.userInfos = data; |
|
|
|
console.log(this.userInfos); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
upImg(){ |
|
|
|
upImg() { |
|
|
|
this.$otherApi.uploadFiles(res => { |
|
|
|
if (res.code == 200) { |
|
|
|
this.userInfos.icon = res.data; |
|
|
|
let obj = { |
|
|
|
id:1, |
|
|
|
id: 1, |
|
|
|
icon: res.data |
|
|
|
}; |
|
|
|
Api.apiCall('post', Api.member.updateMember, obj); |
|
|
|
@ -106,7 +121,9 @@ export default { |
|
|
|
that.$api.msg('输入不能为空'); |
|
|
|
return; |
|
|
|
} |
|
|
|
let obj = { id:1}; |
|
|
|
let obj = { |
|
|
|
id: 1 |
|
|
|
}; |
|
|
|
obj[that.feild] = that.inputContent; |
|
|
|
Api.apiCall('post', Api.member.updateMember, obj); |
|
|
|
that.$api.msg('修改成功'); |
|
|
|
@ -123,7 +140,7 @@ export default { |
|
|
|
return; |
|
|
|
} |
|
|
|
let obj = { |
|
|
|
id:1, |
|
|
|
id: 1, |
|
|
|
gender: that.gender |
|
|
|
}; |
|
|
|
Api.apiCall('post', Api.member.updateMember, obj); |
|
|
|
@ -131,18 +148,19 @@ export default { |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
page { |
|
|
|
page { |
|
|
|
background: $page-color-base; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
page { |
|
|
|
page { |
|
|
|
background: $page-color-base; |
|
|
|
} |
|
|
|
.list-cell { |
|
|
|
} |
|
|
|
|
|
|
|
.list-cell { |
|
|
|
display: flex; |
|
|
|
align-items: baseline; |
|
|
|
padding: 20upx; |
|
|
|
@ -150,41 +168,50 @@ page { |
|
|
|
position: relative; |
|
|
|
background: #fff; |
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
&.log-out-btn { |
|
|
|
margin-top: 40upx; |
|
|
|
|
|
|
|
.cell-tit { |
|
|
|
color: $uni-color-primary; |
|
|
|
text-align: center; |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&.cell-hover { |
|
|
|
background: #fafafa; |
|
|
|
} |
|
|
|
|
|
|
|
&.b-b:after { |
|
|
|
left: 30upx; |
|
|
|
} |
|
|
|
|
|
|
|
&.m-t { |
|
|
|
margin-top: 16upx; |
|
|
|
} |
|
|
|
|
|
|
|
.cell-more { |
|
|
|
align-self: baseline; |
|
|
|
font-size: $font-lg; |
|
|
|
color: $font-color-light; |
|
|
|
margin-left: 10upx; |
|
|
|
} |
|
|
|
|
|
|
|
.cell-tit { |
|
|
|
flex: 1; |
|
|
|
font-size: $font-base + 2upx; |
|
|
|
color: $font-color-dark; |
|
|
|
margin-right: 10upx; |
|
|
|
} |
|
|
|
|
|
|
|
.cell-tip { |
|
|
|
font-size: $font-base; |
|
|
|
color: $font-color-light; |
|
|
|
} |
|
|
|
|
|
|
|
switch { |
|
|
|
transform: translateX(16upx) scale(0.84); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
