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

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

@@ -1,152 +1,152 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import { Button, PageHeaderFoot } from 'kts-xui';
-import { AdvancedSearch, KtsForm } from 'kts-components';
-import Main from '../../index';
-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 whiteParams = controller.useMemo(s => s.whiteParams, [])
-    const clientInfo = controller.useMemo(s => s.clientInfo, [])
-    const selectedRowKey = controller.useMemo(s => s.selectedRowKey, [])
-    const disabled = selectedRowKey.length > 0 ? false : true
-    const didlist = controller.useMemo((s) => s.didlist, []);
-    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.whiteParams = value;
-        })()
-    }, [controller])
-    useEffect(() => {
-        controller.checkclient();
-    }, []);
-    useEffect(() => {
-        (async () => {
-            const res = await controller.didList({}) as any;
-            if (!res.err) {
-                controller.pipeline(async s => {
-                    s.didlist = res.res;
-                })()
-            }
-        })();
-
-
-    }, []);
-    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.enablewhitelist({
-                flag: type,
-                didList: selectedRowKey
-            })
-            if (res.res) {
-                controller.getWhitelist({ ...whiteParams, ...pageMeta });
-            }
-        })()
-    }, [selectedRowKey]);
-    const createWhiteList = useCallback(() => {
-        controller.pipeline(async s => {
-            s.visible = true;
-            s.listNature = '1';
-        })()
-    }, []);
-    const showClientModal = useCallback(() => {
-        controller.pipeline(async s => {
-            s.clientModal = true;
-            s.listNature = '1';
-        })()
-    }, []);
-    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={whiteParams}
-                >
-                </KtsForm>
-            </AdvancedSearch>
-        );
-    }, [schema, whiteParams]);
-    return (
-        <div style={{ flex: 'none', position: 'relative', zIndex: 1 }} >
-            <PageHeaderFoot
-                expandLeft={topExpand()}
-                expandRight={[
-                    <Button disabled={disabled} key="1" onClick={() => { batchBlockList(2); }} style={{ marginRight: 10 }}>批量停用</Button>,
-                    <Button disabled={disabled} key="2" onClick={() => { batchBlockList(1); }} style={{ marginRight: 10 }}>批量启用</Button>,
-                    <Button key="3" type="primary" onClick={createWhiteList} >手动增加白名单</Button>,
-                    clientInfo.showButton && <Button key="4" 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 _ from 'lodash';
+import moment from 'moment';
+export default () => {
+    const controller = Main.useController();
+    const [schema, setSchema] = useState({});
+    const pageMeta = controller.useMemo((s) => s.pageMeta, []);
+    const whiteParams = controller.useMemo(s => s.whiteParams, [])
+    const clientInfo = controller.useMemo(s => s.clientInfo, [])
+    const selectedRowKey = controller.useMemo(s => s.selectedRowKey, [])
+    const disabled = selectedRowKey.length > 0 ? false : true
+    const didlist = controller.useMemo((s) => s.didlist, []);
+    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.whiteParams = value;
+        })()
+    }, [controller])
+    useEffect(() => {
+        controller.checkclient();
+    }, []);
+    useEffect(() => {
+        (async () => {
+            const res = await controller.didList({}) as any;
+            if (!res.err) {
+                controller.pipeline(async s => {
+                    s.didlist = res.res;
+                })()
+            }
+        })();
+
+
+    }, []);
+    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.enablewhitelist({
+                flag: type,
+                didList: selectedRowKey
+            })
+            if (res.res) {
+                controller.getWhitelist({ ...whiteParams, ...pageMeta });
+            }
+        })()
+    }, [selectedRowKey]);
+    const createWhiteList = useCallback(() => {
+        controller.pipeline(async s => {
+            s.visible = true;
+            s.listNature = '1';
+        })()
+    }, []);
+    const showClientModal = useCallback(() => {
+        controller.pipeline(async s => {
+            s.clientModal = true;
+            s.listNature = '1';
+        })()
+    }, []);
+    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={whiteParams}
+                >
+                </KtsForm>
+            </AdvancedSearch>
+        );
+    }, [schema, whiteParams]);
+    return (
+        <div style={{ flex: 'none', position: 'relative', zIndex: 1 }} >
+            <PageHeaderFoot
+                expandLeft={topExpand()}
+                expandRight={[
+                    <Button disabled={disabled} key="1" onClick={() => { batchBlockList(2); }} style={{ marginRight: 10 }}>批量停用</Button>,
+                    <Button disabled={disabled} key="2" onClick={() => { batchBlockList(1); }} style={{ marginRight: 10 }}>批量启用</Button>,
+                    <Button key="3" type="primary" onClick={createWhiteList} >手动增加白名单</Button>,
+                    clientInfo.showButton && <Button key="4" type="primary" style={{ marginLeft: 10 }} onClick={showClientModal}>{clientInfo.buttonName}</Button>
+
+                ]}
+            >
+
+            </PageHeaderFoot>
+        </div>);
+};

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

