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

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

@@ -1,191 +1,191 @@
-import React, { useCallback, useState, useEffect, useMemo } from 'react';
-import { Button, Modal } from 'kts-components-antd-x4';
-import { Table, Pagination } from 'kts-xui';
-import { AdvancedSearch, KtsForm } from 'kts-components';
-import Main from '../..';
-import PageUI from '../pageui';
-import _ from 'lodash';
-//同步批量添加
-export default function modalcomfirm(props: any) {
-    const controller = Main.useController();
-    const clientInfo = controller.useMemo(s => s.clientInfo, [])
-    const [params, setParams] = useState({});
-    const whiteParams = controller.useMemo(s => s.whiteParams, [])
-    const blackParams = controller.useMemo(s => s.params, [])
-    const [pageMeta, setPage] = useState<{ pageSize: number, pageNum: number, total?: number }>({ pageNum: 1, pageSize: 10, total: 0, });
-    const [selectedRowKeys, setKey] = useState([]);
-    const [list, setList] = useState([]);
-    const didlist = controller.useMemo((s) => s.didlist, []);
-    const listNature = controller.useMemo((s) => s.listNature, []);
-    useEffect(() => {
-        (async () => {
-            const res = await controller.synclist({ ...params, type: listNature, ...pageMeta })
-            if (res.res) {
-                res.res.items = res.res.items.map((item: any, index: number) => {
-                    return {
-                        ...item,
-                        index
-                    }
-                })
-                setList(res.res.items);
-            }
-        })();
-    }, [params, pageMeta])
-    useEffect(() => {
-        controller.didList({}) as any;
-    }, []);
-    const onSearchFormSubmit = useCallback((value) => {
-        value = {
-            ...value,
-        }
-        setParams(value);
-    }, []);
-    const schema = useMemo(() => {
-        const didEnum = didlist.map(item => {
-            return { label: item.remarkName + ':' + item.participantId, value: item.participantId };
-        })
-        return {
-            'type': "object",
-            properties: {
-                customerDid: {
-                    type: "string",
-                    title: "DID",
-                },
-                customerName: {
-                    type: "string",
-                    title: "所属公司",
-                },
-                companyDid: {
-                    type: "string",
-                    title: "我司对应DID",
-                    enum: didEnum
-                },
-                customerDidNote: {
-                    type: "string",
-                    title: "DID备注名称",
-                },
-
-            }
-        }
-    }, [didlist])
-    const onPageChange = (pageNum: any, pageSize: any) => {
-        setPage({ pageNum, pageSize })
-    }
-    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: '我司对应DID',
-            dataIndex: 'companyDid',
-            render: (text: any, record: any) => {
-                if (text) {
-                    return <div><div>{record.companyDidNote}</div>{text}</div>
-                } else {
-                    return ''
-                }
-            }
-        },
-    ], []);
-    const rowSelection = useMemo(() => {
-        return {
-            onChange: (selectedRowKeys: any, rows: any) => {
-
-                rows = rows && rows.map((item: any) => {
-                    return {
-                        ...item,
-                        type: listNature
-                    }
-                })
-                setKey(rows)
-            }
-        }
-    }, []);
-    const handleCancel = useCallback(() => {
-        controller.pipeline(async s => {
-            s.clientModal = false;
-        })()
-    }, [])
-    const onSubmit = useCallback(() => {
-        (async () => {
-            let res;
-            if (listNature === '1') {
-                res = await controller.addWhite(selectedRowKeys) as any;
-            } else {
-                res = await controller.addBlack(selectedRowKeys) as any;
-            }
-            if (res.res) {
-
-                if (listNature === '1') {
-                    const data = {
-                        ...whiteParams,
-                        type: listNature
-                    }
-                    controller.getWhitelist(data);
-                } else {
-                    const data = {
-                        ...blackParams,
-                        type: listNature
-                    }
-                    controller.getBlacklist(data);
-                }
-            }
-            handleCancel();
-        })()
-    }, [selectedRowKeys]);
-    return (
-        <div>
-            <Modal
-                title={clientInfo.buttonName}
-                visible={true}
-                footer={null}
-                onCancel={handleCancel}
-                width={1000}
-            >
-                <div style={{ marginBottom: 24, display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
-                    <AdvancedSearch
-                        width={480}
-                        height={44}
-                        compact={true}
-                        defaultKey="customerDid"
-                        placeholder="输入DID"
-                        searchFormSubmit={onSearchFormSubmit}
-                    >
-                        <KtsForm
-                            labelCol={9}
-                            wrapperCol={15}
-                            labelAlign='left'
-                            compact={true}
-                            schema={schema}
-                            defaultValue={_.pick(params, ['customerDid', 'customerDidNote', 'companyDid', 'customerName'])}
-                        >
-                        </KtsForm>
-                    </AdvancedSearch>
-                    <div>
-                        <Button onClick={handleCancel} style={{ marginRight: 20 }}>取消</Button>
-                        <Button disabled={selectedRowKeys.length > 0 ? false : true} type="primary" onClick={onSubmit}>提交</Button>
-                    </div>
-                </div>
-                <p>{clientInfo.noticeMessage}</p>
-                <Table rowSelection={rowSelection} columns={columns} rowKey="index" dataSource={list} pagination={false} />
-                {/* {pageMeta && <PageUI data={pageMeta} onChange={onPageChange} />} */}
-                {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} />}
-
-            </Modal>
-        </div >
-
-    );
+import React, { useCallback, useState, useEffect, useMemo } from 'react';
+import { Button, Modal } from 'kts-components-antd-x4';
+import { Table, Pagination } from 'kts-xui';
+import { AdvancedSearch, KtsForm } from 'kts-components';
+import Main from '../..';
+import PageUI from '../pageui';
+import _ from 'lodash';
+//同步批量添加
+export default function modalcomfirm(props: any) {
+    const controller = Main.useController();
+    const clientInfo = controller.useMemo(s => s.clientInfo, [])
+    const [params, setParams] = useState({});
+    const whiteParams = controller.useMemo(s => s.whiteParams, [])
+    const blackParams = controller.useMemo(s => s.params, [])
+    const [pageMeta, setPage] = useState<{ pageSize: number, pageNum: number, total?: number }>({ pageNum: 1, pageSize: 10, total: 0, });
+    const [selectedRowKeys, setKey] = useState([]);
+    const [list, setList] = useState([]);
+    const didlist = controller.useMemo((s) => s.didlist, []);
+    const listNature = controller.useMemo((s) => s.listNature, []);
+    useEffect(() => {
+        (async () => {
+            const res = await controller.synclist({ ...params, type: listNature, ...pageMeta })
+            if (res.res) {
+                res.res.items = res.res.items.map((item: any, index: number) => {
+                    return {
+                        ...item,
+                        index
+                    }
+                })
+                setList(res.res.items);
+            }
+        })();
+    }, [params, pageMeta])
+    useEffect(() => {
+        controller.didList({}) as any;
+    }, []);
+    const onSearchFormSubmit = useCallback((value) => {
+        value = {
+            ...value,
+        }
+        setParams(value);
+    }, []);
+    const schema = useMemo(() => {
+        const didEnum = didlist.map(item => {
+            return { label: item.remarkName + ':' + item.participantId, value: item.participantId };
+        })
+        return {
+            'type': "object",
+            properties: {
+                customerDid: {
+                    type: "string",
+                    title: "DID",
+                },
+                customerName: {
+                    type: "string",
+                    title: "所属公司",
+                },
+                companyDid: {
+                    type: "string",
+                    title: "我司对应DID",
+                    enum: didEnum
+                },
+                customerDidNote: {
+                    type: "string",
+                    title: "DID备注名称",
+                },
+
+            }
+        }
+    }, [didlist])
+    const onPageChange = (pageNum: any, pageSize: any) => {
+        setPage({ pageNum, pageSize })
+    }
+    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: '我司对应DID',
+            dataIndex: 'companyDid',
+            render: (text: any, record: any) => {
+                if (text) {
+                    return <div><div>{record.companyDidNote}</div>{text}</div>
+                } else {
+                    return ''
+                }
+            }
+        },
+    ], []);
+    const rowSelection = useMemo(() => {
+        return {
+            onChange: (selectedRowKeys: any, rows: any) => {
+
+                rows = rows && rows.map((item: any) => {
+                    return {
+                        ...item,
+                        type: listNature
+                    }
+                })
+                setKey(rows)
+            }
+        }
+    }, []);
+    const handleCancel = useCallback(() => {
+        controller.pipeline(async s => {
+            s.clientModal = false;
+        })()
+    }, [])
+    const onSubmit = useCallback(() => {
+        (async () => {
+            let res;
+            if (listNature === '1') {
+                res = await controller.addWhite(selectedRowKeys) as any;
+            } else {
+                res = await controller.addBlack(selectedRowKeys) as any;
+            }
+            if (res.res) {
+
+                if (listNature === '1') {
+                    const data = {
+                        ...whiteParams,
+                        type: listNature
+                    }
+                    controller.getWhitelist(data);
+                } else {
+                    const data = {
+                        ...blackParams,
+                        type: listNature
+                    }
+                    controller.getBlacklist(data);
+                }
+            }
+            handleCancel();
+        })()
+    }, [selectedRowKeys]);
+    return (
+        <div>
+            <Modal
+                title={clientInfo.buttonName}
+                visible={true}
+                footer={null}
+                onCancel={handleCancel}
+                width={1000}
+            >
+                <div style={{ marginBottom: 24, display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+                    <AdvancedSearch
+                        width={480}
+                        height={44}
+                        compact={true}
+                        defaultKey="customerDid"
+                        placeholder="输入DID"
+                        searchFormSubmit={onSearchFormSubmit}
+                    >
+                        <KtsForm
+                            labelCol={9}
+                            wrapperCol={15}
+                            labelAlign='left'
+                            compact={true}
+                            schema={schema}
+                            defaultValue={_.pick(params, ['customerDid', 'customerDidNote', 'companyDid', 'customerName'])}
+                        >
+                        </KtsForm>
+                    </AdvancedSearch>
+                    <div>
+                        <Button onClick={handleCancel} style={{ marginRight: 20 }}>取消</Button>
+                        <Button disabled={selectedRowKeys.length > 0 ? false : true} type="primary" onClick={onSubmit}>提交</Button>
+                    </div>
+                </div>
+                <p>{clientInfo.noticeMessage}</p>
+                <Table rowSelection={rowSelection} columns={columns} rowKey="index" dataSource={list} pagination={false} />
+                {/* {pageMeta && <PageUI data={pageMeta} onChange={onPageChange} />} */}
+                {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} />}
+
+            </Modal>
+        </div >
+
+    );
 }

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

