kts-components-document-access-point 1.4.8 → 1.4.11

package/dist/index.js

@@ -3062,10 +3062,15 @@ function modalcomfirm(props) {
     return s.targetId;
   }, []);
 
-  var _useState = React.useState([]),
+  var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
-      targetList = _useState2[0],
-      setTargetList = _useState2[1];
+      loading = _useState2[0],
+      setloading = _useState2[1];
+
+  var _useState3 = React.useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      targetList = _useState4[0],
+      setTargetList = _useState4[1];
 
   React.useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
@@ -3103,9 +3108,8 @@ function modalcomfirm(props) {
   }, []);
   var handleOk = React.useCallback(function () {
     _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      var _DocumentsService$ins2;
+      var note, data, _DocumentsService$ins2, res;
 
-      var note, data, res;
       return regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
@@ -3121,14 +3125,21 @@ function modalcomfirm(props) {
                   senderParticipantNote: note && note.remarkName
                 });
               });
-              _context2.next = 4;
+
+              if (loading) {
+                _context2.next = 9;
+                break;
+              }
+
+              setloading(true);
+              _context2.next = 6;
               return (_DocumentsService$ins2 = DocumentsService.instance.service) === null || _DocumentsService$ins2 === void 0 ? void 0 : _DocumentsService$ins2.call({
                 url: '/schema/config/batchSend',
                 data: data,
                 type: 'post'
               });
 
-            case 4:
+            case 6:
               res = _context2.sent;
 
               if (res.res) {
@@ -3137,14 +3148,16 @@ function modalcomfirm(props) {
                 props.handleCancel();
               }
 
-            case 6:
+              setloading(false);
+
+            case 9:
             case "end":
               return _context2.stop();
           }
         }
       }, _callee2);
     }))();
-  }, [targetId, targetList]);
+  }, [targetId, targetList, loading]);
   var gotoSendlist = React.useCallback(function () {
     controller.pipeline( /*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(s) {
@@ -3211,12 +3224,10 @@ function modalcomfirm(props) {
     };
   }, []);
   return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ktsXui.Modal, {
-    title: "\u8BF7\u9009\u62E9\u6211\u53F8\u5BF9\u5E94did",
+    title: "\u8BF7\u9009\u62E9\u6211\u53F8\u5BF9\u5E94DID",
     visible: true,
     onOk: handleOk,
-    onCancel: handleCancel,
-    okText: "\u786E\u5B9A",
-    cancelText: "\u53D6\u6D88"
+    onCancel: handleCancel
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Radio.Group, {
     onChange: targetSelect,
     value: targetId
@@ -3618,9 +3629,15 @@ var PageHeader = (function () {
       value: type,
       onChange: switchType
     }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Radio.Button, {
-      value: 1
+      value: 1,
+      style: {
+        whiteSpace: 'nowrap'
+      }
     }, "\u5355\u636E\u6821\u9A8C\u89C4\u5219\u914D\u7F6E"), /*#__PURE__*/React__default['default'].createElement(ktsXui.Radio.Button, {
-      value: 2
+      value: 2,
+      style: {
+        whiteSpace: 'nowrap'
+      }
     }, "\u53D1\u5E03\u8BB0\u5F55"))), /*#__PURE__*/React__default['default'].createElement(ktsComponents.AdvancedSearch, {
       width: 480,
       height: 44,
@@ -3721,7 +3738,7 @@ var PageHeader = (function () {
   }));
 });
 