@@ -1,64 +1,64 @@
-import React from 'react';
-import { Pagination } from 'antd';
-class CustomerPage extends React.Component<any, any> {
-    constructor(props: any) {
-        super(props);
-        this.state = {
-            pageMeta: this.props.data
-        };
-    }
-
-    // 点击下标改变页面
-    onPageChange = (page: any, pageSize: any) => {
-        this.props.onChange(page, pageSize);
-    }
-    // 列表显示最多条数
-    onShowSizeChange = (current: any, pageSize: any) => {
-        this.props.onChange(current, pageSize);
-    }
-    componentWillReceiveProps(nextProps: any) {
-        if (nextProps.data !== this.props.data) {
-            this.setState({
-                pageMeta: nextProps.data,
-            });
-        }
-    }
-    render() {
-        const { pageMeta } = this.state;
-        const isShowPageSize = this.props.showSizeChanger !== undefined ? this.props.showSizeChanger : true;
-        return (
-            <div style={{   padding: '16px 10px',textAlign: 'center'}}>
-                <div className="my-pagination-div">
-                    <Pagination
-                        size="small"
-                        showQuickJumper={true}
-                        defaultCurrent={pageMeta.pageNum}
-                        total={pageMeta.total}
-                        current={pageMeta.pageNum}
-                        pageSize={pageMeta.pageSize}
-                        pageSizeOptions={this.props.pageSizeOptions || []}
-                        showTotal={(total, range) => {
-                            if (total > 0) {
-                                return (
-                                    <span>
-                                        {!this.props.hideTotal &&
-                                            <span>
-                                                第 {(pageMeta.pageNum - 1) * pageMeta.pageSize + 1} - {pageMeta.pageNum * pageMeta.pageSize} 条，共有
-                                        <span className="number">{total}</span>
-                                         条
-                                    </span>
-                                        }
-                                    </span>);
-                            }
-                            return '';
-                        }}
-                        onChange={this.onPageChange}
-                        onShowSizeChange={this.onShowSizeChange}
-                        showSizeChanger={pageMeta.total > 0 && isShowPageSize === true ? true : false}
-                    />
-                </div>
-            </div>
-        );
-    }
-}
-export default CustomerPage;
+import React from 'react';
+import { Pagination } from 'antd';
+class CustomerPage extends React.Component<any, any> {
+    constructor(props: any) {
+        super(props);
+        this.state = {
+            pageMeta: this.props.data
+        };
+    }
+
+    // 点击下标改变页面
+    onPageChange = (page: any, pageSize: any) => {
+        this.props.onChange(page, pageSize);
+    }
+    // 列表显示最多条数
+    onShowSizeChange = (current: any, pageSize: any) => {
+        this.props.onChange(current, pageSize);
+    }
+    componentWillReceiveProps(nextProps: any) {
+        if (nextProps.data !== this.props.data) {
+            this.setState({
+                pageMeta: nextProps.data,
+            });
+        }
+    }
+    render() {
+        const { pageMeta } = this.state;
+        const isShowPageSize = this.props.showSizeChanger !== undefined ? this.props.showSizeChanger : true;
+        return (
+            <div style={{   padding: '16px 10px',textAlign: 'center'}}>
+                <div className="my-pagination-div">
+                    <Pagination
+                        size="small"
+                        showQuickJumper={true}
+                        defaultCurrent={pageMeta.pageNum}
+                        total={pageMeta.total}
+                        current={pageMeta.pageNum}
+                        pageSize={pageMeta.pageSize}
+                        pageSizeOptions={this.props.pageSizeOptions || []}
+                        showTotal={(total, range) => {
+                            if (total > 0) {
+                                return (
+                                    <span>
+                                        {!this.props.hideTotal &&
+                                            <span>
+                                                第 {(pageMeta.pageNum - 1) * pageMeta.pageSize + 1} - {pageMeta.pageNum * pageMeta.pageSize} 条，共有
+                                        <span className="number">{total}</span>
+                                         条
+                                    </span>
+                                        }
+                                    </span>);
+                            }
+                            return '';
+                        }}
+                        onChange={this.onPageChange}
+                        onShowSizeChange={this.onShowSizeChange}
+                        showSizeChanger={pageMeta.total > 0 && isShowPageSize === true ? true : false}
+                    />
+                </div>
+            </div>
+        );
+    }
+}
+export default CustomerPage;