kts-components-document-access-point 1.1.8 → 1.1.9

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 import React, { createElement, useState, useEffect, useCallback, useMemo, useRef, createContext } from 'react';
-import { Breadcrumb as Breadcrumb$1, Button, Select, Input, Form, Drawer, Space, Radio, Switch, Table, Popconfirm, Tooltip, DatePicker, Collapse, Divider, message, Modal, Menu, ConfigProvider, PageHeader as PageHeader$1, Card, Row, Col, Alert } from 'kts-components-antd-x4';
+import { Breadcrumb as Breadcrumb$1, Button, Select, Input, Form, Drawer, Space, Radio, Switch, Table, Popconfirm, Tooltip, DatePicker, Collapse, Divider, message, Modal, Menu, ConfigProvider, PageHeader as PageHeader$1, Card, Row, Col } from 'kts-components-antd-x4';
 import GreyReactBox from 'grey-react-box';
 import { v4 } from 'uuid';
-import Icon from '@ant-design/icons';
+import Icon, { InfoCircleOutlined } from '@ant-design/icons';
 import moment from 'moment';
-import { Radio as Radio$1, PageHeaderFoot, Button as Button$1, Dropdown, AutoTableContainer, Table as Table$1, Pagination, Form as Form$1, message as message$1, Input as Input$1, Select as Select$1, Modal as Modal$1, PageHeaderTop } from 'kts-xui';
+import { Radio as Radio$1, PageHeaderFoot, Button as Button$1, Dropdown, AutoTableContainer, Table as Table$1, Pagination, Form as Form$1, message as message$1, Input as Input$1, Select as Select$1, Modal as Modal$1 } from 'kts-xui';
 import { AdvancedSearch, KtsForm } from 'kts-components';
 import { LifeCycleTypes } from '@formily/antd';
 import _ from 'lodash';
@@ -6124,38 +6124,40 @@ function Rule$3(props) {
       status: mode
     });
   }, [mode]);
