正在显示
55 个修改的文件
包含
4 行增加
和
4826 行删除
.gitmodules
0 → 100644
ant-design-pro @ f0fff39a
1 | +Subproject commit f0fff39a40abd7a5c8611075ebe3aca0e3d5c715 |
ant-design-pro/AccountCenter/.gitignore
已删除
100644 → 0
ant-design-pro/AccountCenter/.umirc.js
已删除
100644 → 0
ant-design-pro/AccountCenter/README.md
已删除
100644 → 0
1 | -{ | ||
2 | - "name": "@umi-block/account-center", | ||
3 | - "version": "0.0.1", | ||
4 | - "description": "AccountCenter", | ||
5 | - "main": "src/index.js", | ||
6 | - "scripts": { | ||
7 | - "dev": "umi dev" | ||
8 | - }, | ||
9 | - "repository": { | ||
10 | - "type": "git", | ||
11 | - "url": "https://github.com/umijs/umi-blocks/ant-design-pro/accountcenter" | ||
12 | - }, | ||
13 | - "dependencies": { | ||
14 | - "antd": "^3.10.9", | ||
15 | - "dva": "^2.4.0", | ||
16 | - "react": "^16.6.3", | ||
17 | - "umi-request": "^1.0.0" | ||
18 | - }, | ||
19 | - "devDependencies": { | ||
20 | - "umi": "^2.3.0-beta.1", | ||
21 | - "umi-plugin-react": "^1.3.0-beta.1", | ||
22 | - "umi-plugin-block-dev": "^2.0.0" | ||
23 | - }, | ||
24 | - "license": "ISC", | ||
25 | - "blockConfig": { | ||
26 | - "specVersion": "0.1" | ||
27 | - } | ||
28 | -} |
86.2 KB
1 | -@import '~antd/lib/style/themes/default.less'; | ||
2 | - | ||
3 | -.avatarHolder { | ||
4 | - text-align: center; | ||
5 | - margin-bottom: 24px; | ||
6 | - | ||
7 | - & > img { | ||
8 | - width: 104px; | ||
9 | - height: 104px; | ||
10 | - margin-bottom: 20px; | ||
11 | - } | ||
12 | - | ||
13 | - .name { | ||
14 | - font-size: 20px; | ||
15 | - line-height: 28px; | ||
16 | - font-weight: 500; | ||
17 | - color: @heading-color; | ||
18 | - margin-bottom: 4px; | ||
19 | - } | ||
20 | -} | ||
21 | - | ||
22 | -.detail { | ||
23 | - p { | ||
24 | - margin-bottom: 8px; | ||
25 | - padding-left: 26px; | ||
26 | - position: relative; | ||
27 | - | ||
28 | - &:last-child { | ||
29 | - margin-bottom: 0; | ||
30 | - } | ||
31 | - } | ||
32 | - | ||
33 | - i { | ||
34 | - position: absolute; | ||
35 | - height: 14px; | ||
36 | - width: 14px; | ||
37 | - left: 0; | ||
38 | - top: 4px; | ||
39 | - background: url(https://gw.alipayobjects.com/zos/rmsportal/pBjWzVAHnOOtAUvZmZfy.svg); | ||
40 | - | ||
41 | - &.title { | ||
42 | - background-position: 0 0; | ||
43 | - } | ||
44 | - | ||
45 | - &.group { | ||
46 | - background-position: 0 -22px; | ||
47 | - } | ||
48 | - | ||
49 | - &.address { | ||
50 | - background-position: 0 -44px; | ||
51 | - } | ||
52 | - } | ||
53 | -} | ||
54 | - | ||
55 | -.tagsTitle, | ||
56 | -.teamTitle { | ||
57 | - font-weight: 500; | ||
58 | - color: @heading-color; | ||
59 | - margin-bottom: 12px; | ||
60 | -} | ||
61 | - | ||
62 | -.tags { | ||
63 | - :global { | ||
64 | - .ant-tag { | ||
65 | - margin-bottom: 8px; | ||
66 | - } | ||
67 | - } | ||
68 | -} | ||
69 | - | ||
70 | -.team { | ||
71 | - :global { | ||
72 | - .ant-avatar { | ||
73 | - margin-right: 12px; | ||
74 | - } | ||
75 | - } | ||
76 | - | ||
77 | - a { | ||
78 | - display: block; | ||
79 | - margin-bottom: 24px; | ||
80 | - color: @text-color; | ||
81 | - transition: color 0.3s; | ||
82 | - overflow: hidden; | ||
83 | - text-overflow: ellipsis; | ||
84 | - word-break: break-all; | ||
85 | - white-space: nowrap; | ||
86 | - | ||
87 | - &:hover { | ||
88 | - color: @primary-color; | ||
89 | - } | ||
90 | - } | ||
91 | -} | ||
92 | - | ||
93 | -.tabsCard { | ||
94 | - :global { | ||
95 | - .ant-card-head { | ||
96 | - padding: 0 16px; | ||
97 | - } | ||
98 | - } | ||
99 | -} |
1 | -const titles = [ | ||
2 | - 'Alipay', | ||
3 | - 'Angular', | ||
4 | - 'Ant Design', | ||
5 | - 'Ant Design Pro', | ||
6 | - 'Bootstrap', | ||
7 | - 'React', | ||
8 | - 'Vue', | ||
9 | - 'Webpack', | ||
10 | -]; | ||
11 | -const avatars = [ | ||
12 | - 'https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png', // Alipay | ||
13 | - 'https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png', // Angular | ||
14 | - 'https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png', // Ant Design | ||
15 | - 'https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png', // Ant Design Pro | ||
16 | - 'https://gw.alipayobjects.com/zos/rmsportal/siCrBXXhmvTQGWPNLBow.png', // Bootstrap | ||
17 | - 'https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png', // React | ||
18 | - 'https://gw.alipayobjects.com/zos/rmsportal/ComBAopevLwENQdKWiIn.png', // Vue | ||
19 | - 'https://gw.alipayobjects.com/zos/rmsportal/nxkuOJlFJuAUhzlMTCEe.png', // Webpack | ||
20 | -]; | ||
21 | - | ||
22 | -const getNotice = [ | ||
23 | - { | ||
24 | - id: 'xxx1', | ||
25 | - title: titles[0], | ||
26 | - logo: avatars[0], | ||
27 | - description: '那是一种内在的东西,他们到达不了,也无法触及的', | ||
28 | - updatedAt: new Date(), | ||
29 | - member: '科学搬砖组', | ||
30 | - href: '', | ||
31 | - memberLink: '', | ||
32 | - }, | ||
33 | - { | ||
34 | - id: 'xxx2', | ||
35 | - title: titles[1], | ||
36 | - logo: avatars[1], | ||
37 | - description: '希望是一个好东西,也许是最好的,好东西是不会消亡的', | ||
38 | - updatedAt: new Date('2017-07-24'), | ||
39 | - member: '全组都是吴彦祖', | ||
40 | - href: '', | ||
41 | - memberLink: '', | ||
42 | - }, | ||
43 | - { | ||
44 | - id: 'xxx3', | ||
45 | - title: titles[2], | ||
46 | - logo: avatars[2], | ||
47 | - description: '城镇中有那么多的酒馆,她却偏偏走进了我的酒馆', | ||
48 | - updatedAt: new Date(), | ||
49 | - member: '中二少女团', | ||
50 | - href: '', | ||
51 | - memberLink: '', | ||
52 | - }, | ||
53 | - { | ||
54 | - id: 'xxx4', | ||
55 | - title: titles[3], | ||
56 | - logo: avatars[3], | ||
57 | - description: '那时候我只会想自己想要什么,从不想自己拥有什么', | ||
58 | - updatedAt: new Date('2017-07-23'), | ||
59 | - member: '程序员日常', | ||
60 | - href: '', | ||
61 | - memberLink: '', | ||
62 | - }, | ||
63 | - { | ||
64 | - id: 'xxx5', | ||
65 | - title: titles[4], | ||
66 | - logo: avatars[4], | ||
67 | - description: '凛冬将至', | ||
68 | - updatedAt: new Date('2017-07-23'), | ||
69 | - member: '高逼格设计天团', | ||
70 | - href: '', | ||
71 | - memberLink: '', | ||
72 | - }, | ||
73 | - { | ||
74 | - id: 'xxx6', | ||
75 | - title: titles[5], | ||
76 | - logo: avatars[5], | ||
77 | - description: '生命就像一盒巧克力,结果往往出人意料', | ||
78 | - updatedAt: new Date('2017-07-23'), | ||
79 | - member: '骗你来学计算机', | ||
80 | - href: '', | ||
81 | - memberLink: '', | ||
82 | - }, | ||
83 | -]; | ||
84 | - | ||
85 | -export default { | ||
86 | - // 支持值为 Object 和 Array | ||
87 | - 'GET /api/BLOCK_NAME/currentUser': { | ||
88 | - name: 'Serati Ma', | ||
89 | - avatar: 'https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png', | ||
90 | - userid: '00000001', | ||
91 | - email: 'antdesign@alipay.com', | ||
92 | - signature: '海纳百川,有容乃大', | ||
93 | - title: '交互专家', | ||
94 | - group: '蚂蚁金服-某某某事业群-某某平台部-某某技术部-UED', | ||
95 | - notice: getNotice, | ||
96 | - tags: [ | ||
97 | - { | ||
98 | - key: '0', | ||
99 | - label: '很有想法的', | ||
100 | - }, | ||
101 | - { | ||
102 | - key: '1', | ||
103 | - label: '专注设计', | ||
104 | - }, | ||
105 | - { | ||
106 | - key: '2', | ||
107 | - label: '辣~', | ||
108 | - }, | ||
109 | - { | ||
110 | - key: '3', | ||
111 | - label: '大长腿', | ||
112 | - }, | ||
113 | - { | ||
114 | - key: '4', | ||
115 | - label: '川妹子', | ||
116 | - }, | ||
117 | - { | ||
118 | - key: '5', | ||
119 | - label: '海纳百川', | ||
120 | - }, | ||
121 | - ], | ||
122 | - notifyCount: 12, | ||
123 | - unreadCount: 11, | ||
124 | - country: 'China', | ||
125 | - geographic: { | ||
126 | - province: { | ||
127 | - label: '浙江省', | ||
128 | - key: '330000', | ||
129 | - }, | ||
130 | - city: { | ||
131 | - label: '杭州市', | ||
132 | - key: '330100', | ||
133 | - }, | ||
134 | - }, | ||
135 | - address: '西湖区工专路 77 号', | ||
136 | - phone: '0752-268888888', | ||
137 | - }, | ||
138 | -}; |
1 | -import React, { PureComponent } from 'react'; | ||
2 | -import { connect } from 'dva'; | ||
3 | -import Link from 'umi/link'; | ||
4 | -import { Card, Row, Col, Icon, Avatar, Tag, Divider, Input } from 'antd'; | ||
5 | -import styles from './Center.less'; | ||
6 | - | ||
7 | -const operationTabList = [ | ||
8 | - { | ||
9 | - key: 'articles', | ||
10 | - tab: ( | ||
11 | - <span> | ||
12 | - 文章 <span style={{ fontSize: 14 }}>(8)</span> | ||
13 | - </span> | ||
14 | - ), | ||
15 | - }, | ||
16 | - { | ||
17 | - key: 'applications', | ||
18 | - tab: ( | ||
19 | - <span> | ||
20 | - 应用 <span style={{ fontSize: 14 }}>(8)</span> | ||
21 | - </span> | ||
22 | - ), | ||
23 | - }, | ||
24 | - { | ||
25 | - key: 'projects', | ||
26 | - tab: ( | ||
27 | - <span> | ||
28 | - 项目 <span style={{ fontSize: 14 }}>(8)</span> | ||
29 | - </span> | ||
30 | - ), | ||
31 | - }, | ||
32 | -]; | ||
33 | - | ||
34 | -@connect(({ loading, BLOCK_NAME_CAMEL_CASE }) => ({ | ||
35 | - currentUser: BLOCK_NAME_CAMEL_CASE.currentUser, | ||
36 | - currentUserLoading: loading.effects['BLOCK_NAME_CAMEL_CASE/fetchCurrent'], | ||
37 | -})) | ||
38 | -class PAGE_NAME_UPPER_CAMEL_CASE extends PureComponent { | ||
39 | - static getDerivedStateFromProps(props, state) { | ||
40 | - const { match, location } = props; | ||
41 | - const { tabKey } = state; | ||
42 | - const urlTabKey = location.pathname.replace(`${match.path}/`, ''); | ||
43 | - if (urlTabKey && urlTabKey !== '/' && tabKey !== urlTabKey) { | ||
44 | - return { | ||
45 | - tabKey: urlTabKey, | ||
46 | - }; | ||
47 | - } | ||
48 | - return null; | ||
49 | - } | ||
50 | - | ||
51 | - state = { | ||
52 | - newTags: [], | ||
53 | - inputVisible: false, | ||
54 | - inputValue: '', | ||
55 | - tabKey: 'articles', | ||
56 | - }; | ||
57 | - | ||
58 | - componentDidMount() { | ||
59 | - const { dispatch } = this.props; | ||
60 | - dispatch({ | ||
61 | - type: 'BLOCK_NAME_CAMEL_CASE/fetchCurrent', | ||
62 | - }); | ||
63 | - } | ||
64 | - | ||
65 | - onTabChange = key => { | ||
66 | - // If you need to sync state to url | ||
67 | - // const { match } = this.props; | ||
68 | - // router.push(`${match.url}/${key}`); | ||
69 | - this.setState({ | ||
70 | - tabKey: key, | ||
71 | - }); | ||
72 | - }; | ||
73 | - | ||
74 | - showInput = () => { | ||
75 | - this.setState({ inputVisible: true }, () => this.input.focus()); | ||
76 | - }; | ||
77 | - | ||
78 | - saveInputRef = input => { | ||
79 | - this.input = input; | ||
80 | - }; | ||
81 | - | ||
82 | - handleInputChange = e => { | ||
83 | - this.setState({ inputValue: e.target.value }); | ||
84 | - }; | ||
85 | - | ||
86 | - handleInputConfirm = () => { | ||
87 | - const { state } = this; | ||
88 | - const { inputValue } = state; | ||
89 | - let { newTags } = state; | ||
90 | - if (inputValue && newTags.filter(tag => tag.label === inputValue).length === 0) { | ||
91 | - newTags = [...newTags, { key: `new-${newTags.length}`, label: inputValue }]; | ||
92 | - } | ||
93 | - this.setState({ | ||
94 | - newTags, | ||
95 | - inputVisible: false, | ||
96 | - inputValue: '', | ||
97 | - }); | ||
98 | - }; | ||
99 | - | ||
100 | - render() { | ||
101 | - const { newTags, inputVisible, inputValue, tabKey } = this.state; | ||
102 | - const { currentUser, currentUserLoading, children } = this.props; | ||
103 | - const dataLoading = currentUserLoading || !(currentUser && Object.keys(currentUser).length); | ||
104 | - return ( | ||
105 | - <Row gutter={24}> | ||
106 | - <Col lg={7} md={24}> | ||
107 | - <Card bordered={false} style={{ marginBottom: 24 }} loading={dataLoading}> | ||
108 | - {!dataLoading ? ( | ||
109 | - <div> | ||
110 | - <div className={styles.avatarHolder}> | ||
111 | - <img alt="" src={currentUser.avatar} /> | ||
112 | - <div className={styles.name}>{currentUser.name}</div> | ||
113 | - <div>{currentUser.signature}</div> | ||
114 | - </div> | ||
115 | - <div className={styles.detail}> | ||
116 | - <p> | ||
117 | - <i className={styles.title} /> | ||
118 | - {currentUser.title} | ||
119 | - </p> | ||
120 | - <p> | ||
121 | - <i className={styles.group} /> | ||
122 | - {currentUser.group} | ||
123 | - </p> | ||
124 | - <p> | ||
125 | - <i className={styles.address} /> | ||
126 | - {currentUser.geographic.province.label} | ||
127 | - {currentUser.geographic.city.label} | ||
128 | - </p> | ||
129 | - </div> | ||
130 | - <Divider dashed /> | ||
131 | - <div className={styles.tags}> | ||
132 | - <div className={styles.tagsTitle}>标签</div> | ||
133 | - {currentUser.tags.concat(newTags).map(item => ( | ||
134 | - <Tag key={item.key}>{item.label}</Tag> | ||
135 | - ))} | ||
136 | - {inputVisible && ( | ||
137 | - <Input | ||
138 | - ref={this.saveInputRef} | ||
139 | - type="text" | ||
140 | - size="small" | ||
141 | - style={{ width: 78 }} | ||
142 | - value={inputValue} | ||
143 | - onChange={this.handleInputChange} | ||
144 | - onBlur={this.handleInputConfirm} | ||
145 | - onPressEnter={this.handleInputConfirm} | ||
146 | - /> | ||
147 | - )} | ||
148 | - {!inputVisible && ( | ||
149 | - <Tag | ||
150 | - onClick={this.showInput} | ||
151 | - style={{ background: '#fff', borderStyle: 'dashed' }} | ||
152 | - > | ||
153 | - <Icon type="plus" /> | ||
154 | - </Tag> | ||
155 | - )} | ||
156 | - </div> | ||
157 | - <Divider style={{ marginTop: 16 }} dashed /> | ||
158 | - <div className={styles.team}> | ||
159 | - <div className={styles.teamTitle}>团队</div> | ||
160 | - <Row gutter={36}> | ||
161 | - {currentUser.notice.map(item => ( | ||
162 | - <Col key={item.id} lg={24} xl={12}> | ||
163 | - <Link to={item.href}> | ||
164 | - <Avatar size="small" src={item.logo} /> | ||
165 | - {item.member} | ||
166 | - </Link> | ||
167 | - </Col> | ||
168 | - ))} | ||
169 | - </Row> | ||
170 | - </div> | ||
171 | - </div> | ||
172 | - ) : null} | ||
173 | - </Card> | ||
174 | - </Col> | ||
175 | - <Col lg={17} md={24}> | ||
176 | - <Card | ||
177 | - className={styles.tabsCard} | ||
178 | - bordered={false} | ||
179 | - tabList={operationTabList} | ||
180 | - activeTabKey={tabKey} | ||
181 | - onTabChange={this.onTabChange} | ||
182 | - > | ||
183 | - {children || tabKey} | ||
184 | - </Card> | ||
185 | - </Col> | ||
186 | - </Row> | ||
187 | - ); | ||
188 | - } | ||
189 | -} | ||
190 | - | ||
191 | -export default PAGE_NAME_UPPER_CAMEL_CASE; |
1 | -import { query as queryUsers, queryCurrent } from './service'; | ||
2 | - | ||
3 | -export default { | ||
4 | - namespace: 'BLOCK_NAME_CAMEL_CASE', | ||
5 | - | ||
6 | - state: { | ||
7 | - list: [], | ||
8 | - currentUser: {}, | ||
9 | - }, | ||
10 | - | ||
11 | - effects: { | ||
12 | - *fetch(_, { call, put }) { | ||
13 | - const response = yield call(queryUsers); | ||
14 | - yield put({ | ||
15 | - type: 'save', | ||
16 | - payload: response, | ||
17 | - }); | ||
18 | - }, | ||
19 | - *fetchCurrent(_, { call, put }) { | ||
20 | - const response = yield call(queryCurrent); | ||
21 | - yield put({ | ||
22 | - type: 'saveCurrentUser', | ||
23 | - payload: response, | ||
24 | - }); | ||
25 | - }, | ||
26 | - }, | ||
27 | - | ||
28 | - reducers: { | ||
29 | - save(state, action) { | ||
30 | - return { | ||
31 | - ...state, | ||
32 | - list: action.payload, | ||
33 | - }; | ||
34 | - }, | ||
35 | - saveCurrentUser(state, action) { | ||
36 | - return { | ||
37 | - ...state, | ||
38 | - currentUser: action.payload || {}, | ||
39 | - }; | ||
40 | - }, | ||
41 | - changeNotifyCount(state, action) { | ||
42 | - return { | ||
43 | - ...state, | ||
44 | - currentUser: { | ||
45 | - ...state.currentUser, | ||
46 | - notifyCount: action.payload.totalCount, | ||
47 | - unreadCount: action.payload.unreadCount, | ||
48 | - }, | ||
49 | - }; | ||
50 | - }, | ||
51 | - }, | ||
52 | -}; |
ant-design-pro/AccountSettings/.umirc.js
已删除
100644 → 0
ant-design-pro/AccountSettings/README.md
已删除
100644 → 0
1 | -{ | ||
2 | - "name": "@umi-block/account-settings", | ||
3 | - "version": "0.0.1", | ||
4 | - "description": "AccountSettings", | ||
5 | - "main": "src/index.js", | ||
6 | - "scripts": { | ||
7 | - "dev": "umi dev" | ||
8 | - }, | ||
9 | - "repository": { | ||
10 | - "type": "git", | ||
11 | - "url": "https://github.com/umijs/umi-blocks/ant-design-pro/accountsettings" | ||
12 | - }, | ||
13 | - "dependencies": { | ||
14 | - "antd": "^3.10.9", | ||
15 | - "dva": "^2.4.0", | ||
16 | - "react": "^16.6.3", | ||
17 | - "umi-request": "^1.0.0" | ||
18 | - }, | ||
19 | - "devDependencies": { | ||
20 | - "umi": "^2.3.0-beta.1", | ||
21 | - "umi-plugin-block-dev": "^2.0.0", | ||
22 | - "umi-plugin-react": "^1.3.0-beta.1" | ||
23 | - }, | ||
24 | - "license": "ISC", | ||
25 | - "blockConfig": { | ||
26 | - "specVersion": "0.1" | ||
27 | - } | ||
28 | -} |
87.2 KB
1 | -import city from './geographic/city.json'; | ||
2 | -import province from './geographic/province.json'; | ||
3 | - | ||
4 | -function getProvince(req, res) { | ||
5 | - return res.json(province); | ||
6 | -} | ||
7 | - | ||
8 | -function getCity(req, res) { | ||
9 | - return res.json(city[req.params.province]); | ||
10 | -} | ||
11 | -// 代码中会兼容本地 service mock 以及部署站点的静态数据 | ||
12 | -export default { | ||
13 | - // 支持值为 Object 和 Array | ||
14 | - 'GET /api/BLOCK_NAME/currentUser': { | ||
15 | - name: 'Serati Ma', | ||
16 | - avatar: 'https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png', | ||
17 | - userid: '00000001', | ||
18 | - email: 'antdesign@alipay.com', | ||
19 | - signature: '海纳百川,有容乃大', | ||
20 | - title: '交互专家', | ||
21 | - group: '蚂蚁金服-某某某事业群-某某平台部-某某技术部-UED', | ||
22 | - tags: [ | ||
23 | - { | ||
24 | - key: '0', | ||
25 | - label: '很有想法的', | ||
26 | - }, | ||
27 | - { | ||
28 | - key: '1', | ||
29 | - label: '专注设计', | ||
30 | - }, | ||
31 | - { | ||
32 | - key: '2', | ||
33 | - label: '辣~', | ||
34 | - }, | ||
35 | - { | ||
36 | - key: '3', | ||
37 | - label: '大长腿', | ||
38 | - }, | ||
39 | - { | ||
40 | - key: '4', | ||
41 | - label: '川妹子', | ||
42 | - }, | ||
43 | - { | ||
44 | - key: '5', | ||
45 | - label: '海纳百川', | ||
46 | - }, | ||
47 | - ], | ||
48 | - notifyCount: 12, | ||
49 | - unreadCount: 11, | ||
50 | - country: 'China', | ||
51 | - geographic: { | ||
52 | - province: { | ||
53 | - label: '浙江省', | ||
54 | - key: '330000', | ||
55 | - }, | ||
56 | - city: { | ||
57 | - label: '杭州市', | ||
58 | - key: '330100', | ||
59 | - }, | ||
60 | - }, | ||
61 | - address: '西湖区工专路 77 号', | ||
62 | - phone: '0752-268888888', | ||
63 | - }, | ||
64 | - 'GET /api/BLOCK_NAME/province': getProvince, | ||
65 | - 'GET /api/BLOCK_NAME/city/:province': getCity, | ||
66 | -}; |
1 | -@import '~antd/lib/style/themes/default.less'; | ||
2 | - | ||
3 | -.baseView { | ||
4 | - display: flex; | ||
5 | - padding-top: 12px; | ||
6 | - | ||
7 | - .left { | ||
8 | - max-width: 448px; | ||
9 | - min-width: 224px; | ||
10 | - } | ||
11 | - .right { | ||
12 | - flex: 1; | ||
13 | - padding-left: 104px; | ||
14 | - .avatar_title { | ||
15 | - height: 22px; | ||
16 | - font-size: @font-size-base; | ||
17 | - color: @heading-color; | ||
18 | - line-height: 22px; | ||
19 | - margin-bottom: 8px; | ||
20 | - } | ||
21 | - .avatar { | ||
22 | - width: 144px; | ||
23 | - height: 144px; | ||
24 | - margin-bottom: 12px; | ||
25 | - overflow: hidden; | ||
26 | - img { | ||
27 | - width: 100%; | ||
28 | - } | ||
29 | - } | ||
30 | - .button_view { | ||
31 | - width: 144px; | ||
32 | - text-align: center; | ||
33 | - } | ||
34 | - } | ||
35 | -} | ||
36 | - | ||
37 | -@media screen and (max-width: @screen-xl) { | ||
38 | - .baseView { | ||
39 | - flex-direction: column-reverse; | ||
40 | - | ||
41 | - .right { | ||
42 | - padding: 20px; | ||
43 | - display: flex; | ||
44 | - flex-direction: column; | ||
45 | - align-items: center; | ||
46 | - max-width: 448px; | ||
47 | - .avatar_title { | ||
48 | - display: none; | ||
49 | - } | ||
50 | - } | ||
51 | - } | ||
52 | -} |
1 | -import React, { PureComponent } from 'react'; | ||
2 | -import { Select, Spin } from 'antd'; | ||
3 | -import { connect } from 'dva'; | ||
4 | -import styles from './GeographicView.less'; | ||
5 | - | ||
6 | -const { Option } = Select; | ||
7 | - | ||
8 | -const nullSlectItem = { | ||
9 | - label: '', | ||
10 | - key: '', | ||
11 | -}; | ||
12 | - | ||
13 | -@connect(({ BLOCK_NAME_CAMEL_CASE, loading }) => { | ||
14 | - const { province, city } = BLOCK_NAME_CAMEL_CASE; | ||
15 | - return { | ||
16 | - province, | ||
17 | - city, | ||
18 | - loading: loading.models.BLOCK_NAME_CAMEL_CASE, | ||
19 | - }; | ||
20 | -}) | ||
21 | -class GeographicView extends PureComponent { | ||
22 | - componentDidMount = () => { | ||
23 | - const { dispatch } = this.props; | ||
24 | - dispatch({ | ||
25 | - type: 'BLOCK_NAME_CAMEL_CASE/fetchProvince', | ||
26 | - }); | ||
27 | - }; | ||
28 | - | ||
29 | - componentDidUpdate(props) { | ||
30 | - const { dispatch, value } = this.props; | ||
31 | - | ||
32 | - if (!props.value && !!value && !!value.province) { | ||
33 | - dispatch({ | ||
34 | - type: 'BLOCK_NAME_CAMEL_CASE/fetchCity', | ||
35 | - payload: value.province.key, | ||
36 | - }); | ||
37 | - } | ||
38 | - } | ||
39 | - | ||
40 | - getProvinceOption() { | ||
41 | - const { province } = this.props; | ||
42 | - return this.getOption(province); | ||
43 | - } | ||
44 | - | ||
45 | - getCityOption = () => { | ||
46 | - const { city } = this.props; | ||
47 | - return this.getOption(city); | ||
48 | - }; | ||
49 | - | ||
50 | - getOption = list => { | ||
51 | - if (!list || list.length < 1) { | ||
52 | - return ( | ||
53 | - <Option key={0} value={0}> | ||
54 | - 没有找到选项 | ||
55 | - </Option> | ||
56 | - ); | ||
57 | - } | ||
58 | - return list.map(item => ( | ||
59 | - <Option key={item.id} value={item.id}> | ||
60 | - {item.name} | ||
61 | - </Option> | ||
62 | - )); | ||
63 | - }; | ||
64 | - | ||
65 | - selectProvinceItem = item => { | ||
66 | - const { dispatch, onChange } = this.props; | ||
67 | - dispatch({ | ||
68 | - type: 'BLOCK_NAME_CAMEL_CASE/fetchCity', | ||
69 | - payload: item.key, | ||
70 | - }); | ||
71 | - onChange({ | ||
72 | - province: item, | ||
73 | - city: nullSlectItem, | ||
74 | - }); | ||
75 | - }; | ||
76 | - | ||
77 | - selectCityItem = item => { | ||
78 | - const { value, onChange } = this.props; | ||
79 | - onChange({ | ||
80 | - province: value.province, | ||
81 | - city: item, | ||
82 | - }); | ||
83 | - }; | ||
84 | - | ||
85 | - conversionObject() { | ||
86 | - const { value } = this.props; | ||
87 | - if (!value) { | ||
88 | - return { | ||
89 | - province: nullSlectItem, | ||
90 | - city: nullSlectItem, | ||
91 | - }; | ||
92 | - } | ||
93 | - const { province, city } = value; | ||
94 | - return { | ||
95 | - province: province || nullSlectItem, | ||
96 | - city: city || nullSlectItem, | ||
97 | - }; | ||
98 | - } | ||
99 | - | ||
100 | - render() { | ||
101 | - const { province, city } = this.conversionObject(); | ||
102 | - const { loading } = this.props; | ||
103 | - return ( | ||
104 | - <Spin spinning={loading} wrapperClassName={styles.row}> | ||
105 | - <Select | ||
106 | - className={styles.item} | ||
107 | - value={province} | ||
108 | - labelInValue | ||
109 | - showSearch | ||
110 | - onSelect={this.selectProvinceItem} | ||
111 | - > | ||
112 | - {this.getProvinceOption()} | ||
113 | - </Select> | ||
114 | - <Select | ||
115 | - className={styles.item} | ||
116 | - value={city} | ||
117 | - labelInValue | ||
118 | - showSearch | ||
119 | - onSelect={this.selectCityItem} | ||
120 | - > | ||
121 | - {this.getCityOption()} | ||
122 | - </Select> | ||
123 | - </Spin> | ||
124 | - ); | ||
125 | - } | ||
126 | -} | ||
127 | - | ||
128 | -export default GeographicView; |
1 | -@import '~antd/lib/style/themes/default.less'; | ||
2 | - | ||
3 | -.row { | ||
4 | - .item { | ||
5 | - max-width: 220px; | ||
6 | - width: 50%; | ||
7 | - } | ||
8 | - .item:first-child { | ||
9 | - margin-right: 8px; | ||
10 | - width: ~'calc(50% - 8px)'; | ||
11 | - } | ||
12 | -} | ||
13 | - | ||
14 | -@media screen and (max-width: @screen-sm) { | ||
15 | - .item:first-child { | ||
16 | - margin: 0; | ||
17 | - margin-bottom: 8px; | ||
18 | - } | ||
19 | -} |
1 | -import React, { Fragment, PureComponent } from 'react'; | ||
2 | -import { Input } from 'antd'; | ||
3 | -import styles from './PhoneView.less'; | ||
4 | - | ||
5 | -class PhoneView extends PureComponent { | ||
6 | - render() { | ||
7 | - const { value, onChange } = this.props; | ||
8 | - let values = ['', '']; | ||
9 | - if (value) { | ||
10 | - values = value.split('-'); | ||
11 | - } | ||
12 | - return ( | ||
13 | - <Fragment> | ||
14 | - <Input | ||
15 | - className={styles.area_code} | ||
16 | - value={values[0]} | ||
17 | - onChange={e => { | ||
18 | - onChange(`${e.target.value}-${values[1]}`); | ||
19 | - }} | ||
20 | - /> | ||
21 | - <Input | ||
22 | - className={styles.phone_number} | ||
23 | - onChange={e => { | ||
24 | - onChange(`${values[0]}-${e.target.value}`); | ||
25 | - }} | ||
26 | - value={values[1]} | ||
27 | - /> | ||
28 | - </Fragment> | ||
29 | - ); | ||
30 | - } | ||
31 | -} | ||
32 | - | ||
33 | -export default PhoneView; |
1 | -import React, { Component, Fragment } from 'react'; | ||
2 | -import { formatMessage, FormattedMessage } from 'umi/locale'; | ||
3 | -import { Form, Input, Upload, Select, Button } from 'antd'; | ||
4 | -import { connect } from 'dva'; | ||
5 | -import styles from './BaseView.less'; | ||
6 | -import GeographicView from './GeographicView'; | ||
7 | -import PhoneView from './PhoneView'; | ||
8 | - | ||
9 | -const FormItem = Form.Item; | ||
10 | -const { Option } = Select; | ||
11 | - | ||
12 | -// 头像组件 方便以后独立,增加裁剪之类的功能 | ||
13 | -const AvatarView = ({ avatar }) => ( | ||
14 | - <Fragment> | ||
15 | - <div className={styles.avatar_title}> | ||
16 | - <FormattedMessage id="BLOCK_NAME.basic.avatar" defaultMessage="Avatar" /> | ||
17 | - </div> | ||
18 | - <div className={styles.avatar}> | ||
19 | - <img src={avatar} alt="avatar" /> | ||
20 | - </div> | ||
21 | - <Upload fileList={[]}> | ||
22 | - <div className={styles.button_view}> | ||
23 | - <Button icon="upload"> | ||
24 | - <FormattedMessage id="BLOCK_NAME.basic.change-avatar" defaultMessage="Change avatar" /> | ||
25 | - </Button> | ||
26 | - </div> | ||
27 | - </Upload> | ||
28 | - </Fragment> | ||
29 | -); | ||
30 | - | ||
31 | -const validatorGeographic = (rule, value, callback) => { | ||
32 | - const { province, city } = value; | ||
33 | - if (!province.key) { | ||
34 | - callback('Please input your province!'); | ||
35 | - } | ||
36 | - if (!city.key) { | ||
37 | - callback('Please input your city!'); | ||
38 | - } | ||
39 | - callback(); | ||
40 | -}; | ||
41 | - | ||
42 | -const validatorPhone = (rule, value, callback) => { | ||
43 | - const values = value.split('-'); | ||
44 | - if (!values[0]) { | ||
45 | - callback('Please input your area code!'); | ||
46 | - } | ||
47 | - if (!values[1]) { | ||
48 | - callback('Please input your phone number!'); | ||
49 | - } | ||
50 | - callback(); | ||
51 | -}; | ||
52 | - | ||
53 | -@connect(({ BLOCK_NAME_CAMEL_CASE }) => ({ | ||
54 | - currentUser: BLOCK_NAME_CAMEL_CASE.currentUser, | ||
55 | -})) | ||
56 | -@Form.create() | ||
57 | -class BaseView extends Component { | ||
58 | - componentDidMount() { | ||
59 | - this.setBaseInfo(); | ||
60 | - } | ||
61 | - | ||
62 | - setBaseInfo = () => { | ||
63 | - const { currentUser, form } = this.props; | ||
64 | - Object.keys(form.getFieldsValue()).forEach(key => { | ||
65 | - const obj = {}; | ||
66 | - obj[key] = currentUser[key] || null; | ||
67 | - form.setFieldsValue(obj); | ||
68 | - }); | ||
69 | - }; | ||
70 | - | ||
71 | - getAvatarURL() { | ||
72 | - const { currentUser } = this.props; | ||
73 | - if (currentUser.avatar) { | ||
74 | - return currentUser.avatar; | ||
75 | - } | ||
76 | - const url = 'https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png'; | ||
77 | - return url; | ||
78 | - } | ||
79 | - | ||
80 | - getViewDom = ref => { | ||
81 | - this.view = ref; | ||
82 | - }; | ||
83 | - | ||
84 | - render() { | ||
85 | - const { | ||
86 | - form: { getFieldDecorator }, | ||
87 | - } = this.props; | ||
88 | - return ( | ||
89 | - <div className={styles.baseView} ref={this.getViewDom}> | ||
90 | - <div className={styles.left}> | ||
91 | - <Form layout="vertical" onSubmit={this.handleSubmit} hideRequiredMark> | ||
92 | - <FormItem label={formatMessage({ id: 'BLOCK_NAME.basic.email' })}> | ||
93 | - {getFieldDecorator('email', { | ||
94 | - rules: [ | ||
95 | - { | ||
96 | - required: true, | ||
97 | - message: formatMessage({ id: 'BLOCK_NAME.basic.email-message' }, {}), | ||
98 | - }, | ||
99 | - ], | ||
100 | - })(<Input />)} | ||
101 | - </FormItem> | ||
102 | - <FormItem label={formatMessage({ id: 'BLOCK_NAME.basic.nickname' })}> | ||
103 | - {getFieldDecorator('name', { | ||
104 | - rules: [ | ||
105 | - { | ||
106 | - required: true, | ||
107 | - message: formatMessage({ id: 'BLOCK_NAME.basic.nickname-message' }, {}), | ||
108 | - }, | ||
109 | - ], | ||
110 | - })(<Input />)} | ||
111 | - </FormItem> | ||
112 | - <FormItem label={formatMessage({ id: 'BLOCK_NAME.basic.profile' })}> | ||
113 | - {getFieldDecorator('profile', { | ||
114 | - rules: [ | ||
115 | - { | ||
116 | - required: true, | ||
117 | - message: formatMessage({ id: 'BLOCK_NAME.basic.profile-message' }, {}), | ||
118 | - }, | ||
119 | - ], | ||
120 | - })( | ||
121 | - <Input.TextArea | ||
122 | - placeholder={formatMessage({ id: 'BLOCK_NAME.basic.profile-placeholder' })} | ||
123 | - rows={4} | ||
124 | - /> | ||
125 | - )} | ||
126 | - </FormItem> | ||
127 | - <FormItem label={formatMessage({ id: 'BLOCK_NAME.basic.country' })}> | ||
128 | - {getFieldDecorator('country', { | ||
129 | - rules: [ | ||
130 | - { | ||
131 | - required: true, | ||
132 | - message: formatMessage({ id: 'BLOCK_NAME.basic.country-message' }, {}), | ||
133 | - }, | ||
134 | - ], | ||
135 | - })( | ||
136 | - <Select style={{ maxWidth: 220 }}> | ||
137 | - <Option value="China">中国</Option> | ||
138 | - </Select> | ||
139 | - )} | ||
140 | - </FormItem> | ||
141 | - <FormItem label={formatMessage({ id: 'BLOCK_NAME.basic.geographic' })}> | ||
142 | - {getFieldDecorator('geographic', { | ||
143 | - rules: [ | ||
144 | - { | ||
145 | - required: true, | ||
146 | - message: formatMessage({ id: 'BLOCK_NAME.basic.geographic-message' }, {}), | ||
147 | - }, | ||
148 | - { | ||
149 | - validator: validatorGeographic, | ||
150 | - }, | ||
151 | - ], | ||
152 | - })(<GeographicView />)} | ||
153 | - </FormItem> | ||
154 | - <FormItem label={formatMessage({ id: 'BLOCK_NAME.basic.address' })}> | ||
155 | - {getFieldDecorator('address', { | ||
156 | - rules: [ | ||
157 | - { | ||
158 | - required: true, | ||
159 | - message: formatMessage({ id: 'BLOCK_NAME.basic.address-message' }, {}), | ||
160 | - }, | ||
161 | - ], | ||
162 | - })(<Input />)} | ||
163 | - </FormItem> | ||
164 | - <FormItem label={formatMessage({ id: 'BLOCK_NAME.basic.phone' })}> | ||
165 | - {getFieldDecorator('phone', { | ||
166 | - rules: [ | ||
167 | - { | ||
168 | - required: true, | ||
169 | - message: formatMessage({ id: 'BLOCK_NAME.basic.phone-message' }, {}), | ||
170 | - }, | ||
171 | - { validator: validatorPhone }, | ||
172 | - ], | ||
173 | - })(<PhoneView />)} | ||
174 | - </FormItem> | ||
175 | - <Button type="primary"> | ||
176 | - <FormattedMessage | ||
177 | - id="BLOCK_NAME.basic.update" | ||
178 | - defaultMessage="Update Information" | ||
179 | - /> | ||
180 | - </Button> | ||
181 | - </Form> | ||
182 | - </div> | ||
183 | - <div className={styles.right}> | ||
184 | - <AvatarView avatar={this.getAvatarURL()} /> | ||
185 | - </div> | ||
186 | - </div> | ||
187 | - ); | ||
188 | - } | ||
189 | -} | ||
190 | - | ||
191 | -export default BaseView; |
1 | -import React, { Component, Fragment } from 'react'; | ||
2 | -import { formatMessage, FormattedMessage } from 'umi/locale'; | ||
3 | -import { Icon, List } from 'antd'; | ||
4 | - | ||
5 | -class BindingView extends Component { | ||
6 | - getData = () => [ | ||
7 | - { | ||
8 | - title: formatMessage({ id: 'BLOCK_NAME.binding.taobao' }, {}), | ||
9 | - description: formatMessage({ id: 'BLOCK_NAME.binding.taobao-description' }, {}), | ||
10 | - actions: [ | ||
11 | - <a> | ||
12 | - <FormattedMessage id="BLOCK_NAME.binding.bind" defaultMessage="Bind" /> | ||
13 | - </a>, | ||
14 | - ], | ||
15 | - avatar: <Icon type="taobao" className="taobao" />, | ||
16 | - }, | ||
17 | - { | ||
18 | - title: formatMessage({ id: 'BLOCK_NAME.binding.alipay' }, {}), | ||
19 | - description: formatMessage({ id: 'BLOCK_NAME.binding.alipay-description' }, {}), | ||
20 | - actions: [ | ||
21 | - <a> | ||
22 | - <FormattedMessage id="BLOCK_NAME.binding.bind" defaultMessage="Bind" /> | ||
23 | - </a>, | ||
24 | - ], | ||
25 | - avatar: <Icon type="alipay" className="alipay" />, | ||
26 | - }, | ||
27 | - { | ||
28 | - title: formatMessage({ id: 'BLOCK_NAME.binding.dingding' }, {}), | ||
29 | - description: formatMessage({ id: 'BLOCK_NAME.binding.dingding-description' }, {}), | ||
30 | - actions: [ | ||
31 | - <a> | ||
32 | - <FormattedMessage id="BLOCK_NAME.binding.bind" defaultMessage="Bind" /> | ||
33 | - </a>, | ||
34 | - ], | ||
35 | - avatar: <Icon type="dingding" className="dingding" />, | ||
36 | - }, | ||
37 | - ]; | ||
38 | - | ||
39 | - render() { | ||
40 | - return ( | ||
41 | - <Fragment> | ||
42 | - <List | ||
43 | - itemLayout="horizontal" | ||
44 | - dataSource={this.getData()} | ||
45 | - renderItem={item => ( | ||
46 | - <List.Item actions={item.actions}> | ||
47 | - <List.Item.Meta | ||
48 | - avatar={item.avatar} | ||
49 | - title={item.title} | ||
50 | - description={item.description} | ||
51 | - /> | ||
52 | - </List.Item> | ||
53 | - )} | ||
54 | - /> | ||
55 | - </Fragment> | ||
56 | - ); | ||
57 | - } | ||
58 | -} | ||
59 | - | ||
60 | -export default BindingView; |
1 | -import React, { Component, Fragment } from 'react'; | ||
2 | -import { formatMessage } from 'umi/locale'; | ||
3 | -import { Switch, List } from 'antd'; | ||
4 | - | ||
5 | -class NotificationView extends Component { | ||
6 | - getData = () => { | ||
7 | - const Action = ( | ||
8 | - <Switch | ||
9 | - checkedChildren={formatMessage({ id: 'BLOCK_NAME.settings.open' })} | ||
10 | - unCheckedChildren={formatMessage({ id: 'BLOCK_NAME.settings.close' })} | ||
11 | - defaultChecked | ||
12 | - /> | ||
13 | - ); | ||
14 | - return [ | ||
15 | - { | ||
16 | - title: formatMessage({ id: 'BLOCK_NAME.notification.password' }, {}), | ||
17 | - description: formatMessage({ id: 'BLOCK_NAME.notification.password-description' }, {}), | ||
18 | - actions: [Action], | ||
19 | - }, | ||
20 | - { | ||
21 | - title: formatMessage({ id: 'BLOCK_NAME.notification.messages' }, {}), | ||
22 | - description: formatMessage({ id: 'BLOCK_NAME.notification.messages-description' }, {}), | ||
23 | - actions: [Action], | ||
24 | - }, | ||
25 | - { | ||
26 | - title: formatMessage({ id: 'BLOCK_NAME.notification.todo' }, {}), | ||
27 | - description: formatMessage({ id: 'BLOCK_NAME.notification.todo-description' }, {}), | ||
28 | - actions: [Action], | ||
29 | - }, | ||
30 | - ]; | ||
31 | - }; | ||
32 | - | ||
33 | - render() { | ||
34 | - return ( | ||
35 | - <Fragment> | ||
36 | - <List | ||
37 | - itemLayout="horizontal" | ||
38 | - dataSource={this.getData()} | ||
39 | - renderItem={item => ( | ||
40 | - <List.Item actions={item.actions}> | ||
41 | - <List.Item.Meta title={item.title} description={item.description} /> | ||
42 | - </List.Item> | ||
43 | - )} | ||
44 | - /> | ||
45 | - </Fragment> | ||
46 | - ); | ||
47 | - } | ||
48 | -} | ||
49 | - | ||
50 | -export default NotificationView; |
1 | -import React, { Component, Fragment } from 'react'; | ||
2 | -import { formatMessage, FormattedMessage } from 'umi/locale'; | ||
3 | -import { List } from 'antd'; | ||
4 | -// import { getTimeDistance } from '@/utils/utils'; | ||
5 | - | ||
6 | -const passwordStrength = { | ||
7 | - strong: ( | ||
8 | - <font className="strong"> | ||
9 | - <FormattedMessage id="BLOCK_NAME.security.strong" defaultMessage="Strong" /> | ||
10 | - </font> | ||
11 | - ), | ||
12 | - medium: ( | ||
13 | - <font className="medium"> | ||
14 | - <FormattedMessage id="BLOCK_NAME.security.medium" defaultMessage="Medium" /> | ||
15 | - </font> | ||
16 | - ), | ||
17 | - weak: ( | ||
18 | - <font className="weak"> | ||
19 | - <FormattedMessage id="BLOCK_NAME.security.weak" defaultMessage="Weak" /> | ||
20 | - Weak | ||
21 | - </font> | ||
22 | - ), | ||
23 | -}; | ||
24 | - | ||
25 | -class SecurityView extends Component { | ||
26 | - getData = () => [ | ||
27 | - { | ||
28 | - title: formatMessage({ id: 'BLOCK_NAME.security.password' }, {}), | ||
29 | - description: ( | ||
30 | - <Fragment> | ||
31 | - {formatMessage({ id: 'BLOCK_NAME.security.password-description' })}: | ||
32 | - {passwordStrength.strong} | ||
33 | - </Fragment> | ||
34 | - ), | ||
35 | - actions: [ | ||
36 | - <a> | ||
37 | - <FormattedMessage id="BLOCK_NAME.security.modify" defaultMessage="Modify" /> | ||
38 | - </a>, | ||
39 | - ], | ||
40 | - }, | ||
41 | - { | ||
42 | - title: formatMessage({ id: 'BLOCK_NAME.security.phone' }, {}), | ||
43 | - description: `${formatMessage( | ||
44 | - { id: 'BLOCK_NAME.security.phone-description' }, | ||
45 | - {} | ||
46 | - )}:138****8293`, | ||
47 | - actions: [ | ||
48 | - <a> | ||
49 | - <FormattedMessage id="BLOCK_NAME.security.modify" defaultMessage="Modify" /> | ||
50 | - </a>, | ||
51 | - ], | ||
52 | - }, | ||
53 | - { | ||
54 | - title: formatMessage({ id: 'BLOCK_NAME.security.question' }, {}), | ||
55 | - description: formatMessage({ id: 'BLOCK_NAME.security.question-description' }, {}), | ||
56 | - actions: [ | ||
57 | - <a> | ||
58 | - <FormattedMessage id="BLOCK_NAME.security.set" defaultMessage="Set" /> | ||
59 | - </a>, | ||
60 | - ], | ||
61 | - }, | ||
62 | - { | ||
63 | - title: formatMessage({ id: 'BLOCK_NAME.security.email' }, {}), | ||
64 | - description: `${formatMessage( | ||
65 | - { id: 'BLOCK_NAME.security.email-description' }, | ||
66 | - {} | ||
67 | - )}:ant***sign.com`, | ||
68 | - actions: [ | ||
69 | - <a> | ||
70 | - <FormattedMessage id="BLOCK_NAME.security.modify" defaultMessage="Modify" /> | ||
71 | - </a>, | ||
72 | - ], | ||
73 | - }, | ||
74 | - { | ||
75 | - title: formatMessage({ id: 'BLOCK_NAME.security.mfa' }, {}), | ||
76 | - description: formatMessage({ id: 'BLOCK_NAME.security.mfa-description' }, {}), | ||
77 | - actions: [ | ||
78 | - <a> | ||
79 | - <FormattedMessage id="BLOCK_NAME.security.bind" defaultMessage="Bind" /> | ||
80 | - </a>, | ||
81 | - ], | ||
82 | - }, | ||
83 | - ]; | ||
84 | - | ||
85 | - render() { | ||
86 | - return ( | ||
87 | - <Fragment> | ||
88 | - <List | ||
89 | - itemLayout="horizontal" | ||
90 | - dataSource={this.getData()} | ||
91 | - renderItem={item => ( | ||
92 | - <List.Item actions={item.actions}> | ||
93 | - <List.Item.Meta title={item.title} description={item.description} /> | ||
94 | - </List.Item> | ||
95 | - )} | ||
96 | - /> | ||
97 | - </Fragment> | ||
98 | - ); | ||
99 | - } | ||
100 | -} | ||
101 | - | ||
102 | -export default SecurityView; |
1 | -{ | ||
2 | - "110000": [ | ||
3 | - { | ||
4 | - "province": "北京市", | ||
5 | - "name": "市辖区", | ||
6 | - "id": "110100" | ||
7 | - } | ||
8 | - ], | ||
9 | - "120000": [ | ||
10 | - { | ||
11 | - "province": "天津市", | ||
12 | - "name": "市辖区", | ||
13 | - "id": "120100" | ||
14 | - } | ||
15 | - ], | ||
16 | - "130000": [ | ||
17 | - { | ||
18 | - "province": "河北省", | ||
19 | - "name": "石家庄市", | ||
20 | - "id": "130100" | ||
21 | - }, | ||
22 | - { | ||
23 | - "province": "河北省", | ||
24 | - "name": "唐山市", | ||
25 | - "id": "130200" | ||
26 | - }, | ||
27 | - { | ||
28 | - "province": "河北省", | ||
29 | - "name": "秦皇岛市", | ||
30 | - "id": "130300" | ||
31 | - }, | ||
32 | - { | ||
33 | - "province": "河北省", | ||
34 | - "name": "邯郸市", | ||
35 | - "id": "130400" | ||
36 | - }, | ||
37 | - { | ||
38 | - "province": "河北省", | ||
39 | - "name": "邢台市", | ||
40 | - "id": "130500" | ||
41 | - }, | ||
42 | - { | ||
43 | - "province": "河北省", | ||
44 | - "name": "保定市", | ||
45 | - "id": "130600" | ||
46 | - }, | ||
47 | - { | ||
48 | - "province": "河北省", | ||
49 | - "name": "张家口市", | ||
50 | - "id": "130700" | ||
51 | - }, | ||
52 | - { | ||
53 | - "province": "河北省", | ||
54 | - "name": "承德市", | ||
55 | - "id": "130800" | ||
56 | - }, | ||
57 | - { | ||
58 | - "province": "河北省", | ||
59 | - "name": "沧州市", | ||
60 | - "id": "130900" | ||
61 | - }, | ||
62 | - { | ||
63 | - "province": "河北省", | ||
64 | - "name": "廊坊市", | ||
65 | - "id": "131000" | ||
66 | - }, | ||
67 | - { | ||
68 | - "province": "河北省", | ||
69 | - "name": "衡水市", | ||
70 | - "id": "131100" | ||
71 | - }, | ||
72 | - { | ||
73 | - "province": "河北省", | ||
74 | - "name": "省直辖县级行政区划", | ||
75 | - "id": "139000" | ||
76 | - } | ||
77 | - ], | ||
78 | - "140000": [ | ||
79 | - { | ||
80 | - "province": "山西省", | ||
81 | - "name": "太原市", | ||
82 | - "id": "140100" | ||
83 | - }, | ||
84 | - { | ||
85 | - "province": "山西省", | ||
86 | - "name": "大同市", | ||
87 | - "id": "140200" | ||
88 | - }, | ||
89 | - { | ||
90 | - "province": "山西省", | ||
91 | - "name": "阳泉市", | ||
92 | - "id": "140300" | ||
93 | - }, | ||
94 | - { | ||
95 | - "province": "山西省", | ||
96 | - "name": "长治市", | ||
97 | - "id": "140400" | ||
98 | - }, | ||
99 | - { | ||
100 | - "province": "山西省", | ||
101 | - "name": "晋城市", | ||
102 | - "id": "140500" | ||
103 | - }, | ||
104 | - { | ||
105 | - "province": "山西省", | ||
106 | - "name": "朔州市", | ||
107 | - "id": "140600" | ||
108 | - }, | ||
109 | - { | ||
110 | - "province": "山西省", | ||
111 | - "name": "晋中市", | ||
112 | - "id": "140700" | ||
113 | - }, | ||
114 | - { | ||
115 | - "province": "山西省", | ||
116 | - "name": "运城市", | ||
117 | - "id": "140800" | ||
118 | - }, | ||
119 | - { | ||
120 | - "province": "山西省", | ||
121 | - "name": "忻州市", | ||
122 | - "id": "140900" | ||
123 | - }, | ||
124 | - { | ||
125 | - "province": "山西省", | ||
126 | - "name": "临汾市", | ||
127 | - "id": "141000" | ||
128 | - }, | ||
129 | - { | ||
130 | - "province": "山西省", | ||
131 | - "name": "吕梁市", | ||
132 | - "id": "141100" | ||
133 | - } | ||
134 | - ], | ||
135 | - "150000": [ | ||
136 | - { | ||
137 | - "province": "内蒙古自治区", | ||
138 | - "name": "呼和浩特市", | ||
139 | - "id": "150100" | ||
140 | - }, | ||
141 | - { | ||
142 | - "province": "内蒙古自治区", | ||
143 | - "name": "包头市", | ||
144 | - "id": "150200" | ||
145 | - }, | ||
146 | - { | ||
147 | - "province": "内蒙古自治区", | ||
148 | - "name": "乌海市", | ||
149 | - "id": "150300" | ||
150 | - }, | ||
151 | - { | ||
152 | - "province": "内蒙古自治区", | ||
153 | - "name": "赤峰市", | ||
154 | - "id": "150400" | ||
155 | - }, | ||
156 | - { | ||
157 | - "province": "内蒙古自治区", | ||
158 | - "name": "通辽市", | ||
159 | - "id": "150500" | ||
160 | - }, | ||
161 | - { | ||
162 | - "province": "内蒙古自治区", | ||
163 | - "name": "鄂尔多斯市", | ||
164 | - "id": "150600" | ||
165 | - }, | ||
166 | - { | ||
167 | - "province": "内蒙古自治区", | ||
168 | - "name": "呼伦贝尔市", | ||
169 | - "id": "150700" | ||
170 | - }, | ||
171 | - { | ||
172 | - "province": "内蒙古自治区", | ||
173 | - "name": "巴彦淖尔市", | ||
174 | - "id": "150800" | ||
175 | - }, | ||
176 | - { | ||
177 | - "province": "内蒙古自治区", | ||
178 | - "name": "乌兰察布市", | ||
179 | - "id": "150900" | ||
180 | - }, | ||
181 | - { | ||
182 | - "province": "内蒙古自治区", | ||
183 | - "name": "兴安盟", | ||
184 | - "id": "152200" | ||
185 | - }, | ||
186 | - { | ||
187 | - "province": "内蒙古自治区", | ||
188 | - "name": "锡林郭勒盟", | ||
189 | - "id": "152500" | ||
190 | - }, | ||
191 | - { | ||
192 | - "province": "内蒙古自治区", | ||
193 | - "name": "阿拉善盟", | ||
194 | - "id": "152900" | ||
195 | - } | ||
196 | - ], | ||
197 | - "210000": [ | ||
198 | - { | ||
199 | - "province": "辽宁省", | ||
200 | - "name": "沈阳市", | ||
201 | - "id": "210100" | ||
202 | - }, | ||
203 | - { | ||
204 | - "province": "辽宁省", | ||
205 | - "name": "大连市", | ||
206 | - "id": "210200" | ||
207 | - }, | ||
208 | - { | ||
209 | - "province": "辽宁省", | ||
210 | - "name": "鞍山市", | ||
211 | - "id": "210300" | ||
212 | - }, | ||
213 | - { | ||
214 | - "province": "辽宁省", | ||
215 | - "name": "抚顺市", | ||
216 | - "id": "210400" | ||
217 | - }, | ||
218 | - { | ||
219 | - "province": "辽宁省", | ||
220 | - "name": "本溪市", | ||
221 | - "id": "210500" | ||
222 | - }, | ||
223 | - { | ||
224 | - "province": "辽宁省", | ||
225 | - "name": "丹东市", | ||
226 | - "id": "210600" | ||
227 | - }, | ||
228 | - { | ||
229 | - "province": "辽宁省", | ||
230 | - "name": "锦州市", | ||
231 | - "id": "210700" | ||
232 | - }, | ||
233 | - { | ||
234 | - "province": "辽宁省", | ||
235 | - "name": "营口市", | ||
236 | - "id": "210800" | ||
237 | - }, | ||
238 | - { | ||
239 | - "province": "辽宁省", | ||
240 | - "name": "阜新市", | ||
241 | - "id": "210900" | ||
242 | - }, | ||
243 | - { | ||
244 | - "province": "辽宁省", | ||
245 | - "name": "辽阳市", | ||
246 | - "id": "211000" | ||
247 | - }, | ||
248 | - { | ||
249 | - "province": "辽宁省", | ||
250 | - "name": "盘锦市", | ||
251 | - "id": "211100" | ||
252 | - }, | ||
253 | - { | ||
254 | - "province": "辽宁省", | ||
255 | - "name": "铁岭市", | ||
256 | - "id": "211200" | ||
257 | - }, | ||
258 | - { | ||
259 | - "province": "辽宁省", | ||
260 | - "name": "朝阳市", | ||
261 | - "id": "211300" | ||
262 | - }, | ||
263 | - { | ||
264 | - "province": "辽宁省", | ||
265 | - "name": "葫芦岛市", | ||
266 | - "id": "211400" | ||
267 | - } | ||
268 | - ], | ||
269 | - "220000": [ | ||
270 | - { | ||
271 | - "province": "吉林省", | ||
272 | - "name": "长春市", | ||
273 | - "id": "220100" | ||
274 | - }, | ||
275 | - { | ||
276 | - "province": "吉林省", | ||
277 | - "name": "吉林市", | ||
278 | - "id": "220200" | ||
279 | - }, | ||
280 | - { | ||
281 | - "province": "吉林省", | ||
282 | - "name": "四平市", | ||
283 | - "id": "220300" | ||
284 | - }, | ||
285 | - { | ||
286 | - "province": "吉林省", | ||
287 | - "name": "辽源市", | ||
288 | - "id": "220400" | ||
289 | - }, | ||
290 | - { | ||
291 | - "province": "吉林省", | ||
292 | - "name": "通化市", | ||
293 | - "id": "220500" | ||
294 | - }, | ||
295 | - { | ||
296 | - "province": "吉林省", | ||
297 | - "name": "白山市", | ||
298 | - "id": "220600" | ||
299 | - }, | ||
300 | - { | ||
301 | - "province": "吉林省", | ||
302 | - "name": "松原市", | ||
303 | - "id": "220700" | ||
304 | - }, | ||
305 | - { | ||
306 | - "province": "吉林省", | ||
307 | - "name": "白城市", | ||
308 | - "id": "220800" | ||
309 | - }, | ||
310 | - { | ||
311 | - "province": "吉林省", | ||
312 | - "name": "延边朝鲜族自治州", | ||
313 | - "id": "222400" | ||
314 | - } | ||
315 | - ], | ||
316 | - "230000": [ | ||
317 | - { | ||
318 | - "province": "黑龙江省", | ||
319 | - "name": "哈尔滨市", | ||
320 | - "id": "230100" | ||
321 | - }, | ||
322 | - { | ||
323 | - "province": "黑龙江省", | ||
324 | - "name": "齐齐哈尔市", | ||
325 | - "id": "230200" | ||
326 | - }, | ||
327 | - { | ||
328 | - "province": "黑龙江省", | ||
329 | - "name": "鸡西市", | ||
330 | - "id": "230300" | ||
331 | - }, | ||
332 | - { | ||
333 | - "province": "黑龙江省", | ||
334 | - "name": "鹤岗市", | ||
335 | - "id": "230400" | ||
336 | - }, | ||
337 | - { | ||
338 | - "province": "黑龙江省", | ||
339 | - "name": "双鸭山市", | ||
340 | - "id": "230500" | ||
341 | - }, | ||
342 | - { | ||
343 | - "province": "黑龙江省", | ||
344 | - "name": "大庆市", | ||
345 | - "id": "230600" | ||
346 | - }, | ||
347 | - { | ||
348 | - "province": "黑龙江省", | ||
349 | - "name": "伊春市", | ||
350 | - "id": "230700" | ||
351 | - }, | ||
352 | - { | ||
353 | - "province": "黑龙江省", | ||
354 | - "name": "佳木斯市", | ||
355 | - "id": "230800" | ||
356 | - }, | ||
357 | - { | ||
358 | - "province": "黑龙江省", | ||
359 | - "name": "七台河市", | ||
360 | - "id": "230900" | ||
361 | - }, | ||
362 | - { | ||
363 | - "province": "黑龙江省", | ||
364 | - "name": "牡丹江市", | ||
365 | - "id": "231000" | ||
366 | - }, | ||
367 | - { | ||
368 | - "province": "黑龙江省", | ||
369 | - "name": "黑河市", | ||
370 | - "id": "231100" | ||
371 | - }, | ||
372 | - { | ||
373 | - "province": "黑龙江省", | ||
374 | - "name": "绥化市", | ||
375 | - "id": "231200" | ||
376 | - }, | ||
377 | - { | ||
378 | - "province": "黑龙江省", | ||
379 | - "name": "大兴安岭地区", | ||
380 | - "id": "232700" | ||
381 | - } | ||
382 | - ], | ||
383 | - "310000": [ | ||
384 | - { | ||
385 | - "province": "上海市", | ||
386 | - "name": "市辖区", | ||
387 | - "id": "310100" | ||
388 | - } | ||
389 | - ], | ||
390 | - "320000": [ | ||
391 | - { | ||
392 | - "province": "江苏省", | ||
393 | - "name": "南京市", | ||
394 | - "id": "320100" | ||
395 | - }, | ||
396 | - { | ||
397 | - "province": "江苏省", | ||
398 | - "name": "无锡市", | ||
399 | - "id": "320200" | ||
400 | - }, | ||
401 | - { | ||
402 | - "province": "江苏省", | ||
403 | - "name": "徐州市", | ||
404 | - "id": "320300" | ||
405 | - }, | ||
406 | - { | ||
407 | - "province": "江苏省", | ||
408 | - "name": "常州市", | ||
409 | - "id": "320400" | ||
410 | - }, | ||
411 | - { | ||
412 | - "province": "江苏省", | ||
413 | - "name": "苏州市", | ||
414 | - "id": "320500" | ||
415 | - }, | ||
416 | - { | ||
417 | - "province": "江苏省", | ||
418 | - "name": "南通市", | ||
419 | - "id": "320600" | ||
420 | - }, | ||
421 | - { | ||
422 | - "province": "江苏省", | ||
423 | - "name": "连云港市", | ||
424 | - "id": "320700" | ||
425 | - }, | ||
426 | - { | ||
427 | - "province": "江苏省", | ||
428 | - "name": "淮安市", | ||
429 | - "id": "320800" | ||
430 | - }, | ||
431 | - { | ||
432 | - "province": "江苏省", | ||
433 | - "name": "盐城市", | ||
434 | - "id": "320900" | ||
435 | - }, | ||
436 | - { | ||
437 | - "province": "江苏省", | ||
438 | - "name": "扬州市", | ||
439 | - "id": "321000" | ||
440 | - }, | ||
441 | - { | ||
442 | - "province": "江苏省", | ||
443 | - "name": "镇江市", | ||
444 | - "id": "321100" | ||
445 | - }, | ||
446 | - { | ||
447 | - "province": "江苏省", | ||
448 | - "name": "泰州市", | ||
449 | - "id": "321200" | ||
450 | - }, | ||
451 | - { | ||
452 | - "province": "江苏省", | ||
453 | - "name": "宿迁市", | ||
454 | - "id": "321300" | ||
455 | - } | ||
456 | - ], | ||
457 | - "330000": [ | ||
458 | - { | ||
459 | - "province": "浙江省", | ||
460 | - "name": "杭州市", | ||
461 | - "id": "330100" | ||
462 | - }, | ||
463 | - { | ||
464 | - "province": "浙江省", | ||
465 | - "name": "宁波市", | ||
466 | - "id": "330200" | ||
467 | - }, | ||
468 | - { | ||
469 | - "province": "浙江省", | ||
470 | - "name": "温州市", | ||
471 | - "id": "330300" | ||
472 | - }, | ||
473 | - { | ||
474 | - "province": "浙江省", | ||
475 | - "name": "嘉兴市", | ||
476 | - "id": "330400" | ||
477 | - }, | ||
478 | - { | ||
479 | - "province": "浙江省", | ||
480 | - "name": "湖州市", | ||
481 | - "id": "330500" | ||
482 | - }, | ||
483 | - { | ||
484 | - "province": "浙江省", | ||
485 | - "name": "绍兴市", | ||
486 | - "id": "330600" | ||
487 | - }, | ||
488 | - { | ||
489 | - "province": "浙江省", | ||
490 | - "name": "金华市", | ||
491 | - "id": "330700" | ||
492 | - }, | ||
493 | - { | ||
494 | - "province": "浙江省", | ||
495 | - "name": "衢州市", | ||
496 | - "id": "330800" | ||
497 | - }, | ||
498 | - { | ||
499 | - "province": "浙江省", | ||
500 | - "name": "舟山市", | ||
501 | - "id": "330900" | ||
502 | - }, | ||
503 | - { | ||
504 | - "province": "浙江省", | ||
505 | - "name": "台州市", | ||
506 | - "id": "331000" | ||
507 | - }, | ||
508 | - { | ||
509 | - "province": "浙江省", | ||
510 | - "name": "丽水市", | ||
511 | - "id": "331100" | ||
512 | - } | ||
513 | - ], | ||
514 | - "340000": [ | ||
515 | - { | ||
516 | - "province": "安徽省", | ||
517 | - "name": "合肥市", | ||
518 | - "id": "340100" | ||
519 | - }, | ||
520 | - { | ||
521 | - "province": "安徽省", | ||
522 | - "name": "芜湖市", | ||
523 | - "id": "340200" | ||
524 | - }, | ||
525 | - { | ||
526 | - "province": "安徽省", | ||
527 | - "name": "蚌埠市", | ||
528 | - "id": "340300" | ||
529 | - }, | ||
530 | - { | ||
531 | - "province": "安徽省", | ||
532 | - "name": "淮南市", | ||
533 | - "id": "340400" | ||
534 | - }, | ||
535 | - { | ||
536 | - "province": "安徽省", | ||
537 | - "name": "马鞍山市", | ||
538 | - "id": "340500" | ||
539 | - }, | ||
540 | - { | ||
541 | - "province": "安徽省", | ||
542 | - "name": "淮北市", | ||
543 | - "id": "340600" | ||
544 | - }, | ||
545 | - { | ||
546 | - "province": "安徽省", | ||
547 | - "name": "铜陵市", | ||
548 | - "id": "340700" | ||
549 | - }, | ||
550 | - { | ||
551 | - "province": "安徽省", | ||
552 | - "name": "安庆市", | ||
553 | - "id": "340800" | ||
554 | - }, | ||
555 | - { | ||
556 | - "province": "安徽省", | ||
557 | - "name": "黄山市", | ||
558 | - "id": "341000" | ||
559 | - }, | ||
560 | - { | ||
561 | - "province": "安徽省", | ||
562 | - "name": "滁州市", | ||
563 | - "id": "341100" | ||
564 | - }, | ||
565 | - { | ||
566 | - "province": "安徽省", | ||
567 | - "name": "阜阳市", | ||
568 | - "id": "341200" | ||
569 | - }, | ||
570 | - { | ||
571 | - "province": "安徽省", | ||
572 | - "name": "宿州市", | ||
573 | - "id": "341300" | ||
574 | - }, | ||
575 | - { | ||
576 | - "province": "安徽省", | ||
577 | - "name": "六安市", | ||
578 | - "id": "341500" | ||
579 | - }, | ||
580 | - { | ||
581 | - "province": "安徽省", | ||
582 | - "name": "亳州市", | ||
583 | - "id": "341600" | ||
584 | - }, | ||
585 | - { | ||
586 | - "province": "安徽省", | ||
587 | - "name": "池州市", | ||
588 | - "id": "341700" | ||
589 | - }, | ||
590 | - { | ||
591 | - "province": "安徽省", | ||
592 | - "name": "宣城市", | ||
593 | - "id": "341800" | ||
594 | - } | ||
595 | - ], | ||
596 | - "350000": [ | ||
597 | - { | ||
598 | - "province": "福建省", | ||
599 | - "name": "福州市", | ||
600 | - "id": "350100" | ||
601 | - }, | ||
602 | - { | ||
603 | - "province": "福建省", | ||
604 | - "name": "厦门市", | ||
605 | - "id": "350200" | ||
606 | - }, | ||
607 | - { | ||
608 | - "province": "福建省", | ||
609 | - "name": "莆田市", | ||
610 | - "id": "350300" | ||
611 | - }, | ||
612 | - { | ||
613 | - "province": "福建省", | ||
614 | - "name": "三明市", | ||
615 | - "id": "350400" | ||
616 | - }, | ||
617 | - { | ||
618 | - "province": "福建省", | ||
619 | - "name": "泉州市", | ||
620 | - "id": "350500" | ||
621 | - }, | ||
622 | - { | ||
623 | - "province": "福建省", | ||
624 | - "name": "漳州市", | ||
625 | - "id": "350600" | ||
626 | - }, | ||
627 | - { | ||
628 | - "province": "福建省", | ||
629 | - "name": "南平市", | ||
630 | - "id": "350700" | ||
631 | - }, | ||
632 | - { | ||
633 | - "province": "福建省", | ||
634 | - "name": "龙岩市", | ||
635 | - "id": "350800" | ||
636 | - }, | ||
637 | - { | ||
638 | - "province": "福建省", | ||
639 | - "name": "宁德市", | ||
640 | - "id": "350900" | ||
641 | - } | ||
642 | - ], | ||
643 | - "360000": [ | ||
644 | - { | ||
645 | - "province": "江西省", | ||
646 | - "name": "南昌市", | ||
647 | - "id": "360100" | ||
648 | - }, | ||
649 | - { | ||
650 | - "province": "江西省", | ||
651 | - "name": "景德镇市", | ||
652 | - "id": "360200" | ||
653 | - }, | ||
654 | - { | ||
655 | - "province": "江西省", | ||
656 | - "name": "萍乡市", | ||
657 | - "id": "360300" | ||
658 | - }, | ||
659 | - { | ||
660 | - "province": "江西省", | ||
661 | - "name": "九江市", | ||
662 | - "id": "360400" | ||
663 | - }, | ||
664 | - { | ||
665 | - "province": "江西省", | ||
666 | - "name": "新余市", | ||
667 | - "id": "360500" | ||
668 | - }, | ||
669 | - { | ||
670 | - "province": "江西省", | ||
671 | - "name": "鹰潭市", | ||
672 | - "id": "360600" | ||
673 | - }, | ||
674 | - { | ||
675 | - "province": "江西省", | ||
676 | - "name": "赣州市", | ||
677 | - "id": "360700" | ||
678 | - }, | ||
679 | - { | ||
680 | - "province": "江西省", | ||
681 | - "name": "吉安市", | ||
682 | - "id": "360800" | ||
683 | - }, | ||
684 | - { | ||
685 | - "province": "江西省", | ||
686 | - "name": "宜春市", | ||
687 | - "id": "360900" | ||
688 | - }, | ||
689 | - { | ||
690 | - "province": "江西省", | ||
691 | - "name": "抚州市", | ||
692 | - "id": "361000" | ||
693 | - }, | ||
694 | - { | ||
695 | - "province": "江西省", | ||
696 | - "name": "上饶市", | ||
697 | - "id": "361100" | ||
698 | - } | ||
699 | - ], | ||
700 | - "370000": [ | ||
701 | - { | ||
702 | - "province": "山东省", | ||
703 | - "name": "济南市", | ||
704 | - "id": "370100" | ||
705 | - }, | ||
706 | - { | ||
707 | - "province": "山东省", | ||
708 | - "name": "青岛市", | ||
709 | - "id": "370200" | ||
710 | - }, | ||
711 | - { | ||
712 | - "province": "山东省", | ||
713 | - "name": "淄博市", | ||
714 | - "id": "370300" | ||
715 | - }, | ||
716 | - { | ||
717 | - "province": "山东省", | ||
718 | - "name": "枣庄市", | ||
719 | - "id": "370400" | ||
720 | - }, | ||
721 | - { | ||
722 | - "province": "山东省", | ||
723 | - "name": "东营市", | ||
724 | - "id": "370500" | ||
725 | - }, | ||
726 | - { | ||
727 | - "province": "山东省", | ||
728 | - "name": "烟台市", | ||
729 | - "id": "370600" | ||
730 | - }, | ||
731 | - { | ||
732 | - "province": "山东省", | ||
733 | - "name": "潍坊市", | ||
734 | - "id": "370700" | ||
735 | - }, | ||
736 | - { | ||
737 | - "province": "山东省", | ||
738 | - "name": "济宁市", | ||
739 | - "id": "370800" | ||
740 | - }, | ||
741 | - { | ||
742 | - "province": "山东省", | ||
743 | - "name": "泰安市", | ||
744 | - "id": "370900" | ||
745 | - }, | ||
746 | - { | ||
747 | - "province": "山东省", | ||
748 | - "name": "威海市", | ||
749 | - "id": "371000" | ||
750 | - }, | ||
751 | - { | ||
752 | - "province": "山东省", | ||
753 | - "name": "日照市", | ||
754 | - "id": "371100" | ||
755 | - }, | ||
756 | - { | ||
757 | - "province": "山东省", | ||
758 | - "name": "莱芜市", | ||
759 | - "id": "371200" | ||
760 | - }, | ||
761 | - { | ||
762 | - "province": "山东省", | ||
763 | - "name": "临沂市", | ||
764 | - "id": "371300" | ||
765 | - }, | ||
766 | - { | ||
767 | - "province": "山东省", | ||
768 | - "name": "德州市", | ||
769 | - "id": "371400" | ||
770 | - }, | ||
771 | - { | ||
772 | - "province": "山东省", | ||
773 | - "name": "聊城市", | ||
774 | - "id": "371500" | ||
775 | - }, | ||
776 | - { | ||
777 | - "province": "山东省", | ||
778 | - "name": "滨州市", | ||
779 | - "id": "371600" | ||
780 | - }, | ||
781 | - { | ||
782 | - "province": "山东省", | ||
783 | - "name": "菏泽市", | ||
784 | - "id": "371700" | ||
785 | - } | ||
786 | - ], | ||
787 | - "410000": [ | ||
788 | - { | ||
789 | - "province": "河南省", | ||
790 | - "name": "郑州市", | ||
791 | - "id": "410100" | ||
792 | - }, | ||
793 | - { | ||
794 | - "province": "河南省", | ||
795 | - "name": "开封市", | ||
796 | - "id": "410200" | ||
797 | - }, | ||
798 | - { | ||
799 | - "province": "河南省", | ||
800 | - "name": "洛阳市", | ||
801 | - "id": "410300" | ||
802 | - }, | ||
803 | - { | ||
804 | - "province": "河南省", | ||
805 | - "name": "平顶山市", | ||
806 | - "id": "410400" | ||
807 | - }, | ||
808 | - { | ||
809 | - "province": "河南省", | ||
810 | - "name": "安阳市", | ||
811 | - "id": "410500" | ||
812 | - }, | ||
813 | - { | ||
814 | - "province": "河南省", | ||
815 | - "name": "鹤壁市", | ||
816 | - "id": "410600" | ||
817 | - }, | ||
818 | - { | ||
819 | - "province": "河南省", | ||
820 | - "name": "新乡市", | ||
821 | - "id": "410700" | ||
822 | - }, | ||
823 | - { | ||
824 | - "province": "河南省", | ||
825 | - "name": "焦作市", | ||
826 | - "id": "410800" | ||
827 | - }, | ||
828 | - { | ||
829 | - "province": "河南省", | ||
830 | - "name": "濮阳市", | ||
831 | - "id": "410900" | ||
832 | - }, | ||
833 | - { | ||
834 | - "province": "河南省", | ||
835 | - "name": "许昌市", | ||
836 | - "id": "411000" | ||
837 | - }, | ||
838 | - { | ||
839 | - "province": "河南省", | ||
840 | - "name": "漯河市", | ||
841 | - "id": "411100" | ||
842 | - }, | ||
843 | - { | ||
844 | - "province": "河南省", | ||
845 | - "name": "三门峡市", | ||
846 | - "id": "411200" | ||
847 | - }, | ||
848 | - { | ||
849 | - "province": "河南省", | ||
850 | - "name": "南阳市", | ||
851 | - "id": "411300" | ||
852 | - }, | ||
853 | - { | ||
854 | - "province": "河南省", | ||
855 | - "name": "商丘市", | ||
856 | - "id": "411400" | ||
857 | - }, | ||
858 | - { | ||
859 | - "province": "河南省", | ||
860 | - "name": "信阳市", | ||
861 | - "id": "411500" | ||
862 | - }, | ||
863 | - { | ||
864 | - "province": "河南省", | ||
865 | - "name": "周口市", | ||
866 | - "id": "411600" | ||
867 | - }, | ||
868 | - { | ||
869 | - "province": "河南省", | ||
870 | - "name": "驻马店市", | ||
871 | - "id": "411700" | ||
872 | - }, | ||
873 | - { | ||
874 | - "province": "河南省", | ||
875 | - "name": "省直辖县级行政区划", | ||
876 | - "id": "419000" | ||
877 | - } | ||
878 | - ], | ||
879 | - "420000": [ | ||
880 | - { | ||
881 | - "province": "湖北省", | ||
882 | - "name": "武汉市", | ||
883 | - "id": "420100" | ||
884 | - }, | ||
885 | - { | ||
886 | - "province": "湖北省", | ||
887 | - "name": "黄石市", | ||
888 | - "id": "420200" | ||
889 | - }, | ||
890 | - { | ||
891 | - "province": "湖北省", | ||
892 | - "name": "十堰市", | ||
893 | - "id": "420300" | ||
894 | - }, | ||
895 | - { | ||
896 | - "province": "湖北省", | ||
897 | - "name": "宜昌市", | ||
898 | - "id": "420500" | ||
899 | - }, | ||
900 | - { | ||
901 | - "province": "湖北省", | ||
902 | - "name": "襄阳市", | ||
903 | - "id": "420600" | ||
904 | - }, | ||
905 | - { | ||
906 | - "province": "湖北省", | ||
907 | - "name": "鄂州市", | ||
908 | - "id": "420700" | ||
909 | - }, | ||
910 | - { | ||
911 | - "province": "湖北省", | ||
912 | - "name": "荆门市", | ||
913 | - "id": "420800" | ||
914 | - }, | ||
915 | - { | ||
916 | - "province": "湖北省", | ||
917 | - "name": "孝感市", | ||
918 | - "id": "420900" | ||
919 | - }, | ||
920 | - { | ||
921 | - "province": "湖北省", | ||
922 | - "name": "荆州市", | ||
923 | - "id": "421000" | ||
924 | - }, | ||
925 | - { | ||
926 | - "province": "湖北省", | ||
927 | - "name": "黄冈市", | ||
928 | - "id": "421100" | ||
929 | - }, | ||
930 | - { | ||
931 | - "province": "湖北省", | ||
932 | - "name": "咸宁市", | ||
933 | - "id": "421200" | ||
934 | - }, | ||
935 | - { | ||
936 | - "province": "湖北省", | ||
937 | - "name": "随州市", | ||
938 | - "id": "421300" | ||
939 | - }, | ||
940 | - { | ||
941 | - "province": "湖北省", | ||
942 | - "name": "恩施土家族苗族自治州", | ||
943 | - "id": "422800" | ||
944 | - }, | ||
945 | - { | ||
946 | - "province": "湖北省", | ||
947 | - "name": "省直辖县级行政区划", | ||
948 | - "id": "429000" | ||
949 | - } | ||
950 | - ], | ||
951 | - "430000": [ | ||
952 | - { | ||
953 | - "province": "湖南省", | ||
954 | - "name": "长沙市", | ||
955 | - "id": "430100" | ||
956 | - }, | ||
957 | - { | ||
958 | - "province": "湖南省", | ||
959 | - "name": "株洲市", | ||
960 | - "id": "430200" | ||
961 | - }, | ||
962 | - { | ||
963 | - "province": "湖南省", | ||
964 | - "name": "湘潭市", | ||
965 | - "id": "430300" | ||
966 | - }, | ||
967 | - { | ||
968 | - "province": "湖南省", | ||
969 | - "name": "衡阳市", | ||
970 | - "id": "430400" | ||
971 | - }, | ||
972 | - { | ||
973 | - "province": "湖南省", | ||
974 | - "name": "邵阳市", | ||
975 | - "id": "430500" | ||
976 | - }, | ||
977 | - { | ||
978 | - "province": "湖南省", | ||
979 | - "name": "岳阳市", | ||
980 | - "id": "430600" | ||
981 | - }, | ||
982 | - { | ||
983 | - "province": "湖南省", | ||
984 | - "name": "常德市", | ||
985 | - "id": "430700" | ||
986 | - }, | ||
987 | - { | ||
988 | - "province": "湖南省", | ||
989 | - "name": "张家界市", | ||
990 | - "id": "430800" | ||
991 | - }, | ||
992 | - { | ||
993 | - "province": "湖南省", | ||
994 | - "name": "益阳市", | ||
995 | - "id": "430900" | ||
996 | - }, | ||
997 | - { | ||
998 | - "province": "湖南省", | ||
999 | - "name": "郴州市", | ||
1000 | - "id": "431000" | ||
1001 | - }, | ||
1002 | - { | ||
1003 | - "province": "湖南省", | ||
1004 | - "name": "永州市", | ||
1005 | - "id": "431100" | ||
1006 | - }, | ||
1007 | - { | ||
1008 | - "province": "湖南省", | ||
1009 | - "name": "怀化市", | ||
1010 | - "id": "431200" | ||
1011 | - }, | ||
1012 | - { | ||
1013 | - "province": "湖南省", | ||
1014 | - "name": "娄底市", | ||
1015 | - "id": "431300" | ||
1016 | - }, | ||
1017 | - { | ||
1018 | - "province": "湖南省", | ||
1019 | - "name": "湘西土家族苗族自治州", | ||
1020 | - "id": "433100" | ||
1021 | - } | ||
1022 | - ], | ||
1023 | - "440000": [ | ||
1024 | - { | ||
1025 | - "province": "广东省", | ||
1026 | - "name": "广州市", | ||
1027 | - "id": "440100" | ||
1028 | - }, | ||
1029 | - { | ||
1030 | - "province": "广东省", | ||
1031 | - "name": "韶关市", | ||
1032 | - "id": "440200" | ||
1033 | - }, | ||
1034 | - { | ||
1035 | - "province": "广东省", | ||
1036 | - "name": "深圳市", | ||
1037 | - "id": "440300" | ||
1038 | - }, | ||
1039 | - { | ||
1040 | - "province": "广东省", | ||
1041 | - "name": "珠海市", | ||
1042 | - "id": "440400" | ||
1043 | - }, | ||
1044 | - { | ||
1045 | - "province": "广东省", | ||
1046 | - "name": "汕头市", | ||
1047 | - "id": "440500" | ||
1048 | - }, | ||
1049 | - { | ||
1050 | - "province": "广东省", | ||
1051 | - "name": "佛山市", | ||
1052 | - "id": "440600" | ||
1053 | - }, | ||
1054 | - { | ||
1055 | - "province": "广东省", | ||
1056 | - "name": "江门市", | ||
1057 | - "id": "440700" | ||
1058 | - }, | ||
1059 | - { | ||
1060 | - "province": "广东省", | ||
1061 | - "name": "湛江市", | ||
1062 | - "id": "440800" | ||
1063 | - }, | ||
1064 | - { | ||
1065 | - "province": "广东省", | ||
1066 | - "name": "茂名市", | ||
1067 | - "id": "440900" | ||
1068 | - }, | ||
1069 | - { | ||
1070 | - "province": "广东省", | ||
1071 | - "name": "肇庆市", | ||
1072 | - "id": "441200" | ||
1073 | - }, | ||
1074 | - { | ||
1075 | - "province": "广东省", | ||
1076 | - "name": "惠州市", | ||
1077 | - "id": "441300" | ||
1078 | - }, | ||
1079 | - { | ||
1080 | - "province": "广东省", | ||
1081 | - "name": "梅州市", | ||
1082 | - "id": "441400" | ||
1083 | - }, | ||
1084 | - { | ||
1085 | - "province": "广东省", | ||
1086 | - "name": "汕尾市", | ||
1087 | - "id": "441500" | ||
1088 | - }, | ||
1089 | - { | ||
1090 | - "province": "广东省", | ||
1091 | - "name": "河源市", | ||
1092 | - "id": "441600" | ||
1093 | - }, | ||
1094 | - { | ||
1095 | - "province": "广东省", | ||
1096 | - "name": "阳江市", | ||
1097 | - "id": "441700" | ||
1098 | - }, | ||
1099 | - { | ||
1100 | - "province": "广东省", | ||
1101 | - "name": "清远市", | ||
1102 | - "id": "441800" | ||
1103 | - }, | ||
1104 | - { | ||
1105 | - "province": "广东省", | ||
1106 | - "name": "东莞市", | ||
1107 | - "id": "441900" | ||
1108 | - }, | ||
1109 | - { | ||
1110 | - "province": "广东省", | ||
1111 | - "name": "中山市", | ||
1112 | - "id": "442000" | ||
1113 | - }, | ||
1114 | - { | ||
1115 | - "province": "广东省", | ||
1116 | - "name": "潮州市", | ||
1117 | - "id": "445100" | ||
1118 | - }, | ||
1119 | - { | ||
1120 | - "province": "广东省", | ||
1121 | - "name": "揭阳市", | ||
1122 | - "id": "445200" | ||
1123 | - }, | ||
1124 | - { | ||
1125 | - "province": "广东省", | ||
1126 | - "name": "云浮市", | ||
1127 | - "id": "445300" | ||
1128 | - } | ||
1129 | - ], | ||
1130 | - "450000": [ | ||
1131 | - { | ||
1132 | - "province": "广西壮族自治区", | ||
1133 | - "name": "南宁市", | ||
1134 | - "id": "450100" | ||
1135 | - }, | ||
1136 | - { | ||
1137 | - "province": "广西壮族自治区", | ||
1138 | - "name": "柳州市", | ||
1139 | - "id": "450200" | ||
1140 | - }, | ||
1141 | - { | ||
1142 | - "province": "广西壮族自治区", | ||
1143 | - "name": "桂林市", | ||
1144 | - "id": "450300" | ||
1145 | - }, | ||
1146 | - { | ||
1147 | - "province": "广西壮族自治区", | ||
1148 | - "name": "梧州市", | ||
1149 | - "id": "450400" | ||
1150 | - }, | ||
1151 | - { | ||
1152 | - "province": "广西壮族自治区", | ||
1153 | - "name": "北海市", | ||
1154 | - "id": "450500" | ||
1155 | - }, | ||
1156 | - { | ||
1157 | - "province": "广西壮族自治区", | ||
1158 | - "name": "防城港市", | ||
1159 | - "id": "450600" | ||
1160 | - }, | ||
1161 | - { | ||
1162 | - "province": "广西壮族自治区", | ||
1163 | - "name": "钦州市", | ||
1164 | - "id": "450700" | ||
1165 | - }, | ||
1166 | - { | ||
1167 | - "province": "广西壮族自治区", | ||
1168 | - "name": "贵港市", | ||
1169 | - "id": "450800" | ||
1170 | - }, | ||
1171 | - { | ||
1172 | - "province": "广西壮族自治区", | ||
1173 | - "name": "玉林市", | ||
1174 | - "id": "450900" | ||
1175 | - }, | ||
1176 | - { | ||
1177 | - "province": "广西壮族自治区", | ||
1178 | - "name": "百色市", | ||
1179 | - "id": "451000" | ||
1180 | - }, | ||
1181 | - { | ||
1182 | - "province": "广西壮族自治区", | ||
1183 | - "name": "贺州市", | ||
1184 | - "id": "451100" | ||
1185 | - }, | ||
1186 | - { | ||
1187 | - "province": "广西壮族自治区", | ||
1188 | - "name": "河池市", | ||
1189 | - "id": "451200" | ||
1190 | - }, | ||
1191 | - { | ||
1192 | - "province": "广西壮族自治区", | ||
1193 | - "name": "来宾市", | ||
1194 | - "id": "451300" | ||
1195 | - }, | ||
1196 | - { | ||
1197 | - "province": "广西壮族自治区", | ||
1198 | - "name": "崇左市", | ||
1199 | - "id": "451400" | ||
1200 | - } | ||
1201 | - ], | ||
1202 | - "460000": [ | ||
1203 | - { | ||
1204 | - "province": "海南省", | ||
1205 | - "name": "海口市", | ||
1206 | - "id": "460100" | ||
1207 | - }, | ||
1208 | - { | ||
1209 | - "province": "海南省", | ||
1210 | - "name": "三亚市", | ||
1211 | - "id": "460200" | ||
1212 | - }, | ||
1213 | - { | ||
1214 | - "province": "海南省", | ||
1215 | - "name": "三沙市", | ||
1216 | - "id": "460300" | ||
1217 | - }, | ||
1218 | - { | ||
1219 | - "province": "海南省", | ||
1220 | - "name": "儋州市", | ||
1221 | - "id": "460400" | ||
1222 | - }, | ||
1223 | - { | ||
1224 | - "province": "海南省", | ||
1225 | - "name": "省直辖县级行政区划", | ||
1226 | - "id": "469000" | ||
1227 | - } | ||
1228 | - ], | ||
1229 | - "500000": [ | ||
1230 | - { | ||
1231 | - "province": "重庆市", | ||
1232 | - "name": "市辖区", | ||
1233 | - "id": "500100" | ||
1234 | - }, | ||
1235 | - { | ||
1236 | - "province": "重庆市", | ||
1237 | - "name": "县", | ||
1238 | - "id": "500200" | ||
1239 | - } | ||
1240 | - ], | ||
1241 | - "510000": [ | ||
1242 | - { | ||
1243 | - "province": "四川省", | ||
1244 | - "name": "成都市", | ||
1245 | - "id": "510100" | ||
1246 | - }, | ||
1247 | - { | ||
1248 | - "province": "四川省", | ||
1249 | - "name": "自贡市", | ||
1250 | - "id": "510300" | ||
1251 | - }, | ||
1252 | - { | ||
1253 | - "province": "四川省", | ||
1254 | - "name": "攀枝花市", | ||
1255 | - "id": "510400" | ||
1256 | - }, | ||
1257 | - { | ||
1258 | - "province": "四川省", | ||
1259 | - "name": "泸州市", | ||
1260 | - "id": "510500" | ||
1261 | - }, | ||
1262 | - { | ||
1263 | - "province": "四川省", | ||
1264 | - "name": "德阳市", | ||
1265 | - "id": "510600" | ||
1266 | - }, | ||
1267 | - { | ||
1268 | - "province": "四川省", | ||
1269 | - "name": "绵阳市", | ||
1270 | - "id": "510700" | ||
1271 | - }, | ||
1272 | - { | ||
1273 | - "province": "四川省", | ||
1274 | - "name": "广元市", | ||
1275 | - "id": "510800" | ||
1276 | - }, | ||
1277 | - { | ||
1278 | - "province": "四川省", | ||
1279 | - "name": "遂宁市", | ||
1280 | - "id": "510900" | ||
1281 | - }, | ||
1282 | - { | ||
1283 | - "province": "四川省", | ||
1284 | - "name": "内江市", | ||
1285 | - "id": "511000" | ||
1286 | - }, | ||
1287 | - { | ||
1288 | - "province": "四川省", | ||
1289 | - "name": "乐山市", | ||
1290 | - "id": "511100" | ||
1291 | - }, | ||
1292 | - { | ||
1293 | - "province": "四川省", | ||
1294 | - "name": "南充市", | ||
1295 | - "id": "511300" | ||
1296 | - }, | ||
1297 | - { | ||
1298 | - "province": "四川省", | ||
1299 | - "name": "眉山市", | ||
1300 | - "id": "511400" | ||
1301 | - }, | ||
1302 | - { | ||
1303 | - "province": "四川省", | ||
1304 | - "name": "宜宾市", | ||
1305 | - "id": "511500" | ||
1306 | - }, | ||
1307 | - { | ||
1308 | - "province": "四川省", | ||
1309 | - "name": "广安市", | ||
1310 | - "id": "511600" | ||
1311 | - }, | ||
1312 | - { | ||
1313 | - "province": "四川省", | ||
1314 | - "name": "达州市", | ||
1315 | - "id": "511700" | ||
1316 | - }, | ||
1317 | - { | ||
1318 | - "province": "四川省", | ||
1319 | - "name": "雅安市", | ||
1320 | - "id": "511800" | ||
1321 | - }, | ||
1322 | - { | ||
1323 | - "province": "四川省", | ||
1324 | - "name": "巴中市", | ||
1325 | - "id": "511900" | ||
1326 | - }, | ||
1327 | - { | ||
1328 | - "province": "四川省", | ||
1329 | - "name": "资阳市", | ||
1330 | - "id": "512000" | ||
1331 | - }, | ||
1332 | - { | ||
1333 | - "province": "四川省", | ||
1334 | - "name": "阿坝藏族羌族自治州", | ||
1335 | - "id": "513200" | ||
1336 | - }, | ||
1337 | - { | ||
1338 | - "province": "四川省", | ||
1339 | - "name": "甘孜藏族自治州", | ||
1340 | - "id": "513300" | ||
1341 | - }, | ||
1342 | - { | ||
1343 | - "province": "四川省", | ||
1344 | - "name": "凉山彝族自治州", | ||
1345 | - "id": "513400" | ||
1346 | - } | ||
1347 | - ], | ||
1348 | - "520000": [ | ||
1349 | - { | ||
1350 | - "province": "贵州省", | ||
1351 | - "name": "贵阳市", | ||
1352 | - "id": "520100" | ||
1353 | - }, | ||
1354 | - { | ||
1355 | - "province": "贵州省", | ||
1356 | - "name": "六盘水市", | ||
1357 | - "id": "520200" | ||
1358 | - }, | ||
1359 | - { | ||
1360 | - "province": "贵州省", | ||
1361 | - "name": "遵义市", | ||
1362 | - "id": "520300" | ||
1363 | - }, | ||
1364 | - { | ||
1365 | - "province": "贵州省", | ||
1366 | - "name": "安顺市", | ||
1367 | - "id": "520400" | ||
1368 | - }, | ||
1369 | - { | ||
1370 | - "province": "贵州省", | ||
1371 | - "name": "毕节市", | ||
1372 | - "id": "520500" | ||
1373 | - }, | ||
1374 | - { | ||
1375 | - "province": "贵州省", | ||
1376 | - "name": "铜仁市", | ||
1377 | - "id": "520600" | ||
1378 | - }, | ||
1379 | - { | ||
1380 | - "province": "贵州省", | ||
1381 | - "name": "黔西南布依族苗族自治州", | ||
1382 | - "id": "522300" | ||
1383 | - }, | ||
1384 | - { | ||
1385 | - "province": "贵州省", | ||
1386 | - "name": "黔东南苗族侗族自治州", | ||
1387 | - "id": "522600" | ||
1388 | - }, | ||
1389 | - { | ||
1390 | - "province": "贵州省", | ||
1391 | - "name": "黔南布依族苗族自治州", | ||
1392 | - "id": "522700" | ||
1393 | - } | ||
1394 | - ], | ||
1395 | - "530000": [ | ||
1396 | - { | ||
1397 | - "province": "云南省", | ||
1398 | - "name": "昆明市", | ||
1399 | - "id": "530100" | ||
1400 | - }, | ||
1401 | - { | ||
1402 | - "province": "云南省", | ||
1403 | - "name": "曲靖市", | ||
1404 | - "id": "530300" | ||
1405 | - }, | ||
1406 | - { | ||
1407 | - "province": "云南省", | ||
1408 | - "name": "玉溪市", | ||
1409 | - "id": "530400" | ||
1410 | - }, | ||
1411 | - { | ||
1412 | - "province": "云南省", | ||
1413 | - "name": "保山市", | ||
1414 | - "id": "530500" | ||
1415 | - }, | ||
1416 | - { | ||
1417 | - "province": "云南省", | ||
1418 | - "name": "昭通市", | ||
1419 | - "id": "530600" | ||
1420 | - }, | ||
1421 | - { | ||
1422 | - "province": "云南省", | ||
1423 | - "name": "丽江市", | ||
1424 | - "id": "530700" | ||
1425 | - }, | ||
1426 | - { | ||
1427 | - "province": "云南省", | ||
1428 | - "name": "普洱市", | ||
1429 | - "id": "530800" | ||
1430 | - }, | ||
1431 | - { | ||
1432 | - "province": "云南省", | ||
1433 | - "name": "临沧市", | ||
1434 | - "id": "530900" | ||
1435 | - }, | ||
1436 | - { | ||
1437 | - "province": "云南省", | ||
1438 | - "name": "楚雄彝族自治州", | ||
1439 | - "id": "532300" | ||
1440 | - }, | ||
1441 | - { | ||
1442 | - "province": "云南省", | ||
1443 | - "name": "红河哈尼族彝族自治州", | ||
1444 | - "id": "532500" | ||
1445 | - }, | ||
1446 | - { | ||
1447 | - "province": "云南省", | ||
1448 | - "name": "文山壮族苗族自治州", | ||
1449 | - "id": "532600" | ||
1450 | - }, | ||
1451 | - { | ||
1452 | - "province": "云南省", | ||
1453 | - "name": "西双版纳傣族自治州", | ||
1454 | - "id": "532800" | ||
1455 | - }, | ||
1456 | - { | ||
1457 | - "province": "云南省", | ||
1458 | - "name": "大理白族自治州", | ||
1459 | - "id": "532900" | ||
1460 | - }, | ||
1461 | - { | ||
1462 | - "province": "云南省", | ||
1463 | - "name": "德宏傣族景颇族自治州", | ||
1464 | - "id": "533100" | ||
1465 | - }, | ||
1466 | - { | ||
1467 | - "province": "云南省", | ||
1468 | - "name": "怒江傈僳族自治州", | ||
1469 | - "id": "533300" | ||
1470 | - }, | ||
1471 | - { | ||
1472 | - "province": "云南省", | ||
1473 | - "name": "迪庆藏族自治州", | ||
1474 | - "id": "533400" | ||
1475 | - } | ||
1476 | - ], | ||
1477 | - "540000": [ | ||
1478 | - { | ||
1479 | - "province": "西藏自治区", | ||
1480 | - "name": "拉萨市", | ||
1481 | - "id": "540100" | ||
1482 | - }, | ||
1483 | - { | ||
1484 | - "province": "西藏自治区", | ||
1485 | - "name": "日喀则市", | ||
1486 | - "id": "540200" | ||
1487 | - }, | ||
1488 | - { | ||
1489 | - "province": "西藏自治区", | ||
1490 | - "name": "昌都市", | ||
1491 | - "id": "540300" | ||
1492 | - }, | ||
1493 | - { | ||
1494 | - "province": "西藏自治区", | ||
1495 | - "name": "林芝市", | ||
1496 | - "id": "540400" | ||
1497 | - }, | ||
1498 | - { | ||
1499 | - "province": "西藏自治区", | ||
1500 | - "name": "山南市", | ||
1501 | - "id": "540500" | ||
1502 | - }, | ||
1503 | - { | ||
1504 | - "province": "西藏自治区", | ||
1505 | - "name": "那曲地区", | ||
1506 | - "id": "542400" | ||
1507 | - }, | ||
1508 | - { | ||
1509 | - "province": "西藏自治区", | ||
1510 | - "name": "阿里地区", | ||
1511 | - "id": "542500" | ||
1512 | - } | ||
1513 | - ], | ||
1514 | - "610000": [ | ||
1515 | - { | ||
1516 | - "province": "陕西省", | ||
1517 | - "name": "西安市", | ||
1518 | - "id": "610100" | ||
1519 | - }, | ||
1520 | - { | ||
1521 | - "province": "陕西省", | ||
1522 | - "name": "铜川市", | ||
1523 | - "id": "610200" | ||
1524 | - }, | ||
1525 | - { | ||
1526 | - "province": "陕西省", | ||
1527 | - "name": "宝鸡市", | ||
1528 | - "id": "610300" | ||
1529 | - }, | ||
1530 | - { | ||
1531 | - "province": "陕西省", | ||
1532 | - "name": "咸阳市", | ||
1533 | - "id": "610400" | ||
1534 | - }, | ||
1535 | - { | ||
1536 | - "province": "陕西省", | ||
1537 | - "name": "渭南市", | ||
1538 | - "id": "610500" | ||
1539 | - }, | ||
1540 | - { | ||
1541 | - "province": "陕西省", | ||
1542 | - "name": "延安市", | ||
1543 | - "id": "610600" | ||
1544 | - }, | ||
1545 | - { | ||
1546 | - "province": "陕西省", | ||
1547 | - "name": "汉中市", | ||
1548 | - "id": "610700" | ||
1549 | - }, | ||
1550 | - { | ||
1551 | - "province": "陕西省", | ||
1552 | - "name": "榆林市", | ||
1553 | - "id": "610800" | ||
1554 | - }, | ||
1555 | - { | ||
1556 | - "province": "陕西省", | ||
1557 | - "name": "安康市", | ||
1558 | - "id": "610900" | ||
1559 | - }, | ||
1560 | - { | ||
1561 | - "province": "陕西省", | ||
1562 | - "name": "商洛市", | ||
1563 | - "id": "611000" | ||
1564 | - } | ||
1565 | - ], | ||
1566 | - "620000": [ | ||
1567 | - { | ||
1568 | - "province": "甘肃省", | ||
1569 | - "name": "兰州市", | ||
1570 | - "id": "620100" | ||
1571 | - }, | ||
1572 | - { | ||
1573 | - "province": "甘肃省", | ||
1574 | - "name": "嘉峪关市", | ||
1575 | - "id": "620200" | ||
1576 | - }, | ||
1577 | - { | ||
1578 | - "province": "甘肃省", | ||
1579 | - "name": "金昌市", | ||
1580 | - "id": "620300" | ||
1581 | - }, | ||
1582 | - { | ||
1583 | - "province": "甘肃省", | ||
1584 | - "name": "白银市", | ||
1585 | - "id": "620400" | ||
1586 | - }, | ||
1587 | - { | ||
1588 | - "province": "甘肃省", | ||
1589 | - "name": "天水市", | ||
1590 | - "id": "620500" | ||
1591 | - }, | ||
1592 | - { | ||
1593 | - "province": "甘肃省", | ||
1594 | - "name": "武威市", | ||
1595 | - "id": "620600" | ||
1596 | - }, | ||
1597 | - { | ||
1598 | - "province": "甘肃省", | ||
1599 | - "name": "张掖市", | ||
1600 | - "id": "620700" | ||
1601 | - }, | ||
1602 | - { | ||
1603 | - "province": "甘肃省", | ||
1604 | - "name": "平凉市", | ||
1605 | - "id": "620800" | ||
1606 | - }, | ||
1607 | - { | ||
1608 | - "province": "甘肃省", | ||
1609 | - "name": "酒泉市", | ||
1610 | - "id": "620900" | ||
1611 | - }, | ||
1612 | - { | ||
1613 | - "province": "甘肃省", | ||
1614 | - "name": "庆阳市", | ||
1615 | - "id": "621000" | ||
1616 | - }, | ||
1617 | - { | ||
1618 | - "province": "甘肃省", | ||
1619 | - "name": "定西市", | ||
1620 | - "id": "621100" | ||
1621 | - }, | ||
1622 | - { | ||
1623 | - "province": "甘肃省", | ||
1624 | - "name": "陇南市", | ||
1625 | - "id": "621200" | ||
1626 | - }, | ||
1627 | - { | ||
1628 | - "province": "甘肃省", | ||
1629 | - "name": "临夏回族自治州", | ||
1630 | - "id": "622900" | ||
1631 | - }, | ||
1632 | - { | ||
1633 | - "province": "甘肃省", | ||
1634 | - "name": "甘南藏族自治州", | ||
1635 | - "id": "623000" | ||
1636 | - } | ||
1637 | - ], | ||
1638 | - "630000": [ | ||
1639 | - { | ||
1640 | - "province": "青海省", | ||
1641 | - "name": "西宁市", | ||
1642 | - "id": "630100" | ||
1643 | - }, | ||
1644 | - { | ||
1645 | - "province": "青海省", | ||
1646 | - "name": "海东市", | ||
1647 | - "id": "630200" | ||
1648 | - }, | ||
1649 | - { | ||
1650 | - "province": "青海省", | ||
1651 | - "name": "海北藏族自治州", | ||
1652 | - "id": "632200" | ||
1653 | - }, | ||
1654 | - { | ||
1655 | - "province": "青海省", | ||
1656 | - "name": "黄南藏族自治州", | ||
1657 | - "id": "632300" | ||
1658 | - }, | ||
1659 | - { | ||
1660 | - "province": "青海省", | ||
1661 | - "name": "海南藏族自治州", | ||
1662 | - "id": "632500" | ||
1663 | - }, | ||
1664 | - { | ||
1665 | - "province": "青海省", | ||
1666 | - "name": "果洛藏族自治州", | ||
1667 | - "id": "632600" | ||
1668 | - }, | ||
1669 | - { | ||
1670 | - "province": "青海省", | ||
1671 | - "name": "玉树藏族自治州", | ||
1672 | - "id": "632700" | ||
1673 | - }, | ||
1674 | - { | ||
1675 | - "province": "青海省", | ||
1676 | - "name": "海西蒙古族藏族自治州", | ||
1677 | - "id": "632800" | ||
1678 | - } | ||
1679 | - ], | ||
1680 | - "640000": [ | ||
1681 | - { | ||
1682 | - "province": "宁夏回族自治区", | ||
1683 | - "name": "银川市", | ||
1684 | - "id": "640100" | ||
1685 | - }, | ||
1686 | - { | ||
1687 | - "province": "宁夏回族自治区", | ||
1688 | - "name": "石嘴山市", | ||
1689 | - "id": "640200" | ||
1690 | - }, | ||
1691 | - { | ||
1692 | - "province": "宁夏回族自治区", | ||
1693 | - "name": "吴忠市", | ||
1694 | - "id": "640300" | ||
1695 | - }, | ||
1696 | - { | ||
1697 | - "province": "宁夏回族自治区", | ||
1698 | - "name": "固原市", | ||
1699 | - "id": "640400" | ||
1700 | - }, | ||
1701 | - { | ||
1702 | - "province": "宁夏回族自治区", | ||
1703 | - "name": "中卫市", | ||
1704 | - "id": "640500" | ||
1705 | - } | ||
1706 | - ], | ||
1707 | - "650000": [ | ||
1708 | - { | ||
1709 | - "province": "新疆维吾尔自治区", | ||
1710 | - "name": "乌鲁木齐市", | ||
1711 | - "id": "650100" | ||
1712 | - }, | ||
1713 | - { | ||
1714 | - "province": "新疆维吾尔自治区", | ||
1715 | - "name": "克拉玛依市", | ||
1716 | - "id": "650200" | ||
1717 | - }, | ||
1718 | - { | ||
1719 | - "province": "新疆维吾尔自治区", | ||
1720 | - "name": "吐鲁番市", | ||
1721 | - "id": "650400" | ||
1722 | - }, | ||
1723 | - { | ||
1724 | - "province": "新疆维吾尔自治区", | ||
1725 | - "name": "哈密市", | ||
1726 | - "id": "650500" | ||
1727 | - }, | ||
1728 | - { | ||
1729 | - "province": "新疆维吾尔自治区", | ||
1730 | - "name": "昌吉回族自治州", | ||
1731 | - "id": "652300" | ||
1732 | - }, | ||
1733 | - { | ||
1734 | - "province": "新疆维吾尔自治区", | ||
1735 | - "name": "博尔塔拉蒙古自治州", | ||
1736 | - "id": "652700" | ||
1737 | - }, | ||
1738 | - { | ||
1739 | - "province": "新疆维吾尔自治区", | ||
1740 | - "name": "巴音郭楞蒙古自治州", | ||
1741 | - "id": "652800" | ||
1742 | - }, | ||
1743 | - { | ||
1744 | - "province": "新疆维吾尔自治区", | ||
1745 | - "name": "阿克苏地区", | ||
1746 | - "id": "652900" | ||
1747 | - }, | ||
1748 | - { | ||
1749 | - "province": "新疆维吾尔自治区", | ||
1750 | - "name": "克孜勒苏柯尔克孜自治州", | ||
1751 | - "id": "653000" | ||
1752 | - }, | ||
1753 | - { | ||
1754 | - "province": "新疆维吾尔自治区", | ||
1755 | - "name": "喀什地区", | ||
1756 | - "id": "653100" | ||
1757 | - }, | ||
1758 | - { | ||
1759 | - "province": "新疆维吾尔自治区", | ||
1760 | - "name": "和田地区", | ||
1761 | - "id": "653200" | ||
1762 | - }, | ||
1763 | - { | ||
1764 | - "province": "新疆维吾尔自治区", | ||
1765 | - "name": "伊犁哈萨克自治州", | ||
1766 | - "id": "654000" | ||
1767 | - }, | ||
1768 | - { | ||
1769 | - "province": "新疆维吾尔自治区", | ||
1770 | - "name": "塔城地区", | ||
1771 | - "id": "654200" | ||
1772 | - }, | ||
1773 | - { | ||
1774 | - "province": "新疆维吾尔自治区", | ||
1775 | - "name": "阿勒泰地区", | ||
1776 | - "id": "654300" | ||
1777 | - }, | ||
1778 | - { | ||
1779 | - "province": "新疆维吾尔自治区", | ||
1780 | - "name": "自治区直辖县级行政区划", | ||
1781 | - "id": "659000" | ||
1782 | - } | ||
1783 | - ] | ||
1784 | -} |
1 | -[ | ||
2 | - { | ||
3 | - "name": "北京市", | ||
4 | - "id": "110000" | ||
5 | - }, | ||
6 | - { | ||
7 | - "name": "天津市", | ||
8 | - "id": "120000" | ||
9 | - }, | ||
10 | - { | ||
11 | - "name": "河北省", | ||
12 | - "id": "130000" | ||
13 | - }, | ||
14 | - { | ||
15 | - "name": "山西省", | ||
16 | - "id": "140000" | ||
17 | - }, | ||
18 | - { | ||
19 | - "name": "内蒙古自治区", | ||
20 | - "id": "150000" | ||
21 | - }, | ||
22 | - { | ||
23 | - "name": "辽宁省", | ||
24 | - "id": "210000" | ||
25 | - }, | ||
26 | - { | ||
27 | - "name": "吉林省", | ||
28 | - "id": "220000" | ||
29 | - }, | ||
30 | - { | ||
31 | - "name": "黑龙江省", | ||
32 | - "id": "230000" | ||
33 | - }, | ||
34 | - { | ||
35 | - "name": "上海市", | ||
36 | - "id": "310000" | ||
37 | - }, | ||
38 | - { | ||
39 | - "name": "江苏省", | ||
40 | - "id": "320000" | ||
41 | - }, | ||
42 | - { | ||
43 | - "name": "浙江省", | ||
44 | - "id": "330000" | ||
45 | - }, | ||
46 | - { | ||
47 | - "name": "安徽省", | ||
48 | - "id": "340000" | ||
49 | - }, | ||
50 | - { | ||
51 | - "name": "福建省", | ||
52 | - "id": "350000" | ||
53 | - }, | ||
54 | - { | ||
55 | - "name": "江西省", | ||
56 | - "id": "360000" | ||
57 | - }, | ||
58 | - { | ||
59 | - "name": "山东省", | ||
60 | - "id": "370000" | ||
61 | - }, | ||
62 | - { | ||
63 | - "name": "河南省", | ||
64 | - "id": "410000" | ||
65 | - }, | ||
66 | - { | ||
67 | - "name": "湖北省", | ||
68 | - "id": "420000" | ||
69 | - }, | ||
70 | - { | ||
71 | - "name": "湖南省", | ||
72 | - "id": "430000" | ||
73 | - }, | ||
74 | - { | ||
75 | - "name": "广东省", | ||
76 | - "id": "440000" | ||
77 | - }, | ||
78 | - { | ||
79 | - "name": "广西壮族自治区", | ||
80 | - "id": "450000" | ||
81 | - }, | ||
82 | - { | ||
83 | - "name": "海南省", | ||
84 | - "id": "460000" | ||
85 | - }, | ||
86 | - { | ||
87 | - "name": "重庆市", | ||
88 | - "id": "500000" | ||
89 | - }, | ||
90 | - { | ||
91 | - "name": "四川省", | ||
92 | - "id": "510000" | ||
93 | - }, | ||
94 | - { | ||
95 | - "name": "贵州省", | ||
96 | - "id": "520000" | ||
97 | - }, | ||
98 | - { | ||
99 | - "name": "云南省", | ||
100 | - "id": "530000" | ||
101 | - }, | ||
102 | - { | ||
103 | - "name": "西藏自治区", | ||
104 | - "id": "540000" | ||
105 | - }, | ||
106 | - { | ||
107 | - "name": "陕西省", | ||
108 | - "id": "610000" | ||
109 | - }, | ||
110 | - { | ||
111 | - "name": "甘肃省", | ||
112 | - "id": "620000" | ||
113 | - }, | ||
114 | - { | ||
115 | - "name": "青海省", | ||
116 | - "id": "630000" | ||
117 | - }, | ||
118 | - { | ||
119 | - "name": "宁夏回族自治区", | ||
120 | - "id": "640000" | ||
121 | - }, | ||
122 | - { | ||
123 | - "name": "新疆维吾尔自治区", | ||
124 | - "id": "650000" | ||
125 | - }, | ||
126 | - { | ||
127 | - "name": "台湾省", | ||
128 | - "id": "710000" | ||
129 | - }, | ||
130 | - { | ||
131 | - "name": "香港特别行政区", | ||
132 | - "id": "810000" | ||
133 | - }, | ||
134 | - { | ||
135 | - "name": "澳门特别行政区", | ||
136 | - "id": "820000" | ||
137 | - } | ||
138 | -] |
1 | -import React, { Component } from 'react'; | ||
2 | -import { connect } from 'dva'; | ||
3 | -import { FormattedMessage } from 'umi/locale'; | ||
4 | -import { Menu } from 'antd'; | ||
5 | -import styles from './style.less'; | ||
6 | -import BaseView from './components/base'; | ||
7 | -import SecurityView from './components/security'; | ||
8 | -import BindingView from './components/binding'; | ||
9 | -import NotificationView from './components/notification'; | ||
10 | - | ||
11 | -const { Item } = Menu; | ||
12 | - | ||
13 | -@connect(({ BLOCK_NAME_CAMEL_CASE }) => ({ | ||
14 | - currentUser: BLOCK_NAME_CAMEL_CASE.currentUser, | ||
15 | -})) | ||
16 | -class PAGE_NAME_UPPER_CAMEL_CASE extends Component { | ||
17 | - constructor(props) { | ||
18 | - super(props); | ||
19 | - const menuMap = { | ||
20 | - base: <FormattedMessage id="BLOCK_NAME.menuMap.basic" defaultMessage="Basic Settings" />, | ||
21 | - security: ( | ||
22 | - <FormattedMessage id="BLOCK_NAME.menuMap.security" defaultMessage="Security Settings" /> | ||
23 | - ), | ||
24 | - binding: ( | ||
25 | - <FormattedMessage id="BLOCK_NAME.menuMap.binding" defaultMessage="Account Binding" /> | ||
26 | - ), | ||
27 | - notification: ( | ||
28 | - <FormattedMessage | ||
29 | - id="BLOCK_NAME.menuMap.notification" | ||
30 | - defaultMessage="New Message Notification" | ||
31 | - /> | ||
32 | - ), | ||
33 | - }; | ||
34 | - this.state = { | ||
35 | - mode: 'inline', | ||
36 | - menuMap, | ||
37 | - selectKey: 'base', | ||
38 | - }; | ||
39 | - } | ||
40 | - | ||
41 | - componentDidMount() { | ||
42 | - const { dispatch } = this.props; | ||
43 | - dispatch({ | ||
44 | - type: 'BLOCK_NAME_CAMEL_CASE/fetchCurrent', | ||
45 | - }); | ||
46 | - window.addEventListener('resize', this.resize); | ||
47 | - this.resize(); | ||
48 | - } | ||
49 | - | ||
50 | - componentWillUnmount() { | ||
51 | - window.removeEventListener('resize', this.resize); | ||
52 | - } | ||
53 | - | ||
54 | - getmenu = () => { | ||
55 | - const { menuMap } = this.state; | ||
56 | - return Object.keys(menuMap).map(item => <Item key={item}>{menuMap[item]}</Item>); | ||
57 | - }; | ||
58 | - | ||
59 | - getRightTitle = () => { | ||
60 | - const { selectKey, menuMap } = this.state; | ||
61 | - return menuMap[selectKey]; | ||
62 | - }; | ||
63 | - | ||
64 | - selectKey = ({ key }) => { | ||
65 | - this.setState({ | ||
66 | - selectKey: key, | ||
67 | - }); | ||
68 | - }; | ||
69 | - | ||
70 | - resize = () => { | ||
71 | - if (!this.main) { | ||
72 | - return; | ||
73 | - } | ||
74 | - requestAnimationFrame(() => { | ||
75 | - if (!this.main) { | ||
76 | - return; | ||
77 | - } | ||
78 | - let mode = 'inline'; | ||
79 | - const { offsetWidth } = this.main; | ||
80 | - if (this.main.offsetWidth < 641 && offsetWidth > 400) { | ||
81 | - mode = 'horizontal'; | ||
82 | - } | ||
83 | - if (window.innerWidth < 768 && offsetWidth > 400) { | ||
84 | - mode = 'horizontal'; | ||
85 | - } | ||
86 | - this.setState({ | ||
87 | - mode, | ||
88 | - }); | ||
89 | - }); | ||
90 | - }; | ||
91 | - | ||
92 | - renderChildren = () => { | ||
93 | - const { selectKey } = this.state; | ||
94 | - switch (selectKey) { | ||
95 | - case 'base': | ||
96 | - return <BaseView />; | ||
97 | - case 'security': | ||
98 | - return <SecurityView />; | ||
99 | - case 'binding': | ||
100 | - return <BindingView />; | ||
101 | - case 'notification': | ||
102 | - return <NotificationView />; | ||
103 | - default: | ||
104 | - break; | ||
105 | - } | ||
106 | - | ||
107 | - return null; | ||
108 | - }; | ||
109 | - | ||
110 | - render() { | ||
111 | - const { currentUser } = this.props; | ||
112 | - if (!currentUser.userid) { | ||
113 | - return ''; | ||
114 | - } | ||
115 | - const { mode, selectKey } = this.state; | ||
116 | - return ( | ||
117 | - <div | ||
118 | - className={styles.main} | ||
119 | - ref={ref => { | ||
120 | - this.main = ref; | ||
121 | - }} | ||
122 | - > | ||
123 | - <div className={styles.leftmenu}> | ||
124 | - <Menu mode={mode} selectedKeys={[selectKey]} onClick={this.selectKey}> | ||
125 | - {this.getmenu()} | ||
126 | - </Menu> | ||
127 | - </div> | ||
128 | - <div className={styles.right}> | ||
129 | - <div className={styles.title}>{this.getRightTitle()}</div> | ||
130 | - {this.renderChildren()} | ||
131 | - </div> | ||
132 | - </div> | ||
133 | - ); | ||
134 | - } | ||
135 | -} | ||
136 | - | ||
137 | -export default PAGE_NAME_UPPER_CAMEL_CASE; |
1 | -export default { | ||
2 | - 'BLOCK_NAME.menuMap.basic': 'Basic Settings', | ||
3 | - 'BLOCK_NAME.menuMap.security': 'Security Settings', | ||
4 | - 'BLOCK_NAME.menuMap.binding': 'Account Binding', | ||
5 | - 'BLOCK_NAME.menuMap.notification': 'New Message Notification', | ||
6 | - 'BLOCK_NAME.basic.avatar': 'Avatar', | ||
7 | - 'BLOCK_NAME.basic.change-avatar': 'Change avatar', | ||
8 | - 'BLOCK_NAME.basic.email': 'Email', | ||
9 | - 'BLOCK_NAME.basic.email-message': 'Please input your email!', | ||
10 | - 'BLOCK_NAME.basic.nickname': 'Nickname', | ||
11 | - 'BLOCK_NAME.basic.nickname-message': 'Please input your Nickname!', | ||
12 | - 'BLOCK_NAME.basic.profile': 'Personal profile', | ||
13 | - 'BLOCK_NAME.basic.profile-message': 'Please input your personal profile!', | ||
14 | - 'BLOCK_NAME.basic.profile-placeholder': 'Brief introduction to yourself', | ||
15 | - 'BLOCK_NAME.basic.country': 'Country/Region', | ||
16 | - 'BLOCK_NAME.basic.country-message': 'Please input your country!', | ||
17 | - 'BLOCK_NAME.basic.geographic': 'Province or city', | ||
18 | - 'BLOCK_NAME.basic.geographic-message': 'Please input your geographic info!', | ||
19 | - 'BLOCK_NAME.basic.address': 'Street Address', | ||
20 | - 'BLOCK_NAME.basic.address-message': 'Please input your address!', | ||
21 | - 'BLOCK_NAME.basic.phone': 'Phone Number', | ||
22 | - 'BLOCK_NAME.basic.phone-message': 'Please input your phone!', | ||
23 | - 'BLOCK_NAME.basic.update': 'Update Information', | ||
24 | - 'BLOCK_NAME.security.strong': 'Strong', | ||
25 | - 'BLOCK_NAME.security.medium': 'Medium', | ||
26 | - 'BLOCK_NAME.security.weak': 'Weak', | ||
27 | - 'BLOCK_NAME.security.password': 'Account Password', | ||
28 | - 'BLOCK_NAME.security.password-description': 'Current password strength:', | ||
29 | - 'BLOCK_NAME.security.phone': 'Security Phone', | ||
30 | - 'BLOCK_NAME.security.phone-description': 'Bound phone:', | ||
31 | - 'BLOCK_NAME.security.question': 'Security Question', | ||
32 | - 'BLOCK_NAME.security.question-description': | ||
33 | - 'The security question is not set, and the security policy can effectively protect the account security', | ||
34 | - 'BLOCK_NAME.security.email': 'Backup Email', | ||
35 | - 'BLOCK_NAME.security.email-description': 'Bound Email:', | ||
36 | - 'BLOCK_NAME.security.mfa': 'MFA Device', | ||
37 | - 'BLOCK_NAME.security.mfa-description': | ||
38 | - 'Unbound MFA device, after binding, can be confirmed twice', | ||
39 | - 'BLOCK_NAME.security.modify': 'Modify', | ||
40 | - 'BLOCK_NAME.security.set': 'Set', | ||
41 | - 'BLOCK_NAME.security.bind': 'Bind', | ||
42 | - 'BLOCK_NAME.binding.taobao': 'Binding Taobao', | ||
43 | - 'BLOCK_NAME.binding.taobao-description': 'Currently unbound Taobao account', | ||
44 | - 'BLOCK_NAME.binding.alipay': 'Binding Alipay', | ||
45 | - 'BLOCK_NAME.binding.alipay-description': 'Currently unbound Alipay account', | ||
46 | - 'BLOCK_NAME.binding.dingding': 'Binding DingTalk', | ||
47 | - 'BLOCK_NAME.binding.dingding-description': 'Currently unbound DingTalk account', | ||
48 | - 'BLOCK_NAME.binding.bind': 'Bind', | ||
49 | - 'BLOCK_NAME.notification.password': 'Account Password', | ||
50 | - 'BLOCK_NAME.notification.password-description': | ||
51 | - 'Messages from other users will be notified in the form of a station letter', | ||
52 | - 'BLOCK_NAME.notification.messages': 'System Messages', | ||
53 | - 'BLOCK_NAME.notification.messages-description': | ||
54 | - 'System messages will be notified in the form of a station letter', | ||
55 | - 'BLOCK_NAME.notification.todo': 'To-do Notification', | ||
56 | - 'BLOCK_NAME.notification.todo-description': | ||
57 | - 'The to-do list will be notified in the form of a letter from the station', | ||
58 | - 'BLOCK_NAME.settings.open': 'Open', | ||
59 | - 'BLOCK_NAME.settings.close': 'Close', | ||
60 | -}; |
1 | -export default { | ||
2 | - 'BLOCK_NAME.menuMap.basic': '基本设置', | ||
3 | - 'BLOCK_NAME.menuMap.security': '安全设置', | ||
4 | - 'BLOCK_NAME.menuMap.binding': '账号绑定', | ||
5 | - 'BLOCK_NAME.menuMap.notification': '新消息通知', | ||
6 | - 'BLOCK_NAME.basic.avatar': '头像', | ||
7 | - 'BLOCK_NAME.basic.change-avatar': '更换头像', | ||
8 | - 'BLOCK_NAME.basic.email': '邮箱', | ||
9 | - 'BLOCK_NAME.basic.email-message': '请输入您的邮箱!', | ||
10 | - 'BLOCK_NAME.basic.nickname': '昵称', | ||
11 | - 'BLOCK_NAME.basic.nickname-message': '请输入您的昵称!', | ||
12 | - 'BLOCK_NAME.basic.profile': '个人简介', | ||
13 | - 'BLOCK_NAME.basic.profile-message': '请输入个人简介!', | ||
14 | - 'BLOCK_NAME.basic.profile-placeholder': '个人简介', | ||
15 | - 'BLOCK_NAME.basic.country': '国家/地区', | ||
16 | - 'BLOCK_NAME.basic.country-message': '请输入您的国家或地区!', | ||
17 | - 'BLOCK_NAME.basic.geographic': '所在省市', | ||
18 | - 'BLOCK_NAME.basic.geographic-message': '请输入您的所在省市!', | ||
19 | - 'BLOCK_NAME.basic.address': '街道地址', | ||
20 | - 'BLOCK_NAME.basic.address-message': '请输入您的街道地址!', | ||
21 | - 'BLOCK_NAME.basic.phone': '联系电话', | ||
22 | - 'BLOCK_NAME.basic.phone-message': '请输入您的联系电话!', | ||
23 | - 'BLOCK_NAME.basic.update': '更新基本信息', | ||
24 | - 'BLOCK_NAME.security.strong': '强', | ||
25 | - 'BLOCK_NAME.security.medium': '中', | ||
26 | - 'BLOCK_NAME.security.weak': '弱', | ||
27 | - 'BLOCK_NAME.security.password': '账户密码', | ||
28 | - 'BLOCK_NAME.security.password-description': '当前密码强度:', | ||
29 | - 'BLOCK_NAME.security.phone': '密保手机', | ||
30 | - 'BLOCK_NAME.security.phone-description': '已绑定手机:', | ||
31 | - 'BLOCK_NAME.security.question': '密保问题', | ||
32 | - 'BLOCK_NAME.security.question-description': '未设置密保问题,密保问题可有效保护账户安全', | ||
33 | - 'BLOCK_NAME.security.email': '备用邮箱', | ||
34 | - 'BLOCK_NAME.security.email-description': '已绑定邮箱:', | ||
35 | - 'BLOCK_NAME.security.mfa': 'MFA 设备', | ||
36 | - 'BLOCK_NAME.security.mfa-description': '未绑定 MFA 设备,绑定后,可以进行二次确认', | ||
37 | - 'BLOCK_NAME.security.modify': '修改', | ||
38 | - 'BLOCK_NAME.security.set': '设置', | ||
39 | - 'BLOCK_NAME.security.bind': '绑定', | ||
40 | - 'BLOCK_NAME.binding.taobao': '绑定淘宝', | ||
41 | - 'BLOCK_NAME.binding.taobao-description': '当前未绑定淘宝账号', | ||
42 | - 'BLOCK_NAME.binding.alipay': '绑定支付宝', | ||
43 | - 'BLOCK_NAME.binding.alipay-description': '当前未绑定支付宝账号', | ||
44 | - 'BLOCK_NAME.binding.dingding': '绑定钉钉', | ||
45 | - 'BLOCK_NAME.binding.dingding-description': '当前未绑定钉钉账号', | ||
46 | - 'BLOCK_NAME.binding.bind': '绑定', | ||
47 | - 'BLOCK_NAME.notification.password': '账户密码', | ||
48 | - 'BLOCK_NAME.notification.password-description': '其他用户的消息将以站内信的形式通知', | ||
49 | - 'BLOCK_NAME.notification.messages': '系统消息', | ||
50 | - 'BLOCK_NAME.notification.messages-description': '系统消息将以站内信的形式通知', | ||
51 | - 'BLOCK_NAME.notification.todo': '待办任务', | ||
52 | - 'BLOCK_NAME.notification.todo-description': '待办任务将以站内信的形式通知', | ||
53 | - 'BLOCK_NAME.settings.open': '开', | ||
54 | - 'BLOCK_NAME.settings.close': '关', | ||
55 | -}; |
1 | -export default { | ||
2 | - 'BLOCK_NAME.menuMap.basic': '基本設置', | ||
3 | - 'BLOCK_NAME.menuMap.security': '安全設置', | ||
4 | - 'BLOCK_NAME.menuMap.binding': '賬號綁定', | ||
5 | - 'BLOCK_NAME.menuMap.notification': '新消息通知', | ||
6 | - 'BLOCK_NAME.basic.avatar': '頭像', | ||
7 | - 'BLOCK_NAME.basic.change-avatar': '更換頭像', | ||
8 | - 'BLOCK_NAME.basic.email': '郵箱', | ||
9 | - 'BLOCK_NAME.basic.email-message': '請輸入您的郵箱!', | ||
10 | - 'BLOCK_NAME.basic.nickname': '昵稱', | ||
11 | - 'BLOCK_NAME.basic.nickname-message': '請輸入您的昵稱!', | ||
12 | - 'BLOCK_NAME.basic.profile': '個人簡介', | ||
13 | - 'BLOCK_NAME.basic.profile-message': '請輸入個人簡介!', | ||
14 | - 'BLOCK_NAME.basic.profile-placeholder': '個人簡介', | ||
15 | - 'BLOCK_NAME.basic.country': '國家/地區', | ||
16 | - 'BLOCK_NAME.basic.country-message': '請輸入您的國家或地區!', | ||
17 | - 'BLOCK_NAME.basic.geographic': '所在省市', | ||
18 | - 'BLOCK_NAME.basic.geographic-message': '請輸入您的所在省市!', | ||
19 | - 'BLOCK_NAME.basic.address': '街道地址', | ||
20 | - 'BLOCK_NAME.basic.address-message': '請輸入您的街道地址!', | ||
21 | - 'BLOCK_NAME.basic.phone': '聯系電話', | ||
22 | - 'BLOCK_NAME.basic.phone-message': '請輸入您的聯系電話!', | ||
23 | - 'BLOCK_NAME.basic.update': '更新基本信息', | ||
24 | - 'BLOCK_NAME.security.strong': '強', | ||
25 | - 'BLOCK_NAME.security.medium': '中', | ||
26 | - 'BLOCK_NAME.security.weak': '弱', | ||
27 | - 'BLOCK_NAME.security.password': '賬戶密碼', | ||
28 | - 'BLOCK_NAME.security.password-description': '當前密碼強度:', | ||
29 | - 'BLOCK_NAME.security.phone': '密保手機', | ||
30 | - 'BLOCK_NAME.security.phone-description': '已綁定手機:', | ||
31 | - 'BLOCK_NAME.security.question': '密保問題', | ||
32 | - 'BLOCK_NAME.security.question-description': '未設置密保問題,密保問題可有效保護賬戶安全', | ||
33 | - 'BLOCK_NAME.security.email': '備用郵箱', | ||
34 | - 'BLOCK_NAME.security.email-description': '已綁定郵箱:', | ||
35 | - 'BLOCK_NAME.security.mfa': 'MFA 設備', | ||
36 | - 'BLOCK_NAME.security.mfa-description': '未綁定 MFA 設備,綁定後,可以進行二次確認', | ||
37 | - 'BLOCK_NAME.security.modify': '修改', | ||
38 | - 'BLOCK_NAME.security.set': '設置', | ||
39 | - 'BLOCK_NAME.security.bind': '綁定', | ||
40 | - 'BLOCK_NAME.binding.taobao': '綁定淘寶', | ||
41 | - 'BLOCK_NAME.binding.taobao-description': '當前未綁定淘寶賬號', | ||
42 | - 'BLOCK_NAME.binding.alipay': '綁定支付寶', | ||
43 | - 'BLOCK_NAME.binding.alipay-description': '當前未綁定支付寶賬號', | ||
44 | - 'BLOCK_NAME.binding.dingding': '綁定釘釘', | ||
45 | - 'BLOCK_NAME.binding.dingding-description': '當前未綁定釘釘賬號', | ||
46 | - 'BLOCK_NAME.binding.bind': '綁定', | ||
47 | - 'BLOCK_NAME.notification.password': '賬戶密碼', | ||
48 | - 'BLOCK_NAME.notification.password-description': '其他用戶的消息將以站內信的形式通知', | ||
49 | - 'BLOCK_NAME.notification.messages': '系統消息', | ||
50 | - 'BLOCK_NAME.notification.messages-description': '系統消息將以站內信的形式通知', | ||
51 | - 'BLOCK_NAME.notification.todo': '待辦任務', | ||
52 | - 'BLOCK_NAME.notification.todo-description': '待辦任務將以站內信的形式通知', | ||
53 | - 'BLOCK_NAME.settings.open': '開', | ||
54 | - 'BLOCK_NAME.settings.close': '關', | ||
55 | -}; |
1 | -import { query as queryUsers, queryCurrent, queryProvince, queryCity } from './service'; | ||
2 | - | ||
3 | -export default { | ||
4 | - namespace: 'BLOCK_NAME_CAMEL_CASE', | ||
5 | - | ||
6 | - state: { | ||
7 | - list: [], | ||
8 | - currentUser: {}, | ||
9 | - province: [], | ||
10 | - city: [], | ||
11 | - }, | ||
12 | - | ||
13 | - effects: { | ||
14 | - *fetch(_, { call, put }) { | ||
15 | - const response = yield call(queryUsers); | ||
16 | - yield put({ | ||
17 | - type: 'save', | ||
18 | - payload: response, | ||
19 | - }); | ||
20 | - }, | ||
21 | - *fetchCurrent(_, { call, put }) { | ||
22 | - const response = yield call(queryCurrent); | ||
23 | - yield put({ | ||
24 | - type: 'saveCurrentUser', | ||
25 | - payload: response, | ||
26 | - }); | ||
27 | - }, | ||
28 | - *fetchProvince(_, { call, put }) { | ||
29 | - yield put({ | ||
30 | - type: 'changeLoading', | ||
31 | - payload: true, | ||
32 | - }); | ||
33 | - const response = yield call(queryProvince); | ||
34 | - yield put({ | ||
35 | - type: 'setProvince', | ||
36 | - payload: response, | ||
37 | - }); | ||
38 | - }, | ||
39 | - *fetchCity({ payload }, { call, put }) { | ||
40 | - const response = yield call(queryCity, payload); | ||
41 | - yield put({ | ||
42 | - type: 'setCity', | ||
43 | - payload: response, | ||
44 | - }); | ||
45 | - }, | ||
46 | - }, | ||
47 | - | ||
48 | - reducers: { | ||
49 | - save(state, action) { | ||
50 | - return { | ||
51 | - ...state, | ||
52 | - list: action.payload, | ||
53 | - }; | ||
54 | - }, | ||
55 | - saveCurrentUser(state, action) { | ||
56 | - return { | ||
57 | - ...state, | ||
58 | - currentUser: action.payload || {}, | ||
59 | - }; | ||
60 | - }, | ||
61 | - changeNotifyCount(state, action) { | ||
62 | - return { | ||
63 | - ...state, | ||
64 | - currentUser: { | ||
65 | - ...state.currentUser, | ||
66 | - notifyCount: action.payload.totalCount, | ||
67 | - unreadCount: action.payload.unreadCount, | ||
68 | - }, | ||
69 | - }; | ||
70 | - }, | ||
71 | - setProvince(state, action) { | ||
72 | - return { | ||
73 | - ...state, | ||
74 | - province: action.payload, | ||
75 | - }; | ||
76 | - }, | ||
77 | - setCity(state, action) { | ||
78 | - return { | ||
79 | - ...state, | ||
80 | - city: action.payload, | ||
81 | - }; | ||
82 | - }, | ||
83 | - changeLoading(state, action) { | ||
84 | - return { | ||
85 | - ...state, | ||
86 | - isLoading: action.payload, | ||
87 | - }; | ||
88 | - }, | ||
89 | - }, | ||
90 | -}; |
1 | -import request from 'umi-request'; | ||
2 | - | ||
3 | -export async function queryCurrent() { | ||
4 | - return request('/api/BLOCK_NAME/currentUser'); | ||
5 | -} | ||
6 | - | ||
7 | -export async function queryProvince() { | ||
8 | - return request('/api/BLOCK_NAME/province'); | ||
9 | -} | ||
10 | - | ||
11 | -export async function queryCity(province) { | ||
12 | - return request(`/api/BLOCK_NAME/city/${province}`); | ||
13 | -} | ||
14 | - | ||
15 | -export async function query() { | ||
16 | - return request('/api/BLOCK_NAME/users'); | ||
17 | -} |
1 | -@import '~antd/lib/style/themes/default.less'; | ||
2 | - | ||
3 | -.main { | ||
4 | - width: 100%; | ||
5 | - height: 100%; | ||
6 | - background-color: @body-background; | ||
7 | - display: flex; | ||
8 | - padding-top: 16px; | ||
9 | - padding-bottom: 16px; | ||
10 | - overflow: auto; | ||
11 | - .leftmenu { | ||
12 | - width: 224px; | ||
13 | - border-right: @border-width-base @border-style-base @border-color-split; | ||
14 | - :global { | ||
15 | - .ant-menu-inline { | ||
16 | - border: none; | ||
17 | - } | ||
18 | - .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { | ||
19 | - font-weight: bold; | ||
20 | - } | ||
21 | - } | ||
22 | - } | ||
23 | - .right { | ||
24 | - flex: 1; | ||
25 | - padding-left: 40px; | ||
26 | - padding-right: 40px; | ||
27 | - padding-top: 8px; | ||
28 | - padding-bottom: 8px; | ||
29 | - .title { | ||
30 | - font-size: 20px; | ||
31 | - color: @heading-color; | ||
32 | - line-height: 28px; | ||
33 | - font-weight: 500; | ||
34 | - margin-bottom: 12px; | ||
35 | - } | ||
36 | - } | ||
37 | - :global { | ||
38 | - .ant-list-split .ant-list-item:last-child { | ||
39 | - border-bottom: 1px solid #e8e8e8; | ||
40 | - } | ||
41 | - .ant-list-item { | ||
42 | - padding-top: 14px; | ||
43 | - padding-bottom: 14px; | ||
44 | - } | ||
45 | - } | ||
46 | -} | ||
47 | -:global { | ||
48 | - .ant-list-item-meta { | ||
49 | - // 账号绑定图标 | ||
50 | - .taobao { | ||
51 | - color: #ff4000; | ||
52 | - display: block; | ||
53 | - font-size: 48px; | ||
54 | - line-height: 48px; | ||
55 | - border-radius: @border-radius-base; | ||
56 | - } | ||
57 | - .dingding { | ||
58 | - background-color: #2eabff; | ||
59 | - color: #fff; | ||
60 | - font-size: 32px; | ||
61 | - line-height: 32px; | ||
62 | - padding: 6px; | ||
63 | - margin: 2px; | ||
64 | - border-radius: @border-radius-base; | ||
65 | - } | ||
66 | - .alipay { | ||
67 | - color: #2eabff; | ||
68 | - font-size: 48px; | ||
69 | - line-height: 48px; | ||
70 | - border-radius: @border-radius-base; | ||
71 | - } | ||
72 | - } | ||
73 | - | ||
74 | - // 密码强度 | ||
75 | - font.strong { | ||
76 | - color: @success-color; | ||
77 | - } | ||
78 | - font.medium { | ||
79 | - color: @warning-color; | ||
80 | - } | ||
81 | - font.weak { | ||
82 | - color: @error-color; | ||
83 | - } | ||
84 | -} | ||
85 | - | ||
86 | -@media screen and (max-width: @screen-md) { | ||
87 | - .main { | ||
88 | - flex-direction: column; | ||
89 | - .leftmenu { | ||
90 | - width: 100%; | ||
91 | - border: none; | ||
92 | - } | ||
93 | - .right { | ||
94 | - padding: 40px; | ||
95 | - } | ||
96 | - } | ||
97 | -} |
ant-design-pro/AdvancedForm/.gitignore
已删除
100644 → 0
ant-design-pro/AdvancedForm/.umirc.js
已删除
100644 → 0
ant-design-pro/AdvancedForm/README.md
已删除
100644 → 0
ant-design-pro/AdvancedForm/package.json
已删除
100644 → 0
1 | -{ | ||
2 | - "name": "@umi-block/advanced-form", | ||
3 | - "version": "0.0.1", | ||
4 | - "description": "AdvancedForm", | ||
5 | - "main": "src/index.js", | ||
6 | - "scripts": { | ||
7 | - "dev": "umi dev" | ||
8 | - }, | ||
9 | - "repository": { | ||
10 | - "type": "git", | ||
11 | - "url": "https://github.com/umijs/umi-blocks/ant-design-pro/advancedform" | ||
12 | - }, | ||
13 | - "dependencies": { | ||
14 | - "ant-design-pro": "^2.1.1", | ||
15 | - "antd": "^3.10.9", | ||
16 | - "dva": "^2.4.0", | ||
17 | - "lodash": "^4.17.10", | ||
18 | - "react": "^16.6.3", | ||
19 | - "umi-request": "^1.0.0" | ||
20 | - }, | ||
21 | - "devDependencies": { | ||
22 | - "umi": "^2.3.0-beta.1", | ||
23 | - "umi-plugin-react": "^1.3.0-beta.1", | ||
24 | - "umi-plugin-block-dev": "^2.0.0" | ||
25 | - }, | ||
26 | - "license": "ISC", | ||
27 | - "blockConfig": { | ||
28 | - "specVersion": "0.1" | ||
29 | - } | ||
30 | -} |
ant-design-pro/AdvancedForm/snapshot.png
已删除
100644 → 0
67.1 KB
ant-design-pro/AdvancedForm/src/_mock.js
已删除
100644 → 0
1 | -import React from 'react'; | ||
2 | -import { FormattedMessage } from 'umi/locale'; | ||
3 | -import Link from 'umi/link'; | ||
4 | -import { PageHeader } from 'ant-design-pro'; | ||
5 | -import styles from './index.less'; | ||
6 | - | ||
7 | -const PageHeaderWrapper = ({ children, wrapperClassName, ...restProps }) => ( | ||
8 | - <div style={{ margin: '-24px -24px 0' }} className={wrapperClassName}> | ||
9 | - <PageHeader | ||
10 | - home={<FormattedMessage id="BLOCK_NAME.menu.home" defaultMessage="Home" />} | ||
11 | - key="pageheader" | ||
12 | - {...restProps} | ||
13 | - linkElement={Link} | ||
14 | - itemRender={item => { | ||
15 | - if (item.locale) { | ||
16 | - return <FormattedMessage id={item.locale} defaultMessage={item.title} />; | ||
17 | - } | ||
18 | - return item.title; | ||
19 | - }} | ||
20 | - /> | ||
21 | - {children ? <div className={styles.content}>{children}</div> : null} | ||
22 | - </div> | ||
23 | -); | ||
24 | - | ||
25 | -export default PageHeaderWrapper; |
1 | -import React, { PureComponent, Fragment } from 'react'; | ||
2 | -import { Table, Button, Input, message, Popconfirm, Divider } from 'antd'; | ||
3 | -import { isEqual } from 'lodash'; | ||
4 | -import styles from '../style.less'; | ||
5 | - | ||
6 | -class TableForm extends PureComponent { | ||
7 | - index = 0; | ||
8 | - | ||
9 | - cacheOriginData = {}; | ||
10 | - | ||
11 | - constructor(props) { | ||
12 | - super(props); | ||
13 | - | ||
14 | - this.state = { | ||
15 | - data: props.value, | ||
16 | - loading: false, | ||
17 | - /* eslint-disable-next-line react/no-unused-state */ | ||
18 | - value: props.value, | ||
19 | - }; | ||
20 | - } | ||
21 | - | ||
22 | - static getDerivedStateFromProps(nextProps, preState) { | ||
23 | - if (isEqual(nextProps.value, preState.value)) { | ||
24 | - return null; | ||
25 | - } | ||
26 | - return { | ||
27 | - data: nextProps.value, | ||
28 | - value: nextProps.value, | ||
29 | - }; | ||
30 | - } | ||
31 | - | ||
32 | - getRowByKey(key, newData) { | ||
33 | - const { data } = this.state; | ||
34 | - return (newData || data).filter(item => item.key === key)[0]; | ||
35 | - } | ||
36 | - | ||
37 | - toggleEditable = (e, key) => { | ||
38 | - e.preventDefault(); | ||
39 | - const { data } = this.state; | ||
40 | - const newData = data.map(item => ({ ...item })); | ||
41 | - const target = this.getRowByKey(key, newData); | ||
42 | - if (target) { | ||
43 | - // 进入编辑状态时保存原始数据 | ||
44 | - if (!target.editable) { | ||
45 | - this.cacheOriginData[key] = { ...target }; | ||
46 | - } | ||
47 | - target.editable = !target.editable; | ||
48 | - this.setState({ data: newData }); | ||
49 | - } | ||
50 | - }; | ||
51 | - | ||
52 | - newMember = () => { | ||
53 | - const { data } = this.state; | ||
54 | - const newData = data.map(item => ({ ...item })); | ||
55 | - newData.push({ | ||
56 | - key: `NEW_TEMP_ID_${this.index}`, | ||
57 | - workId: '', | ||
58 | - name: '', | ||
59 | - department: '', | ||
60 | - editable: true, | ||
61 | - isNew: true, | ||
62 | - }); | ||
63 | - this.index += 1; | ||
64 | - this.setState({ data: newData }); | ||
65 | - }; | ||
66 | - | ||
67 | - remove(key) { | ||
68 | - const { data } = this.state; | ||
69 | - const { onChange } = this.props; | ||
70 | - const newData = data.filter(item => item.key !== key); | ||
71 | - this.setState({ data: newData }); | ||
72 | - onChange(newData); | ||
73 | - } | ||
74 | - | ||
75 | - handleKeyPress(e, key) { | ||
76 | - if (e.key === 'Enter') { | ||
77 | - this.saveRow(e, key); | ||
78 | - } | ||
79 | - } | ||
80 | - | ||
81 | - handleFieldChange(e, fieldName, key) { | ||
82 | - const { data } = this.state; | ||
83 | - const newData = data.map(item => ({ ...item })); | ||
84 | - const target = this.getRowByKey(key, newData); | ||
85 | - if (target) { | ||
86 | - target[fieldName] = e.target.value; | ||
87 | - this.setState({ data: newData }); | ||
88 | - } | ||
89 | - } | ||
90 | - | ||
91 | - saveRow(e, key) { | ||
92 | - e.persist(); | ||
93 | - this.setState({ | ||
94 | - loading: true, | ||
95 | - }); | ||
96 | - setTimeout(() => { | ||
97 | - if (this.clickedCancel) { | ||
98 | - this.clickedCancel = false; | ||
99 | - return; | ||
100 | - } | ||
101 | - const target = this.getRowByKey(key) || {}; | ||
102 | - if (!target.workId || !target.name || !target.department) { | ||
103 | - message.error('请填写完整成员信息。'); | ||
104 | - e.target.focus(); | ||
105 | - this.setState({ | ||
106 | - loading: false, | ||
107 | - }); | ||
108 | - return; | ||
109 | - } | ||
110 | - delete target.isNew; | ||
111 | - this.toggleEditable(e, key); | ||
112 | - const { data } = this.state; | ||
113 | - const { onChange } = this.props; | ||
114 | - onChange(data); | ||
115 | - this.setState({ | ||
116 | - loading: false, | ||
117 | - }); | ||
118 | - }, 500); | ||
119 | - } | ||
120 | - | ||
121 | - cancel(e, key) { | ||
122 | - this.clickedCancel = true; | ||
123 | - e.preventDefault(); | ||
124 | - const { data } = this.state; | ||
125 | - const newData = data.map(item => ({ ...item })); | ||
126 | - const target = this.getRowByKey(key, newData); | ||
127 | - if (this.cacheOriginData[key]) { | ||
128 | - Object.assign(target, this.cacheOriginData[key]); | ||
129 | - delete this.cacheOriginData[key]; | ||
130 | - } | ||
131 | - target.editable = false; | ||
132 | - this.setState({ data: newData }); | ||
133 | - this.clickedCancel = false; | ||
134 | - } | ||
135 | - | ||
136 | - render() { | ||
137 | - const columns = [ | ||
138 | - { | ||
139 | - title: '成员姓名', | ||
140 | - dataIndex: 'name', | ||
141 | - key: 'name', | ||
142 | - width: '20%', | ||
143 | - render: (text, record) => { | ||
144 | - if (record.editable) { | ||
145 | - return ( | ||
146 | - <Input | ||
147 | - value={text} | ||
148 | - autoFocus | ||
149 | - onChange={e => this.handleFieldChange(e, 'name', record.key)} | ||
150 | - onKeyPress={e => this.handleKeyPress(e, record.key)} | ||
151 | - placeholder="成员姓名" | ||
152 | - /> | ||
153 | - ); | ||
154 | - } | ||
155 | - return text; | ||
156 | - }, | ||
157 | - }, | ||
158 | - { | ||
159 | - title: '工号', | ||
160 | - dataIndex: 'workId', | ||
161 | - key: 'workId', | ||
162 | - width: '20%', | ||
163 | - render: (text, record) => { | ||
164 | - if (record.editable) { | ||
165 | - return ( | ||
166 | - <Input | ||
167 | - value={text} | ||
168 | - onChange={e => this.handleFieldChange(e, 'workId', record.key)} | ||
169 | - onKeyPress={e => this.handleKeyPress(e, record.key)} | ||
170 | - placeholder="工号" | ||
171 | - /> | ||
172 | - ); | ||
173 | - } | ||
174 | - return text; | ||
175 | - }, | ||
176 | - }, | ||
177 | - { | ||
178 | - title: '所属部门', | ||
179 | - dataIndex: 'department', | ||
180 | - key: 'department', | ||
181 | - width: '40%', | ||
182 | - render: (text, record) => { | ||
183 | - if (record.editable) { | ||
184 | - return ( | ||
185 | - <Input | ||
186 | - value={text} | ||
187 | - onChange={e => this.handleFieldChange(e, 'department', record.key)} | ||
188 | - onKeyPress={e => this.handleKeyPress(e, record.key)} | ||
189 | - placeholder="所属部门" | ||
190 | - /> | ||
191 | - ); | ||
192 | - } | ||
193 | - return text; | ||
194 | - }, | ||
195 | - }, | ||
196 | - { | ||
197 | - title: '操作', | ||
198 | - key: 'action', | ||
199 | - render: (text, record) => { | ||
200 | - const { loading } = this.state; | ||
201 | - if (!!record.editable && loading) { | ||
202 | - return null; | ||
203 | - } | ||
204 | - if (record.editable) { | ||
205 | - if (record.isNew) { | ||
206 | - return ( | ||
207 | - <span> | ||
208 | - <a onClick={e => this.saveRow(e, record.key)}>添加</a> | ||
209 | - <Divider type="vertical" /> | ||
210 | - <Popconfirm title="是否要删除此行?" onConfirm={() => this.remove(record.key)}> | ||
211 | - <a>删除</a> | ||
212 | - </Popconfirm> | ||
213 | - </span> | ||
214 | - ); | ||
215 | - } | ||
216 | - return ( | ||
217 | - <span> | ||
218 | - <a onClick={e => this.saveRow(e, record.key)}>保存</a> | ||
219 | - <Divider type="vertical" /> | ||
220 | - <a onClick={e => this.cancel(e, record.key)}>取消</a> | ||
221 | - </span> | ||
222 | - ); | ||
223 | - } | ||
224 | - return ( | ||
225 | - <span> | ||
226 | - <a onClick={e => this.toggleEditable(e, record.key)}>编辑</a> | ||
227 | - <Divider type="vertical" /> | ||
228 | - <Popconfirm title="是否要删除此行?" onConfirm={() => this.remove(record.key)}> | ||
229 | - <a>删除</a> | ||
230 | - </Popconfirm> | ||
231 | - </span> | ||
232 | - ); | ||
233 | - }, | ||
234 | - }, | ||
235 | - ]; | ||
236 | - | ||
237 | - const { loading, data } = this.state; | ||
238 | - | ||
239 | - return ( | ||
240 | - <Fragment> | ||
241 | - <Table | ||
242 | - loading={loading} | ||
243 | - columns={columns} | ||
244 | - dataSource={data} | ||
245 | - pagination={false} | ||
246 | - rowClassName={record => (record.editable ? styles.editable : '')} | ||
247 | - /> | ||
248 | - <Button | ||
249 | - style={{ width: '100%', marginTop: 16, marginBottom: 8 }} | ||
250 | - type="dashed" | ||
251 | - onClick={this.newMember} | ||
252 | - icon="plus" | ||
253 | - > | ||
254 | - 新增成员 | ||
255 | - </Button> | ||
256 | - </Fragment> | ||
257 | - ); | ||
258 | - } | ||
259 | -} | ||
260 | - | ||
261 | -export default TableForm; |
ant-design-pro/AdvancedForm/src/index.js
已删除
100644 → 0
1 | -import React, { PureComponent } from 'react'; | ||
2 | -import { | ||
3 | - Card, | ||
4 | - Button, | ||
5 | - Form, | ||
6 | - Icon, | ||
7 | - Col, | ||
8 | - Row, | ||
9 | - DatePicker, | ||
10 | - TimePicker, | ||
11 | - Input, | ||
12 | - Select, | ||
13 | - Popover, | ||
14 | -} from 'antd'; | ||
15 | -import { connect } from 'dva'; | ||
16 | -import { FooterToolbar } from 'ant-design-pro'; | ||
17 | -import PageHeaderWrapper from './components/PageHeaderWrapper'; | ||
18 | -import TableForm from './components/TableForm'; | ||
19 | -import styles from './style.less'; | ||
20 | - | ||
21 | -const { Option } = Select; | ||
22 | -const { RangePicker } = DatePicker; | ||
23 | - | ||
24 | -const fieldLabels = { | ||
25 | - name: '仓库名', | ||
26 | - url: '仓库域名', | ||
27 | - owner: '仓库管理员', | ||
28 | - approver: '审批人', | ||
29 | - dateRange: '生效日期', | ||
30 | - type: '仓库类型', | ||
31 | - name2: '任务名', | ||
32 | - url2: '任务描述', | ||
33 | - owner2: '执行人', | ||
34 | - approver2: '责任人', | ||
35 | - dateRange2: '生效日期', | ||
36 | - type2: '任务类型', | ||
37 | -}; | ||
38 | - | ||
39 | -const tableData = [ | ||
40 | - { | ||
41 | - key: '1', | ||
42 | - workId: '00001', | ||
43 | - name: 'John Brown', | ||
44 | - department: 'New York No. 1 Lake Park', | ||
45 | - }, | ||
46 | - { | ||
47 | - key: '2', | ||
48 | - workId: '00002', | ||
49 | - name: 'Jim Green', | ||
50 | - department: 'London No. 1 Lake Park', | ||
51 | - }, | ||
52 | - { | ||
53 | - key: '3', | ||
54 | - workId: '00003', | ||
55 | - name: 'Joe Black', | ||
56 | - department: 'Sidney No. 1 Lake Park', | ||
57 | - }, | ||
58 | -]; | ||
59 | - | ||
60 | -@connect(({ loading }) => ({ | ||
61 | - submitting: loading.effects['BLOCK_NAME_CAMEL_CASE/submitAdvancedForm'], | ||
62 | -})) | ||
63 | -@Form.create() | ||
64 | -class PAGE_NAME_UPPER_CAMEL_CASE extends PureComponent { | ||
65 | - state = { | ||
66 | - width: '100%', | ||
67 | - }; | ||
68 | - | ||
69 | - componentDidMount() { | ||
70 | - window.addEventListener('resize', this.resizeFooterToolbar, { passive: true }); | ||
71 | - } | ||
72 | - | ||
73 | - componentWillUnmount() { | ||
74 | - window.removeEventListener('resize', this.resizeFooterToolbar); | ||
75 | - } | ||
76 | - | ||
77 | - getErrorInfo = () => { | ||
78 | - const { | ||
79 | - form: { getFieldsError }, | ||
80 | - } = this.props; | ||
81 | - const errors = getFieldsError(); | ||
82 | - const errorCount = Object.keys(errors).filter(key => errors[key]).length; | ||
83 | - if (!errors || errorCount === 0) { | ||
84 | - return null; | ||
85 | - } | ||
86 | - const scrollToField = fieldKey => { | ||
87 | - const labelNode = document.querySelector(`label[for="${fieldKey}"]`); | ||
88 | - if (labelNode) { | ||
89 | - labelNode.scrollIntoView(true); | ||
90 | - } | ||
91 | - }; | ||
92 | - const errorList = Object.keys(errors).map(key => { | ||
93 | - if (!errors[key]) { | ||
94 | - return null; | ||
95 | - } | ||
96 | - return ( | ||
97 | - <li key={key} className={styles.errorListItem} onClick={() => scrollToField(key)}> | ||
98 | - <Icon type="cross-circle-o" className={styles.errorIcon} /> | ||
99 | - <div className={styles.errorMessage}>{errors[key][0]}</div> | ||
100 | - <div className={styles.errorField}>{fieldLabels[key]}</div> | ||
101 | - </li> | ||
102 | - ); | ||
103 | - }); | ||
104 | - return ( | ||
105 | - <span className={styles.errorIcon}> | ||
106 | - <Popover | ||
107 | - title="表单校验信息" | ||
108 | - content={errorList} | ||
109 | - overlayClassName={styles.errorPopover} | ||
110 | - trigger="click" | ||
111 | - getPopupContainer={trigger => trigger.parentNode} | ||
112 | - > | ||
113 | - <Icon type="exclamation-circle" /> | ||
114 | - </Popover> | ||
115 | - {errorCount} | ||
116 | - </span> | ||
117 | - ); | ||
118 | - }; | ||
119 | - | ||
120 | - resizeFooterToolbar = () => { | ||
121 | - requestAnimationFrame(() => { | ||
122 | - const sider = document.querySelectorAll('.ant-layout-sider')[0]; | ||
123 | - if (sider) { | ||
124 | - const width = `calc(100% - ${sider.style.width})`; | ||
125 | - const { width: stateWidth } = this.state; | ||
126 | - if (stateWidth !== width) { | ||
127 | - this.setState({ width }); | ||
128 | - } | ||
129 | - } | ||
130 | - }); | ||
131 | - }; | ||
132 | - | ||
133 | - validate = () => { | ||
134 | - const { | ||
135 | - form: { validateFieldsAndScroll }, | ||
136 | - dispatch, | ||
137 | - } = this.props; | ||
138 | - validateFieldsAndScroll((error, values) => { | ||
139 | - if (!error) { | ||
140 | - // submit the values | ||
141 | - dispatch({ | ||
142 | - type: 'BLOCK_NAME_CAMEL_CASE/submitAdvancedForm', | ||
143 | - payload: values, | ||
144 | - }); | ||
145 | - } | ||
146 | - }); | ||
147 | - }; | ||
148 | - | ||
149 | - render() { | ||
150 | - const { | ||
151 | - form: { getFieldDecorator }, | ||
152 | - submitting, | ||
153 | - } = this.props; | ||
154 | - const { width } = this.state; | ||
155 | - | ||
156 | - return ( | ||
157 | - <PageHeaderWrapper | ||
158 | - title="高级表单" | ||
159 | - content="高级表单常见于一次性输入和提交大批量数据的场景。" | ||
160 | - wrapperClassName={styles.advancedForm} | ||
161 | - > | ||
162 | - <Card title="仓库管理" className={styles.card} bordered={false}> | ||
163 | - <Form layout="vertical" hideRequiredMark> | ||
164 | - <Row gutter={16}> | ||
165 | - <Col lg={6} md={12} sm={24}> | ||
166 | - <Form.Item label={fieldLabels.name}> | ||
167 | - {getFieldDecorator('name', { | ||
168 | - rules: [{ required: true, message: '请输入仓库名称' }], | ||
169 | - })(<Input placeholder="请输入仓库名称" />)} | ||
170 | - </Form.Item> | ||
171 | - </Col> | ||
172 | - <Col xl={{ span: 6, offset: 2 }} lg={{ span: 8 }} md={{ span: 12 }} sm={24}> | ||
173 | - <Form.Item label={fieldLabels.url}> | ||
174 | - {getFieldDecorator('url', { | ||
175 | - rules: [{ required: true, message: '请选择' }], | ||
176 | - })( | ||
177 | - <Input | ||
178 | - style={{ width: '100%' }} | ||
179 | - addonBefore="http://" | ||
180 | - addonAfter=".com" | ||
181 | - placeholder="请输入" | ||
182 | - /> | ||
183 | - )} | ||
184 | - </Form.Item> | ||
185 | - </Col> | ||
186 | - <Col xl={{ span: 8, offset: 2 }} lg={{ span: 10 }} md={{ span: 24 }} sm={24}> | ||
187 | - <Form.Item label={fieldLabels.owner}> | ||
188 | - {getFieldDecorator('owner', { | ||
189 | - rules: [{ required: true, message: '请选择管理员' }], | ||
190 | - })( | ||
191 | - <Select placeholder="请选择管理员"> | ||
192 | - <Option value="xiao">付晓晓</Option> | ||
193 | - <Option value="mao">周毛毛</Option> | ||
194 | - </Select> | ||
195 | - )} | ||
196 | - </Form.Item> | ||
197 | - </Col> | ||
198 | - </Row> | ||
199 | - <Row gutter={16}> | ||
200 | - <Col lg={6} md={12} sm={24}> | ||
201 | - <Form.Item label={fieldLabels.approver}> | ||
202 | - {getFieldDecorator('approver', { | ||
203 | - rules: [{ required: true, message: '请选择审批员' }], | ||
204 | - })( | ||
205 | - <Select placeholder="请选择审批员"> | ||
206 | - <Option value="xiao">付晓晓</Option> | ||
207 | - <Option value="mao">周毛毛</Option> | ||
208 | - </Select> | ||
209 | - )} | ||
210 | - </Form.Item> | ||
211 | - </Col> | ||
212 | - <Col xl={{ span: 6, offset: 2 }} lg={{ span: 8 }} md={{ span: 12 }} sm={24}> | ||
213 | - <Form.Item label={fieldLabels.dateRange}> | ||
214 | - {getFieldDecorator('dateRange', { | ||
215 | - rules: [{ required: true, message: '请选择生效日期' }], | ||
216 | - })( | ||
217 | - <RangePicker placeholder={['开始日期', '结束日期']} style={{ width: '100%' }} /> | ||
218 | - )} | ||
219 | - </Form.Item> | ||
220 | - </Col> | ||
221 | - <Col xl={{ span: 8, offset: 2 }} lg={{ span: 10 }} md={{ span: 24 }} sm={24}> | ||
222 | - <Form.Item label={fieldLabels.type}> | ||
223 | - {getFieldDecorator('type', { | ||
224 | - rules: [{ required: true, message: '请选择仓库类型' }], | ||
225 | - })( | ||
226 | - <Select placeholder="请选择仓库类型"> | ||
227 | - <Option value="private">私密</Option> | ||
228 | - <Option value="public">公开</Option> | ||
229 | - </Select> | ||
230 | - )} | ||
231 | - </Form.Item> | ||
232 | - </Col> | ||
233 | - </Row> | ||
234 | - </Form> | ||
235 | - </Card> | ||
236 | - <Card title="任务管理" className={styles.card} bordered={false}> | ||
237 | - <Form layout="vertical" hideRequiredMark> | ||
238 | - <Row gutter={16}> | ||
239 | - <Col lg={6} md={12} sm={24}> | ||
240 | - <Form.Item label={fieldLabels.name2}> | ||
241 | - {getFieldDecorator('name2', { | ||
242 | - rules: [{ required: true, message: '请输入' }], | ||
243 | - })(<Input placeholder="请输入" />)} | ||
244 | - </Form.Item> | ||
245 | - </Col> | ||
246 | - <Col xl={{ span: 6, offset: 2 }} lg={{ span: 8 }} md={{ span: 12 }} sm={24}> | ||
247 | - <Form.Item label={fieldLabels.url2}> | ||
248 | - {getFieldDecorator('url2', { | ||
249 | - rules: [{ required: true, message: '请选择' }], | ||
250 | - })(<Input placeholder="请输入" />)} | ||
251 | - </Form.Item> | ||
252 | - </Col> | ||
253 | - <Col xl={{ span: 8, offset: 2 }} lg={{ span: 10 }} md={{ span: 24 }} sm={24}> | ||
254 | - <Form.Item label={fieldLabels.owner2}> | ||
255 | - {getFieldDecorator('owner2', { | ||
256 | - rules: [{ required: true, message: '请选择管理员' }], | ||
257 | - })( | ||
258 | - <Select placeholder="请选择管理员"> | ||
259 | - <Option value="xiao">付晓晓</Option> | ||
260 | - <Option value="mao">周毛毛</Option> | ||
261 | - </Select> | ||
262 | - )} | ||
263 | - </Form.Item> | ||
264 | - </Col> | ||
265 | - </Row> | ||
266 | - <Row gutter={16}> | ||
267 | - <Col lg={6} md={12} sm={24}> | ||
268 | - <Form.Item label={fieldLabels.approver2}> | ||
269 | - {getFieldDecorator('approver2', { | ||
270 | - rules: [{ required: true, message: '请选择审批员' }], | ||
271 | - })( | ||
272 | - <Select placeholder="请选择审批员"> | ||
273 | - <Option value="xiao">付晓晓</Option> | ||
274 | - <Option value="mao">周毛毛</Option> | ||
275 | - </Select> | ||
276 | - )} | ||
277 | - </Form.Item> | ||
278 | - </Col> | ||
279 | - <Col xl={{ span: 6, offset: 2 }} lg={{ span: 8 }} md={{ span: 12 }} sm={24}> | ||
280 | - <Form.Item label={fieldLabels.dateRange2}> | ||
281 | - {getFieldDecorator('dateRange2', { | ||
282 | - rules: [{ required: true, message: '请输入' }], | ||
283 | - })( | ||
284 | - <TimePicker | ||
285 | - placeholder="提醒时间" | ||
286 | - style={{ width: '100%' }} | ||
287 | - getPopupContainer={trigger => trigger.parentNode} | ||
288 | - /> | ||
289 | - )} | ||
290 | - </Form.Item> | ||
291 | - </Col> | ||
292 | - <Col xl={{ span: 8, offset: 2 }} lg={{ span: 10 }} md={{ span: 24 }} sm={24}> | ||
293 | - <Form.Item label={fieldLabels.type2}> | ||
294 | - {getFieldDecorator('type2', { | ||
295 | - rules: [{ required: true, message: '请选择仓库类型' }], | ||
296 | - })( | ||
297 | - <Select placeholder="请选择仓库类型"> | ||
298 | - <Option value="private">私密</Option> | ||
299 | - <Option value="public">公开</Option> | ||
300 | - </Select> | ||
301 | - )} | ||
302 | - </Form.Item> | ||
303 | - </Col> | ||
304 | - </Row> | ||
305 | - </Form> | ||
306 | - </Card> | ||
307 | - <Card title="成员管理" bordered={false}> | ||
308 | - {getFieldDecorator('members', { | ||
309 | - initialValue: tableData, | ||
310 | - })(<TableForm />)} | ||
311 | - </Card> | ||
312 | - <FooterToolbar style={{ width }}> | ||
313 | - {this.getErrorInfo()} | ||
314 | - <Button type="primary" onClick={this.validate} loading={submitting}> | ||
315 | - 提交 | ||
316 | - </Button> | ||
317 | - </FooterToolbar> | ||
318 | - </PageHeaderWrapper> | ||
319 | - ); | ||
320 | - } | ||
321 | -} | ||
322 | - | ||
323 | -export default PAGE_NAME_UPPER_CAMEL_CASE; |
1 | -export default { | ||
2 | - 'BLOCK_NAME.basic.title': 'Basic form', | ||
3 | - 'BLOCK_NAME.basic.description': | ||
4 | - 'Form pages are used to collect or verify information to users, and basic forms are common in scenarios where there are fewer data items.', | ||
5 | - | ||
6 | - 'BLOCK_NAME.email.required': 'Please enter your email!', | ||
7 | - 'BLOCK_NAME.email.wrong-format': 'The email address is in the wrong format!', | ||
8 | - 'BLOCK_NAME.userName.required': 'Please enter your userName!', | ||
9 | - 'BLOCK_NAME.password.required': 'Please enter your password!', | ||
10 | - 'BLOCK_NAME.password.twice': 'The passwords entered twice do not match!', | ||
11 | - 'BLOCK_NAME.strength.msg': | ||
12 | - "Please enter at least 6 characters and don't use passwords that are easy to guess.", | ||
13 | - 'BLOCK_NAME.strength.strong': 'Strength: strong', | ||
14 | - 'BLOCK_NAME.strength.medium': 'Strength: medium', | ||
15 | - 'BLOCK_NAME.strength.short': 'Strength: too short', | ||
16 | - 'BLOCK_NAME.confirm-password.required': 'Please confirm your password!', | ||
17 | - 'BLOCK_NAME.phone-number.required': 'Please enter your phone number!', | ||
18 | - 'BLOCK_NAME.phone-number.wrong-format': 'Malformed phone number!', | ||
19 | - 'BLOCK_NAME.verification-code.required': 'Please enter the verification code!', | ||
20 | - 'BLOCK_NAME.title.required': 'Please enter a title', | ||
21 | - 'BLOCK_NAME.date.required': 'Please select the start and end date', | ||
22 | - 'BLOCK_NAME.goal.required': 'Please enter a description of the goal', | ||
23 | - 'BLOCK_NAME.standard.required': 'Please enter a metric', | ||
24 | - | ||
25 | - 'BLOCK_NAME.form.get-captcha': 'Get Captcha', | ||
26 | - 'BLOCK_NAME.captcha.second': 'sec', | ||
27 | - 'BLOCK_NAME.form.optional': ' (optional) ', | ||
28 | - 'BLOCK_NAME.form.submit': 'Submit', | ||
29 | - 'BLOCK_NAME.form.save': 'Save', | ||
30 | - 'BLOCK_NAME.email.placeholder': 'Email', | ||
31 | - 'BLOCK_NAME.password.placeholder': 'Password', | ||
32 | - 'BLOCK_NAME.confirm-password.placeholder': 'Confirm password', | ||
33 | - 'BLOCK_NAME.phone-number.placeholder': 'Phone number', | ||
34 | - 'BLOCK_NAME.verification-code.placeholder': 'Verification code', | ||
35 | - 'BLOCK_NAME.title.label': 'Title', | ||
36 | - 'BLOCK_NAME.title.placeholder': 'Give the target a name', | ||
37 | - 'BLOCK_NAME.date.label': 'Start and end date', | ||
38 | - 'BLOCK_NAME.placeholder.start': 'Start date', | ||
39 | - 'BLOCK_NAME.placeholder.end': 'End date', | ||
40 | - 'BLOCK_NAME.goal.label': 'Goal description', | ||
41 | - 'BLOCK_NAME.goal.placeholder': 'Please enter your work goals', | ||
42 | - 'BLOCK_NAME.standard.label': 'Metrics', | ||
43 | - 'BLOCK_NAME.standard.placeholder': 'Please enter a metric', | ||
44 | - 'BLOCK_NAME.client.label': 'Client', | ||
45 | - 'BLOCK_NAME.label.tooltip': 'Target service object', | ||
46 | - 'BLOCK_NAME.client.placeholder': | ||
47 | - 'Please describe your customer service, internal customers directly @ Name / job number', | ||
48 | - 'BLOCK_NAME.invites.label': 'Inviting critics', | ||
49 | - 'BLOCK_NAME.invites.placeholder': 'Please direct @ Name / job number, you can invite up to 5 people', | ||
50 | - 'BLOCK_NAME.weight.label': 'Weight', | ||
51 | - 'BLOCK_NAME.weight.placeholder': 'Please enter weight', | ||
52 | - 'BLOCK_NAME.public.label': 'Target disclosure', | ||
53 | - 'BLOCK_NAME.label.help': 'Customers and invitees are shared by default', | ||
54 | - 'BLOCK_NAME.radio.public': 'Public', | ||
55 | - 'BLOCK_NAME.radio.partially-public': 'Partially public', | ||
56 | - 'BLOCK_NAME.radio.private': 'Private', | ||
57 | - 'BLOCK_NAME.publicUsers.placeholder': 'Open to', | ||
58 | - 'BLOCK_NAME.option.A': 'Colleague A', | ||
59 | - 'BLOCK_NAME.option.B': 'Colleague B', | ||
60 | - 'BLOCK_NAME.option.C': 'Colleague C', | ||
61 | -}; |
1 | -export default { | ||
2 | - 'BLOCK_NAME.basic.title': 'Basic form', | ||
3 | - 'BLOCK_NAME.basic.description': | ||
4 | - 'Form pages are used to collect or verify information to users, and basic forms are common in scenarios where there are fewer data items.', | ||
5 | - | ||
6 | - 'BLOCK_NAME.email.required': 'Por favor insira seu email!', | ||
7 | - 'BLOCK_NAME.email.wrong-format': 'O email está errado!', | ||
8 | - 'BLOCK_NAME.userName.required': 'Por favor insira nome de usuário!', | ||
9 | - 'BLOCK_NAME.password.required': 'Por favor insira sua senha!', | ||
10 | - 'BLOCK_NAME.password.twice': 'As senhas não estão iguais!', | ||
11 | - 'BLOCK_NAME.strength.msg': | ||
12 | - 'Por favor insira pelo menos 6 caracteres e não use senhas fáceis de adivinhar.', | ||
13 | - 'BLOCK_NAME.strength.strong': 'Força: forte', | ||
14 | - 'BLOCK_NAME.strength.medium': 'Força: média', | ||
15 | - 'BLOCK_NAME.strength.short': 'Força: curta', | ||
16 | - 'BLOCK_NAME.confirm-password.required': 'Por favor confirme sua senha!', | ||
17 | - 'BLOCK_NAME.phone-number.required': 'Por favor insira seu telefone!', | ||
18 | - 'BLOCK_NAME.phone-number.wrong-format': 'Formato de telefone errado!', | ||
19 | - 'BLOCK_NAME.verification-code.required': 'Por favor insira seu código de verificação!', | ||
20 | - | ||
21 | - 'BLOCK_NAME.form.get-captcha': 'Get Captcha', | ||
22 | - 'BLOCK_NAME.captcha.second': 'sec', | ||
23 | - 'BLOCK_NAME.email.placeholder': 'Email', | ||
24 | - 'BLOCK_NAME.password.placeholder': 'Senha', | ||
25 | - 'BLOCK_NAME.confirm-password.placeholder': 'Confirme a senha', | ||
26 | - 'BLOCK_NAME.phone-number.placeholder': 'Telefone', | ||
27 | - 'BLOCK_NAME.verification-code.placeholder': 'Código de verificação', | ||
28 | - 'BLOCK_NAME.form.optional': ' (optional) ', | ||
29 | - 'BLOCK_NAME.form.submit': 'Submit', | ||
30 | - 'BLOCK_NAME.form.save': 'Save', | ||
31 | - 'BLOCK_NAME.title.label': 'Title', | ||
32 | - 'BLOCK_NAME.title.placeholder': 'Give the target a name', | ||
33 | - 'BLOCK_NAME.date.label': 'Start and end date', | ||
34 | - 'BLOCK_NAME.placeholder.start': 'Start date', | ||
35 | - 'BLOCK_NAME.placeholder.end': 'End date', | ||
36 | - 'BLOCK_NAME.goal.label': 'Goal description', | ||
37 | - 'BLOCK_NAME.goal.placeholder': 'Please enter your work goals', | ||
38 | - 'BLOCK_NAME.standard.label': 'Metrics', | ||
39 | - 'BLOCK_NAME.standard.placeholder': 'Please enter a metric', | ||
40 | - 'BLOCK_NAME.client.label': 'Client', | ||
41 | - 'BLOCK_NAME.label.tooltip': 'Target service object', | ||
42 | - 'BLOCK_NAME.client.placeholder': | ||
43 | - 'Please describe your customer service, internal customers directly @ Name / job number', | ||
44 | - 'BLOCK_NAME.invites.label': 'Inviting critics', | ||
45 | - 'BLOCK_NAME.invites.placeholder': 'Please direct @ Name / job number, you can invite up to 5 people', | ||
46 | - 'BLOCK_NAME.weight.label': 'Weight', | ||
47 | - 'BLOCK_NAME.weight.placeholder': 'Please enter weight', | ||
48 | - 'BLOCK_NAME.public.label': 'Target disclosure', | ||
49 | - 'BLOCK_NAME.label.help': 'Customers and invitees are shared by default', | ||
50 | - 'BLOCK_NAME.radio.public': 'Public', | ||
51 | - 'BLOCK_NAME.radio.partially-public': 'Partially public', | ||
52 | - 'BLOCK_NAME.radio.private': 'Private', | ||
53 | - 'BLOCK_NAME.publicUsers.placeholder': 'Open to', | ||
54 | - 'BLOCK_NAME.option.A': 'Colleague A', | ||
55 | - 'BLOCK_NAME.option.B': 'Colleague B', | ||
56 | - 'BLOCK_NAME.option.C': 'Colleague C', | ||
57 | -}; |
1 | -export default { | ||
2 | - 'BLOCK_NAME.basic.title': '基础表单', | ||
3 | - 'BLOCK_NAME.basic.description': | ||
4 | - '表单页用于向用户收集或验证信息,基础表单常见于数据项较少的表单场景。', | ||
5 | - | ||
6 | - 'BLOCK_NAME.email.required': '请输入邮箱地址!', | ||
7 | - 'BLOCK_NAME.email.wrong-format': '邮箱地址格式错误!', | ||
8 | - 'BLOCK_NAME.userName.required': '请输入用户名!', | ||
9 | - 'BLOCK_NAME.password.required': '请输入密码!', | ||
10 | - 'BLOCK_NAME.password.twice': '两次输入的密码不匹配!', | ||
11 | - 'BLOCK_NAME.strength.msg': '请至少输入 6 个字符。请不要使用容易被猜到的密码。', | ||
12 | - 'BLOCK_NAME.strength.strong': '强度:强', | ||
13 | - 'BLOCK_NAME.strength.medium': '强度:中', | ||
14 | - 'BLOCK_NAME.strength.short': '强度:太短', | ||
15 | - 'BLOCK_NAME.confirm-password.required': '请确认密码!', | ||
16 | - 'BLOCK_NAME.phone-number.required': '请输入手机号!', | ||
17 | - 'BLOCK_NAME.phone-number.wrong-format': '手机号格式错误!', | ||
18 | - 'BLOCK_NAME.verification-code.required': '请输入验证码!', | ||
19 | - 'BLOCK_NAME.title.required': '请输入标题', | ||
20 | - 'BLOCK_NAME.date.required': '请选择起止日期', | ||
21 | - 'BLOCK_NAME.goal.required': '请输入目标描述', | ||
22 | - 'BLOCK_NAME.standard.required': '请输入衡量标准', | ||
23 | - | ||
24 | - 'BLOCK_NAME.form.get-captcha': '获取验证码', | ||
25 | - 'BLOCK_NAME.captcha.second': '秒', | ||
26 | - 'BLOCK_NAME.form.optional': '(选填)', | ||
27 | - 'BLOCK_NAME.form.submit': '提交', | ||
28 | - 'BLOCK_NAME.form.save': '保存', | ||
29 | - 'BLOCK_NAME.email.placeholder': '邮箱', | ||
30 | - 'BLOCK_NAME.password.placeholder': '至少6位密码,区分大小写', | ||
31 | - 'BLOCK_NAME.confirm-password.placeholder': '确认密码', | ||
32 | - 'BLOCK_NAME.phone-number.placeholder': '手机号', | ||
33 | - 'BLOCK_NAME.verification-code.placeholder': '验证码', | ||
34 | - 'BLOCK_NAME.title.label': '标题', | ||
35 | - 'BLOCK_NAME.title.placeholder': '给目标起个名字', | ||
36 | - 'BLOCK_NAME.date.label': '起止日期', | ||
37 | - 'BLOCK_NAME.placeholder.start': '开始日期', | ||
38 | - 'BLOCK_NAME.placeholder.end': '结束日期', | ||
39 | - 'BLOCK_NAME.goal.label': '目标描述', | ||
40 | - 'BLOCK_NAME.goal.placeholder': '请输入你的阶段性工作目标', | ||
41 | - 'BLOCK_NAME.standard.label': '衡量标准', | ||
42 | - 'BLOCK_NAME.standard.placeholder': '请输入衡量标准', | ||
43 | - 'BLOCK_NAME.client.label': '客户', | ||
44 | - 'BLOCK_NAME.label.tooltip': '目标的服务对象', | ||
45 | - 'BLOCK_NAME.client.placeholder': '请描述你服务的客户,内部客户直接 @姓名/工号', | ||
46 | - 'BLOCK_NAME.invites.label': '邀评人', | ||
47 | - 'BLOCK_NAME.invites.placeholder': '请直接 @姓名/工号,最多可邀请 5 人', | ||
48 | - 'BLOCK_NAME.weight.label': '权重', | ||
49 | - 'BLOCK_NAME.weight.placeholder': '请输入', | ||
50 | - 'BLOCK_NAME.public.label': '目标公开', | ||
51 | - 'BLOCK_NAME.label.help': '客户、邀评人默认被分享', | ||
52 | - 'BLOCK_NAME.radio.public': '公开', | ||
53 | - 'BLOCK_NAME.radio.partially-public': '部分公开', | ||
54 | - 'BLOCK_NAME.radio.private': '不公开', | ||
55 | - 'BLOCK_NAME.publicUsers.placeholder': '公开给', | ||
56 | - 'BLOCK_NAME.option.A': '同事甲', | ||
57 | - 'BLOCK_NAME.option.B': '同事乙', | ||
58 | - 'BLOCK_NAME.option.C': '同事丙', | ||
59 | -}; |
1 | -export default { | ||
2 | - 'BLOCK_NAME.basic.title': '基礎表單', | ||
3 | - 'BLOCK_NAME.basic.description': | ||
4 | - '表單頁用於向用戶收集或驗證信息,基礎表單常見於數據項較少的表單場景。', | ||
5 | - | ||
6 | - 'BLOCK_NAME.email.required': '請輸入郵箱地址!', | ||
7 | - 'BLOCK_NAME.email.wrong-format': '郵箱地址格式錯誤!', | ||
8 | - 'BLOCK_NAME.userName.required': '請輸入賬戶!', | ||
9 | - 'BLOCK_NAME.password.required': '請輸入密碼!', | ||
10 | - 'BLOCK_NAME.password.twice': '兩次輸入的密碼不匹配!', | ||
11 | - 'BLOCK_NAME.strength.msg': '請至少輸入 6 個字符。請不要使用容易被猜到的密碼。', | ||
12 | - 'BLOCK_NAME.strength.strong': '強度:強', | ||
13 | - 'BLOCK_NAME.strength.medium': '強度:中', | ||
14 | - 'BLOCK_NAME.strength.short': '強度:太短', | ||
15 | - 'BLOCK_NAME.confirm-password.required': '請確認密碼!', | ||
16 | - 'BLOCK_NAME.phone-number.required': '請輸入手機號!', | ||
17 | - 'BLOCK_NAME.phone-number.wrong-format': '手機號格式錯誤!', | ||
18 | - 'BLOCK_NAME.verification-code.required': '請輸入驗證碼!', | ||
19 | - 'BLOCK_NAME.title.required': '請輸入標題', | ||
20 | - 'BLOCK_NAME.date.required': '請選擇起止日期', | ||
21 | - 'BLOCK_NAME.goal.required': '請輸入目標描述', | ||
22 | - 'BLOCK_NAME.standard.required': '請輸入衡量標淮', | ||
23 | - | ||
24 | - 'BLOCK_NAME.form.get-captcha': '獲取驗證碼', | ||
25 | - 'BLOCK_NAME.captcha.second': '秒', | ||
26 | - 'BLOCK_NAME.form.optional': '(選填)', | ||
27 | - 'BLOCK_NAME.form.submit': '提交', | ||
28 | - 'BLOCK_NAME.form.save': '保存', | ||
29 | - 'BLOCK_NAME.email.placeholder': '郵箱', | ||
30 | - 'BLOCK_NAME.password.placeholder': '至少6位密碼,區分大小寫', | ||
31 | - 'BLOCK_NAME.confirm-password.placeholder': '確認密碼', | ||
32 | - 'BLOCK_NAME.phone-number.placeholder': '手機號', | ||
33 | - 'BLOCK_NAME.verification-code.placeholder': '驗證碼', | ||
34 | - 'BLOCK_NAME.title.label': '標題', | ||
35 | - 'BLOCK_NAME.title.placeholder': '給目標起個名字', | ||
36 | - 'BLOCK_NAME.date.label': '起止日期', | ||
37 | - 'BLOCK_NAME.placeholder.start': '開始日期', | ||
38 | - 'BLOCK_NAME.placeholder.end': '結束日期', | ||
39 | - 'BLOCK_NAME.goal.label': '目標描述', | ||
40 | - 'BLOCK_NAME.goal.placeholder': '請輸入妳的階段性工作目標', | ||
41 | - 'BLOCK_NAME.standard.label': '衡量標淮', | ||
42 | - 'BLOCK_NAME.standard.placeholder': '請輸入衡量標淮', | ||
43 | - 'BLOCK_NAME.client.label': '客戶', | ||
44 | - 'BLOCK_NAME.label.tooltip': '目標的服務對象', | ||
45 | - 'BLOCK_NAME.client.placeholder': '請描述妳服務的客戶,內部客戶直接 @姓名/工號', | ||
46 | - 'BLOCK_NAME.invites.label': '邀評人', | ||
47 | - 'BLOCK_NAME.invites.placeholder': '請直接 @姓名/工號,最多可邀請 5 人', | ||
48 | - 'BLOCK_NAME.weight.label': '權重', | ||
49 | - 'BLOCK_NAME.weight.placeholder': '請輸入', | ||
50 | - 'BLOCK_NAME.public.label': '目標公開', | ||
51 | - 'BLOCK_NAME.label.help': '客戶、邀評人默認被分享', | ||
52 | - 'BLOCK_NAME.radio.public': '公開', | ||
53 | - 'BLOCK_NAME.radio.partially-public': '部分公開', | ||
54 | - 'BLOCK_NAME.radio.private': '不公開', | ||
55 | - 'BLOCK_NAME.publicUsers.placeholder': '公開給', | ||
56 | - 'BLOCK_NAME.option.A': '同事甲', | ||
57 | - 'BLOCK_NAME.option.B': '同事乙', | ||
58 | - 'BLOCK_NAME.option.C': '同事丙', | ||
59 | -}; |
ant-design-pro/AdvancedForm/src/model.js
已删除
100644 → 0
1 | -import { message } from 'antd'; | ||
2 | -import { fakeSubmitForm } from './service'; | ||
3 | - | ||
4 | -export default { | ||
5 | - namespace: 'BLOCK_NAME_CAMEL_CASE', | ||
6 | - | ||
7 | - state: {}, | ||
8 | - | ||
9 | - effects: { | ||
10 | - *submitAdvancedForm({ payload }, { call }) { | ||
11 | - yield call(fakeSubmitForm, payload); | ||
12 | - message.success('提交成功'); | ||
13 | - }, | ||
14 | - }, | ||
15 | -}; |
1 | -@import '~antd/lib/style/themes/default.less'; | ||
2 | - | ||
3 | -.card { | ||
4 | - margin-bottom: 24px; | ||
5 | -} | ||
6 | - | ||
7 | -.heading { | ||
8 | - font-size: 14px; | ||
9 | - line-height: 22px; | ||
10 | - margin: 0 0 16px 0; | ||
11 | -} | ||
12 | - | ||
13 | -.steps:global(.ant-steps) { | ||
14 | - max-width: 750px; | ||
15 | - margin: 16px auto; | ||
16 | -} | ||
17 | - | ||
18 | -.errorIcon { | ||
19 | - cursor: pointer; | ||
20 | - color: @error-color; | ||
21 | - margin-right: 24px; | ||
22 | - i { | ||
23 | - margin-right: 4px; | ||
24 | - } | ||
25 | -} | ||
26 | - | ||
27 | -.errorPopover { | ||
28 | - :global { | ||
29 | - .ant-popover-inner-content { | ||
30 | - padding: 0; | ||
31 | - max-height: 290px; | ||
32 | - overflow: auto; | ||
33 | - min-width: 256px; | ||
34 | - } | ||
35 | - } | ||
36 | -} | ||
37 | - | ||
38 | -.errorListItem { | ||
39 | - list-style: none; | ||
40 | - border-bottom: 1px solid @border-color-split; | ||
41 | - padding: 8px 16px; | ||
42 | - cursor: pointer; | ||
43 | - transition: all 0.3s; | ||
44 | - &:hover { | ||
45 | - background: @primary-1; | ||
46 | - } | ||
47 | - &:last-child { | ||
48 | - border: 0; | ||
49 | - } | ||
50 | - .errorIcon { | ||
51 | - color: @error-color; | ||
52 | - float: left; | ||
53 | - margin-top: 4px; | ||
54 | - margin-right: 12px; | ||
55 | - padding-bottom: 22px; | ||
56 | - } | ||
57 | - .errorField { | ||
58 | - font-size: 12px; | ||
59 | - color: @text-color-secondary; | ||
60 | - margin-top: 2px; | ||
61 | - } | ||
62 | -} | ||
63 | - | ||
64 | -.editable { | ||
65 | - td { | ||
66 | - padding-top: 13px !important; | ||
67 | - padding-bottom: 12.5px !important; | ||
68 | - } | ||
69 | -} | ||
70 | - | ||
71 | -// custom footer for fixed footer toolbar | ||
72 | -.advancedForm + div { | ||
73 | - padding-bottom: 64px; | ||
74 | -} | ||
75 | - | ||
76 | -.advancedForm { | ||
77 | - :global { | ||
78 | - .ant-form .ant-row:last-child .ant-form-item { | ||
79 | - margin-bottom: 24px; | ||
80 | - } | ||
81 | - .ant-table td { | ||
82 | - transition: none !important; | ||
83 | - } | ||
84 | - } | ||
85 | -} | ||
86 | - | ||
87 | -.optional { | ||
88 | - color: @text-color-secondary; | ||
89 | - font-style: normal; | ||
90 | -} |
请
注册
或
登录
后发表评论