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

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

@@ -1,50 +1,50 @@
-import React, { useCallback, useEffect, useState, useMemo } from 'react';
-import { PageHeaderTop, Radio, Button } from 'kts-xui';
-import Whitelist from './white';
-import Blacklist from './black';
-import Main from '../..';
-import SwitchMode from './switchmode'
-export default function Rule(props: any) {
-    const [activeKey, setKey] = useState('/whitelist');
-    const controller = Main.useController();
-    // const [values, setValues] = useState();
-    const mode = controller.useMemo((s) => s.mode, []);
-    const tabsOnChange = useCallback((e) => {
-        setKey(e.target.value);
-        controller.pipeline(async s => {
-            s.selectedRowKey = [];
-            s.selectedBlackRowKey = [];
-            s.params = { pageNum: 1, pageSize: 10 };
-            s.whiteParams = { pageNum: 1, pageSize: 10 }
-        })()
-    }, [])
-    // const onSubmit = useCallback((data) => {
-    //     setValues(data);
-    // }, []);
-    const onClickHandler = useCallback(() => {
-        controller.setmode({ status: mode });
-    }, [mode]);
-    return (
-        <>
-            <div style={{ padding: '16px 20px', display: 'flex', justifyContent: "space-between", borderBottom: '1px solid #f0f0f0' }}>
-                <Radio.Group defaultValue="/whitelist" onChange={tabsOnChange}>
-                    <Radio.Button value="/whitelist">白名单设置</Radio.Button>
-                    <Radio.Button value="/blacklist">黑名单设置</Radio.Button>
-                    <Radio.Button value="/switchmode">切换过滤方式</Radio.Button>
-                </Radio.Group>
-                {activeKey === '/switchmode' && <Button onClick={onClickHandler} type="primary" >保存</Button>}
-            </div>
-            {
-                activeKey === '/whitelist' &&
-                <Whitelist />
-            }
-            {
-                activeKey === '/blacklist' &&
-                <Blacklist />
-            }
-            {
-                activeKey === '/switchmode' &&
-                <SwitchMode />
-            }
-        </>);
+import React, { useCallback, useEffect, useState, useMemo } from 'react';
+import { PageHeaderTop, Radio, Button } from 'kts-xui';
+import Whitelist from './white';
+import Blacklist from './black';
+import Main from '../..';
+import SwitchMode from './switchmode'
+export default function Rule(props: any) {
+    const [activeKey, setKey] = useState('/whitelist');
+    const controller = Main.useController();
+    // const [values, setValues] = useState();
+    const mode = controller.useMemo((s) => s.mode, []);
+    const tabsOnChange = useCallback((e) => {
+        setKey(e.target.value);
+        controller.pipeline(async s => {
+            s.selectedRowKey = [];
+            s.selectedBlackRowKey = [];
+            s.params = { pageNum: 1, pageSize: 10 };
+            s.whiteParams = { pageNum: 1, pageSize: 10 }
+        })()
+    }, [])
+    // const onSubmit = useCallback((data) => {
+    //     setValues(data);
+    // }, []);
+    const onClickHandler = useCallback(() => {
+        controller.setmode({ status: mode });
+    }, [mode]);
+    return (
+        <>
+            <div style={{ padding: '16px 20px', display: 'flex', justifyContent: "space-between", borderBottom: '1px solid #f0f0f0' }}>
+                <Radio.Group defaultValue="/whitelist" onChange={tabsOnChange}>
+                    <Radio.Button value="/whitelist">白名单设置</Radio.Button>
+                    <Radio.Button value="/blacklist">黑名单设置</Radio.Button>
+                    <Radio.Button value="/switchmode">切换过滤方式</Radio.Button>
+                </Radio.Group>
+                {activeKey === '/switchmode' && <Button onClick={onClickHandler} type="primary" >保存</Button>}
+            </div>
+            {
+                activeKey === '/whitelist' &&
+                <Whitelist />
+            }
+            {
+                activeKey === '/blacklist' &&
+                <Blacklist />
+            }
+            {
+                activeKey === '/switchmode' &&
+                <SwitchMode />
+            }
+        </>);
 }

package/src/DocumentWhiteList/ui/main/switchmode.tsx

@@ -1,53 +1,53 @@
-import React, { useCallback, useEffect, useState, useMemo } from 'react';
-import { Button, Form, Radio } from 'kts-xui';
-// import { Alert } from 'kts-components-antd-x4';
-import {
-    InfoCircleOutlined
-} from '@ant-design/icons';
-import Main from '../..';
-export default function Rule(props: any) {
-    const [form] = Form.useForm();
-    const controller = Main.useController();
-    const mode = controller.useMemo((s) => s.mode, []);
-    const formItemLayout = useMemo(() => {
-        return {
-            labelCol: { span: 12 },
-            wrapperCol: { span: 12 },
-        };
-    }, []);
-    const buttonItemLayout = useMemo(() => {
-        return {
-            wrapperCol: { span: 12, offset: 12 },
-        };
-    }, []);
-    useEffect(() => {
-        controller.getmode();
-    }, []);
-    useEffect(() => {
-        form.setFieldsValue({ status: mode })
-    }, [mode]);
-    const onChangeHander = useCallback((e: any) => {
-        props.onSubmit(e.target.value);
-    }, []);
-    const onValuesChange = useCallback((changedvalue: any, allvalue: any) => {
-        controller.pipeline(async s => {
-            s.mode = allvalue.status;
-        })()
-        // console.log(allvalue);
-        // props.onSubmit(allvalue);
-    }, []);
-    return (
-        <div style={{ padding: '0 20px' }}>
-            <p style={{ fontSize: 14, color: '#0074FF', paddingTop: 18 }}>选择过滤方式</p>
-            <Form style={{ width: 545 }} form={form} {...formItemLayout} layout="horizontal" onValuesChange={onValuesChange}>
-                <Form.Item labelAlign="left" name="status" label='您期望用哪个名单来过滤你的单据收发?'>
-                    <Radio.Group >
-                        <Radio value={1}>使用白名单过滤</Radio>
-                        <Radio value={2}>使用黑名单过滤</Radio>
-                    </Radio.Group>
-                </Form.Item>
-            </Form>
-            <p><a><InfoCircleOutlined /> 温馨提示：</a>当您使用白名单过滤时，只有白名单里面的DID才可以跟您发送或接收单据；当您使用黑名单过滤时，除了黑名单里面的DID不能给您发送和接收单据外，其他DID都可以给您发送和接收单据。</p>
-
-        </div>);
+import React, { useCallback, useEffect, useState, useMemo } from 'react';
+import { Button, Form, Radio } from 'kts-xui';
+// import { Alert } from 'kts-components-antd-x4';
+import {
+    InfoCircleOutlined
+} from '@ant-design/icons';
+import Main from '../..';
+export default function Rule(props: any) {
+    const [form] = Form.useForm();
+    const controller = Main.useController();
+    const mode = controller.useMemo((s) => s.mode, []);
+    const formItemLayout = useMemo(() => {
+        return {
+            labelCol: { span: 12 },
+            wrapperCol: { span: 12 },
+        };
+    }, []);
+    const buttonItemLayout = useMemo(() => {
+        return {
+            wrapperCol: { span: 12, offset: 12 },
+        };
+    }, []);
+    useEffect(() => {
+        controller.getmode();
+    }, []);
+    useEffect(() => {
+        form.setFieldsValue({ status: mode })
+    }, [mode]);
+    const onChangeHander = useCallback((e: any) => {
+        props.onSubmit(e.target.value);
+    }, []);
+    const onValuesChange = useCallback((changedvalue: any, allvalue: any) => {
+        controller.pipeline(async s => {
+            s.mode = allvalue.status;
+        })()
+        // console.log(allvalue);
+        // props.onSubmit(allvalue);
+    }, []);
+    return (
+        <div style={{ padding: '0 20px' }}>
+            <p style={{ fontSize: 14, color: '#0074FF', paddingTop: 18 }}>选择过滤方式</p>
+            <Form style={{ width: 545 }} form={form} {...formItemLayout} layout="horizontal" onValuesChange={onValuesChange}>
+                <Form.Item labelAlign="left" name="status" label='您期望用哪个名单来过滤你的单据收发?'>
+                    <Radio.Group >
+                        <Radio value={1}>使用白名单过滤</Radio>
+                        <Radio value={2}>使用黑名单过滤</Radio>
+                    </Radio.Group>
+                </Form.Item>
+            </Form>
+            <p><a><InfoCircleOutlined /> 温馨提示：</a>当您使用白名单过滤时，只有白名单里面的DID才可以跟您发送或接收单据；当您使用黑名单过滤时，除了黑名单里面的DID不能给您发送和接收单据外，其他DID都可以给您发送和接收单据。</p>
+
+        </div>);
 }

package/src/DocumentWhiteList/ui/main/white.tsx

@@ -1,121 +1,120 @@
-import React, { useCallback, useEffect, useState, useMemo } from 'react';
-import { Table, AutoTableContainer, Pagination } from 'kts-xui';
-import Main from '../..';
-import moment from 'moment';
-import Header from '../pageheader/WhiteHeader'
-export default function Rule(props: any) {
-    const controller = Main.useController();
-    const list = controller.useMemo((s) => s.whiteblacklist, []);
-    const [pageMeta, setpageMeta] = useState<{ pageSize: number, pageNum: number, total?: number }>({ pageSize: 10, pageNum: 1, total: 0, });
-    // const [pageParams, setpageParams] = useState<{ pageSize?: number, pageNum?: number, total?: number }>({ pageSize: 10, pageNum: 1, });
-    const whiteParams = controller.useMemo((s) => s.whiteParams, []);
-    const onPageChange = useCallback((pageNum: any, pageSize: any) => {
-        controller.pipeline(async s => {
-            s.whiteParams = { ...s.whiteParams, pageNum, pageSize };
-        })()
-    }, []);
-    const onEnablehander = useCallback((type: number, record: any) => {
-        
-        (async () => {
-            const res = await controller.enablewhitelist({
-                flag: type,
-                didList: [record]
-            })
-            if (res.res) {
-                refreshList();
-            }
-        })()
-    }, [whiteParams]);
-    const columns = useMemo(() => [
-        {
-            title: 'DID',
-            dataIndex: 'customerDid',
-            render: (text: any, record: any) => {
-                if (text) {
-                    return <div><div>{record.customerDidNote}</div>{text}</div>
-                } else {
-                    return ''
-                }
-            }
-        },
-        {
-            title: '所属公司',
-            dataIndex: 'customerName',
-            width: 200
-        },
-        {
-            title: '数据状态',
-            dataIndex: 'dataStatus',
-            width: 100,
-            render: (text: any) => {
-                if (text === 2) {
-                    return <span>停用</span>
-                }
-                if (text === 1) {
-                    return <span style={{ color: '#0074ff' }}>使用中</span>
-                }
-            }
-        },
-        {
-            title: '我司对应DID',
-            dataIndex: 'companyDid',
-            render: (text: any, record: any) => {
-                if (text) {
-                    return <div><div>{record.companyDidNote}</div>{text}</div>
-                } else {
-                    return ''
-                }
-            }
-        },
-        {
-            title: '加入时间',
-            dataIndex: 'createTime',
-            width: 200,
-            render: (text: any) => moment(text).format('YYYY-MM-DD HH:mm')
-        },
-        {
-            title: '操作',
-            dataIndex: 'console',
-            width: 80,
-            render: (text: any, record: any) => (
-                <span>
-                    {
-                        record.dataStatus === 1 ?
-                            <a className="tabel-action" onClick={() => { onEnablehander(2, record); }}>停用</a>
-                            : <a className="tabel-action" onClick={() => { onEnablehander(1, record); }}>启用</a>
-                    }
-
-                </span>
-            )
-        },
-    ], [onEnablehander]);
-    const refreshList = useCallback(() => {
-        (async () => {
-            const res = await controller.getWhitelist(whiteParams);
-            if (res.res) {
-                setpageMeta(res.res.pageMeta);
-            }
-        })()
-    }, [whiteParams]);
-    
-    useEffect(() => {
-        refreshList();
-    }, [whiteParams]);
-    const rowSelection = useMemo(() => {
-        return {
-            onChange: (selectedRowKeys: any, selectedRows: any) => {
-                controller.pipeline(async s => {
-                    s.selectedRowKey = selectedRows;
-                })()
-            }
-        }
-    }, []);
-    return (
-        <>
-            <Header />
-            <AutoTableContainer style={{ flex: 1, padding: '0 20px', backgroundColor: '#efefef' }} >
-                <Table rowSelection={rowSelection} columns={columns} rowKey="index" dataSource={list} pagination={false} />
-            </AutoTableContainer>
-            {pageMeta && <Pagination onChange={onPageChange} style={{ padding: '16px 0', flex: 'none', background: 'white', textAlign: 'center' }} total={pageMeta.total} pageSize={pageMeta.pageSize} current={pageMeta.pageNum} showSizeChanger={true} />}
-        </>);
+import React, { useCallback, useEffect, useState, useMemo } from 'react';
+import { Table, AutoTableContainer, Pagination } from 'kts-xui';
+import Main from '../..';
+import moment from 'moment';
+import Header from '../pageheader/WhiteHeader'
+export default function Rule(props: any) {
+    const controller = Main.useController();
+    const list = controller.useMemo((s) => s.whiteblacklist, []);
+    const [pageMeta, setpageMeta] = useState<{ pageSize: number, pageNum: number, total?: number }>({ pageSize: 10, pageNum: 1, total: 0, });
+    const whiteParams = controller.useMemo((s) => s.whiteParams, []);
+    const onPageChange = useCallback((pageNum: any, pageSize: any) => {
+        controller.pipeline(async s => {
+            s.whiteParams = { ...s.whiteParams, pageNum, pageSize };
+        })()
+    }, []);
+    const onEnablehander = useCallback((type: number, record: any) => {
+        
+        (async () => {
+            const res = await controller.enablewhitelist({
+                flag: type,
+                didList: [record]
+            })
+            if (res.res) {
+                refreshList();
+            }
+        })()
+    }, [whiteParams]);
+    const columns = useMemo(() => [
+        {
+            title: 'DID',
+            dataIndex: 'customerDid',
+            render: (text: any, record: any) => {
+                if (text) {
+                    return <div><div>{record.customerDidNote}</div>{text}</div>
+                } else {
+                    return ''
+                }
+            }
+        },
+        {
+            title: '所属公司',
+            dataIndex: 'customerName',
+            width: 200
+        },
+        {
+            title: '数据状态',
+            dataIndex: 'dataStatus',
+            width: 100,
+            render: (text: any) => {
+                if (text === 2) {
+                    return <span>停用</span>
+                }
+                if (text === 1) {
+                    return <span style={{ color: '#0074ff' }}>使用中</span>
+                }
+            }
+        },
+        {
+            title: '我司对应DID',
+            dataIndex: 'companyDid',
+            render: (text: any, record: any) => {
+                if (text) {
+                    return <div><div>{record.companyDidNote}</div>{text}</div>
+                } else {
+                    return ''
+                }
+            }
+        },
+        {
+            title: '加入时间',
+            dataIndex: 'createTime',
+            width: 200,
+            render: (text: any) => moment(text).format('YYYY-MM-DD HH:mm')
+        },
+        {
+            title: '操作',
+            dataIndex: 'console',
+            width: 80,
+            render: (text: any, record: any) => (
+                <span>
+                    {
+                        record.dataStatus === 1 ?
+                            <a className="tabel-action" onClick={() => { onEnablehander(2, record); }}>停用</a>
+                            : <a className="tabel-action" onClick={() => { onEnablehander(1, record); }}>启用</a>
+                    }
+
+                </span>
+            )
+        },
+    ], [onEnablehander]);
+    const refreshList = useCallback(() => {
+        (async () => {
+            const res = await controller.getWhitelist(whiteParams);
+            if (res.res) {
+                setpageMeta(res.res.pageMeta);
+            }
+        })()
+    }, [whiteParams]);
+    
+    useEffect(() => {
+        refreshList();
+    }, [whiteParams]);
+    const rowSelection = useMemo(() => {
+        return {
+            onChange: (selectedRowKeys: any, selectedRows: any) => {
+                controller.pipeline(async s => {
+                    s.selectedRowKey = selectedRows;
+                })()
+            }
+        }
+    }, []);
+    return (
+        <>
+            <Header />
+            <AutoTableContainer style={{ flex: 1, padding: '0 20px', backgroundColor: '#efefef' }} >
+                <Table rowSelection={rowSelection} columns={columns} rowKey="index" dataSource={list} pagination={false} />
+            </AutoTableContainer>
+            {pageMeta && <Pagination onChange={onPageChange} style={{ padding: '16px 0', flex: 'none', background: 'white', textAlign: 'center' }} total={pageMeta.total} pageSize={pageMeta.pageSize} current={pageMeta.pageNum} showSizeChanger={true} />}
+        </>);
 }