-  var onFinish = useCallback(function (values) {
-    controller.setmode(values);
+  var onChangeHander = useCallback(function (e) {
+    // controller.setmode(values);
+    console.log(e.target.value);
+    props.onSubmit(e.target.value);
+  }, []);
+  var onValuesChange = useCallback(function (changedvalue, allvalue) {
+    props.onSubmit(allvalue);
   }, []);
   return /*#__PURE__*/React.createElement("div", {
     style: {
-      padding: '20px 0'
+      padding: '0 20px'
     }
-  }, /*#__PURE__*/React.createElement(Alert, {
+  }, /*#__PURE__*/React.createElement("p", {
     style: {
-      marginBottom: 20
-    },
-    message: "\u3010\u6E29\u99A8\u63D0\u793A\u3011\u5F53\u60A8\u4F7F\u7528\u767D\u540D\u5355\u8FC7\u6EE4\u65F6\uFF0C\u53EA\u6709\u767D\u540D\u5355\u91CC\u9762\u7684DID\u624D\u53EF\u4EE5\u8DDF\u60A8\u53D1\u9001\u6216\u63A5\u6536\u5355\u636E\uFF1B\u5F53\u60A8\u4F7F\u7528\u9ED1\u540D\u5355\u8FC7\u6EE4\u65F6\uFF0C\u9664\u4E86\u9ED1\u540D\u5355\u91CC\u9762\u7684DID\u4E0D\u80FD\u7ED9\u60A8\u53D1\u9001\u548C\u63A5\u6536\u5355\u636E\u5916\uFF0C\u5176\u4ED6DID\u90FD\u53EF\u4EE5\u7ED9\u60A8\u53D1\u9001\u548C\u63A5\u6536\u5355\u636E\u3002",
-    type: "info"
-  }), /*#__PURE__*/React.createElement(Form$1, _objectSpread2(_objectSpread2({
+      fontSize: 14,
+      color: '#0074FF'
+    }
+  }, "\u9009\u62E9\u8FC7\u6EE4\u65B9\u5F0F"), /*#__PURE__*/React.createElement(Form$1, _objectSpread2(_objectSpread2({
     style: {
       width: 545
     },
     form: form
   }, formItemLayout), {}, {
     layout: "horizontal",
-    onFinish: onFinish
+    onValuesChange: onValuesChange
   }), /*#__PURE__*/React.createElement(Form$1.Item, {
+    labelAlign: "left",
     name: "status",
-    label: "\u60A8\u671F\u671B\u7528\u54EA\u4E2A\u540D\u5355\u6765\u8FC7\u6EE4\u4F60\u7684\u5355\u636E\u6536\u53D1"
+    label: "\u60A8\u671F\u671B\u7528\u54EA\u4E2A\u540D\u5355\u6765\u8FC7\u6EE4\u4F60\u7684\u5355\u636E\u6536\u53D1?"
   }, /*#__PURE__*/React.createElement(Radio$1.Group, null, /*#__PURE__*/React.createElement(Radio$1, {
     value: 1
   }, "\u4F7F\u7528\u767D\u540D\u5355\u8FC7\u6EE4"), /*#__PURE__*/React.createElement(Radio$1, {
     value: 2
-  }, "\u4F7F\u7528\u9ED1\u540D\u5355\u8FC7\u6EE4"))), /*#__PURE__*/React.createElement(Form$1.Item, _objectSpread2({}, buttonItemLayout), /*#__PURE__*/React.createElement(Button$1, {
-    type: "primary",
-    htmlType: "submit"
-  }, "\u63D0\u4EA4"))));
+  }, "\u4F7F\u7528\u9ED1\u540D\u5355\u8FC7\u6EE4")))), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("a", null, /*#__PURE__*/React.createElement(InfoCircleOutlined, null), " \u6E29\u99A8\u63D0\u793A\uFF1A"), "\u5F53\u60A8\u4F7F\u7528\u767D\u540D\u5355\u8FC7\u6EE4\u65F6\uFF0C\u53EA\u6709\u767D\u540D\u5355\u91CC\u9762\u7684DID\u624D\u53EF\u4EE5\u8DDF\u60A8\u53D1\u9001\u6216\u63A5\u6536\u5355\u636E\uFF1B\u5F53\u60A8\u4F7F\u7528\u9ED1\u540D\u5355\u8FC7\u6EE4\u65F6\uFF0C\u9664\u4E86\u9ED1\u540D\u5355\u91CC\u9762\u7684DID\u4E0D\u80FD\u7ED9\u60A8\u53D1\u9001\u548C\u63A5\u6536\u5355\u636E\u5916\uFF0C\u5176\u4ED6DID\u90FD\u53EF\u4EE5\u7ED9\u60A8\u53D1\u9001\u548C\u63A5\u6536\u5355\u636E\u3002"));
 }
 
 function Rule$4(props) {
@@ -6165,14 +6167,16 @@ function Rule$4(props) {
       setKey = _useState2[1];
 
   var controller = WhiteList.useController();
-  var selectedRowKey = controller.useMemo(function (s) {
-    return s.selectedRowKey;
-  }, []);
-  var selectedBlackRowKey = controller.useMemo(function (s) {
-    return s.selectedBlackRowKey;
-  }, []);
-  var tabsOnChange = useCallback(function (key) {
-    setKey(key);
+
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      values = _useState4[0],
+      setValues = _useState4[1]; // const selectedRowKey = controller.useMemo(s => s.selectedRowKey, [])
+  // const selectedBlackRowKey = controller.useMemo(s => s.selectedBlackRowKey, [])
+
+
+  var tabsOnChange = useCallback(function (e) {
+    setKey(e.target.value);
     controller.pipeline( /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(s) {
         return regeneratorRuntime.wrap(function _callee$(_context) {
@@ -6197,20 +6201,33 @@ function Rule$4(props) {
       };
     }())();
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageHeaderTop, {
-    activeKey: activeKey,
-    onChange: tabsOnChange,
-    tabs: [{
-      tab: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, "\u767D\u540D\u5355\u8BBE\u7F6E")),
-      tabKey: '/whitelist'
-    }, {
-      tab: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, "\u9ED1\u540D\u5355\u8BBE\u7F6E")),
-      tabKey: '/blacklist'
-    }, {
-      tab: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, "\u5207\u6362\u8FC7\u6EE4\u65B9\u5F0F")),
-      tabKey: '/switchmode'
-    }]
-  }), activeKey === '/whitelist' && /*#__PURE__*/React.createElement(Rule$1, null), activeKey === '/blacklist' && /*#__PURE__*/React.createElement(Rule$2, null), activeKey === '/switchmode' && /*#__PURE__*/React.createElement(Rule$3, null));
+  var onSubmit = useCallback(function (data) {
+    setValues(data);
+  }, []);
+  var onClickHandler = useCallback(function () {
+    controller.setmode(values);
+  }, [values]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '16px 20px',
+      display: 'flex',
+      justifyContent: "space-between"
+    }
+  }, /*#__PURE__*/React.createElement(Radio$1.Group, {
+    defaultValue: "/whitelist",
+    onChange: tabsOnChange
+  }, /*#__PURE__*/React.createElement(Radio$1.Button, {
+    value: "/whitelist"
+  }, "\u767D\u540D\u5355\u8BBE\u7F6E"), /*#__PURE__*/React.createElement(Radio$1.Button, {
+    value: "/blacklist"
+  }, "\u9ED1\u540D\u5355\u8BBE\u7F6E"), /*#__PURE__*/React.createElement(Radio$1.Button, {
+    value: "/switchmode"
+  }, "\u5207\u6362\u8FC7\u6EE4\u65B9\u5F0F")), activeKey === '/switchmode' && /*#__PURE__*/React.createElement(Button$1, {
+    onClick: onClickHandler,
+    type: "primary"
+  }, "\u4FDD\u5B58")), activeKey === '/whitelist' && /*#__PURE__*/React.createElement(Rule$1, null), activeKey === '/blacklist' && /*#__PURE__*/React.createElement(Rule$2, null), activeKey === '/switchmode' && /*#__PURE__*/React.createElement(Rule$3, {
+    onSubmit: onSubmit
+  }));
 }
 
 function modalcomfirm$1(props) {

package/dist/index.js

@@ -6138,38 +6138,40 @@ function Rule$3(props) {
       status: mode
     });
   }, [mode]);
