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

package/src/DocumentsRule/ui/main/index.tsx

@@ -1,363 +1,363 @@
-import React, { useCallback, useEffect, useState, useMemo } from 'react';
-import DocumentsEdit from '../../../DocumentsEdit';
-import { Button, message, Modal, Radio, Form, Input, Select, } from 'kts-xui';
-import { Card, Row, Col, PageHeader, Tooltip } from 'kts-components-antd-x4';
-import { useHistory } from 'react-router-dom';
-import qs from 'query-string';
-import Main from '../..';
-const { confirm } = Modal;
-export default function Rule(props: any) {
-    const controller = Main.useController();
-    const [billEnum, setBill] = useState([]);
-    const [profileEnum, setProfile] = useState([]);
-    const [schema, setSchema] = useState<any>();
-    const [record, setRecord] = useState<any>({});
-    const [form] = Form.useForm();
-    const [visible, setVisible] = useState(false);
-    const [targetId, setTarget] = useState();
-    const [targetList, setList] = useState<any[]>([]);
-    const [loading] = controller.useRuning(controller.configupdate,controller.configsave)
-    // const [status, setStatus] = useState(0);
-    // const [first, setFirst] = useState(true);
-    const [hasChange, setChange] = useState(false);
-    const history = useHistory() as any;
-    const search = history.location.search && qs.parse(history.location.search);
-    const id = search && search.id;
-    const type = search && search.type;
-    const queryType = search && search.billtype;
-    const profile = search && search.profile;
-    const disabled = type === 'record' ? true : false;
-    useEffect(() => {
-        const target: any = billEnum.find((item: any) => item.value === queryType);
-        if (target) {
-            const list = target.profileList && target.profileList.map((item: any) => {
-                return {
-                    label: item.name,
-                    value: item.value
-                }
-            })
-            setProfile(list);
-        }
-    }, [billEnum]);
-    /**
-     * 获取schema
-     */
-    useEffect(() => {
-        (async () => {
-            if (!id) {
-                return false;
-            }
-            // const url = type === 'config' ? '/dap/web/schema/config/getConfigOneById' : '/dap/web/schema/config/getRecordOneById'
-            const res = type === 'config' ? await controller.getconfigbyid({ id }) : await controller.getrecordbyid({ id });
-            // const res = await DocumentsService.instance.service?.call({ url, data: { id }, type: 'get' }) as any;
-            if (res.err) {
-                return false;
-            } else {
-                setRecord(res.res)
-                setSchema(JSON.parse(res.res.schemaContent));
-                form.setFieldsValue(res.res);
-            }
-        })()
-    }, [])
-    /**
-     * 获取默认模板
-     */
-    useEffect(() => {
-        (async () => {
-            if (id) {
-                return false;
-            }
-            const res = await controller.gettemplate({ type: queryType, profile });
-            // const res = await DocumentsService.instance.service?.call({ url: '/dap/web/schema/config/getDefaultTypeTemplate', data: { type: queryType, profile }, type: 'get' }) as any;
-            if (res.err) {
-                return false;
-            } else {
-                setSchema(res.res);
-            }
-        })()
-    }, [])
-
-    useEffect(() => {
-        (async () => {
-            const res = await controller.typelist({});
-            // const res = await DocumentsService.instance.service?.call({ url: '/dap/web/schema/config/getDefaultTypeList', data: null, 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 handleCancel = useCallback(() => {
-        setVisible(false);
-    }, [])
-    // const autoSave = useCallback(() => {
-    //     (async () => {
-    //         // let url = '/schema/config/save';
-    //         let data: any = { ...schema };
-    //         const formValue = form.getFieldsValue();
-    //         let res;
-    //         if (record && record.id) {
-    //             // url = '/schema/config/update';
-    //             data = { ...record, schemaContent: JSON.stringify(data), ...formValue }
-    //             res = await controller.configupdate(data);
-    //         } else {
-    //             data = { schemaContent: JSON.stringify(data), ...formValue }
-    //             res = await controller.configsave(data);
-    //         }
-    //         // const res = await DocumentsService.instance.service?.call({ url, data, type: 'post' }) as any;
-    //         if (res.err) {
-    //             return false;
-    //         } else {
-    //             if (res.res) {
-    //                 message.success('保存成功');
-    //                 setChange(false);
-    //                 setRecord(res.res);
-    //             }
-    //         }
-    //     })()
-    // }, [record, schema]);
-    // useEffect(() => {
-    //     if (status !== 0 && !disabled && first === false) {
-    //         autoSave();
-    //     }
-    // }, [schema, status, first])
-    // const onFinish = useCallback(() => {
-    //     setStatus(new Date().getTime());
-    // }, []);
-    // const onFinishFailed = useCallback(() => {
-    //     setStatus(0);
-    // }, []);
-    /**
-     * 手动保存
-     */
-
-   
-
-
-    const onSave = useCallback((publish: boolean = false) => {
-        (async () => {
-            form.validateFields().then(async (values: any) => {
-                let data: any = { ...schema };
-                // const formValue = form.getFieldsValue();
-                let res;
-                if (record && record.id) {
-                    data = { ...record, schemaContent: JSON.stringify(data), ...values }
-                    res = await controller.configupdate(data);
-                } else {
-                    data = { schemaContent: JSON.stringify(data), ...values }
-                    res = await controller.configsave(data);
-                }
-                if (res.err) {
-                    message.error('保存失败');
-                    return false;
-                } else {
-                    if (res.res) {
-                        message.success('保存成功');
-                        setChange(false);
-                        setRecord(res.res);
-                        if (publish) {
-                            onSendCheck();
-
-                        } else {
-                            history.push({ pathname: `/rulelist`, state: { type: 1 } })
-                        }
-                    }
-                }
-            }).catch((errorInfo: any) => {
-                message.error('请输入必填内容！');
-            });
-
-        })()
-    }, [record, schema]);
-    /**
-     * 保存并发布
-     */
-    const onSendCheck = useCallback(() => {
-        (async () => {
-            const res = await controller.listbysubjectid({});
-            if (res.res) {
-                setVisible(true);
-                setList(res.res);
-
-            }
-        })()
-    }, []);
-    const handleOk = useCallback(() => {
-        (async () => {
-            const note = targetList.find(item => item.participantId === targetId)
-            const data = {
-                ...record,
-                senderParticipantId: targetId,
-                privateList: [],
-                sendPublic: true,
-                senderParticipantNote: note && note.remarkName
-            }
-            const res = await controller.batchsend([data]);
-            if (res.res) {
-                message.success('操作成功');
-                handleCancel()
-                history.push({ pathname: `/rulelist`, state: { type: 2 } })
-            }
-        })()
-    }, [targetId, record]);
-    const targetSelect = useCallback((e) => {
-        setTarget(e.target.value);
-    }, []);
-    const radioStyle = useMemo(() => {
-        return {
-            alignItems: 'center',
-            marginBottom: 10,
-            lineHeight: 1.2
-        };
-    }, [])
-    const updateSchema = useCallback((e) => {
-        // setFirst(false);
-        setSchema(e);
-        setChange(true);
-    }, [])
-    const onQuit = useCallback(() => {
-        if (hasChange) {
-            confirm({
-                title: '您当前有内容未保存，是否退出?',
-                onOk: () => {
-                    goBack();
-                }
-            });
-        } else {
-            goBack();
-        }
-    }, [hasChange]);
-    const goBack = useCallback(() => {
-        if (type === 'record') {
-            history.push({ pathname: `/rulelist`, state: { type: 2 } })
-        } else {
-            history.push({ pathname: `/rulelist`, state: { type: 1 } })
-        }
-    }, []);
-    return <div style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
-        <div style={{ display: 'flex', flex: 'none', }}>
-            <PageHeader
-                style={{ flex: 1 }}
-                title="配置"
-                extra={[
-                    <Button loading={loading} key="2" style={{ display: type === 'record' ? 'none' : '' }} onClick={() => { onSave(); }}>保存</Button>,
-                    <Button loading={loading} key="3" style={{ display: type === 'record' ? 'none' : '' }} onClick={() => { onSave(true); }}>保存并发布</Button>,
-                    <Button key="1" type="primary" onClick={onQuit}>
-                        退出
-                    </Button>,
-                ]}
-            />
-        </div>
-        <Card style={{ flex: 1, height: '100%', overflow: 'auto' }} bodyStyle={{ display: 'flex', height: '100%', flexDirection: 'column', }}>
-            <Form
-                style={{ flex: 'none' }}
-                name="basic"
-                form={form}
-                // onFinish={onFinish}
-                // onFinishFailed={onFinishFailed}
-                onValuesChange={() => {
-                    // setFirst(false);
-                    setChange(true);
-                }}
-                labelCol={{ span: 8 }}
-                wrapperCol={{ span: 16 }}
-                initialValues={{ remember: true }}
-            >
-                <Row>
-                    <Col span={8}>
-                        <Form.Item
-                            label="配置名称"
-                            name="configName"
-                            rules={[{ required: true, message: '请输入必填项' }]}
-                        >
-                            <Input disabled={disabled} />
-                        </Form.Item>
-                    </Col>
-                    <Col span={8}>
-                        <Form.Item
-                            label="单据类型"
-                            name="type"
-                            rules={[{ required: true, message: '请输入必填项' }]}
-                            initialValue={queryType}
-                        >
-                            <Select disabled={true} >
-                                {billEnum && billEnum.map((item: any, key) => {
-                                    return <Select.Option value={item.value} key={key}>{item.label}</Select.Option>
-                                })}
-                            </Select >
-                        </Form.Item>
-                    </Col>
-                    <Col span={8}>
-                        <Form.Item
-                            label="我的收发角色"
-                            name="attribution"
-                            rules={[{ required: true, message: '请输入必填项' }]}
-                        >
-                            <Select disabled={disabled}>
-                                <Select.Option value={1} key={1}>发送方</Select.Option>
-                                <Select.Option value={2} key={2}>接收方</Select.Option>
-                                <Select.Option value={3} key={3}>接收方,发送方</Select.Option>
-                            </Select >
-                        </Form.Item>
-                    </Col>
-                </Row>
-                {profile &&
-                    <Row>
-                        <Col span={8}>
-                            <Form.Item
-                                label="单据子类"
-                                name="profile"
-                                rules={[{ required: true, message: '请输入必填项' }]}
-                                initialValue={profile}
-                            >
-                                <Select disabled={true}>
-                                    {profileEnum && profileEnum.map((item: any, key) => {
-                                        return <Select.Option value={item.value} key={key}>{item.label}</Select.Option>
-                                    })}
-                                </Select >
-                            </Form.Item>
-                        </Col>
-                    </Row>
-                }
-            </Form>
-            <div style={{ flex: 1, overflow: 'auto', height: '100%' }}>
-                {schema && <DocumentsEdit readOnly={type === 'record' ? true : false} schema={schema} onChange={updateSchema} />}
-            </div>
-        </Card>
-        <Modal
-            title="请选择我司对应DID"
-            visible={visible}
-            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>
-}
-
-
-const throttle = function (fn: (...per: any[]) => any, interval: number = 500) {
-    let _timer: any;
-    return (...args: any[]) => {
-        clearTimeout(_timer);
-        _timer = setTimeout(() => {
-            _timer = null;
-            return fn.apply(null, args);
-        }, interval);
-    }
+import React, { useCallback, useEffect, useState, useMemo } from 'react';
+import DocumentsEdit from '../../../DocumentsEdit';
+import { Button, message, Modal, Radio, Form, Input, Select, } from 'kts-xui';
+import { Card, Row, Col, PageHeader, Tooltip } from 'kts-components-antd-x4';
+import { useHistory } from 'react-router-dom';
+import qs from 'query-string';
+import Main from '../..';
+const { confirm } = Modal;
+export default function Rule(props: any) {
+    const controller = Main.useController();
+    const [billEnum, setBill] = useState([]);
+    const [profileEnum, setProfile] = useState([]);
+    const [schema, setSchema] = useState<any>();
+    const [record, setRecord] = useState<any>({});
+    const [form] = Form.useForm();
+    const [visible, setVisible] = useState(false);
+    const [targetId, setTarget] = useState();
+    const [targetList, setList] = useState<any[]>([]);
+    const [loading] = controller.useRuning(controller.configupdate,controller.configsave)
+    // const [status, setStatus] = useState(0);
+    // const [first, setFirst] = useState(true);
+    const [hasChange, setChange] = useState(false);
+    const history = useHistory() as any;
+    const search = history.location.search && qs.parse(history.location.search);
+    const id = search && search.id;
+    const type = search && search.type;
+    const queryType = search && search.billtype;
+    const profile = search && search.profile;
+    const disabled = type === 'record' ? true : false;
+    useEffect(() => {
+        const target: any = billEnum.find((item: any) => item.value === queryType);
+        if (target) {
+            const list = target.profileList && target.profileList.map((item: any) => {
+                return {
+                    label: item.name,
+                    value: item.value
+                }
+            })
+            setProfile(list);
+        }
+    }, [billEnum]);
+    /**
+     * 获取schema
+     */
+    useEffect(() => {
+        (async () => {
+            if (!id) {
+                return false;
+            }
+            // const url = type === 'config' ? '/dap/web/schema/config/getConfigOneById' : '/dap/web/schema/config/getRecordOneById'
+            const res = type === 'config' ? await controller.getconfigbyid({ id }) : await controller.getrecordbyid({ id });
+            // const res = await DocumentsService.instance.service?.call({ url, data: { id }, type: 'get' }) as any;
+            if (res.err) {
+                return false;
+            } else {
+                setRecord(res.res)
+                setSchema(JSON.parse(res.res.schemaContent));
+                form.setFieldsValue(res.res);
+            }
+        })()
+    }, [])
+    /**
+     * 获取默认模板
+     */
+    useEffect(() => {
+        (async () => {
+            if (id) {
+                return false;
+            }
+            const res = await controller.gettemplate({ type: queryType, profile });
+            // const res = await DocumentsService.instance.service?.call({ url: '/dap/web/schema/config/getDefaultTypeTemplate', data: { type: queryType, profile }, type: 'get' }) as any;
+            if (res.err) {
+                return false;
+            } else {
+                setSchema(res.res);
+            }
+        })()
+    }, [])
+
+    useEffect(() => {
+        (async () => {
+            const res = await controller.typelist({});
+            // const res = await DocumentsService.instance.service?.call({ url: '/dap/web/schema/config/getDefaultTypeList', data: null, 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 handleCancel = useCallback(() => {
+        setVisible(false);
+    }, [])
+    // const autoSave = useCallback(() => {
+    //     (async () => {
+    //         // let url = '/schema/config/save';
+    //         let data: any = { ...schema };
+    //         const formValue = form.getFieldsValue();
+    //         let res;
+    //         if (record && record.id) {
+    //             // url = '/schema/config/update';
+    //             data = { ...record, schemaContent: JSON.stringify(data), ...formValue }
+    //             res = await controller.configupdate(data);
+    //         } else {
+    //             data = { schemaContent: JSON.stringify(data), ...formValue }
+    //             res = await controller.configsave(data);
+    //         }
+    //         // const res = await DocumentsService.instance.service?.call({ url, data, type: 'post' }) as any;
+    //         if (res.err) {
+    //             return false;
+    //         } else {
+    //             if (res.res) {
+    //                 message.success('保存成功');
+    //                 setChange(false);
+    //                 setRecord(res.res);
+    //             }
+    //         }
+    //     })()
+    // }, [record, schema]);
+    // useEffect(() => {
+    //     if (status !== 0 && !disabled && first === false) {
+    //         autoSave();
+    //     }
+    // }, [schema, status, first])
+    // const onFinish = useCallback(() => {
+    //     setStatus(new Date().getTime());
+    // }, []);
+    // const onFinishFailed = useCallback(() => {
+    //     setStatus(0);
+    // }, []);
+    /**
+     * 手动保存
+     */
+
+   
+
+
+    const onSave = useCallback((publish: boolean = false) => {
+        (async () => {
+            form.validateFields().then(async (values: any) => {
+                let data: any = { ...schema };
+                // const formValue = form.getFieldsValue();
+                let res;
+                if (record && record.id) {
+                    data = { ...record, schemaContent: JSON.stringify(data), ...values }
+                    res = await controller.configupdate(data);
+                } else {
+                    data = { schemaContent: JSON.stringify(data), ...values }
+                    res = await controller.configsave(data);
+                }
+                if (res.err) {
+                    message.error('保存失败');
+                    return false;
+                } else {
+                    if (res.res) {
+                        message.success('保存成功');
+                        setChange(false);
+                        setRecord(res.res);
+                        if (publish) {
+                            onSendCheck();
+
+                        } else {
+                            history.push({ pathname: `/rulelist`, state: { type: 1 } })
+                        }
+                    }
+                }
+            }).catch((errorInfo: any) => {
+                message.error('请输入必填内容！');
+            });
+
+        })()
+    }, [record, schema]);
+    /**
+     * 保存并发布
+     */
+    const onSendCheck = useCallback(() => {
+        (async () => {
+            const res = await controller.listbysubjectid({});
+            if (res.res) {
+                setVisible(true);
+                setList(res.res);
+
+            }
+        })()
+    }, []);
+    const handleOk = useCallback(() => {
+        (async () => {
+            const note = targetList.find(item => item.participantId === targetId)
+            const data = {
+                ...record,
+                senderParticipantId: targetId,
+                privateList: [],
+                sendPublic: true,
+                senderParticipantNote: note && note.remarkName
+            }
+            const res = await controller.batchsend([data]);
+            if (res.res) {
+                message.success('操作成功');
+                handleCancel()
+                history.push({ pathname: `/rulelist`, state: { type: 2 } })
+            }
+        })()
+    }, [targetId, record]);
+    const targetSelect = useCallback((e) => {
+        setTarget(e.target.value);
+    }, []);
+    const radioStyle = useMemo(() => {
+        return {
+            alignItems: 'center',
+            marginBottom: 10,
+            lineHeight: 1.2
+        };
+    }, [])
+    const updateSchema = useCallback((e) => {
+        // setFirst(false);
+        setSchema(e);
+        setChange(true);
+    }, [])
+    const onQuit = useCallback(() => {
+        if (hasChange) {
+            confirm({
+                title: '您当前有内容未保存，是否退出?',
+                onOk: () => {
+                    goBack();
+                }
+            });
+        } else {
+            goBack();
+        }
+    }, [hasChange]);
+    const goBack = useCallback(() => {
+        if (type === 'record') {
+            history.push({ pathname: `/rulelist`, state: { type: 2 } })
+        } else {
+            history.push({ pathname: `/rulelist`, state: { type: 1 } })
+        }
+    }, []);
+    return <div style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
+        <div style={{ display: 'flex', flex: 'none', }}>
+            <PageHeader
+                style={{ flex: 1 }}
+                title="配置"
+                extra={[
+                    <Button loading={loading} key="2" style={{ display: type === 'record' ? 'none' : '' }} onClick={() => { onSave(); }}>保存</Button>,
+                    <Button loading={loading} key="3" style={{ display: type === 'record' ? 'none' : '' }} onClick={() => { onSave(true); }}>保存并发布</Button>,
+                    <Button key="1" type="primary" onClick={onQuit}>
+                        退出
+                    </Button>,
+                ]}
+            />
+        </div>
+        <Card style={{ flex: 1, height: '100%', overflow: 'auto' }} bodyStyle={{ display: 'flex', height: '100%', flexDirection: 'column', }}>
+            <Form
+                style={{ flex: 'none' }}
+                name="basic"
+                form={form}
+                // onFinish={onFinish}
+                // onFinishFailed={onFinishFailed}
+                onValuesChange={() => {
+                    // setFirst(false);
+                    setChange(true);
+                }}
+                labelCol={{ span: 8 }}
+                wrapperCol={{ span: 16 }}
+                initialValues={{ remember: true }}
+            >
+                <Row>
+                    <Col span={8}>
+                        <Form.Item
+                            label="配置名称"
+                            name="configName"
+                            rules={[{ required: true, message: '请输入必填项' }]}
+                        >
+                            <Input disabled={disabled} />
+                        </Form.Item>
+                    </Col>
+                    <Col span={8}>
+                        <Form.Item
+                            label="单据类型"
+                            name="type"
+                            rules={[{ required: true, message: '请输入必填项' }]}
+                            initialValue={queryType}
+                        >
+                            <Select disabled={true} >
+                                {billEnum && billEnum.map((item: any, key) => {
+                                    return <Select.Option value={item.value} key={key}>{item.label}</Select.Option>
+                                })}
+                            </Select >
+                        </Form.Item>
+                    </Col>
+                    <Col span={8}>
+                        <Form.Item
+                            label="我的收发角色"
+                            name="attribution"
+                            rules={[{ required: true, message: '请输入必填项' }]}
+                        >
+                            <Select disabled={disabled}>
+                                <Select.Option value={1} key={1}>发送方</Select.Option>
+                                <Select.Option value={2} key={2}>接收方</Select.Option>
+                                <Select.Option value={3} key={3}>接收方,发送方</Select.Option>
+                            </Select >
+                        </Form.Item>
+                    </Col>
+                </Row>
+                {profile &&
+                    <Row>
+                        <Col span={8}>
+                            <Form.Item
+                                label="单据子类"
+                                name="profile"
+                                rules={[{ required: true, message: '请输入必填项' }]}
+                                initialValue={profile}
+                            >
+                                <Select disabled={true}>
+                                    {profileEnum && profileEnum.map((item: any, key) => {
+                                        return <Select.Option value={item.value} key={key}>{item.label}</Select.Option>
+                                    })}
+                                </Select >
+                            </Form.Item>
+                        </Col>
+                    </Row>
+                }
+            </Form>
+            <div style={{ flex: 1, overflow: 'auto', height: '100%' }}>
+                {schema && <DocumentsEdit readOnly={type === 'record' ? true : false} schema={schema} onChange={updateSchema} />}
+            </div>
+        </Card>
+        <Modal
+            title="请选择我司对应DID"
+            visible={visible}
+            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>
+}
+
+
+const throttle = function (fn: (...per: any[]) => any, interval: number = 500) {
+    let _timer: any;
+    return (...args: any[]) => {
+        clearTimeout(_timer);
+        _timer = setTimeout(() => {
+            _timer = null;
+            return fn.apply(null, args);
+        }, interval);
+    }
 }