kts-components-document-access-point 1.1.22 → 1.1.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kts-components-document-access-point",
-  "version": "1.1.22",
+  "version": "1.1.26",
   "private": false,
   "scripts": {
     "start": "dumi dev",

package/src/DocumentWhiteList/control/actions/addblack/index.ts

@@ -4,7 +4,7 @@ import { IFilter } from '../../../interface'
 import { message } from 'kts-components-antd-x4';
 
 export default async (s: ControllerState, params?: IFilter[]) => {
-    const res = await DocumentsService.instance.service?.call({ url: '/dap/whiteblacklist/config/addBatchBlackList', data: params, type: 'post' }) as any;
+    const res = await DocumentsService.instance.service?.call({ url: '/dap/web/whiteblacklist/config/addBatchBlackList', data: params, type: 'post' }) as any;
     if (res.err) {
         return false;
     }

package/src/DocumentWhiteList/control/actions/addwhite/index.ts

@@ -4,7 +4,7 @@ import { IFilter } from '../../../interface'
 import { message } from 'kts-components-antd-x4';
 
 export default async (s: ControllerState, params?: IFilter[]) => {
-    const res = await DocumentsService.instance.service?.call({ url: '/dap/whiteblacklist/config/addBatchWhiteList', data: params, type: 'post' }) as any;
+    const res = await DocumentsService.instance.service?.call({ url: '/dap/web/whiteblacklist/config/addBatchWhiteList', data: params, type: 'post' }) as any;
     if (res.err) {
         return false;
     }

package/src/DocumentWhiteList/control/actions/blacklist/index.ts

@@ -5,7 +5,7 @@ import { IParams } from '../../../interface'
 
 
 export default async (s: ControllerState, params?: IParams) => {
-    const res = await DocumentsService.instance.service?.call({ url: '/dap/whiteblacklist/config/queryBlackListPage', data: params, type: 'post' }) as any;
+    const res = await DocumentsService.instance.service?.call({ url: '/dap/web/whiteblacklist/config/queryBlackListPage', data: params, type: 'post' }) as any;
     if (res.err) {
         return false;
     }

package/src/DocumentWhiteList/control/actions/checkclient/index.ts

@@ -4,7 +4,7 @@ import { DocumentsService } from "../../../..";
 
 
 export default async (s: ControllerState,) => {
-    const res = await DocumentsService.instance.service?.call({ url: '/dap/whiteblacklist/config/showButton', data: {}, type: 'post' }) as any;
+    const res = await DocumentsService.instance.service?.call({ url: '/dap/web/whiteblacklist/config/showButton', data: {}, type: 'post' }) as any;
     if (res.err) {
         return false;
     }

package/src/DocumentWhiteList/control/actions/enableblacklist/index.ts

@@ -7,7 +7,7 @@ export interface IParams{
 }
 
 export default async (s: ControllerState, params?: IParams,) => {
-    const res = await DocumentsService.instance.service?.call({ url: '/dap/whiteblacklist/config/enableOrDisableBlackList?status=' + params?.flag, data: params?.didList, type: 'post' }) as any;
+    const res = await DocumentsService.instance.service?.call({ url: '/dap/web/whiteblacklist/config/enableOrDisableBlackList?status=' + params?.flag, data: params?.didList, type: 'post' }) as any;
     if (res.err) {
         return false;
     }

package/src/DocumentWhiteList/control/actions/enablelist/index.ts

@@ -8,7 +8,7 @@ export interface IParams{
 }
 
 export default async (s: ControllerState, params?: IParams,) => {
-    const res = await DocumentsService.instance.service?.call({ url: '/dap/whiteblacklist/config/enableList?status=' + params?.status, data: params?.didList, type: 'post' }) as any;
+    const res = await DocumentsService.instance.service?.call({ url: '/dap/web/whiteblacklist/config/enableList?status=' + params?.status, data: params?.didList, type: 'post' }) as any;
     if (res.err) {
         return false;
     }

package/src/DocumentWhiteList/control/actions/enablewhitelist/index.ts

@@ -7,7 +7,7 @@ export interface IParams{
 }
 
 export default async (s: ControllerState, params?: IParams,) => {
-    const res = await DocumentsService.instance.service?.call({ url: '/dap/whiteblacklist/config/enableOrDisableWhiteList?status=' + params?.flag, data: params?.didList, type: 'post' }) as any;
+    const res = await DocumentsService.instance.service?.call({ url: '/dap/web/whiteblacklist/config/enableOrDisableWhiteList?status=' + params?.flag, data: params?.didList, type: 'post' }) as any;
     if (res.err) {
         return false;
     }

package/src/DocumentWhiteList/control/actions/getmode/index.ts

@@ -5,12 +5,11 @@ import { IParams } from '../../../interface'
 
 
 export default async (s: ControllerState, params?: IParams) => {
-    const res = await DocumentsService.instance.service?.call({ url: '/dap/whiteblacklist/config/whitelistSwitchStatus', data: null, type: 'get' }) as any;
+    const res = await DocumentsService.instance.service?.call({ url: '/dap/web/whiteblacklist/config/whitelistSwitchStatus', data: null, type: 'get' }) as any;
     if (res.err) {
         return false;
     }
     if (res.res) {
-        console.log(res.res);
         s.mode = res.res;
     }
 }

package/src/DocumentWhiteList/control/actions/setmode/index.ts

@@ -4,8 +4,8 @@ import { IParams } from '../../../interface'
 import { message } from 'kts-components-antd-x4';
 
 
-export default async (s: ControllerState, params?: IParams) => {
-    const res = await DocumentsService.instance.service?.call({ url: '/dap/whiteblacklist/config/updateWhitelistSwitchStatus', data:params, type: 'get' }) as any;
+export default async (s: ControllerState, params: any) => {
+    const res = await DocumentsService.instance.service?.call({ url: '/dap/web/whiteblacklist/config/updateWhitelistSwitchStatus', data:params, type: 'get' }) as any;
     if (res.err) {
         return false;
     }

package/src/DocumentWhiteList/control/actions/synclist/index.ts

@@ -10,7 +10,7 @@ export interface IParams {
 }
 
 export default async (s: ControllerState, params?: IParams) => {
-    const res = await DocumentsService.instance.service?.call({ url: '/dap/whiteblacklist/config/querySyncPage', data: params, type: 'post' }) as any;
+    const res = await DocumentsService.instance.service?.call({ url: '/dap/web/whiteblacklist/config/querySyncPage', data: params, type: 'post' }) as any;
     if (res.err) {
         return false;
     }

package/src/DocumentWhiteList/control/actions/whitelist/index.ts

@@ -5,7 +5,7 @@ import { IParams } from '../../../interface'
 
 
 export default async (s: ControllerState, params?: IParams) => {
-    const res = await DocumentsService.instance.service?.call({ url: '/dap/whiteblacklist/config/queryWhiteListPage', data: params, type: 'post' }) as any;
+    const res = await DocumentsService.instance.service?.call({ url: '/dap/web/whiteblacklist/config/queryWhiteListPage', data: params, type: 'post' }) as any;
     if (res.err) {
         return false;
     }

package/src/DocumentWhiteList/interface/index.ts

@@ -25,5 +25,5 @@ export interface IPageMeta {
     total?: number
 }
 export interface IParams extends IFilter, IPageMeta {
-    type?: string | number;
+    type?: number | string;
 }

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

@@ -8,7 +8,7 @@ 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 }>();
+    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) => {
@@ -86,7 +86,9 @@ export default function Rule(props: any) {
     useEffect(() => {
         (async () => {
             const res = await controller.getBlacklist({ ...params, ...pageParams });
-            setpageMeta(res.res.pageMeta);
+            if (res.res) {
+                setpageMeta(res.res.pageMeta);
+            }
         })()
     }, [params, pageParams]);
     const rowSelection = useMemo(() => {

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

@@ -7,9 +7,8 @@ import SwitchMode from './switchmode'
 export default function Rule(props: any) {
     const [activeKey, setKey] = useState('/whitelist');
     const controller = Main.useController();
-    const [values, setValues] = useState();
-    // const selectedRowKey = controller.useMemo(s => s.selectedRowKey, [])
-    // const selectedBlackRowKey = controller.useMemo(s => s.selectedBlackRowKey, [])
+    // const [values, setValues] = useState();
+    const mode = controller.useMemo((s) => s.mode, []);
     const tabsOnChange = useCallback((e) => {
         setKey(e.target.value);
         controller.pipeline(async s => {
@@ -19,12 +18,12 @@ export default function Rule(props: any) {
             s.whiteParams = {}
         })()
     }, [])
-    const onSubmit = useCallback((data) => {
-        setValues(data);
-    }, []);
+    // const onSubmit = useCallback((data) => {
+    //     setValues(data);
+    // }, []);
     const onClickHandler = useCallback(() => {
-        controller.setmode(values);
-    }, [values]);
+        controller.setmode({status:mode});
+    }, [mode]);
     return (
         <>
             {/* <PageHeaderTop
@@ -68,7 +67,7 @@ export default function Rule(props: any) {
             }
             {
                 activeKey === '/switchmode' &&
-                <SwitchMode onSubmit={onSubmit} />
+                <SwitchMode  />
             }
         </>);
 }

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

@@ -30,12 +30,15 @@ export default function Rule(props: any) {
         props.onSubmit(e.target.value);
     }, []);
     const onValuesChange = useCallback((changedvalue: any, allvalue: any) => {
-        props.onSubmit(allvalue);
+        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>
-            {/* <span>您期望用哪个名单来过滤你的单据收发?</span> */}
             <Form style={{ width: 545 }} form={form} {...formItemLayout} layout="horizontal" onValuesChange={onValuesChange}>
                 <Form.Item labelAlign="left" name="status" label='您期望用哪个名单来过滤你的单据收发?'>
                     <Radio.Group >
@@ -43,9 +46,6 @@ export default function Rule(props: any) {
                         <Radio value={2}>使用黑名单过滤</Radio>
                     </Radio.Group>
                 </Form.Item>
-                {/* <Form.Item {...buttonItemLayout}>
-                    <Button type="primary" htmlType="submit">提交</Button>
-                </Form.Item> */}
             </Form>
             <p><a><InfoCircleOutlined /> 温馨提示：</a>当您使用白名单过滤时，只有白名单里面的DID才可以跟您发送或接收单据；当您使用黑名单过滤时，除了黑名单里面的DID不能给您发送和接收单据外，其他DID都可以给您发送和接收单据。</p>
 

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

@@ -8,7 +8,7 @@ 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 }>();
+    const [pageParams, setpageParams] = useState<{ pageSize?: number, pageNum?: number, total?: number }>({ pageSize: 10, pageNum: 1, });
     const whiteParams = controller.useMemo((s) => s.whiteParams, []);
     const onPageChange = (pageNum: any, pageSize: any) => {
         setpageParams({ pageNum, pageSize });
@@ -85,7 +85,9 @@ export default function Rule(props: any) {
     useEffect(() => {
         (async () => {
             const res = await controller.getWhitelist({ ...whiteParams, ...pageParams });
-            setpageMeta(res.res.pageMeta);
+            if (res.res) {
+                setpageMeta(res.res.pageMeta);
+            }
         })()
     }, [whiteParams, pageParams]);
     const rowSelection = useMemo(() => {

package/src/DocumentsEdit/DocumentsEditController/DocumentsEditControllerState/index.ts

@@ -18,7 +18,7 @@ export interface IDataSource {
 export default class DocumentsEditControllerState {
 
     constructor(schema?: ISchema) {
-        this.schema = schema || JSON.parse(JSON.stringify(defaultSchema));
+        this.schema = schema ? JSON.parse(JSON.stringify(schema)) : JSON.parse(JSON.stringify(defaultSchema));
     }
 
     /** 文档数据 */

package/src/DocumentsEdit/DocumentsEditController/actions/editProperties/index.ts

@@ -7,8 +7,6 @@ export default async (s: DocumentsEditControllerState, options: any) => {
 
     const { editProperties, properties, current } = options;
 
-    debugger;
-
     // 对象数据
     current.properties[properties.$name].alias = properties.title;
     current.properties[properties.$name].detailed = properties.description;
@@ -19,9 +17,16 @@ export default async (s: DocumentsEditControllerState, options: any) => {
     }
 
     // 设置必填
-    current.required = current.required.filter((e: string) => e !== properties.$name)
+    const required = current.required as string[];
     if (properties.required) {
-        current.required.push(properties.$name)
+        if (required.indexOf(properties.$name) < 0) {
+            current.required.push(properties.$name)
+        }
+    } else {
+        const p = required.indexOf(properties.$name)
+        if (p >= 0) {
+            required.splice(p, 1)
+        }
     }
 
     const pro = (() => {

package/src/DocumentsEdit/___demo___/monitor/index.tsx

@@ -11,6 +11,7 @@ export default () => {
   const [schema, setScheme] = React.useState<any>();
 
   const onChange = React.useCallback((schema: ISchema) => {
+    setScheme(schema)
     console.log('===> onChange', schema);
   }, [])
 

package/src/DocumentsEdit/ui/PropertyTable/hooks/useTableProps/index.tsx

@@ -39,6 +39,7 @@ export default () => {
   }, []);
 
   const dataSource = controller.useMemo(s => {
+    
     const current = s.propertyTableState.current;
     if (!current) return [];
 

package/src/DocumentsList/DocumentsListController/actions/typelist/index.ts

@@ -2,7 +2,7 @@ import DocumentsListControllerState from '../../DocumentsListControllerState';
 import { DocumentsService } from "../../../../";
 export default async (s: DocumentsListControllerState, params?: any) => {
     
-    const res = await DocumentsService.instance.service?.call({ url: '/dap/schema/config/queryConfigSchemaPage', data: params, type: 'post' }) as any;
+    const res = await DocumentsService.instance.service?.call({ url: '/dap/web/schema/config/queryConfigSchemaPage', data: params, type: 'post' }) as any;
             
             if (res.err) {
                 return false;

package/src/DocumentsList/index.tsx

@@ -1,5 +1,5 @@
 import React, { createContext } from 'react';
-import PageHeader from './ui/PageHeader'
+// import PageHeader from './ui/PageHeader'
 import RuleTable from './ui/RuleTable'
 import DocumentsListController from './DocumentsListController';
 import SendList from './ui/sendlist'
@@ -21,7 +21,7 @@ const Main = (props: any) => {
   return (
     <DocumentsListContext.Provider value={controller}>
       <div style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
-        <PageHeader />
+        {/* <PageHeader /> */}
         {
           type === 1 &&
           <RuleTable />

package/src/DocumentsList/ui/ModalComfirm/index.tsx

@@ -10,7 +10,7 @@ export default function modalcomfirm(props: any) {
     const [targetList, setTargetList] = useState([]);
     useEffect(() => {
         (async () => {
-            const res = await DocumentsService.instance.service?.call({ url: '/dap/participant/listBySubjectId', data: {}, type: 'get' }) as any;
+            const res = await DocumentsService.instance.service?.call({ url: '/dap/web/participant/listBySubjectId', data: {}, type: 'get' }) as any;
             if (res.res) {
                 setTargetList(res.res);
             }
@@ -24,12 +24,12 @@ export default function modalcomfirm(props: any) {
             const data = selectItems.map((item: any) => {
                 return {
                     ...item,
-                    sendPartitionId: targetId,
+                    senderPartitionId: targetId,
                     privateList: [],
                     sendPublic: true
                 };
             });
-            const res = await DocumentsService.instance.service?.call({ url: '/dap/schema/config/batchSend', data: data, type: 'post' }) as any;
+            const res = await DocumentsService.instance.service?.call({ url: '/dap/web/schema/config/batchSend', data: data, type: 'post' }) as any;
             if (res.res) {
                 message.success('操作成功');
                 props.handleCancel()
@@ -51,7 +51,7 @@ export default function modalcomfirm(props: any) {
     return (
         <div>
             <Modal
-                title="请选择"
+                title="请选择我司对应DID"
                 visible={true}
                 onOk={handleOk}
                 onCancel={handleCancel}

package/src/DocumentsList/ui/PageHeader/SendHeader.tsx

@@ -0,0 +1,230 @@
+import React, { useRef, useState, useEffect, useMemo, useCallback } from 'react';
+import { Radio, Button, Dropdown, PageHeaderFoot } from 'kts-xui';
+import { Menu } from 'kts-components-antd-x4';
+import { AdvancedSearch, KtsForm } from 'kts-components';
+import { LifeCycleTypes } from '@formily/antd';
+import Main from '../..';
+import ModalComfirm from '../ModalComfirm'
+import { DocumentsService } from "../../..";
+import _ from 'lodash';
+import { useHistory } from 'react-router-dom';
+const { SubMenu } = Menu;
+export default () => {
+    const history = useHistory();
+    const controller = Main.useController();
+    const type = controller.useMemo(s => s.type, [])
+    const [billEnum, setBill] = useState([]);
+    const selectedRowKey = controller.useMemo(s => s.selectedRowKey, [])
+    const params = controller.useMemo(s => s.params, [])
+    const visible = controller.useMemo(s => s.visible, []);
+    const [profileEnum, setProfile] = useState([]);
+    const [schema, setSchema] = useState({});
+    const ktsRef = useRef(null);
+    useEffect(() => {
+        (async () => {
+            const res = await DocumentsService.instance.service?.call({ url: '/dap/web/schema/config/getDefaultTypeList', data: {}, 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 onSearchFormSubmit = React.useCallback((value) => {
+        value = {
+            ...value,
+            typeList: value['typeList'] && [value['typeList']]
+        }
+        controller.pipeline(async s => {
+            s.params = value;
+        })()
+    }, [controller])
+
+    const switchType = React.useCallback((e) => {
+        controller.pipeline(async s => {
+            s.type = e.target.value;
+            s.params = {}
+        })()
+    }, [])
+    const handleCancel = React.useCallback(() => {
+        controller.pipeline(async s => {
+            s.visible = false;
+        })()
+    }, []);
+    const batchSend = React.useCallback(() => {
+        controller.pipeline(async s => {
+            s.visible = true;
+        })()
+    }, [controller]);
+    useEffect(() => {
+        let obj: any = {
+            type: "object",
+            properties: {
+                configName: {
+                    type: "string",
+                    title: "配置名称",
+                },
+                attributionList: {
+                    type: "string",
+                    title: "发送对象",
+                    visible: type === 2 ? true : false
+                },
+                type: {
+                    type: "string",
+                    title: "单据大类",
+                    enum: billEnum,
+                },
+                profile: {
+                    type: "string",
+                    title: "单据子类",
+                    enum: profileEnum,
+                    visible: false
+                },
+                attribution: {
+                    type: "string",
+                    title: "单据类型",
+                    enum: [{
+                        "label": "发送方",
+                        "value": '1'
+                    }, {
+                        "label": "接收方",
+                        "value": '0'
+                    }],
+                    'x-props': {
+                        mode: "multiple"
+                    }
+                },
+                '[beginCreateTime,endCreateTime]': {
+                    key: "[beginCreateTime,endCreateTime",
+                    name: "[beginCreateTime,endCreateTime",
+                    type: "daterange",
+                    title: "创建时间",
+                },
+                '[beginSendTime,endSendTime]': {
+                    key: "[beginSendTime,endSendTime",
+                    name: "[beginSendTime,endSendTime",
+                    type: "daterange",
+                    title: "更新时间",
+                },
+            }
+        }
+        setSchema(obj);
+    }, [billEnum, type, profileEnum])
+    const onCreateType = useCallback((category, record?) => {
+        history.push({ pathname: `/rule`, search: `?type=config&profile=${record && record.value || ''}&billtype=${category}` })
+    }, [])
+    const topExpand = useCallback(() => {
+        return (
+            <div style={{ display: 'flex' }}>
+                <div style={{ marginRight: 10 }}>
+                    <Radio.Group value={type} onChange={switchType}>
+                        <Radio.Button value={1}>单据校验规则配置</Radio.Button>
+                        <Radio.Button value={2}>发布记录</Radio.Button>
+                    </Radio.Group>
+                </div>
+                <AdvancedSearch
+                    width={480}
+                    height={44}
+                    compact={true}
+                    defaultKey="configName"
+                    placeholder="输入配置名称"
+                    searchFormSubmit={onSearchFormSubmit}
+                >
+                    <KtsForm
+                        ref={ktsRef}
+                        labelCol={9}
+                        wrapperCol={15}
+                        labelAlign='left'
+                        compact={true}
+                        schema={schema}
+                        defaultValue={_.pick(params, ['configName', 'type', 'profile', 'attributionList', 'attribution', '[beginCreateTime,endCreateTime]', '[beginSendTime,endSendTime]'])}
+                        effects={($: any, actions: any) => {
+                            $(LifeCycleTypes.ON_FIELD_VALUE_CHANGE, 'type',).subscribe((fieldState: any) => {
+                                if (fieldState.value) {
+                                    const target: any = billEnum.find((item: any) => item.value === fieldState.value);
+                                    if (target && target.profileList) {
+                                        actions.setFieldState('profile', (state: any) => {
+                                            state.visible = true;
+                                        });
+                                        const list = target.profileList.map((item: any) => {
+                                            return {
+                                                label: item.name,
+                                                value: item.value
+                                            }
+                                        })
+                                        setProfile(list);
+                                    } else {
+                                        actions.setFieldState('profile', (state: any) => {
+                                            state.visible = false;
+                                        });
+                                        setProfile([])
+                                    }
+                                } else {
+                                    actions.setFieldState('profile', (state: any) => {
+                                        state.visible = false;
+                                    });
+                                    setProfile([])
+                                }
+                            });
+                        }}
+                    >
+                    </KtsForm>
+                </AdvancedSearch>
+                
+            </div>
+        );
+    }, [type,schema]);
+    const menu = useMemo(() => {
+        return (
+            <Menu>
+                {billEnum && billEnum.map((item: any, key) => {
+                    if (item.profileList) {
+                        return (
+                            <SubMenu key={key} title={item.label}>
+                                {
+                                    item.profileList.map((element: any) => {
+                                        return (
+                                            <Menu.Item key={element.value} onClick={() => { onCreateType(item.value, element); }}>
+                                                <a >
+                                                    {element.name}
+                                                </a>
+                                            </Menu.Item>
+                                        )
+                                    })
+                                }
+                            </SubMenu>
+                        )
+                    } else {
+                        return (
+                            <Menu.Item key={item.value} onClick={() => { onCreateType(item.value); }}>
+                                <a >
+                                    {item.label}
+                                </a>
+                            </Menu.Item>
+                        )
+                    }
+                })}
+
+            </Menu>);
+    }, [billEnum]);
+    return (
+        <div style={{ flex: 'none', position: 'relative', zIndex: 1 }}>
+            <PageHeaderFoot
+                expandLeft={topExpand()}
+                expandRight={[
+                    type === 1 && <Button key="1" onClick={batchSend} style={{ marginRight: 10 }}>批量发布</Button>,
+                    <Dropdown key="2" overlay={menu}>
+                        <Button type="primary" >创建配置</Button>
+                    </Dropdown>
+                ]}
+            >
+            </PageHeaderFoot>
+            {
+                visible && <ModalComfirm handleCancel={handleCancel} list={selectedRowKey} />
+            }
+        </div>
+    );
+};