no message
This commit is contained in:
parent
9e6a896aed
commit
2ed2b815fa
@ -13,4 +13,7 @@ const APP_CONFIG = {
|
|||||||
APP_LOGO: 'https://www.uugai.com/logoa/font/505/c.php?txtcolora=FFF',
|
APP_LOGO: 'https://www.uugai.com/logoa/font/505/c.php?txtcolora=FFF',
|
||||||
//接口地址
|
//接口地址
|
||||||
API_URL: 'https://app.gter.net/admin',
|
API_URL: 'https://app.gter.net/admin',
|
||||||
|
|
||||||
|
// 微信扫码登录
|
||||||
|
MY_SHOW_LOGIN_OAUTH:true,
|
||||||
}
|
}
|
@ -68,7 +68,7 @@
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
left: -10px;
|
left: -10px;
|
||||||
top: 120px;
|
top: 100px;
|
||||||
background-color: #9facc3;
|
background-color: #9facc3;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: 50%;
|
background-position: 50%;
|
||||||
|
@ -1,14 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-container>
|
|
||||||
<el-header>
|
|
||||||
ssss
|
|
||||||
</el-header>
|
|
||||||
<el-main class="nopadding"></el-main>
|
|
||||||
<el-footer>
|
|
||||||
ss
|
|
||||||
</el-footer>
|
|
||||||
</el-container>
|
|
||||||
|
|
||||||
|
<el-main class="nopadding">
|
||||||
|
|
||||||
|
</el-main>
|
||||||
|
<el-footer>
|
||||||
|
ss
|
||||||
|
</el-footer>
|
||||||
<!-- <el-card shadow="never" header="近7天操作记录">
|
<!-- <el-card shadow="never" header="近7天操作记录">
|
||||||
<xTable ref="table" :data="data" height="auto" paginationLayout="total, prev, pager, next" hideDo>
|
<xTable ref="table" :data="data" height="auto" paginationLayout="total, prev, pager, next" hideDo>
|
||||||
<x-table-column label="序号" type="index"></x-table-column>
|
<x-table-column label="序号" type="index"></x-table-column>
|
@ -4,10 +4,21 @@
|
|||||||
<el-container>
|
<el-container>
|
||||||
<el-header style="height: auto;display: block;">
|
<el-header style="height: auto;display: block;">
|
||||||
<div class="user-info-top">
|
<div class="user-info-top">
|
||||||
|
<x-upload
|
||||||
<x-upload v-model="user.avatar" :data={token:token} v-if="avatarupload" :api="avatarupload" width="100" height="100" icon="el-icon-avatar" ref="uploader" :onRemove="onRemove" class="xuavatar" round :cropper="true" :aspectRatio="1/1">
|
v-if="avatarupload"
|
||||||
</x-upload>
|
v-model="user.avatar"
|
||||||
<el-avatar :size="100" v-else :src="user.avatar"></el-avatar>
|
:data={token:token}
|
||||||
|
ref="uploader"
|
||||||
|
:api="avatarupload"
|
||||||
|
width="80"
|
||||||
|
height="80"
|
||||||
|
icon="el-icon-avatar"
|
||||||
|
:onRemove="onRemove"
|
||||||
|
class="xuavatar"
|
||||||
|
round
|
||||||
|
:cropper="true"
|
||||||
|
:aspectRatio="1/1" />
|
||||||
|
<el-avatar :size="80" v-else :src="user.avatar"></el-avatar>
|
||||||
<h2 class="nickname">{{ user.nickname || user.username }}</h2>
|
<h2 class="nickname">{{ user.nickname || user.username }}</h2>
|
||||||
<!-- <p><el-tag effect="dark" round size="large" disable-transitions>{{ user.role }}</el-tag></p> -->
|
<!-- <p><el-tag effect="dark" round size="large" disable-transitions>{{ user.role }}</el-tag></p> -->
|
||||||
<p>
|
<p>
|
||||||
@ -24,11 +35,12 @@
|
|||||||
</el-header>
|
</el-header>
|
||||||
<el-main class="nopadding">
|
<el-main class="nopadding">
|
||||||
<el-menu class="menu" :default-active="page">
|
<el-menu class="menu" :default-active="page">
|
||||||
<el-menu-item-group v-for="group in menu" :key="group.groupName" :title="group.groupName">
|
<el-menu-item-group v-for="group in menu" :key="group.title" :title="group.title">
|
||||||
<el-menu-item v-for="item in group.list" :key="item.component" :index="item.component" @click="openPage">
|
<el-menu-item v-for="item in group.list" :key="item.key" :index="item.key" @click="openPage(item)">
|
||||||
<el-icon v-if="item.icon"><component :is="item.icon"/></el-icon>
|
<el-icon v-if="item.icon"><component :is="item.icon"/></el-icon>
|
||||||
<template #title>
|
<template #title>
|
||||||
<span>{{item.title}}</span>
|
<span>{{item.title}}</span>
|
||||||
|
<el-badge :value="item.tag" :max="99" class="item"> </el-badge>
|
||||||
</template>
|
</template>
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
</el-menu-item-group>
|
</el-menu-item-group>
|
||||||
@ -37,18 +49,27 @@
|
|||||||
</el-container>
|
</el-container>
|
||||||
</el-aside>
|
</el-aside>
|
||||||
<el-main style="padding: 0px;">
|
<el-main style="padding: 0px;">
|
||||||
<Suspense>
|
<el-container>
|
||||||
<template #default>
|
<el-header style="height: 50px;">
|
||||||
<component :data="user" :is="page"/>
|
<div>
|
||||||
</template>
|
<p><el-button link v-copy="user.uid">UID: {{ user.uid }} </el-button> </p>
|
||||||
<template #fallback>
|
<p v-if="user.uin"><el-button link size="" v-copy="user.uin">UIN: {{ user.uin }}</el-button> </p>
|
||||||
<el-skeleton :rows="3" />
|
</div>
|
||||||
</template>
|
<span v-if="user.mobile"> <p><el-button link v-copy="user.mobile">Mobile: {{ user.mobile }} </el-button> </p> </span>
|
||||||
</Suspense>
|
<span v-if="user.email"> <p><el-button link v-copy="user.email">Email: {{ user.email }} </el-button> </p> </span>
|
||||||
|
<span>注册时间: <i v-time="user.regdate"></i></span>
|
||||||
|
</el-header>
|
||||||
|
<Suspense>
|
||||||
|
<template #default>
|
||||||
|
<component :data="user" :is="page"/>
|
||||||
|
</template>
|
||||||
|
<template #fallback>
|
||||||
|
<el-skeleton :rows="3" />
|
||||||
|
</template>
|
||||||
|
</Suspense>
|
||||||
|
</el-container>
|
||||||
</el-main>
|
</el-main>
|
||||||
</el-container>
|
</el-container>
|
||||||
|
|
||||||
|
|
||||||
<x-update v-if="updateKey" :name="updateKey" ref="xupdate" @success="handleSuccess" @closed="updateKey=''"></x-update>
|
<x-update v-if="updateKey" :name="updateKey" ref="xupdate" @success="handleSuccess" @closed="updateKey=''"></x-update>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -68,6 +89,13 @@
|
|||||||
border-radius: 10px !important;
|
border-radius: 10px !important;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
.el-badge {
|
||||||
|
position: absolute; height: 18px; line-height: 18px; font-size: 12px; color: #fff; right: 8px; border-radius: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { defineAsyncComponent } from 'vue'
|
import { defineAsyncComponent } from 'vue'
|
||||||
@ -80,7 +108,7 @@
|
|||||||
pushSettings: defineAsyncComponent(() => import('./components/pushSettings')),
|
pushSettings: defineAsyncComponent(() => import('./components/pushSettings')),
|
||||||
password: defineAsyncComponent(() => import('./components/password')),
|
password: defineAsyncComponent(() => import('./components/password')),
|
||||||
space: defineAsyncComponent(() => import('./components/space')),
|
space: defineAsyncComponent(() => import('./components/space')),
|
||||||
logs: defineAsyncComponent(() => import('./components/logs')),
|
xtable: defineAsyncComponent(() => import('./components/table')),
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
modelValue: { type: Object, default: () => {} },
|
modelValue: { type: Object, default: () => {} },
|
||||||
@ -88,58 +116,7 @@
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
menu: [
|
menu: [],
|
||||||
{
|
|
||||||
groupName: "基本设置",
|
|
||||||
list: [
|
|
||||||
{
|
|
||||||
icon: "el-icon-postcard",
|
|
||||||
title: "账号信息",
|
|
||||||
component: "account"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: "el-icon-operation",
|
|
||||||
title: "行为轨迹",
|
|
||||||
component: "seting"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: "el-icon-lock",
|
|
||||||
title: "密码",
|
|
||||||
component: "password"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: "el-icon-bell",
|
|
||||||
title: "通知设置",
|
|
||||||
component: "pushSettings"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
groupName: "数据管理",
|
|
||||||
list: [
|
|
||||||
{
|
|
||||||
icon: "el-icon-coin",
|
|
||||||
title: "存储空间信息",
|
|
||||||
component: "space"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: "el-icon-clock",
|
|
||||||
title: "Offer",
|
|
||||||
component: "logs"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: "el-icon-clock",
|
|
||||||
title: "租房",
|
|
||||||
component: "logs"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: "el-icon-clock",
|
|
||||||
title: "我的附件",
|
|
||||||
component: "logs"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
],
|
|
||||||
user: {},
|
user: {},
|
||||||
userData: this.modelValue,
|
userData: this.modelValue,
|
||||||
token: '',
|
token: '',
|
||||||
@ -184,7 +161,7 @@
|
|||||||
return false;
|
return false;
|
||||||
},
|
},
|
||||||
openPage(item){
|
openPage(item){
|
||||||
this.page = item.index
|
this.page = item.component
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -320,7 +320,7 @@
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
left: -10px;
|
left: -10px;
|
||||||
top: 120px;
|
top: 100px;
|
||||||
background-color: #9facc3;
|
background-color: #9facc3;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: 50%;
|
background-position: 50%;
|
||||||
|
Loading…
Reference in New Issue
Block a user