-  var onFinish = React.useCallback(function (values) {
-    controller.setmode(values);
+  var onChangeHander = React.useCallback(function (e) {
+    // controller.setmode(values);
+    console.log(e.target.value);
+    props.onSubmit(e.target.value);
+  }, []);
+  var onValuesChange = React.useCallback(function (changedvalue, allvalue) {
+    props.onSubmit(allvalue);
   }, []);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
-      padding: '20px 0'
+      padding: '0 20px'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Alert, {
+  }, /*#__PURE__*/React__default['default'].createElement("p", {
     style: {
-      marginBottom: 20
-    },
-    message: "\u3010\u6E29\u99A8\u63D0\u793A\u3011\u5F53\u60A8\u4F7F\u7528\u767D\u540D\u5355\u8FC7\u6EE4\u65F6\uFF0C\u53EA\u6709\u767D\u540D\u5355\u91CC\u9762\u7684DID\u624D\u53EF\u4EE5\u8DDF\u60A8\u53D1\u9001\u6216\u63A5\u6536\u5355\u636E\uFF1B\u5F53\u60A8\u4F7F\u7528\u9ED1\u540D\u5355\u8FC7\u6EE4\u65F6\uFF0C\u9664\u4E86\u9ED1\u540D\u5355\u91CC\u9762\u7684DID\u4E0D\u80FD\u7ED9\u60A8\u53D1\u9001\u548C\u63A5\u6536\u5355\u636E\u5916\uFF0C\u5176\u4ED6DID\u90FD\u53EF\u4EE5\u7ED9\u60A8\u53D1\u9001\u548C\u63A5\u6536\u5355\u636E\u3002",
-    type: "info"
-  }), /*#__PURE__*/React__default['default'].createElement(ktsXui.Form, _objectSpread2(_objectSpread2({
+      fontSize: 14,
+      color: '#0074FF'
+    }
+  }, "\u9009\u62E9\u8FC7\u6EE4\u65B9\u5F0F"), /*#__PURE__*/React__default['default'].createElement(ktsXui.Form, _objectSpread2(_objectSpread2({
     style: {
       width: 545
     },
     form: form
   }, formItemLayout), {}, {
     layout: "horizontal",
-    onFinish: onFinish
+    onValuesChange: onValuesChange
   }), /*#__PURE__*/React__default['default'].createElement(ktsXui.Form.Item, {
+    labelAlign: "left",
     name: "status",
-    label: "\u60A8\u671F\u671B\u7528\u54EA\u4E2A\u540D\u5355\u6765\u8FC7\u6EE4\u4F60\u7684\u5355\u636E\u6536\u53D1"
+    label: "\u60A8\u671F\u671B\u7528\u54EA\u4E2A\u540D\u5355\u6765\u8FC7\u6EE4\u4F60\u7684\u5355\u636E\u6536\u53D1?"
   }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Radio.Group, null, /*#__PURE__*/React__default['default'].createElement(ktsXui.Radio, {
     value: 1
   }, "\u4F7F\u7528\u767D\u540D\u5355\u8FC7\u6EE4"), /*#__PURE__*/React__default['default'].createElement(ktsXui.Radio, {
     value: 2
-  }, "\u4F7F\u7528\u9ED1\u540D\u5355\u8FC7\u6EE4"))), /*#__PURE__*/React__default['default'].createElement(ktsXui.Form.Item, _objectSpread2({}, buttonItemLayout), /*#__PURE__*/React__default['default'].createElement(ktsXui.Button, {
-    type: "primary",
-    htmlType: "submit"
-  }, "\u63D0\u4EA4"))));
+  }, "\u4F7F\u7528\u9ED1\u540D\u5355\u8FC7\u6EE4")))), /*#__PURE__*/React__default['default'].createElement("p", null, /*#__PURE__*/React__default['default'].createElement("a", null, /*#__PURE__*/React__default['default'].createElement(Icon.InfoCircleOutlined, null), " \u6E29\u99A8\u63D0\u793A\uFF1A"), "\u5F53\u60A8\u4F7F\u7528\u767D\u540D\u5355\u8FC7\u6EE4\u65F6\uFF0C\u53EA\u6709\u767D\u540D\u5355\u91CC\u9762\u7684DID\u624D\u53EF\u4EE5\u8DDF\u60A8\u53D1\u9001\u6216\u63A5\u6536\u5355\u636E\uFF1B\u5F53\u60A8\u4F7F\u7528\u9ED1\u540D\u5355\u8FC7\u6EE4\u65F6\uFF0C\u9664\u4E86\u9ED1\u540D\u5355\u91CC\u9762\u7684DID\u4E0D\u80FD\u7ED9\u60A8\u53D1\u9001\u548C\u63A5\u6536\u5355\u636E\u5916\uFF0C\u5176\u4ED6DID\u90FD\u53EF\u4EE5\u7ED9\u60A8\u53D1\u9001\u548C\u63A5\u6536\u5355\u636E\u3002"));
 }
 
 function Rule$4(props) {
@@ -6179,14 +6181,16 @@ function Rule$4(props) {
       setKey = _useState2[1];
 
   var controller = WhiteList.useController();
-  var selectedRowKey = controller.useMemo(function (s) {
-    return s.selectedRowKey;
-  }, []);
-  var selectedBlackRowKey = controller.useMemo(function (s) {
-    return s.selectedBlackRowKey;
-  }, []);
-  var tabsOnChange = React.useCallback(function (key) {
-    setKey(key);
+
+  var _useState3 = React.useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      values = _useState4[0],
+      setValues = _useState4[1]; // const selectedRowKey = controller.useMemo(s => s.selectedRowKey, [])
+  // const selectedBlackRowKey = controller.useMemo(s => s.selectedBlackRowKey, [])
+
+
+  var tabsOnChange = React.useCallback(function (e) {
+    setKey(e.target.value);
     controller.pipeline( /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(s) {
         return regeneratorRuntime.wrap(function _callee$(_context) {
@@ -6211,20 +6215,33 @@ function Rule$4(props) {
       };
     }())();
   }, []);
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(ktsXui.PageHeaderTop, {
-    activeKey: activeKey,
-    onChange: tabsOnChange,
-    tabs: [{
-      tab: /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("span", null, "\u767D\u540D\u5355\u8BBE\u7F6E")),
-      tabKey: '/whitelist'
-    }, {
-      tab: /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("span", null, "\u9ED1\u540D\u5355\u8BBE\u7F6E")),
-      tabKey: '/blacklist'
-    }, {
-      tab: /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("span", null, "\u5207\u6362\u8FC7\u6EE4\u65B9\u5F0F")),
-      tabKey: '/switchmode'
-    }]
-  }), activeKey === '/whitelist' && /*#__PURE__*/React__default['default'].createElement(Rule$1, null), activeKey === '/blacklist' && /*#__PURE__*/React__default['default'].createElement(Rule$2, null), activeKey === '/switchmode' && /*#__PURE__*/React__default['default'].createElement(Rule$3, null));
+  var onSubmit = React.useCallback(function (data) {
+    setValues(data);
+  }, []);
+  var onClickHandler = React.useCallback(function () {
+    controller.setmode(values);
+  }, [values]);
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      padding: '16px 20px',
+      display: 'flex',
+      justifyContent: "space-between"
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Radio.Group, {
+    defaultValue: "/whitelist",
+    onChange: tabsOnChange
+  }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Radio.Button, {
+    value: "/whitelist"
+  }, "\u767D\u540D\u5355\u8BBE\u7F6E"), /*#__PURE__*/React__default['default'].createElement(ktsXui.Radio.Button, {
+    value: "/blacklist"
+  }, "\u9ED1\u540D\u5355\u8BBE\u7F6E"), /*#__PURE__*/React__default['default'].createElement(ktsXui.Radio.Button, {
+    value: "/switchmode"
+  }, "\u5207\u6362\u8FC7\u6EE4\u65B9\u5F0F")), activeKey === '/switchmode' && /*#__PURE__*/React__default['default'].createElement(ktsXui.Button, {
+    onClick: onClickHandler,
+    type: "primary"
+  }, "\u4FDD\u5B58")), activeKey === '/whitelist' && /*#__PURE__*/React__default['default'].createElement(Rule$1, null), activeKey === '/blacklist' && /*#__PURE__*/React__default['default'].createElement(Rule$2, null), activeKey === '/switchmode' && /*#__PURE__*/React__default['default'].createElement(Rule$3, {
+    onSubmit: onSubmit
+  }));
 }
 
 function modalcomfirm$1(props) {

package/package.json

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

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

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useState, useMemo } from 'react';
-import { PageHeaderTop } from 'kts-xui';
+import { PageHeaderTop, Radio, Button } from 'kts-xui';
 import Whitelist from './white';
 import Blacklist from './black';
 import Main from '../..';
