173 lines
3.7 KiB
Vue
173 lines
3.7 KiB
Vue
<template>
|
||
<view class="content">
|
||
<view class="head">
|
||
<u-avatar :src="baseInfo.avatar" size="140" mode="circle" class="avatar" :show-level="true" level-icon ="camera" @click="upload_avatar"></u-avatar>
|
||
<view class="personInfo">
|
||
<view>{{baseInfo.name}}</view>
|
||
<view class="account">帐号：{{baseInfo.phone}}</view>
|
||
|
||
</view>
|
||
<view class="auth">
|
||
<u-tag text="已实名" shape="circleLeft" type="success" v-if="baseInfo.auth==1"/>
|
||
<u-tag text="未实名" shape="circleLeft" type="error" v-if="baseInfo.auth==0"/>
|
||
</view>
|
||
</view>
|
||
|
||
<u-cell-group>
|
||
<u-cell-item icon="account-fill" title="个人信息" @click="profile"></u-cell-item>
|
||
<u-cell-item icon="lock-fill" title="帐号&安全" @click="account"></u-cell-item>
|
||
|
||
<u-cell-item icon="setting-fill" title="设置" @click="setting"></u-cell-item>
|
||
<u-cell-item icon="server-fill" title="服务中心" @click="service_center"></u-cell-item>
|
||
|
||
<u-cell-item icon="info-circle" title="关于我们" @click="about"></u-cell-item>
|
||
</u-cell-group>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {toast, clearStorageSync, setStorageSync, getStorageSync, useRouter} from '@/utils/utils.js'
|
||
export default {
|
||
data(){
|
||
return {
|
||
|
||
baseInfo: {
|
||
name:'',
|
||
phone:'',
|
||
avatar:'',
|
||
company_name:'',
|
||
registerDate:'',
|
||
login_code:'',
|
||
auth: 0,
|
||
},
|
||
version:"",
|
||
}
|
||
},
|
||
onLoad() {
|
||
|
||
this.getUserInfo()
|
||
const that = this
|
||
uni.getSystemInfo({
|
||
success: function (res) {
|
||
console.log("res", res)
|
||
that.version = res.appVersion
|
||
}
|
||
})
|
||
},
|
||
onShow() {
|
||
uni.$on('refresh', e => {
|
||
this.getUserInfo()
|
||
uni.$off('refresh')
|
||
})
|
||
},
|
||
|
||
// 下拉刷新
|
||
onPullDownRefresh() {
|
||
//console.log('refresh');
|
||
this.getUserInfo()
|
||
uni.stopPullDownRefresh();//停止刷新
|
||
},
|
||
|
||
|
||
methods: {
|
||
|
||
upload_avatar(){
|
||
const _this=this
|
||
uni.chooseImage({
|
||
count: 1,
|
||
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
|
||
sourceType: ['album','camera'], //从相册选择
|
||
success: function (res) {
|
||
|
||
uni.uploadFile({
|
||
url: _this.$api_url + '/api/index/upload_cos',
|
||
filePath: res.tempFilePaths[0],
|
||
name: 'file',
|
||
formData: {
|
||
floder: 'avatar'
|
||
},
|
||
success: (uploadFileRes) => {
|
||
//let retData = JSON.parse(uploadFileRes)
|
||
|
||
let retData = JSON.parse(uploadFileRes.data)
|
||
console.log('up:',retData)
|
||
const _data ={
|
||
avatar: retData.data.file
|
||
}
|
||
_this.$api.baseInfoSave(_data).then(ret => {
|
||
if (ret.code == 1) {
|
||
_this.baseInfo.avatar = retData.data.file
|
||
} else {
|
||
toast(res.msg)
|
||
}
|
||
})
|
||
|
||
}
|
||
});
|
||
|
||
|
||
|
||
}
|
||
});
|
||
},
|
||
getUserInfo() {
|
||
this.$api.baseInfo().then(res => {
|
||
//console.log(res)
|
||
this.baseInfo = res.data
|
||
this.avatar_src= res.data.avatar
|
||
})
|
||
},
|
||
|
||
service_center(){
|
||
toast('未设置跳转，请自行定义')
|
||
},
|
||
|
||
profile(){
|
||
useRouter('/pages/my/profile',{} ,'navigateTo')
|
||
},
|
||
account(){
|
||
useRouter('/pages/my/account/index',{} ,'navigateTo')
|
||
},
|
||
setting(){
|
||
useRouter('/pages/my/account/setting',{} ,'navigateTo')
|
||
},
|
||
about(){
|
||
useRouter('/pages/my/about/index',{} ,'navigateTo')
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.content{
|
||
|
||
.head{
|
||
background-color:rgb(71, 144, 255);
|
||
display: flex;
|
||
|
||
min-height: 300rpx;
|
||
padding-top: 60rpx;
|
||
.avatar{
|
||
margin-left: 50rpx;
|
||
}
|
||
.personInfo{
|
||
color:#fff;
|
||
margin-top: 25rpx;
|
||
font-size: 30rpx;
|
||
margin-left: 30rpx;
|
||
line-height: 50rpx;
|
||
.account{font-size: 26rpx;}
|
||
}
|
||
.auth{flex: 1;text-align: right;margin-top: 40rpx;}
|
||
|
||
}
|
||
}
|
||
</style>
|