2024-04-18 08:26:16 +08:00
|
|
|
|
<template>
|
|
|
|
|
|
<view class="user-container">
|
|
|
|
|
|
<view class="flex-col page">
|
|
|
|
|
|
<view class="flex-col justify-start relative section">
|
|
|
|
|
|
<view class="shrink-0 section_2"></view>
|
|
|
|
|
|
<u-avatar class="shrink-0 image pos" :showLoading="true" size="64px"
|
2024-04-20 11:14:41 +08:00
|
|
|
|
src="/static/images/icon/app.png"
|
2024-04-18 08:26:16 +08:00
|
|
|
|
@click="avatarClick"></u-avatar>
|
|
|
|
|
|
<text class="text pos_2">{{name}}</text>
|
|
|
|
|
|
<view class="flex-row items-center section_3 pos_3">
|
|
|
|
|
|
<image class="image_2"
|
|
|
|
|
|
src="https://ide.code.fun/api/image?token=661f6554a17dbc0011549df2&name=e9f03cae38a2e6362ae08df54c42ba39.png" />
|
|
|
|
|
|
<text class="text_2">编辑资料</text>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="flex-row justify-between section_4 pos_4">
|
|
|
|
|
|
<text class="font">部门：工程师</text>
|
|
|
|
|
|
<text class="font">岗位：工程师</text>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<uni-card>
|
|
|
|
|
|
<u-grid :border="false" @click="gridClick" col="3">
|
|
|
|
|
|
<u-grid-item v-for="(baseListItem,baseListIndex) in gridList" :key="baseListIndex">
|
|
|
|
|
|
<u-icon :customStyle="{paddingTop:20+'rpx'}" :name="baseListItem.name" :size="48"></u-icon>
|
|
|
|
|
|
<text class="grid-text">{{baseListItem.title}}</text>
|
|
|
|
|
|
</u-grid-item>
|
|
|
|
|
|
</u-grid>
|
|
|
|
|
|
</uni-card>
|
|
|
|
|
|
<u-cell-group>
|
|
|
|
|
|
<u-cell icon="setting-fill" title="个人设置"></u-cell>
|
|
|
|
|
|
<u-cell icon="integral-fill" title="会员等级" value="新版本"></u-cell>
|
|
|
|
|
|
<u-cell icon="setting-fill" title="个人设置"></u-cell>
|
|
|
|
|
|
<u-cell icon="integral-fill" title="会员等级" value="新版本"></u-cell>
|
|
|
|
|
|
</u-cell-group>
|
|
|
|
|
|
<view class="out-button-box">
|
|
|
|
|
|
<u-modal :show="outLoginShow" title="退出登录" showCancelButton content='是否注销,并退出登录？'
|
|
|
|
|
|
@cancel="outLoginShow = false" @confirm="outLogin"></u-modal>
|
|
|
|
|
|
<u-button type="primary" text="退出登录" @click="outLoginShow = true"></u-button>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
import {
|
|
|
|
|
|
mapGetters
|
|
|
|
|
|
} from 'vuex'
|
|
|
|
|
|
import {
|
|
|
|
|
|
mapActions
|
|
|
|
|
|
} from 'vuex'
|
|
|
|
|
|
export default {
|
|
|
|
|
|
components: {},
|
|
|
|
|
|
props: {},
|
|
|
|
|
|
computed: {
|
|
|
|
|
|
// 使用对象展开运算符将 getter 混入 computed 对象中
|
|
|
|
|
|
...mapGetters([
|
|
|
|
|
|
'name',
|
|
|
|
|
|
'avatar',
|
|
|
|
|
|
])
|
|
|
|
|
|
},
|
|
|
|
|
|
onLoad() {
|
|
|
|
|
|
console.log(this.name, this.avatar);
|
|
|
|
|
|
},
|
|
|
|
|
|
data() {
|
|
|
|
|
|
return {
|
|
|
|
|
|
outLoginShow: false,
|
|
|
|
|
|
userInfo: {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
gridList: [{
|
|
|
|
|
|
name: 'photo',
|
|
|
|
|
|
title: '消息'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
name: 'lock',
|
|
|
|
|
|
title: '帮助'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
name: 'star',
|
|
|
|
|
|
title: '客服'
|
|
|
|
|
|
},
|
|
|
|
|
|
]
|
|
|
|
|
|
};
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
|
|
...mapActions([
|
|
|
|
|
|
'LogOut',
|
|
|
|
|
|
'GetInfo'
|
|
|
|
|
|
]),
|
|
|
|
|
|
avatarClick() {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
gridClick() {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
// 退出登录
|
|
|
|
|
|
outLogin() {
|
|
|
|
|
|
this.LogOut();
|
|
|
|
|
|
this.outLoginShow = false;
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
|
uni.reLaunch({
|
|
|
|
|
|
url: '/pages/login/login'
|
|
|
|
|
|
});
|
|
|
|
|
|
}, 500)
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
};
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
@import url("user.css");
|
|
|
|
|
|
</style>
|