@@ -7,20 +7,27 @@ import SwitchMode from './switchmode'
 export default function Rule(props: any) {
     const [activeKey, setKey] = useState('/whitelist');
     const controller = Main.useController();
-    const selectedRowKey = controller.useMemo(s => s.selectedRowKey, [])
-    const selectedBlackRowKey = controller.useMemo(s => s.selectedBlackRowKey, [])
-    const tabsOnChange = useCallback((key) => {
-        setKey(key);
+    const [values, setValues] = useState();
+    // const selectedRowKey = controller.useMemo(s => s.selectedRowKey, [])
+    // const selectedBlackRowKey = controller.useMemo(s => s.selectedBlackRowKey, [])
+    const tabsOnChange = useCallback((e) => {
+        setKey(e.target.value);
         controller.pipeline(async s => {
             s.selectedRowKey = [];
             s.selectedBlackRowKey = [];
-            s.params={};
-            s.whiteParams={}
+            s.params = {};
+            s.whiteParams = {}
         })()
     }, [])
+    const onSubmit = useCallback((data) => {
+        setValues(data);
+    }, []);
+    const onClickHandler = useCallback(() => {
+        controller.setmode(values);
+    }, [values]);
     return (
         <>
-            <PageHeaderTop
+            {/* <PageHeaderTop
                 activeKey={activeKey}
                 onChange={tabsOnChange}
                 tabs={[
@@ -42,7 +49,15 @@ export default function Rule(props: any) {
 
                 ]}
             >
-            </PageHeaderTop>
+            </PageHeaderTop> */}
+            <div style={{ padding: '16px 20px', display: 'flex', justifyContent: "space-between" }}>
+                <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 />
@@ -53,7 +68,7 @@ export default function Rule(props: any) {
             }
             {
                 activeKey === '/switchmode' &&
-                <SwitchMode />
+                <SwitchMode onSubmit={onSubmit} />
             }
         </>);
 }

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

@@ -1,6 +1,9 @@
 import React, { useCallback, useEffect, useState, useMemo } from 'react';
 import { Button, Form, Radio } from 'kts-xui';
-import { Alert } from 'kts-components-antd-x4';
+// 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();
@@ -23,23 +26,30 @@ export default function Rule(props: any) {
     useEffect(() => {
         form.setFieldsValue({ status: mode })
     }, [mode]);
-    const onFinish = useCallback((values: any) => {
-        controller.setmode(values);
+    const onChangeHander = useCallback((e: any) => {
+        // controller.setmode(values);
+        console.log(e.target.value)
+        props.onSubmit(e.target.value);
+    }, []);
+    const onValuesChange = useCallback((changedvalue: any, allvalue: any) => {
+        props.onSubmit(allvalue);
     }, []);
     return (
-        <div style={{ padding: '20px 0' }}>
-            <Alert style={{marginBottom:20}} message="【温馨提示】当您使用白名单过滤时，只有白名单里面的DID才可以跟您发送或接收单据；当您使用黑名单过滤时，除了黑名单里面的DID不能给您发送和接收单据外，其他DID都可以给您发送和接收单据。" type="info"></Alert>
-            <Form style={{width:545}} form={form} {...formItemLayout} layout="horizontal" onFinish={onFinish}>
-                <Form.Item name="status" label="您期望用哪个名单来过滤你的单据收发">
-                    <Radio.Group>
+        <div style={{ padding: '0 20px' }}>
+            <p style={{ fontSize: 14, color: '#0074FF' }}>选择过滤方式</p>
+            {/* <span>您期望用哪个名单来过滤你的单据收发?</span> */}
+            <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.Item {...buttonItemLayout}>
+                {/* <Form.Item {...buttonItemLayout}>
                     <Button type="primary" htmlType="submit">提交</Button>
-                </Form.Item>
+                </Form.Item> */}
             </Form>
+            <p><a><InfoCircleOutlined /> 温馨提示：</a>当您使用白名单过滤时，只有白名单里面的DID才可以跟您发送或接收单据；当您使用黑名单过滤时，除了黑名单里面的DID不能给您发送和接收单据外，其他DID都可以给您发送和接收单据。</p>
 
         </div>);
 }