-var css_248z$3 = ".header {\n  padding: 10px 0px;\n  display: flex;\n  align-items: center;\n}\n.header .buttonGroup {\n  margin-right: 20px;\n  white-space: nowrap;\n}\n.header .buttons {\n  text-align: right;\n  flex: 1;\n  white-space: nowrap;\n}\n.tabel-action {\n  padding: 0 5px;\n  font-size: 12px;\n  font-family: PingFangSC-Regular, PingFang SC;\n  font-weight: 400;\n  color: #0074ff;\n  white-space: nowrap;\n  cursor: pointer;\n}\n";
+var css_248z$3 = "";
 styleInject(css_248z$3);
 
 var attributionEnum = {
@@ -3921,15 +3938,19 @@ function validaterule(props) {
 
   var columns = [{
     title: '配置名称',
-    dataIndex: 'configName'
+    dataIndex: 'configName',
+    width: 160,
+    ellipsis: true
   }, {
     title: '单据大类',
     dataIndex: 'type',
+    width: 120,
     render: function render(text) {
       return bill[text];
     }
   }, {
     title: '单据子类',
+    width: 120,
     dataIndex: 'profile',
     render: function render(text, record) {
       if (text) {
@@ -3945,24 +3966,31 @@ function validaterule(props) {
   }, {
     title: '收发角色',
     dataIndex: 'attribution',
+    width: 120,
     render: function render(text) {
       return attributionEnum[text];
     }
   }, {
     title: '创建时间',
     dataIndex: 'createAt',
+    ellipsis: true,
+    width: 160,
     render: function render(text) {
       return moment__default['default'](text).format('YYYY-MM-DD HH:mm');
     }
   }, {
     title: '更新时间',
     dataIndex: 'updateAt',
+    ellipsis: true,
+    width: 160,
     render: function render(text) {
       return moment__default['default'](text).format('YYYY-MM-DD HH:mm');
     }
   }, {
     title: '操作',
+    width: 170,
     dataIndex: 'console',
+    fixed: 'right',
     render: function render(text, record) {
       return /*#__PURE__*/React__default['default'].createElement("span", null, /*#__PURE__*/React__default['default'].createElement("a", {
         className: "tabel-action",
@@ -4078,13 +4106,20 @@ function validaterule(props) {
       };
     }())();
   }, []);
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(PageHeader, null), /*#__PURE__*/React__default['default'].createElement(ktsXui.AutoTableContainer, {
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      flex: 'none',
+      position: 'relative',
+      zIndex: 1
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(PageHeader, null)), /*#__PURE__*/React__default['default'].createElement(ktsXui.AutoTableContainer, {
     style: {
       flex: 1,
       padding: '0 20px',
-      backgroundColor: '#efefef'
+      background: '#F4F4F4'
     }
   }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Table, {
+    className: 'fixheight',
     columns: columns,
     rowKey: "configNumber",
     rowSelection: rowSelection,
@@ -4325,10 +4360,14 @@ function validaterule$1(props) {
   var columns = React.useMemo(function () {
     return [{
       title: '配置名称',
-      dataIndex: 'configName'
+      dataIndex: 'configName',
+      ellipsis: true,
+      width: 160
     }, {
       title: '使用标识',
       dataIndex: 'effectStatus',
+      width: 120,
+      ellipsis: true,
       render: function render(text) {
         if (text === 0) {
           return /*#__PURE__*/React__default['default'].createElement("span", null, "\u5DF2\u5931\u6548");
@@ -4344,12 +4383,14 @@ function validaterule$1(props) {
       }
     }, {
       title: '单据类型',
+      width: 120,
       dataIndex: 'type',
       render: function render(text) {
         return bill[text];
       }
     }, {
       title: '单据子类',
+      width: 120,
       dataIndex: 'profile',
       render: function render(text, record) {
         if (text) {
@@ -4365,28 +4406,40 @@ function validaterule$1(props) {
     }, {
       title: '我的收发角色',
       dataIndex: 'attribution',
+      width: 160,
+      ellipsis: true,
       render: function render(text) {
         return attributionEnum[text];
       }
     }, {
       title: '我司对应DID',
       dataIndex: 'senderParticipantId',
+      ellipsis: true,
+      width: 200,
       render: function render(text, record) {
         if (record.senderParticipantNote) {
-          return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", null, record.senderParticipantNote), text);
+          return /*#__PURE__*/React__default['default'].createElement("span", {
+            title: record.senderParticipantNote + '' + text
+          }, record.senderParticipantNote, text);
         } else {
           return /*#__PURE__*/React__default['default'].createElement("span", null, text);
         }
       }
     }, {
       title: '接受对象',
+      width: 120,
+      ellipsis: true,
       dataIndex: 'receiverParticipantId'
     }, {
       title: '接受对象所属公司',
+      width: 160,
+      ellipsis: true,
       dataIndex: 'receiverCompany'
     }, {
       title: '发布时间',
       dataIndex: 'createAt',
+      width: 160,
+      ellipsis: true,
       render: function render(text) {
         return moment__default['default'](text).format('YYYY-MM-DD HH:mm');
       }
@@ -4402,6 +4455,8 @@ function validaterule$1(props) {
     {
       title: '操作',
       dataIndex: 'console',
+      width: 80,
+      fixed: 'right',
       render: function render(text, record) {
         return /*#__PURE__*/React__default['default'].createElement("span", null, /*#__PURE__*/React__default['default'].createElement("a", {
           className: "tabel-action",
@@ -4419,6 +4474,7 @@ function validaterule$1(props) {
       backgroundColor: '#efefef'
     }
   }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Table, {
+    className: 'fixheight',
     columns: columns,
     rowKey: "id",
     dataSource: list,
@@ -4570,9 +4626,7 @@ var DocumentsCont = /*#__PURE__*/function (_React$Component) {
 }(React__default['default'].Component);
 
 var Main$2 = function Main(props) {
-  var initRoute = props.path || '/billwhiteliest'; // const uploadConfig = { domain: (DocumentsService.instance.service as any).sdk.service.domain, token: (DocumentsService.instance.service as any).sdk.user.cToken };
-  // console.log(uploadConfig);
-
+  var initRoute = props.path || '/rulelist';
   return /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.ConfigProvider, {
     locale: zhCN__default['default']
   }, /*#__PURE__*/React__default['default'].createElement(reactRouterDom.MemoryRouter, null, /*#__PURE__*/React__default['default'].createElement(reactRouterDom.Switch, null, /*#__PURE__*/React__default['default'].createElement(reactRouterDom.Route, {
@@ -5090,14 +5144,19 @@ function Rule(props) {
 
   var _controller$useRuning = controller.useRuning(controller.configupdate, controller.configsave),
       _controller$useRuning2 = _slicedToArray(_controller$useRuning, 1),
-      loading = _controller$useRuning2[0]; // const [status, setStatus] = useState(0);
-  // const [first, setFirst] = useState(true);
-
+      loading = _controller$useRuning2[0];
 
   var _useState15 = React.useState(false),
       _useState16 = _slicedToArray(_useState15, 2),
-      hasChange = _useState16[0],
-      setChange = _useState16[1];
+      sendloading = _useState16[0],
+      setloading = _useState16[1]; // const [status, setStatus] = useState(0);
+  // const [first, setFirst] = useState(true);
+
+
+  var _useState17 = React.useState(false),
+      _useState18 = _slicedToArray(_useState17, 2),
+      hasChange = _useState18[0],
+      setChange = _useState18[1];
 
   var history = reactRouterDom.useHistory();
   var search = history.location.search && qs__default['default'].parse(history.location.search);
@@ -5453,10 +5512,17 @@ function Rule(props) {
                 sendPublic: true,
                 senderParticipantNote: note && note.remarkName
               });
-              _context7.next = 4;
+
+              if (sendloading) {
+                _context7.next = 9;
+                break;
+              }
+
+              setloading(true);
+              _context7.next = 6;
               return controller.batchsend([data]);
 
-            case 4:
+            case 6:
               res = _context7.sent;
 
               if (res.res) {
@@ -5470,14 +5536,16 @@ function Rule(props) {
                 });
               }
 
-            case 6:
+              setloading(false);
+
+            case 9:
             case "end":
               return _context7.stop();
           }
         }
       }, _callee7);
     }))();
-  }, [targetId, record]);
+  }, [targetId, record, sendloading]);
   var targetSelect = React.useCallback(function (e) {
     setTarget(e.target.value);
   }, []);
@@ -6762,9 +6830,13 @@ function Rule$1(props) {
     return [{
       title: 'DID',
       dataIndex: 'customerDid',
+      width: 200,
+      ellipsis: true,
       render: function render(text, record) {
         if (text) {
-          return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", null, record.customerDidNote), text);
+          return /*#__PURE__*/React__default['default'].createElement("span", {
+            title: record.customerDidNote + ' ' + text
+          }, record.customerDidNote, " ", text);
         } else {
           return '';
         }
@@ -6772,11 +6844,13 @@ function Rule$1(props) {
     }, {
       title: '所属公司',
       dataIndex: 'customerName',
-      width: 200
+      width: 200,
+      ellipsis: true
     }, {
       title: '数据状态',
       dataIndex: 'dataStatus',
       width: 100,
+      ellipsis: true,
       render: function render(text) {
         if (text === 2) {
           return /*#__PURE__*/React__default['default'].createElement("span", null, "\u505C\u7528");
@@ -6793,9 +6867,13 @@ function Rule$1(props) {
     }, {
       title: '我司对应DID',
       dataIndex: 'companyDid',
+      width: 200,
+      ellipsis: true,
       render: function render(text, record) {
         if (text) {
-          return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", null, record.companyDidNote), text);
+          return /*#__PURE__*/React__default['default'].createElement("span", {
+            title: record.companyDidNote + '' + text
+          }, record.companyDidNote, " ", text);
         } else {
           return '';
         }
@@ -6804,6 +6882,7 @@ function Rule$1(props) {
       title: '加入时间',
       dataIndex: 'createTime',
       width: 200,
+      ellipsis: true,
       render: function render(text) {
         return moment__default['default'](text).format('YYYY-MM-DD HH:mm');
       }
@@ -6888,6 +6967,10 @@ function Rule$1(props) {
     }
   }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Table, {
     rowSelection: rowSelection,
+    scroll: {
+      x: '1400',
+      y: 'max-content'
+    },
     columns: columns,
     rowKey: "index",
     dataSource: list,
@@ -7233,9 +7316,13 @@ function Rule$2(props) {
     return [{
       title: 'DID',
       dataIndex: 'customerDid',
+      width: 200,
+      ellipsis: true,
       render: function render(text, record) {
         if (text) {
-          return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", null, record.customerDidNote), text);
+          return /*#__PURE__*/React__default['default'].createElement("span", {
+            title: record.customerDidNote + '' + text
+          }, record.customerDidNote, text);
         } else {
           return '';
         }
@@ -7243,6 +7330,7 @@ function Rule$2(props) {
     }, {
       title: '所属公司',
       width: 200,
+      ellipsis: true,
       dataIndex: 'customerName'
     }, {
       title: '数据状态',
@@ -7263,10 +7351,14 @@ function Rule$2(props) {
       }
     }, {
       title: '我司对应DID',
+      width: 200,
+      ellipsis: true,
       dataIndex: 'companyDid',
       render: function render(text, record) {
         if (text) {
-          return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", null, record.companyDidNote), text);
+          return /*#__PURE__*/React__default['default'].createElement("span", {
+            title: record.companyDidNote + '' + text
+          }, record.companyDidNote, " ", text);
         } else {
           return '';
         }
@@ -7274,6 +7366,7 @@ function Rule$2(props) {
     }, {
       title: '加入时间',
       dataIndex: 'createTime',
+      ellipsis: true,
       width: 200,
       render: function render(text) {
         return moment__default['default'](text).format('YYYY-MM-DD HH:mm');
@@ -7358,6 +7451,10 @@ function Rule$2(props) {
       backgroundColor: '#efefef'
     }
   }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Table, {
+    scroll: {
+      x: '1400',
+      y: 'max-content'
+    },
     rowSelection: rowSelection,
     columns: columns,
     rowKey: "index",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kts-components-document-access-point",
-  "version": "1.4.8",
+  "version": "1.4.11",
   "private": false,
   "scripts": {
     "start": "dumi dev",
@@ -35,7 +35,7 @@
     "kts-component-service": "^1.0.4",
     "kts-components": "^1.2.26",
     "kts-components-antd-x4": "^4.0.3",
-    "kts-xui": "1.0.6",
+    "kts-xui": "^1.0.31",
     "lodash": "^4.17.21",
     "moment": "2.29.1",
     "query-string": "^7.0.1",

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

@@ -31,9 +31,11 @@ export default function Rule(props: any) {
         {
             title: 'DID',
             dataIndex: 'customerDid',
+            width: 200,
+            ellipsis: true,
             render: (text: any, record: any) => {
                 if (text) {
-                    return <div><div>{record.customerDidNote}</div>{text}</div>
+                    return <span title={record.customerDidNote+''+text}>{record.customerDidNote}{text}</span>
                 } else {
                     return ''
                 }
@@ -42,12 +44,14 @@ export default function Rule(props: any) {
         {
             title: '所属公司',
             width: 200,
+            ellipsis: true,
             dataIndex: 'customerName',
         },
         {
             title: '数据状态',
             dataIndex: 'dataStatus',
             width: 100,
+
             render: (text: any) => {
                 if (text === 2) {
                     return <span>停用</span>
@@ -59,10 +63,12 @@ export default function Rule(props: any) {
         },
         {
             title: '我司对应DID',
+            width: 200,
+            ellipsis: true,
             dataIndex: 'companyDid',
             render: (text: any, record: any) => {
                 if (text) {
-                    return <div><div>{record.companyDidNote}</div>{text}</div>
+                    return <span title={record.companyDidNote+''+text}>{record.companyDidNote} {text}</span>
                 } else {
                     return ''
                 }
@@ -71,6 +77,7 @@ export default function Rule(props: any) {
         {
             title: '加入时间',
             dataIndex: 'createTime',
+            ellipsis: true,
             width: 200,
             render: (text: any) => moment(text).format('YYYY-MM-DD HH:mm')
         },
@@ -120,7 +127,7 @@ export default function Rule(props: any) {
         <>
             <Header />
             <AutoTableContainer style={{ flex: 1, padding: '0 20px', backgroundColor: '#efefef' }} >
-                <Table rowSelection={rowSelection} columns={columns} rowKey="index" dataSource={list} pagination={false} />
+                <Table scroll={{ x: '1400', y: 'max-content' }} 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/main/white.tsx

@@ -14,7 +14,7 @@ export default function Rule(props: any) {
         })()
     }, []);
     const onEnablehander = useCallback((type: number, record: any) => {
-        
+
         (async () => {
             const res = await controller.enablewhitelist({
                 flag: type,
@@ -29,9 +29,11 @@ export default function Rule(props: any) {
         {
             title: 'DID',
             dataIndex: 'customerDid',
+            width: 200,
+            ellipsis: true,
             render: (text: any, record: any) => {
                 if (text) {
-                    return <div><div>{record.customerDidNote}</div>{text}</div>
+                    return <span title={record.customerDidNote + ' ' + text}>{record.customerDidNote} {text}</span>
                 } else {
                     return ''
                 }
@@ -40,12 +42,15 @@ export default function Rule(props: any) {
         {
             title: '所属公司',
             dataIndex: 'customerName',
-            width: 200
+            width: 200,
+            ellipsis: true,
+
         },
         {
             title: '数据状态',
             dataIndex: 'dataStatus',
             width: 100,
+            ellipsis: true,
             render: (text: any) => {
                 if (text === 2) {
                     return <span>停用</span>
@@ -58,9 +63,11 @@ export default function Rule(props: any) {
         {
             title: '我司对应DID',
             dataIndex: 'companyDid',
+            width: 200,
+            ellipsis: true,
             render: (text: any, record: any) => {
                 if (text) {
-                    return <div><div>{record.companyDidNote}</div>{text}</div>
+                    return <span title={record.companyDidNote + '' + text}>{record.companyDidNote} {text}</span>
                 } else {
                     return ''
                 }
@@ -70,6 +77,7 @@ export default function Rule(props: any) {
             title: '加入时间',
             dataIndex: 'createTime',
             width: 200,
+            ellipsis: true,
             render: (text: any) => moment(text).format('YYYY-MM-DD HH:mm')
         },
         {
@@ -96,7 +104,7 @@ export default function Rule(props: any) {
             }
         })()
     }, [whiteParams]);
-    
+
     useEffect(() => {
         refreshList();
     }, [whiteParams]);
@@ -113,7 +121,7 @@ export default function Rule(props: any) {
         <>
             <Header />
             <AutoTableContainer style={{ flex: 1, padding: '0 20px', backgroundColor: '#efefef' }} >
-                <Table rowSelection={rowSelection} columns={columns} rowKey="index" dataSource={list} pagination={false} />
+                <Table rowSelection={rowSelection} scroll={{ x: '1400', y: 'max-content' }} 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/DocumentsCont/index.tsx

@@ -1,7 +1,7 @@
 // import { Tabs } from 'kts-components-antd-x4';
 import React from 'react';
 import { MemoryRouter, Switch, Route, Redirect } from 'react-router-dom';
-import { DocumentsList, DocumentsRule, DocumentWhiteList, DocumentsService } from '../';
+import { DocumentsList, DocumentsRule, DocumentWhiteList } from '../';
 import { ConfigProvider } from 'kts-components-antd-x4';
 import zhCN from 'kts-components-antd-x4/lib/locale/zh_CN';
 
@@ -10,9 +10,7 @@ export default class DocumentsCont extends React.Component<any> {
 }
 
 const Main = (props: any) => {
-  const initRoute = props.path || '/billwhiteliest';
-  // const uploadConfig = { domain: (DocumentsService.instance.service as any).sdk.service.domain, token: (DocumentsService.instance.service as any).sdk.user.cToken };
-  // console.log(uploadConfig);
+  const initRoute = props.path || '/rulelist'
   return (
     <ConfigProvider locale={zhCN}>
       <MemoryRouter>
@@ -21,7 +19,6 @@ const Main = (props: any) => {
           <Route path="/rulelist" component={DocumentsList} />
           <Route path="/billwhiteliest" component={DocumentWhiteList} />
           <Route path="/rule/:id?/:type?/:profile?" component={DocumentsRule} />
-
           <Route render={() => <Redirect to={initRoute} />} />
         </Switch>
       </MemoryRouter>

package/src/DocumentsList/index.less

@@ -1,23 +0,0 @@
-.header{
-    padding:10px 0px;
-    display: flex;
-    align-items: center;
-    .buttonGroup{
-        margin-right: 20px;
-        white-space: nowrap;
-    }
-    .buttons{
-        text-align: right;
-        flex: 1;
-        white-space: nowrap;
-    }
-}
-.tabel-action{
-    padding: 0 5px;
-    font-size: 12px;
-    font-family: PingFangSC-Regular,PingFang SC;
-    font-weight: 400;
-    color: #0074ff;
-    white-space: nowrap;
-    cursor: pointer;
-}