|
|
@@ -1,32 +1,47 @@
|
|
|
<template>
|
|
|
- <div class='full-width full-height flex flex-col flex-justify-start'>
|
|
|
- <div>
|
|
|
- <el-button @click='push'>设置</el-button>
|
|
|
+ <basic-container class='mt-10'>
|
|
|
+ <el-avatar class='mt-20' :size='150' :src='user.info.avatarUrl'></el-avatar>
|
|
|
+ <div class='bold font-30'>{{ user.info.name }}</div>
|
|
|
+ <div class='bold font-24 mt-10'>{{ user.info.deptName }}</div>
|
|
|
+ <div class='mt-20 font-18 lines-height-15'>
|
|
|
+ <div>绑定电话:{{ user.info.phone }}</div>
|
|
|
+ <div>注册时间:{{ user.info.createTime }}</div>
|
|
|
</div>
|
|
|
- <avue-crud
|
|
|
- :option="option"
|
|
|
- :data="list"
|
|
|
- ref="crud"
|
|
|
- v-model="form"
|
|
|
- :before-open="beforeOpen"
|
|
|
- @row-del="rowDel"
|
|
|
- @row-save="rowSave"
|
|
|
- @row-update="rowUpdate"
|
|
|
- @on-load="onLoad">
|
|
|
- </avue-crud>
|
|
|
- </div>
|
|
|
+ <div class='mt-20 flex flex-center '>
|
|
|
+ <div class='mr-20'>
|
|
|
+ <img class='icon'
|
|
|
+ src='https://wutong-1302848345.cos.ap-chengdu.myqcloud.com/wtzx/db94c8a6a7ec46f7a3b32b20a5da3844.jpg'/>
|
|
|
+ <div class='font-18 bold'>梧桐研究院</div>
|
|
|
+ </div>
|
|
|
+ <div class='ml-20'>
|
|
|
+ <img class='icon'
|
|
|
+ src='https://wutong-1302848345.cos.ap-chengdu.myqcloud.com/wtzx/23fcdf89312f4c969eeb636d1adf9adc.jpg'/>
|
|
|
+ <div class='font-18 bold'>梧桐树云平台</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class='mt-20 grey-6'>微信扫一扫 随时掌握项目动态</div>
|
|
|
+ </basic-container>
|
|
|
</template>
|
|
|
|
|
|
<route>
|
|
|
- {
|
|
|
- meta: { keepAlive: true }
|
|
|
- }
|
|
|
+{
|
|
|
+ name: '个人中心',
|
|
|
+ meta: { keepAlive: true }
|
|
|
+}
|
|
|
</route>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
+import BasicContainer from '@/components/basic-container/main.vue'
|
|
|
+import { useStore } from '@/store/user.js'
|
|
|
+
|
|
|
export default {
|
|
|
name: 'index',
|
|
|
+ components: { BasicContainer },
|
|
|
+ setup () {
|
|
|
+ const user = useStore()
|
|
|
+ return { user }
|
|
|
+ },
|
|
|
data () {
|
|
|
return {
|
|
|
list: [],
|
|
|
@@ -140,5 +155,8 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-
|
|
|
+.icon {
|
|
|
+ width: 180px;
|
|
|
+ height: 180px
|
|
|
+}
|
|
|
</style>
|