kts-components-document-access-point 1.4.4 → 1.4.7

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

@@ -1,325 +1,325 @@
-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';
-import moment from 'moment';
-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);
-    const [didlist, setDidList] = useState([]);//我司对应DID
-    useEffect(() => {
-        (async () => {
-            const res = await DocumentsService.instance.service?.call({ url: '/participant/listBySubjectId', data: {}, type: 'get' }) as any;
-            if (res.res) {
-                setDidList(res.res);
-            }
-        })()
-    }, []);
-    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']],
-            beginCreateTime: value['beginCreateTime'] && moment(value['beginCreateTime']).format('YYYY-MM-DD 00:00:00'),
-            endCreateTime: value['endCreateTime'] && moment(value['endCreateTime']).format('YYYY-MM-DD 23:59:59'),
-            beginSendTime: value['beginSendTime'] && moment(value['beginSendTime']).format('YYYY-MM-DD 00:00:00'),
-            endSendTime: value['endSendTime'] && moment(value['endSendTime']).format('YYYY-MM-DD 23:59:59'),
-            pageNum: 1,
-            pageSize: 10
-        }
-        controller.pipeline(async s => {
-            s.params = value;
-        })()
-    }, [controller])
-
-    const switchType = React.useCallback((e) => {
-        controller.pipeline(async s => {
-            s.type = e.target.value;
-            s.params = { pageNum: 1, pageSize: 10 }
-            history.push({ pathname: '/rulelist', state: { type: e.target.value } })
-        })()
-    }, [])
-    const handleCancel = React.useCallback(() => {
-        controller.pipeline(async s => {
-            s.visible = false;
-        })()
-    }, []);
-    const batchSend = React.useCallback(() => {
-        controller.pipeline(async s => {
-            s.visible = true;
-        })()
-    }, [controller]);
-    useEffect(() => {
-        const didEnum = didlist.map((item: any) => {
-            return { label: item.remarkName + ':' + item.participantId, value: item.participantId };
-        })
-        if (type === 1) {
-            let obj: any = {
-                type: "object",
-                properties: {
-                    configName: {
-                        type: "string",
-                        title: "配置名称",
-                    },
-                    type: {
-                        type: "string",
-                        title: "单据大类",
-                        enum: billEnum,
-                    },
-                    profile: {
-                        type: "string",
-                        title: "单据子类",
-                        enum: profileEnum,
-                        visible: false
-                    },
-                    attributionList: {
-                        type: "checkbox",
-                        title: "收发角色",
-                        enum: [{
-                            "label": "发送方",
-                            "value": 1
-                        }, {
-                            "label": "接收方",
-                            "value": 2
-                        }],
-                        'x-props': {
-                            mode: "multiple"
-                        }
-                    },
-                    createTime: {
-                        type: "daterange",
-                        title: "创建时间",
-                        'x-props':{
-                            extendsFields: ['beginCreateTime', 'endCreateTime'],
-                        }
-                    },
-                    sendTime: {
-                        type: "daterange",
-                        title: "更新时间",
-                        'x-props':{
-                            extendsFields: ['beginSendTime', 'endSendTime'],
-                        }
-                    },
-                }
-            }
-            setSchema(obj);
-        } else if (type === 2) {
-            let obj: any = {
-                type: "object",
-                properties: {
-                    configName: {
-                        type: "string",
-                        title: "配置名称",
-                    },
-                    effectStatus: {
-                        type: "radio",
-                        title: "使用标识",
-                        enum: [{
-                            "label": "已失效",
-                            "value": 0
-                        }, {
-                            "label": "使用中",
-                            "value": 1
-                        }]
-                    },
-                    attribution: {
-                        type: "radio",
-                        title: "我的收发角色",
-                        enum: [{
-                            "label": "发送方",
-                            "value": 1
-                        }, {
-                            "label": "接收方",
-                            "value": 2
-                        }],
-                    },
-                    // attributionList: {
-                    //     type: "string",
-                    //     title: "发送对象",
-                    //     visible: true
-                    // },
-                    senderParticipantId: {
-                        type: "string",
-                        title: "我司对应DID",
-                        enum: didEnum
-                    },
-                    receiverParticipantId: {
-                        type: "string",
-                        title: "接受对象",
-                    },
-                    receiverCompany: {
-                        type: "string",
-                        title: "接受对象所属公司",
-                    },
-                    type: {
-                        type: "string",
-                        title: "单据大类",
-                        enum: billEnum,
-                    },
-                    profile: {
-                        type: "string",
-                        title: "单据子类",
-                        enum: profileEnum,
-                        visible: false
-                    },
-                    createTime: {
-                        type: "daterange",
-                        title: "发布时间",
-                        'x-props':{
-                            extendsFields: ['beginCreateTime', 'endCreateTime'],
-                        }
-                    },
-                    // '[beginSendTime,endSendTime]': {
-                    //     key: "[beginSendTime,endSendTime]",
-                    //     name: "[beginSendTime,endSendTime]",
-                    //     type: "daterange",
-                    //     title: "更新时间",
-                    // },
-                }
-            }
-            setSchema(obj);
-        }
-
-    }, [billEnum, type, profileEnum, didlist])
-    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={params}
-                        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 disabled={selectedRowKey.length === 0} key="1" onClick={batchSend} style={{ marginRight: 10 }}>发布</Button>,
-                    type === 1 && <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';
+import moment from 'moment';
+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);
+    const [didlist, setDidList] = useState([]);//我司对应DID
+    useEffect(() => {
+        (async () => {
+            const res = await DocumentsService.instance.service?.call({ url: '/participant/listBySubjectId', data: {}, type: 'get' }) as any;
+            if (res.res) {
+                setDidList(res.res);
+            }
+        })()
+    }, []);
+    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']],
+            beginCreateTime: value['beginCreateTime'] && moment(value['beginCreateTime']).format('YYYY-MM-DD 00:00:00'),
+            endCreateTime: value['endCreateTime'] && moment(value['endCreateTime']).format('YYYY-MM-DD 23:59:59'),
+            beginSendTime: value['beginSendTime'] && moment(value['beginSendTime']).format('YYYY-MM-DD 00:00:00'),
+            endSendTime: value['endSendTime'] && moment(value['endSendTime']).format('YYYY-MM-DD 23:59:59'),
+            pageNum: 1,
+            pageSize: 10
+        }
+        controller.pipeline(async s => {
+            s.params = value;
+        })()
+    }, [controller])
+
+    const switchType = React.useCallback((e) => {
+        controller.pipeline(async s => {
+            s.type = e.target.value;
+            s.params = { pageNum: 1, pageSize: 10 }
+            history.push({ pathname: '/rulelist', state: { type: e.target.value } })
+        })()
+    }, [])
+    const handleCancel = React.useCallback(() => {
+        controller.pipeline(async s => {
+            s.visible = false;
+        })()
+    }, []);
+    const batchSend = React.useCallback(() => {
+        controller.pipeline(async s => {
+            s.visible = true;
+        })()
+    }, [controller]);
+    useEffect(() => {
+        const didEnum = didlist.map((item: any) => {
+            return { label: item.remarkName + ':' + item.participantId, value: item.participantId };
+        })
+        if (type === 1) {
+            let obj: any = {
+                type: "object",
+                properties: {
+                    configName: {
+                        type: "string",
+                        title: "配置名称",
+                    },
+                    type: {
+                        type: "string",
+                        title: "单据大类",
+                        enum: billEnum,
+                    },
+                    profile: {
+                        type: "string",
+                        title: "单据子类",
+                        enum: profileEnum,
+                        visible: false
+                    },
+                    attributionList: {
+                        type: "checkbox",
+                        title: "收发角色",
+                        enum: [{
+                            "label": "发送方",
+                            "value": 1
+                        }, {
+                            "label": "接收方",
+                            "value": 2
+                        }],
+                        'x-props': {
+                            mode: "multiple"
+                        }
+                    },
+                    createTime: {
+                        type: "daterange",
+                        title: "创建时间",
+                        'x-props':{
+                            extendsFields: ['beginCreateTime', 'endCreateTime'],
+                        }
+                    },
+                    sendTime: {
+                        type: "daterange",
+                        title: "更新时间",
+                        'x-props':{
+                            extendsFields: ['beginSendTime', 'endSendTime'],
+                        }
+                    },
+                }
+            }
+            setSchema(obj);
+        } else if (type === 2) {
+            let obj: any = {
+                type: "object",
+                properties: {
+                    configName: {
+                        type: "string",
+                        title: "配置名称",
+                    },
+                    effectStatus: {
+                        type: "radio",
+                        title: "使用标识",
+                        enum: [{
+                            "label": "已失效",
+                            "value": 0
+                        }, {
+                            "label": "使用中",
+                            "value": 1
+                        }]
+                    },
+                    attribution: {
+                        type: "radio",
+                        title: "我的收发角色",
+                        enum: [{
+                            "label": "发送方",
+                            "value": 1
+                        }, {
+                            "label": "接收方",
+                            "value": 2
+                        }],
+                    },
+                    // attributionList: {
+                    //     type: "string",
+                    //     title: "发送对象",
+                    //     visible: true
+                    // },
+                    senderParticipantId: {
+                        type: "string",
+                        title: "我司对应DID",
+                        enum: didEnum
+                    },
+                    receiverParticipantId: {
+                        type: "string",
+                        title: "接受对象",
+                    },
+                    receiverCompany: {
+                        type: "string",
+                        title: "接受对象所属公司",
+                    },
+                    type: {
+                        type: "string",
+                        title: "单据大类",
+                        enum: billEnum,
+                    },
+                    profile: {
+                        type: "string",
+                        title: "单据子类",
+                        enum: profileEnum,
+                        visible: false
+                    },
+                    createTime: {
+                        type: "daterange",
+                        title: "发布时间",
+                        'x-props':{
+                            extendsFields: ['beginCreateTime', 'endCreateTime'],
+                        }
+                    },
+                    // '[beginSendTime,endSendTime]': {
+                    //     key: "[beginSendTime,endSendTime]",
+                    //     name: "[beginSendTime,endSendTime]",
+                    //     type: "daterange",
+                    //     title: "更新时间",
+                    // },
+                }
+            }
+            setSchema(obj);
+        }
+
+    }, [billEnum, type, profileEnum, didlist])
+    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={params}
+                        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 disabled={selectedRowKey.length === 0} key="1" onClick={batchSend} style={{ marginRight: 10 }}>发布</Button>,
+                    type === 1 && <Dropdown key="2" overlay={menu}>
+                        <Button type="primary" >创建配置</Button>
+                    </Dropdown>
+                ]}
+            >
+            </PageHeaderFoot>
+            {
+                visible && <ModalComfirm handleCancel={handleCancel} list={selectedRowKey} />
+            }
+        </div>
+    );
+};