Showing
4 changed files
with
110 additions
and
73 deletions
... | ... | @@ -4,6 +4,7 @@ export * from './qx-sort-condition'; |
4 | 4 | export * from './qx-base-icon'; |
5 | 5 | export * from './qx-tags-input'; |
6 | 6 | export * from './qx-user-selector'; |
7 | +export * from './qx-org-selector'; | |
7 | 8 | export * from './qx-form-select'; |
8 | 9 | export * from './qx-app-selector'; |
9 | 10 | export * from './utils'; | ... | ... |
... | ... | @@ -4,18 +4,13 @@ import { useEffect, useState } from 'react'; |
4 | 4 | import type { OptionField, WidgetField } from '../type'; |
5 | 5 | import { getUsefulFieldProp } from '../util'; |
6 | 6 | import { QxFieldItem } from '@qx/common'; |
7 | -import { useLocation } from 'react-router'; | |
8 | 7 | import { getFieldOptions } from '../../service'; |
9 | 8 | import './style.less'; |
10 | 9 | |
11 | 10 | const QxFieldSelect: React.FC = (props: any) => { |
11 | + const {appCode, funCode, schema} = props | |
12 | 12 | const [fields, setFields] = useState<WidgetField[] | OptionField[]>([]); |
13 | - const schemaProps = props.schema.props; | |
14 | - // @ts-ignore | |
15 | - const {query} = useLocation(); | |
16 | - | |
17 | - const appCode = query?.appCode|| props?.appCode || '8yo7v'; | |
18 | - const funCode = query?.funCode|| props?.funCode ||'2eg66'; | |
13 | + const schemaProps = schema?.props; | |
19 | 14 | const includeFields = (list: WidgetField[] | OptionField[]) => { |
20 | 15 | // console.log(list,schemaProps.viewable); |
21 | 16 | // @ts-ignore | ... | ... |
src/qx-org-selector/index.md
0 → 100644
1 | +### 选部门组件 | |
2 | + | |
3 | +```tsx | |
4 | +/** | |
5 | + * debug: true | |
6 | + */ | |
7 | +import { QxOrgSelector } from '@qx/common'; | |
8 | +import React from 'react'; | |
9 | +import { request } from '@qx/common'; | |
10 | + | |
11 | +export default () => { | |
12 | + return ( | |
13 | + <div> | |
14 | + <QxOrgSelector request={request} /> | |
15 | + </div> | |
16 | + ); | |
17 | +}; | |
18 | +``` | |
19 | + | |
20 | +### 弹框 | |
21 | + | |
22 | +```tsx | |
23 | +import {QxOrgSelector} from '@qx/common'; | |
24 | +import React, {useState} from 'react'; | |
25 | +import {request} from '@qx/common'; | |
26 | + | |
27 | +export default () => { | |
28 | + const [visible, setVisible] = useState(false) | |
29 | + return ( | |
30 | + <div> | |
31 | + <div onClick={()=> setVisible(true)}>点一下</div> | |
32 | + <QxOrgSelector.Dialog | |
33 | + request={request} | |
34 | + checkStrictly | |
35 | + title={'添加部门'} | |
36 | + visible={visible} | |
37 | + multiple={true} | |
38 | + onOk={(orgIds: any) => { | |
39 | + console.log(orgIds,'lllll') | |
40 | + }} | |
41 | + onCancel={() => { | |
42 | + setVisible(false); | |
43 | + }} | |
44 | + /> | |
45 | + </div> | |
46 | + ); | |
47 | +}; | |
48 | +``` | |
49 | + | |
50 | +## API | |
51 | + | |
52 | +| 参数 | 说明 | 类型 | 默认值 | | |
53 | +| ------------ | ------------------------ | ------------------ | ------ | | |
54 | +| onChange | 选的人变化时的回调 | function(value) | - | | |
55 | +| defaultValue | 默认值 | string[] | - | | |
56 | +| disabled | 禁用 | bool | - | | |
57 | +| multiple | 是否多选 | bool | - | | |
58 | +| max | 最多选几个,ps:没有控制 | number | - | | |
59 | +| readOnly | 只读 | bool | - | | |
60 | +| value | | string[] \| string | | | ... | ... |
... | ... | @@ -6,77 +6,26 @@ |
6 | 6 | */ |
7 | 7 | import { QxUserSelector } from '@qx/common'; |
8 | 8 | import React from 'react'; |
9 | -import request from 'umi-request'; | |
10 | - | |
11 | -request.interceptors.request.use((url, options) => { | |
12 | - if (url.startsWith('/api/')) { | |
13 | - return { url, options }; | |
14 | - } | |
15 | - const headers = { Authorization: 'dev_session:ZGuqjkCF3GMzorijXw7' }; | |
16 | - // headers['SERVER-IP'] = '192.168.181.112'; | |
17 | - | |
18 | - const fullUrl = url.startsWith('http') | |
19 | - ? url | |
20 | - : `http://10.9.1.180/qx-api${url}`; | |
21 | - return { | |
22 | - url: fullUrl, | |
23 | - options: { | |
24 | - ...options, | |
25 | - ...{ | |
26 | - headers: { ...headers, ...(options.customHeaders || {}) }, | |
27 | - isInternal: true, | |
28 | - timeout: 30000, | |
29 | - }, | |
30 | - }, | |
31 | - }; | |
32 | -}); | |
33 | - | |
34 | -request.interceptors.response.use(async (response, options) => { | |
35 | - if (response.status !== 200) { | |
36 | - return Promise.reject(response); | |
37 | - } | |
38 | - | |
39 | - if (!response.headers.get('content-type')?.includes('application/json')) { | |
40 | - return response.blob(); | |
41 | - } | |
42 | - | |
43 | - const body = await response.clone().json(); | |
44 | - | |
45 | - // 按正常逻辑处理"文件上传"系列接口 | |
46 | - const fsUploadApis = ['/file/checkFile', '/file/uploadByExist', '/fss/file/']; | |
47 | - const isFsUploadApis = fsUploadApis.filter( | |
48 | - (api: string) => options.url.indexOf(api) !== -1, | |
49 | - ); | |
50 | - if (isFsUploadApis.length > 0) { | |
51 | - return Promise.resolve(body || null); | |
52 | - } | |
53 | - | |
54 | - if (body.success) { | |
55 | - return Promise.resolve(body.data || null); | |
56 | - } | |
57 | - | |
58 | - console.error('网络请求出错:', body.msg); | |
59 | - | |
60 | - return Promise.reject(body); | |
61 | -}); | |
9 | +import { request } from '@qx/common'; | |
62 | 10 | |
63 | 11 | export default () => { |
64 | 12 | return ( |
65 | 13 | <div> |
66 | - <QxUserSelector | |
67 | - request={request} | |
68 | - params={{ | |
69 | - org: [{ relType: 'APPOINT_ORG', relIds: [''] }], | |
70 | - pos: null, | |
71 | - range: [ | |
72 | - 'ORG:MubDrwZm8IMxuLDU9FM', | |
73 | - 'ORG:a0WZVI96GAdoI5g9IwX', | |
74 | - 'ORG:QPLEku2yJU8hmbpLTtg', | |
75 | - ], | |
76 | - }} | |
77 | - /> | |
14 | + <QxUserSelector request={request} /> | |
15 | + | |
78 | 16 | <br /> |
79 | - <QxUserSelector request={request} /> | |
17 | + <QxUserSelector | |
18 | + request={request} | |
19 | + params={{ | |
20 | + org: [{ relType: 'APPOINT_ORG', relIds: [''] }], | |
21 | + pos: null, | |
22 | + range: [ | |
23 | + 'ORG:MubDrwZm8IMxuLDU9FM', | |
24 | + 'ORG:a0WZVI96GAdoI5g9IwX', | |
25 | + 'ORG:QPLEku2yJU8hmbpLTtg', | |
26 | + ], | |
27 | + }} | |
28 | + /> | |
80 | 29 | <br /> |
81 | 30 | <QxUserSelector |
82 | 31 | readOnly |
... | ... | @@ -89,6 +38,38 @@ export default () => { |
89 | 38 | }; |
90 | 39 | ``` |
91 | 40 | |
41 | +### 弹框 | |
42 | + | |
43 | +```tsx | |
44 | +/** | |
45 | + * debug: true | |
46 | + */ | |
47 | +import {QxUserSelector} from '@qx/common'; | |
48 | +import React, {useState} from 'react'; | |
49 | +import {request} from '@qx/common'; | |
50 | + | |
51 | +export default () => { | |
52 | + const [visible, setVisible] = useState(false) | |
53 | + return ( | |
54 | + <div> | |
55 | + <div onClick={()=> setVisible(true)}>点一下</div> | |
56 | + <QxUserSelector.Dialog | |
57 | + request={request} | |
58 | + title={'添加人员'} | |
59 | + visible={visible} | |
60 | + multiple={true} | |
61 | + onOk={(userIds: any) => { | |
62 | + console.log(userIds,'lllll') | |
63 | + }} | |
64 | + onCancel={() => { | |
65 | + setVisible(false); | |
66 | + }} | |
67 | + /> | |
68 | + </div> | |
69 | + ); | |
70 | +}; | |
71 | +``` | |
72 | + | |
92 | 73 | ## API |
93 | 74 | |
94 | 75 | | 参数 | 说明 | 类型 | 默认值 | | ... | ... |