kts-components-document-access-point 1.4.2 → 1.4.5

package/src/DocumentsList/ui/ModalComfirm/index.tsx

@@ -1,93 +1,95 @@
-import React, { useCallback, useState, useEffect, useMemo } from 'react';
-import { Radio, message, Tooltip } from 'kts-components-antd-x4';
-import { Modal } from 'kts-xui';
-import Main from '../../';
-import { useHistory } from 'react-router-dom';
-import { DocumentsService } from "../../../";
-//发布弹框
-export default function modalcomfirm(props: any) {
-    const selectItems = props.list;
-    const history = useHistory();
-    const controller = Main.useController();
-    const targetId = controller.useMemo(s => s.targetId, [])
-    const [targetList, setTargetList] = useState<any[]>([]);
-    useEffect(() => {
-        (async () => {
-            const res = await DocumentsService.instance.service?.call({ url: '/participant/listBySubjectId', data: {}, type: 'get' }) as any;
-            if (res.res) {
-                setTargetList(res.res);
-            }
-        })()
-    }, []);
-    const handleCancel = useCallback(() => {
-        props.handleCancel();
-    }, [])
-    const handleOk = useCallback(() => {
-        (async () => {
-            const note = targetList.find(item => item.participantId === targetId)
-            const data = selectItems.map((item: any) => {
-                return {
-                    ...item,
-                    senderParticipantId: targetId,
-                    privateList: [],
-                    sendPublic: true,
-                    senderParticipantNote: note && note.remarkName
-                };
-            });
-            const res = await DocumentsService.instance.service?.call({ url: '/schema/config/batchSend', data: data, type: 'post' }) as any;
-            if (res.res) {
-                gotoSendlist();
-                message.success('操作成功');
-                props.handleCancel()
-            }
-        })()
-    }, [targetId,targetList]);
-    const gotoSendlist = useCallback(() => {
-        controller.pipeline(async s => {
-            s.type = 2;
-            if (selectItems.length === 1) {
-                s.params = { configNumber: selectItems[0].configNumber }
-                s.selectedRowKey=[];
-            }
-            history.push({ pathname: `/rulelist`, state: { type: 2 } })
-        })()
-    }, []);
-    const targetSelect = useCallback((e) => {
-
-        controller.pipeline(async s => {
-            s.targetId = e.target.value;
-        })()
-    }, []);
-    const radioStyle = useMemo(() => {
-        return {
-            alignItems: 'center',
-            marginBottom: 10,
-            lineHeight: 1.2
-        };
-    }, [])
-    return (
-        <div>
-            <Modal
-                title="请选择我司对应DID"
-                visible={true}
-                onOk={handleOk}
-                onCancel={handleCancel}
-            >
-                <Radio.Group onChange={targetSelect} value={targetId} >
-                    {
-                        targetList.map((item: any, key) => {
-                            return <Radio style={radioStyle as any} key={key} value={item.participantId} >
-
-                                <div style={{ display: 'flex', flexDirection: 'column', alignContent: 'flex-start' }}>
-                                    <span>{item.remarkName}</span>
-                                    <span style={{ maxWidth: 460, overflow: 'hidden', textOverflow: 'ellipsis', display: 'block' }}>{item.participantId}</span>
-                                </div>
-                            </Radio>
-                        })
-                    }
-                </Radio.Group>
-            </Modal>
-        </div>
-
-    );
+import React, { useCallback, useState, useEffect, useMemo } from 'react';
+import { Radio, message, Tooltip } from 'kts-components-antd-x4';
+import { Modal } from 'kts-xui';
+import Main from '../../';
+import { useHistory } from 'react-router-dom';
+import { DocumentsService } from "../../../";
+//发布弹框
+export default function modalcomfirm(props: any) {
+    const selectItems = props.list;
+    const history = useHistory();
+    const controller = Main.useController();
+    const targetId = controller.useMemo(s => s.targetId, [])
+    const [targetList, setTargetList] = useState<any[]>([]);
+    useEffect(() => {
+        (async () => {
+            const res = await DocumentsService.instance.service?.call({ url: '/participant/listBySubjectId', data: {}, type: 'get' }) as any;
+            if (res.res) {
+                setTargetList(res.res);
+            }
+        })()
+    }, []);
+    const handleCancel = useCallback(() => {
+        props.handleCancel();
+    }, [])
+    const handleOk = useCallback(() => {
+        (async () => {
+            const note = targetList.find(item => item.participantId === targetId)
+            const data = selectItems.map((item: any) => {
+                return {
+                    ...item,
+                    senderParticipantId: targetId,
+                    privateList: [],
+                    sendPublic: true,
+                    senderParticipantNote: note && note.remarkName
+                };
+            });
+            const res = await DocumentsService.instance.service?.call({ url: '/schema/config/batchSend', data: data, type: 'post' }) as any;
+            if (res.res) {
+                gotoSendlist();
+                message.success('操作成功');
+                props.handleCancel()
+            }
+        })()
+    }, [targetId,targetList]);
+    const gotoSendlist = useCallback(() => {
+        controller.pipeline(async s => {
+            s.type = 2;
+            if (selectItems.length === 1) {
+                s.params = { configNumber: selectItems[0].configNumber }
+                s.selectedRowKey=[];
+            }
+            history.push({ pathname: `/rulelist`, state: { type: 2 } })
+        })()
+    }, []);
+    const targetSelect = useCallback((e) => {
+
+        controller.pipeline(async s => {
+            s.targetId = e.target.value;
+        })()
+    }, []);
+    const radioStyle = useMemo(() => {
+        return {
+            alignItems: 'center',
+            marginBottom: 10,
+            lineHeight: 1.2
+        };
+    }, [])
+    return (
+        <div>
+            <Modal
+                title="请选择我司对应DID"
+                visible={true}
+                onOk={handleOk}
+                onCancel={handleCancel}
+                okText="确定"
+                cancelText="取消"
+            >
+                <Radio.Group onChange={targetSelect} value={targetId} >
+                    {
+                        targetList.map((item: any, key) => {
+                            return <Radio style={radioStyle as any} key={key} value={item.participantId} >
+
+                                <div style={{ display: 'flex', flexDirection: 'column', alignContent: 'flex-start' }}>
+                                    <span>{item.remarkName}</span>
+                                    <span style={{ maxWidth: 460, overflow: 'hidden', textOverflow: 'ellipsis', display: 'block' }}>{item.participantId}</span>
+                                </div>
+                            </Radio>
+                        })
+                    }
+                </Radio.Group>
+            </Modal>
+        </div>
+
+    );
 }

package/src/DocumentsList/ui/PageHeader/SendHeader.tsx

@@ -1,230 +1,230 @@
-import React, { useRef, useState, useEffect, useMemo, useCallback } from 'react';
-import { Radio, Button, Dropdown, PageHeaderFoot } from 'kts-xui';
-import { Menu } from 'kts-components-antd-x4';
-import { AdvancedSearch, KtsForm } from 'kts-components';
-import { LifeCycleTypes } from '@formily/antd';
-import Main from '../..';
-import ModalComfirm from '../ModalComfirm'
-import { DocumentsService } from "../../..";
-import _ from 'lodash';
-import { useHistory } from 'react-router-dom';
-const { SubMenu } = Menu;
-export default () => {
-    const history = useHistory();
-    const controller = Main.useController();
-    const type = controller.useMemo(s => s.type, [])
-    const [billEnum, setBill] = useState([]);
-    const selectedRowKey = controller.useMemo(s => s.selectedRowKey, [])
-    const params = controller.useMemo(s => s.params, [])
-    const visible = controller.useMemo(s => s.visible, []);
-    const [profileEnum, setProfile] = useState([]);
-    const [schema, setSchema] = useState({});
-    const ktsRef = useRef(null);
-    useEffect(() => {
-        (async () => {
-            const res = await DocumentsService.instance.service?.call({ url: '/schema/config/getDefaultTypeList', data: {}, type: 'get' }) as any;
-            if (res.err) {
-                return false;
-            } else {
-                const list = res.res.map((item: any) => {
-                    return { ...item, label: item.name, value: item.value }
-                })
-                setBill(list);
-            }
-        })()
-    }, []);
-    const onSearchFormSubmit = React.useCallback((value) => {
-        value = {
-            ...value,
-            typeList: value['typeList'] && [value['typeList']]
-        }
-        controller.pipeline(async s => {
-            s.params = value;
-        })()
-    }, [controller])
-
-    const switchType = React.useCallback((e) => {
-        controller.pipeline(async s => {
-            s.type = e.target.value;
-            s.params = {}
-        })()
-    }, [])
-    const handleCancel = React.useCallback(() => {
-        controller.pipeline(async s => {
-            s.visible = false;
-        })()
-    }, []);
-    const batchSend = React.useCallback(() => {
-        controller.pipeline(async s => {
-            s.visible = true;
-        })()
-    }, [controller]);
-    useEffect(() => {
-        let obj: any = {
-            type: "object",
-            properties: {
-                configName: {
-                    type: "string",
-                    title: "配置名称",
-                },
-                attributionList: {
-                    type: "string",
-                    title: "发送对象",
-                    visible: type === 2 ? true : false
-                },
-                type: {
-                    type: "string",
-                    title: "单据大类",
-                    enum: billEnum,
-                },
-                profile: {
-                    type: "string",
-                    title: "单据子类",
-                    enum: profileEnum,
-                    visible: false
-                },
-                attribution: {
-                    type: "radio",
-                    title: "收发角色",
-                    enum: [{
-                        "label": "发送方",
-                        "value": '1'
-                    }, {
-                        "label": "接收方",
-                        "value": '0'
-                    }],
-                    'x-props': {
-                        mode: "multiple"
-                    }
-                },
-                '[beginCreateTime,endCreateTime]': {
-                    key: "[beginCreateTime,endCreateTime",
-                    name: "[beginCreateTime,endCreateTime",
-                    type: "daterange",
-                    title: "创建时间",
-                },
-                '[beginSendTime,endSendTime]': {
-                    key: "[beginSendTime,endSendTime",
-                    name: "[beginSendTime,endSendTime",
-                    type: "daterange",
-                    title: "更新时间",
-                },
-            }
-        }
-        setSchema(obj);
-    }, [billEnum, type, profileEnum])
-    const onCreateType = useCallback((category, record?) => {
-        history.push({ pathname: `/rule`, search: `?type=config&profile=${record && record.value || ''}&billtype=${category}` })
-    }, [])
-    const topExpand = useCallback(() => {
-        return (
-            <div style={{ display: 'flex' }}>
-                <div style={{ marginRight: 10 }}>
-                    <Radio.Group value={type} onChange={switchType}>
-                        <Radio.Button value={1}>单据校验规则配置</Radio.Button>
-                        <Radio.Button value={2}>发布记录</Radio.Button>
-                    </Radio.Group>
-                </div>
-                <AdvancedSearch
-                    width={480}
-                    height={44}
-                    compact={true}
-                    defaultKey="configName"
-                    placeholder="输入配置名称"
-                    searchFormSubmit={onSearchFormSubmit}
-                >
-                    <KtsForm
-                        ref={ktsRef}
-                        labelCol={9}
-                        wrapperCol={15}
-                        labelAlign='left'
-                        compact={true}
-                        schema={schema}
-                        defaultValue={_.pick(params, ['configName', 'type', 'profile', 'attributionList', 'attribution', '[beginCreateTime,endCreateTime]', '[beginSendTime,endSendTime]'])}
-                        effects={($: any, actions: any) => {
-                            $(LifeCycleTypes.ON_FIELD_VALUE_CHANGE, 'type',).subscribe((fieldState: any) => {
-                                if (fieldState.value) {
-                                    const target: any = billEnum.find((item: any) => item.value === fieldState.value);
-                                    if (target && target.profileList) {
-                                        actions.setFieldState('profile', (state: any) => {
-                                            state.visible = true;
-                                        });
-                                        const list = target.profileList.map((item: any) => {
-                                            return {
-                                                label: item.name,
-                                                value: item.value
-                                            }
-                                        })
-                                        setProfile(list);
-                                    } else {
-                                        actions.setFieldState('profile', (state: any) => {
-                                            state.visible = false;
-                                        });
-                                        setProfile([])
-                                    }
-                                } else {
-                                    actions.setFieldState('profile', (state: any) => {
-                                        state.visible = false;
-                                    });
-                                    setProfile([])
-                                }
-                            });
-                        }}
-                    >
-                    </KtsForm>
-                </AdvancedSearch>
-                
-            </div>
-        );
-    }, [type,schema]);
-    const menu = useMemo(() => {
-        return (
-            <Menu>
-                {billEnum && billEnum.map((item: any, key) => {
-                    if (item.profileList) {
-                        return (
-                            <SubMenu key={key} title={item.label}>
-                                {
-                                    item.profileList.map((element: any) => {
-                                        return (
-                                            <Menu.Item key={element.value} onClick={() => { onCreateType(item.value, element); }}>
-                                                <a >
-                                                    {element.name}
-                                                </a>
-                                            </Menu.Item>
-                                        )
-                                    })
-                                }
-                            </SubMenu>
-                        )
-                    } else {
-                        return (
-                            <Menu.Item key={item.value} onClick={() => { onCreateType(item.value); }}>
-                                <a >
-                                    {item.label}
-                                </a>
-                            </Menu.Item>
-                        )
-                    }
-                })}
-
-            </Menu>);
-    }, [billEnum]);
-    return (
-        <div style={{ flex: 'none', position: 'relative', zIndex: 1 }}>
-            <PageHeaderFoot
-                expandLeft={topExpand()}
-                expandRight={[
-                    type === 1 && <Button key="1" onClick={batchSend} style={{ marginRight: 10 }}>批量发布</Button>,
-                    <Dropdown key="2" overlay={menu}>
-                        <Button type="primary" >创建配置</Button>
-                    </Dropdown>
-                ]}
-            >
-            </PageHeaderFoot>
-            {
-                visible && <ModalComfirm handleCancel={handleCancel} list={selectedRowKey} />
-            }
-        </div>
-    );
-};
+import React, { useRef, useState, useEffect, useMemo, useCallback } from 'react';
+import { Radio, Button, Dropdown, PageHeaderFoot } from 'kts-xui';
+import { Menu } from 'kts-components-antd-x4';
+import { AdvancedSearch, KtsForm } from 'kts-components';
+import { LifeCycleTypes } from '@formily/antd';
+import Main from '../..';
+import ModalComfirm from '../ModalComfirm'
+import { DocumentsService } from "../../..";
+import _ from 'lodash';
+import { useHistory } from 'react-router-dom';
+const { SubMenu } = Menu;
+export default () => {
+    const history = useHistory();
+    const controller = Main.useController();
+    const type = controller.useMemo(s => s.type, [])
+    const [billEnum, setBill] = useState([]);
+    const selectedRowKey = controller.useMemo(s => s.selectedRowKey, [])
+    const params = controller.useMemo(s => s.params, [])
+    const visible = controller.useMemo(s => s.visible, []);
+    const [profileEnum, setProfile] = useState([]);
+    const [schema, setSchema] = useState({});
+    const ktsRef = useRef(null);
+    useEffect(() => {
+        (async () => {
+            const res = await DocumentsService.instance.service?.call({ url: '/schema/config/getDefaultTypeList', data: {}, type: 'get' }) as any;
+            if (res.err) {
+                return false;
+            } else {
+                const list = res.res.map((item: any) => {
+                    return { ...item, label: item.name, value: item.value }
+                })
+                setBill(list);
+            }
+        })()
+    }, []);
+    const onSearchFormSubmit = React.useCallback((value) => {
+        value = {
+            ...value,
+            typeList: value['typeList'] && [value['typeList']]
+        }
+        controller.pipeline(async s => {
+            s.params = value;
+        })()
+    }, [controller])
+
+    const switchType = React.useCallback((e) => {
+        controller.pipeline(async s => {
+            s.type = e.target.value;
+            s.params = {}
+        })()
+    }, [])
+    const handleCancel = React.useCallback(() => {
+        controller.pipeline(async s => {
+            s.visible = false;
+        })()
+    }, []);
+    const batchSend = React.useCallback(() => {
+        controller.pipeline(async s => {
+            s.visible = true;
+        })()
+    }, [controller]);
+    useEffect(() => {
+        let obj: any = {
+            type: "object",
+            properties: {
+                configName: {
+                    type: "string",
+                    title: "配置名称",
+                },
+                attributionList: {
+                    type: "string",
+                    title: "发送对象",
+                    visible: type === 2 ? true : false
+                },
+                type: {
+                    type: "string",
+                    title: "单据大类",
+                    enum: billEnum,
+                },
+                profile: {
+                    type: "string",
+                    title: "单据子类",
+                    enum: profileEnum,
+                    visible: false
+                },
+                attribution: {
+                    type: "radio",
+                    title: "收发角色",
+                    enum: [{
+                        "label": "发送方",
+                        "value": '1'
+                    }, {
+                        "label": "接收方",
+                        "value": '0'
+                    }],
+                    'x-props': {
+                        mode: "multiple"
+                    }
+                },
+                '[beginCreateTime,endCreateTime]': {
+                    key: "[beginCreateTime,endCreateTime",
+                    name: "[beginCreateTime,endCreateTime",
+                    type: "daterange",
+                    title: "创建时间",
+                },
+                '[beginSendTime,endSendTime]': {
+                    key: "[beginSendTime,endSendTime",
+                    name: "[beginSendTime,endSendTime",
+                    type: "daterange",
+                    title: "更新时间",
+                },
+            }
+        }
+        setSchema(obj);
+    }, [billEnum, type, profileEnum])
+    const onCreateType = useCallback((category, record?) => {
+        history.push({ pathname: `/rule`, search: `?type=config&profile=${record && record.value || ''}&billtype=${category}` })
+    }, [])
+    const topExpand = useCallback(() => {
+        return (
+            <div style={{ display: 'flex' }}>
+                <div style={{ marginRight: 10 }}>
+                    <Radio.Group value={type} onChange={switchType}>
+                        <Radio.Button value={1}>单据校验规则配置</Radio.Button>
+                        <Radio.Button value={2}>发布记录</Radio.Button>
+                    </Radio.Group>
+                </div>
+                <AdvancedSearch
+                    width={480}
+                    height={44}
+                    compact={true}
+                    defaultKey="configName"
+                    placeholder="输入配置名称"
+                    searchFormSubmit={onSearchFormSubmit}
+                >
+                    <KtsForm
+                        ref={ktsRef}
+                        labelCol={9}
+                        wrapperCol={15}
+                        labelAlign='left'
+                        compact={true}
+                        schema={schema}
+                        defaultValue={_.pick(params, ['configName', 'type', 'profile', 'attributionList', 'attribution', '[beginCreateTime,endCreateTime]', '[beginSendTime,endSendTime]'])}
+                        effects={($: any, actions: any) => {
+                            $(LifeCycleTypes.ON_FIELD_VALUE_CHANGE, 'type',).subscribe((fieldState: any) => {
+                                if (fieldState.value) {
+                                    const target: any = billEnum.find((item: any) => item.value === fieldState.value);
+                                    if (target && target.profileList) {
+                                        actions.setFieldState('profile', (state: any) => {
+                                            state.visible = true;
+                                        });
+                                        const list = target.profileList.map((item: any) => {
+                                            return {
+                                                label: item.name,
+                                                value: item.value
+                                            }
+                                        })
+                                        setProfile(list);
+                                    } else {
+                                        actions.setFieldState('profile', (state: any) => {
+                                            state.visible = false;
+                                        });
+                                        setProfile([])
+                                    }
+                                } else {
+                                    actions.setFieldState('profile', (state: any) => {
+                                        state.visible = false;
+                                    });
+                                    setProfile([])
+                                }
+                            });
+                        }}
+                    >
+                    </KtsForm>
+                </AdvancedSearch>
+                
+            </div>
+        );
+    }, [type,schema]);
+    const menu = useMemo(() => {
+        return (
+            <Menu>
+                {billEnum && billEnum.map((item: any, key) => {
+                    if (item.profileList) {
+                        return (
+                            <SubMenu key={key} title={item.label}>
+                                {
+                                    item.profileList.map((element: any) => {
+                                        return (
+                                            <Menu.Item key={element.value} onClick={() => { onCreateType(item.value, element); }}>
+                                                <a >
+                                                    {element.name}
+                                                </a>
+                                            </Menu.Item>
+                                        )
+                                    })
+                                }
+                            </SubMenu>
+                        )
+                    } else {
+                        return (
+                            <Menu.Item key={item.value} onClick={() => { onCreateType(item.value); }}>
+                                <a >
+                                    {item.label}
+                                </a>
+                            </Menu.Item>
+                        )
+                    }
+                })}
+
+            </Menu>);
+    }, [billEnum]);
+    return (
+        <div style={{ flex: 'none', position: 'relative', zIndex: 1 }}>
+            <PageHeaderFoot
+                expandLeft={topExpand()}
+                expandRight={[
+                    type === 1 && <Button key="1" onClick={batchSend} style={{ marginRight: 10 }}>批量发布</Button>,
+                    <Dropdown key="2" overlay={menu}>
+                        <Button type="primary" >创建配置</Button>
+                    </Dropdown>
+                ]}
+            >
+            </PageHeaderFoot>
+            {
+                visible && <ModalComfirm handleCancel={handleCancel} list={selectedRowKey} />
+            }
+        </div>
+    );
+};