@@ -1,133 +1,127 @@
-import React, { useCallback, useEffect, useState, useMemo } from 'react';
-import { Table, AutoTableContainer, Pagination, message } from 'kts-xui';
-import { dataStatusEnum, listNatureEnum } from '../../util/ConfigEnum';
-import Main from '../..';
-import moment from 'moment';
-import Header from '../pageheader/BlackHeader'
-export default function Rule(props: any) {
-    const controller = Main.useController();
-    const list = controller.useMemo((s) => s.blacklist, []);
-    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 pageMeta = controller.useMemo((s) => s.pageMeta, []);
-    const params = controller.useMemo((s) => s.params, []);
-    const onPageChange = (pageNum: any, pageSize: any) => {
-        controller.pipeline(async s => {
-            s.params = { ...s.params, pageNum, pageSize };
-        })()
-    }
-    const onEnablehander = useCallback((type: number, record: any) => {
-        (async () => {
-            const res = await controller.enableblacklist({
-                flag: type,
-                didList: [record]
-            })
-            if (res.res) {
-                refreshList();
-            }
-        })()
-    }, [params]);
-    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: '所属公司',
-            width: 200,
-            dataIndex: 'customerName',
-        },
-        {
-            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: '最近更新时间',
-        //     width: 200,
-        //     dataIndex: 'updateTime',
-        //     render: (text: any) => moment(text).format('YYYY-MM-DD HH:mm')
-        // },
-        {
-            title: '操作',
-            width: 80,
-            dataIndex: 'console',
-            render: (text: any, record: any) => (
-                <span>
-                    {/* {
-                        record.listNature === 1 ?
-                            <a className="tabel-action" onClick={() => { onBlackhander(2, record); }}>标记黑名单</a>
-                            : <a className="tabel-action" onClick={() => { onBlackhander(1, record); }}>取消黑名单</a>
-                    } */}
-                    {
-                        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.getBlacklist(params);
-            if (res.res) {
-                setpageMeta(res.res.pageMeta);
-            }
-        })()
-    },[params]);
-    useEffect(() => {
-        refreshList();
-    }, [params]);
-    const rowSelection = useMemo(() => {
-        return {
-            onChange: (selectedRowKeys: any, selectedRows: any) => {
-                controller.pipeline(async s => {
-                    s.selectedBlackRowKey = 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, message } from 'kts-xui';
+import { dataStatusEnum, listNatureEnum } from '../../util/ConfigEnum';
+import Main from '../..';
+import moment from 'moment';
+import Header from '../pageheader/BlackHeader'
+export default function Rule(props: any) {
+    const controller = Main.useController();
+    const list = controller.useMemo((s) => s.blacklist, []);
+    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 pageMeta = controller.useMemo((s) => s.pageMeta, []);
+    const params = controller.useMemo((s) => s.params, []);
+    const onPageChange = (pageNum: any, pageSize: any) => {
+        controller.pipeline(async s => {
+            s.params = { ...s.params, pageNum, pageSize };
+        })()
+    }
+    const onEnablehander = useCallback((type: number, record: any) => {
+        (async () => {
+            const res = await controller.enableblacklist({
+                flag: type,
+                didList: [record]
+            })
+            if (res.res) {
+                refreshList();
+            }
+        })()
+    }, [params]);
+    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: '所属公司',
+            width: 200,
+            dataIndex: 'customerName',
+        },
+        {
+            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: '操作',
+            width: 80,
+            dataIndex: 'console',
+            render: (text: any, record: any) => (
+                <span>
+                    {/* {
+                        record.listNature === 1 ?
+                            <a className="tabel-action" onClick={() => { onBlackhander(2, record); }}>标记黑名单</a>
+                            : <a className="tabel-action" onClick={() => { onBlackhander(1, record); }}>取消黑名单</a>
+                    } */}
+                    {
+                        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.getBlacklist(params);
+            if (res.res) {
+                setpageMeta(res.res.pageMeta);
+            }
+        })()
+    },[params]);
+    useEffect(() => {
+        refreshList();
+    }, [params]);
+    const rowSelection = useMemo(() => {
+        return {
+            onChange: (selectedRowKeys: any, selectedRows: any) => {
+                controller.pipeline(async s => {
+                    s.selectedBlackRowKey = 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} />}
+        </>);
 }