15 changed files with 492 additions and 190 deletions
@ -0,0 +1,173 @@ |
|||
<template> |
|||
<view class="personal"> |
|||
<view class="txbox"> |
|||
<image src="/static/avatar.png" class="tx"></image> |
|||
<!-- <view class="text">admin</view> --> |
|||
</view> |
|||
<view class=""> |
|||
<u-cell-group > |
|||
<u-cell-item icon="account-fill" title="姓名" :arrow="false">{{userName}}</u-cell-item> |
|||
<u-cell-item v-if="userInfo!=null" icon="file-text" title="部门" :arrow="false">{{userInfo.dept.name}}</u-cell-item> |
|||
<u-cell-item v-if="userInfo!=null" icon="photo" title="岗位" :arrow="false">{{(userInfo.posts || []).map(post => post.name).join(',')}}</u-cell-item> |
|||
<u-cell-item icon="level" v-if="userInfo!=null" title="角色" :arrow="false">{{(userInfo.roles || []).map(role => role.name).join(',')}}</u-cell-item> |
|||
<!-- <u-cell-item icon="trash" title="清除缓存" @click="clear()" ></u-cell-item> --> |
|||
<u-cell-item icon="file-text" title="访问地址" :arrow="false">{{requestUrl}}</u-cell-item> |
|||
<u-cell-item icon="order" title="版本号" :arrow="false" @click="test111" >{{version}}</u-cell-item> |
|||
<!-- #ifdef APP --> |
|||
<u-cell-item icon="reload" title="检查更新" @click="update">{{version}}</u-cell-item> |
|||
<!-- #endif --> |
|||
|
|||
</u-cell-group> |
|||
</view> |
|||
|
|||
<view> |
|||
<button type="primary" style="margin:70rpx;" @click="handlerlogout">退出登录</button> |
|||
</view> |
|||
|
|||
</view> |
|||
</template> |
|||
|
|||
<script setup> |
|||
import { |
|||
logout, |
|||
getUserProfile |
|||
} from '@/api/request2.js'; |
|||
import store from '@/store' |
|||
import { |
|||
clearCacheData |
|||
} from '@/common/directory.js'; |
|||
import { |
|||
removeToken |
|||
} from '@/common/utils/auth' |
|||
|
|||
import config from '@/static/config.js' |
|||
|
|||
// #ifdef APP-PLUS |
|||
import { |
|||
checkVersion |
|||
} from "@/pages/appUpdate/appUpdate.js" |
|||
// #endif |
|||
import { |
|||
ref, |
|||
reactive, |
|||
nextTick, |
|||
createApp |
|||
} from "vue"; |
|||
import { |
|||
onLoad |
|||
} from "@dcloudio/uni-app"; |
|||
const app = createApp({}); |
|||
// app.component({ |
|||
// }); |
|||
const userName = ref(store.state.user.name); |
|||
let version = ref(); |
|||
let userInfo = ref(null); |
|||
let requestUrl =ref(null) |
|||
onLoad(() => { |
|||
requestUrl =config.request_url |
|||
getAppVersion() |
|||
getUserProfile().then(res => { |
|||
userInfo.value = res.data |
|||
// nextTick(()=>{ |
|||
// const userInfo = res.data.nickname |
|||
// console.log("打印",userInfo) |
|||
// }) |
|||
|
|||
}) |
|||
}); |
|||
|
|||
|
|||
function handlerlogout() { |
|||
clearStorage(); |
|||
// #ifdef H5 |
|||
uni.reLaunch({ |
|||
url: '../login/index' |
|||
}) |
|||
// #endif |
|||
|
|||
// #ifdef APP |
|||
plus.runtime.quit() |
|||
// #endif |
|||
|
|||
|
|||
}; |
|||
|
|||
function clearStorage() { |
|||
uni.clearStorageSync() |
|||
removeToken(); |
|||
|
|||
}; |
|||
|
|||
function test111(){ |
|||
uni.navigateTo({ |
|||
url:"./test" |
|||
}) |
|||
} |
|||
|
|||
function clear() { |
|||
clearCacheData() |
|||
uni.showToast({ |
|||
title: "清理缓存成功" |
|||
}) |
|||
} |
|||
|
|||
function getAppVersion() { |
|||
const systemInfo = uni.getSystemInfoSync(); |
|||
// #ifdef H5 |
|||
version.value = systemInfo.appVersion; |
|||
console.log(systemInfo.appVersion, '版本号'); |
|||
// #endif |
|||
|
|||
// #ifdef APP |
|||
version.value = systemInfo.appWgtVersion; |
|||
// #endif |
|||
|
|||
} |
|||
|
|||
function update() { |
|||
console.log("update"); |
|||
checkVersion(true) |
|||
} |
|||
function modifiedPassWord() { |
|||
uni.navigateTo({ |
|||
url:"./passwordpage" |
|||
}) |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<style> |
|||
.txbox { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
} |
|||
|
|||
.tx { |
|||
width: 200rpx; |
|||
height: 200rpx; |
|||
margin: 30rpx 0 30rpx; |
|||
border-radius: 150upx; |
|||
} |
|||
|
|||
.text { |
|||
font-size: 20upx; |
|||
text-align: center; |
|||
} |
|||
|
|||
.footbox { |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
} |
|||
|
|||
.footbtn { |
|||
margin-top: 120rpx; |
|||
width: 300rpx; |
|||
border-radius: 50rpx; |
|||
background-color: #fff; |
|||
font-size: .825rem; |
|||
color: #333; |
|||
line-height: 90rpx; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue