github_mirrors/gf-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/gf-vben-admin.git synced 2025-01-23 11:50:20 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: update center page

Browse Source
This commit is contained in:
vben 2020-11-15 13:46:16 +08:00
parent 661db0c767
commit abb0cfae06
7 changed files with 35 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
mock/demo/account.ts
View File

@ -8,7 +8,7 @@ const userInfo = {
signature: '海纳百川，有容乃大',
introduction: '微笑着，努力着，欣赏着',
title: '交互专家',
group: '蚂蚁集团－某某某事业群－某某平台部－某某技术部－UED',
group: '蚂蚁集团11－某某某事业群－某某平台部－某某技术部－UED',
tags: [
{
key: '0',
@ -38,16 +38,8 @@ const userInfo = {
notifyCount: 12,
unreadCount: 11,
country: 'China',
province: {
label: '浙江省',
value: '330000',
},
city: {
label: '杭州市',
value: '330100',
},
address: '西湖区工专路 77 号',
phone: '0752-268888888',
address: '厦门市 77 号',
phone: '0592-268888888',
};
export default [

4
src/api/demo/account.ts
View File

@ -3,14 +3,12 @@ import { GetAccountInfoModel } from './model/accountModel';
enum Api {
ACCOUNT_INFO = '/account/getAccountInfo',
SECURE_LIST = '/account/getSecureList',
}
// 获取个人中心--基础设置内容
export function accountInfoApi(params: any) {
export function accountInfoApi() {
return defHttp.request<GetAccountInfoModel>({
url: Api.ACCOUNT_INFO,
method: 'GET',
params,
});
}

8
src/views/demo/page/account/center/Application.vue
View File

@ -1,8 +1,8 @@
<template>
<List :class="prefixCls">
<Row :gutter="16">
<a-row :gutter="16">
<template v-for="(item, index) in list" :key="index">
<Col :span="6">
<a-col :span="6">
<ListItem>
<Card :hoverable="true" :class="`${prefixCls}__card`">
<div :class="`${prefixCls}__card-title`">
@ -22,9 +22,9 @@
/>
</Card>
</ListItem>
</Col>
</a-col>
</template>
</Row>
</a-row>
</List>
</template>
<script lang="ts">

8
src/views/demo/page/account/center/Project.vue
View File

@ -1,8 +1,8 @@
<template>
<List :class="prefixCls">
<Row :gutter="16">
<a-row :gutter="16">
<template v-for="(item, index) in list" :key="index">
<Col :span="6">
<a-col :span="6">
<ListItem>
<Card :hoverable="true" :class="`${prefixCls}__card`">
<img :src="demoImg" />
@ -12,9 +12,9 @@
<div :class="`${prefixCls}__card-content`"> {{ item.content }}</div>
</Card>
</ListItem>
</Col>
</a-col>
</template>
</Row>
</a-row>
</List>
</template>
<script lang="ts">

13
src/views/demo/page/account/center/data.tsx
View File

@ -60,7 +60,7 @@ export const details: ListItem[] = [
},
{
icon: 'ant-design:cluster-outlined',
title: '蚂蚁金服－某某某事业群',
title: '某某某事业群',
},
{
icon: 'ant-design:home-outlined',
@ -96,10 +96,9 @@ export const articleList = (() => {
const result: any[] = [];
for (let i = 0; i < 4; i++) {
result.push({
title: 'Ant Design',
description: ['Ant Design', '设计语言', '蚂蚁金服'],
content:
'段落示意：蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案',
title: 'Vben Admin',
description: ['Vben', '设计语言', 'Typescript'],
content: '基于Vue Next, TypeScript, Ant Design实现的一套完整的企业级后台管理系统。',
time: '2020-11-14 11:20',
});
}
@ -110,9 +109,9 @@ export const applicationList = (() => {
const result: any[] = [];
for (let i = 0; i < 8; i++) {
result.push({
title: 'Ant Design',
title: 'Vben Admin',
icon: 'emojione-monotone:letter-a',
color: '#7c51b8',
color: '#1890ff',
active: '100',
new: '1,799',
download: 'bx:bx-download',

28
src/views/demo/page/account/center/index.vue
View File

@ -1,16 +1,16 @@
<template>
<div :class="prefixCls">
<Row :class="`${prefixCls}-top`">
<Col :span="9" :class="`${prefixCls}-col`">
<Row>
<Col :span="8">
<a-row :class="`${prefixCls}-top`">
<a-col :span="9" :class="`${prefixCls}-col`">
<a-row>
<a-col :span="8">
<div :class="`${prefixCls}-top__avatar`">
<img width="70" :src="headerImg" />
<span>Serati Ma</span>
<div>海纳百川，有容乃大</div>
</div>
</Col>
<Col :span="16">
</a-col>
<a-col :span="16">
<div :class="`${prefixCls}-top__detail`">
<template v-for="(detail, index) in details" :key="index">
<p>
@ -19,25 +19,25 @@
</p>
</template>
</div>
</Col>
</Row>
</Col>
<Col :span="7" :class="`${prefixCls}-col`">
</a-col>
</a-row>
</a-col>
<a-col :span="7" :class="`${prefixCls}-col`">
<CollapseContainer title="标签" :canExpan="false">
<template v-for="(tag, index) in tags" :key="index">
<Tag class="mb-2">{{ tag }}</Tag>
</template>
</CollapseContainer>
</Col>
<Col :span="8" :class="`${prefixCls}-col`">
</a-col>
<a-col :span="8" :class="`${prefixCls}-col`">
<CollapseContainer :class="`${prefixCls}-top__team`" title="团队" :canExpan="false">
<div v-for="(team, index) in teams" :key="index" :class="`${prefixCls}-top__team-item`">
<Icon :icon="team.icon" :color="team.color" />
<span>{{ team.title }}</span>
</div>
</CollapseContainer>
</Col>
</Row>
</a-col>
</a-row>
<div :class="`${prefixCls}-bottom`">
<Tabs>
<template v-for="item in achieveList" :key="item.key">

6
src/views/demo/page/account/setting/AccountBind.vue
View File

@ -9,7 +9,9 @@
</template>
<template #title>
{{ item.title }}
<div v-if="item.extra" class="extra"> {{ item.extra }} </div>
<a-button type="link" size="small" v-if="item.extra" class="extra">
{{ item.extra }}
</a-button>
</template>
<template #description>
<div>{{ item.description }} </div>
@ -52,8 +54,6 @@
float: right;
margin-top: 10px;
margin-right: 30px;
font-weight: normal;
color: #1890ff;
cursor: pointer;
}
</style>