1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
| import type { Component } from 'vue';
|
| import {
| AlipayIcon,
| DingdingIcon,
| GiteeIcon,
| GithubOAuthIcon,
| TaobaoIcon,
| } from '@vben/icons';
|
| import { authBinding } from '#/api/core/auth';
| /**
| * @description: 菜单
| * @param key key
| * @param title 标题
| * @param description 描述
| * @param extra 按钮文字
| * @param avatar 图标
| * @param color 图标颜色可直接写英文颜色/hex
| */
| export interface ListItem {
| key: string;
| title: string;
| description: string;
| extra?: string;
| avatar?: Component;
| color?: string;
| }
|
| /**
| * @description: 绑定账号
| * @param source 来源 如gitee github 与后端的social-callback?source=xxx对应
| * @param bound 是否已经绑定
| * @param action 账号绑定回调
| */
| export interface BindItem extends ListItem {
| source: string;
| bound?: boolean;
| action?: (source: string) => Promise<any>;
| }
|
| /**
| * todo tenantId
| * 绑定授权从userStore.userInfo获取
| * 登录从localStorage获取
| * @param source
| */
| async function handleAuthBinding(source: string) {
| const tenantId = localStorage.getItem('__oauth_tenant_id') ?? '000000';
| // 这里返回打开授权页面的链接
| const href = await authBinding(source, tenantId);
| window.location.href = href;
| }
|
| /**
| * 账号绑定 list
| * 添加账号绑定只需要在这里增加即可
| * 添加过的项目会在个人主页-绑定账号中显示
| * action不为空的会在登录页显示
| */
| export const accountBindList: BindItem[] = [
|
| {
| avatar: TaobaoIcon,
| color: '#ff4000',
| description: '绑定淘宝账号',
| key: '1',
| source: 'taobao',
| title: '淘宝',
| },
| {
| avatar: AlipayIcon,
| color: '#2eabff',
| description: '绑定支付宝账号',
| key: '2',
| source: 'alipay',
| title: '支付宝',
| },
| {
| avatar: DingdingIcon,
| color: '#2eabff',
| description: '绑定钉钉账号',
| key: '3',
| source: 'ding',
| title: '钉钉',
| },
| {
| action: () => handleAuthBinding('gitee'),
| avatar: GiteeIcon,
| color: '#c71d23',
| description: '绑定GITEE账号',
| key: '4',
| source: 'gitee',
| title: 'GITEE',
| },
| {
| action: () => handleAuthBinding('github'),
| avatar: GithubOAuthIcon,
| color: '',
| description: '绑定GITHUB账号',
| key: '5',
| source: 'github',
| title: 'GITHUB',
| },
| {
| action: () => handleAuthBinding('keycloak'),
| avatar: TaobaoIcon,
| color: '#ff4000',
| description: 'keycloak登录',
| key: '6',
| source: 'keycloak',
| title: 'keycloak',
| },
| ];
|
|
