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

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

@@ -1,121 +1,121 @@
-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 [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} />}
+        </>);
 }

package/src/DocumentWhiteList/ui/pageheader/BlackHeader.tsx

@@ -1,143 +1,143 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import { Button, PageHeaderFoot } from 'kts-xui';
-import { AdvancedSearch, KtsForm } from 'kts-components';
-import Main from '../../index';
-// import { LifeCycleTypes } from "@formily/antd";
-import _ from 'lodash';
-import moment from 'moment';
-export default () => {
-    const controller = Main.useController();
-    const [schema, setSchema] = useState({});
-    const pageMeta = controller.useMemo((s) => s.pageMeta, []);
-    const params = controller.useMemo(s => s.params, [])
-    const clientInfo = controller.useMemo(s => s.clientInfo, [])
-    const selectedRowKey = controller.useMemo(s => s.selectedBlackRowKey, [])
-    const disabled = selectedRowKey.length > 0 ? false : true
-    const didlist = controller.useMemo((s) => s.didlist, []);
-    const [companyDidNote, setNote] = useState('');
-    const onSearchFormSubmit = React.useCallback((value) => {
-        value = {
-            ...value,
-            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'),
-            pageNum: 1,
-            pageSize: 10
-        }
-        controller.pipeline(async s => {
-            s.params = value;
-        })()
-    }, [controller])
-    useEffect(() => {
-        controller.checkclient();
-    }, []);
-    useEffect(() => {
-        controller.didList({}) as any;
-    }, []);
-    useEffect(() => {
-        const didEnum = didlist.map(item => {
-            return { label: item.remarkName + ':' + item.participantId, value: item.participantId };
-        })
-        let obj: any = {
-            type: "object",
-            properties: {
-                customerDid: {
-                    type: "string",
-                    title: "DID",
-                },
-                customerName: {
-                    type: "string",
-                    title: "所属公司",
-                },
-                companyDid: {
-                    type: "string",
-                    title: "我司对应DID",
-                    enum: didEnum
-                },
-                dataStatus: {
-                    type: "string",
-                    title: "数据状态",
-                    enum: [{
-                        "label": "使用中",
-                        "value": 1
-                    }, {
-                        "label": "停用",
-                        "value": 2
-                    }],
-                },
-                createTime: {
-                    type: "daterange",
-                    title: "创建时间",
-                    'x-props':{
-                        extendsFields: ['beginCreateTime', 'endCreateTime'],
-                    }
-                },
-                // '[beginUpdateTime,endUpdateTime]': {
-                //     key: "[beginUpdateTime,endUpdateTime]",
-                //     name: "[beginUpdateTime,endUpdateTime]",
-                //     type: "daterange",
-                //     title: "更新时间",
-                // },
-            }
-        }
-        setSchema(obj);
-    }, [didlist])
-    const batchBlockList = useCallback((type: number) => {
-        (async () => {
-            const res = await controller.enableblacklist({
-                flag: type,
-                didList: selectedRowKey
-            })
-            if (res.res) {
-                controller.getBlacklist({ ...params, ...pageMeta });
-            }
-        })()
-    }, [selectedRowKey]);
-    const createWhiteList = useCallback(() => {
-        controller.pipeline(async s => {
-            s.visible = true;
-            s.listNature = '2';
-        })()
-    }, []);
-    const showClientModal = useCallback(() => {
-        controller.pipeline(async s => {
-            s.clientModal = true;
-            s.listNature = '2';
-        })()
-    }, []);
-    const topExpand = useCallback(() => {
-        return (
-            <AdvancedSearch
-                width={380}
-                height={44}
-                compact={true}
-                defaultKey="customerDid"
-                placeholder="输入DID"
-                searchFormSubmit={onSearchFormSubmit}
-            >
-                <KtsForm
-                    labelCol={9}
-                    wrapperCol={15}
-                    labelAlign='left'
-                    compact={true}
-                    schema={schema}
-                    defaultValue={params}
-
-                >
-                </KtsForm>
-            </AdvancedSearch>
-        );
-    }, [schema, params]);
-    return (
-        <div style={{ flex: 'none', position: 'relative', zIndex: 1 }} >
-            <PageHeaderFoot
-                expandLeft={topExpand()}
-                expandRight={[
-                    <Button disabled={disabled} onClick={() => { batchBlockList(2); }} style={{ marginRight: 10 }}>批量停用</Button>,
-                    <Button disabled={disabled} onClick={() => { batchBlockList(1); }} style={{ marginRight: 10 }}>批量启用</Button>,
-                    <Button type="primary" onClick={createWhiteList}>手动增加黑名单</Button>,
-                    clientInfo.showButton && <Button type="primary" style={{ marginLeft: 10 }} onClick={showClientModal}>{clientInfo.buttonName}</Button>
-                ]}
-            >
-            </PageHeaderFoot>
-        </div>);
-};
+import React, { useState, useEffect, useCallback } from 'react';
+import { Button, PageHeaderFoot } from 'kts-xui';
+import { AdvancedSearch, KtsForm } from 'kts-components';
+import Main from '../../index';
+// import { LifeCycleTypes } from "@formily/antd";
+import _ from 'lodash';
+import moment from 'moment';
+export default () => {
+    const controller = Main.useController();
+    const [schema, setSchema] = useState({});
+    const pageMeta = controller.useMemo((s) => s.pageMeta, []);
+    const params = controller.useMemo(s => s.params, [])
+    const clientInfo = controller.useMemo(s => s.clientInfo, [])
+    const selectedRowKey = controller.useMemo(s => s.selectedBlackRowKey, [])
+    const disabled = selectedRowKey.length > 0 ? false : true
+    const didlist = controller.useMemo((s) => s.didlist, []);
+    const [companyDidNote, setNote] = useState('');
+    const onSearchFormSubmit = React.useCallback((value) => {
+        value = {
+            ...value,
+            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'),
+            pageNum: 1,
+            pageSize: 10
+        }
+        controller.pipeline(async s => {
+            s.params = value;
+        })()
+    }, [controller])
+    useEffect(() => {
+        controller.checkclient();
+    }, []);
+    useEffect(() => {
+        controller.didList({}) as any;
+    }, []);
+    useEffect(() => {
+        const didEnum = didlist.map(item => {
+            return { label: item.remarkName + ':' + item.participantId, value: item.participantId };
+        })
+        let obj: any = {
+            type: "object",
+            properties: {
+                customerDid: {
+                    type: "string",
+                    title: "DID",
+                },
+                customerName: {
+                    type: "string",
+                    title: "所属公司",
+                },
+                companyDid: {
+                    type: "string",
+                    title: "我司对应DID",
+                    enum: didEnum
+                },
+                dataStatus: {
+                    type: "string",
+                    title: "数据状态",
+                    enum: [{
+                        "label": "使用中",
+                        "value": 1
+                    }, {
+                        "label": "停用",
+                        "value": 2
+                    }],
+                },
+                createTime: {
+                    type: "daterange",
+                    title: "创建时间",
+                    'x-props':{
+                        extendsFields: ['beginCreateTime', 'endCreateTime'],
+                    }
+                },
+                // '[beginUpdateTime,endUpdateTime]': {
+                //     key: "[beginUpdateTime,endUpdateTime]",
+                //     name: "[beginUpdateTime,endUpdateTime]",
+                //     type: "daterange",
+                //     title: "更新时间",
+                // },
+            }
+        }
+        setSchema(obj);
+    }, [didlist])
+    const batchBlockList = useCallback((type: number) => {
+        (async () => {
+            const res = await controller.enableblacklist({
+                flag: type,
+                didList: selectedRowKey
+            })
+            if (res.res) {
+                controller.getBlacklist({ ...params, ...pageMeta });
+            }
+        })()
+    }, [selectedRowKey]);
+    const createWhiteList = useCallback(() => {
+        controller.pipeline(async s => {
+            s.visible = true;
+            s.listNature = '2';
+        })()
+    }, []);
+    const showClientModal = useCallback(() => {
+        controller.pipeline(async s => {
+            s.clientModal = true;
+            s.listNature = '2';
+        })()
+    }, []);
+    const topExpand = useCallback(() => {
+        return (
+            <AdvancedSearch
+                width={380}
+                height={44}
+                compact={true}
+                defaultKey="customerDid"
+                placeholder="输入DID"
+                searchFormSubmit={onSearchFormSubmit}
+            >
+                <KtsForm
+                    labelCol={9}
+                    wrapperCol={15}
+                    labelAlign='left'
+                    compact={true}
+                    schema={schema}
+                    defaultValue={params}
+
+                >
+                </KtsForm>
+            </AdvancedSearch>
+        );
+    }, [schema, params]);
+    return (
+        <div style={{ flex: 'none', position: 'relative', zIndex: 1 }} >
+            <PageHeaderFoot
+                expandLeft={topExpand()}
+                expandRight={[
+                    <Button disabled={disabled} onClick={() => { batchBlockList(2); }} style={{ marginRight: 10 }}>批量停用</Button>,
+                    <Button disabled={disabled} onClick={() => { batchBlockList(1); }} style={{ marginRight: 10 }}>批量启用</Button>,
+                    <Button type="primary" onClick={createWhiteList}>手动增加黑名单</Button>,
+                    clientInfo.showButton && <Button type="primary" style={{ marginLeft: 10 }} onClick={showClientModal}>{clientInfo.buttonName}</Button>
+                ]}
+            >
+            </PageHeaderFoot>
+        </div>);
+};