@zgfe/modules-settings 1.2.10 → 1.2.11

package/es/modules/companySetting/role/index.js

@@ -0,0 +1,561 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from 'react';
+import './index.less';
+import util from './../../../utils/util';
+import { Button, Drawer, Form, Input, Radio, Spin, Table, Tooltip, Tree, notification } from 'antd';
+import moment from 'moment';
+import { BizDialog, BizSelect, IconFont } from '@zgfe/business-lib';
+import { addRole, queryRoleDataConfig, queryRoleDetails, queryRoleMenuTree, queryRolePage, queryRoleUser, updateRole, deleteRole } from '../../../requests/role';
+var RoleList = function RoleList(props) {
+  // 弹窗
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    createdAppPanel = _useState2[0],
+    setCreatedAppPanel = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    createAppLoading = _useState4[0],
+    setCreateAppLoading = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    delPanelState = _useState6[0],
+    setDelPanelState = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  var _useState9 = useState(0),
+    _useState10 = _slicedToArray(_useState9, 2),
+    total = _useState10[0],
+    setTotal = _useState10[1];
+  var _useState11 = useState({
+      current: 1,
+      pageSize: 10
+    }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    pageData = _useState12[0],
+    setPageData = _useState12[1];
+  // 初始数据
+  var _useState13 = useState(''),
+    _useState14 = _slicedToArray(_useState13, 2),
+    name = _useState14[0],
+    setName = _useState14[1];
+  var _useState15 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    appVersionFl = _useState16[0],
+    setAppVersionFl = _useState16[1];
+  var _useState17 = useState(1),
+    _useState18 = _slicedToArray(_useState17, 2),
+    systemVersionId = _useState18[0],
+    setSystemVersionId = _useState18[1];
+  var _useState19 = useState(null),
+    _useState20 = _slicedToArray(_useState19, 2),
+    roleId = _useState20[0],
+    setRoleId = _useState20[1];
+  var _useState21 = useState({
+      map1: [],
+      map2: []
+    }),
+    _useState22 = _slicedToArray(_useState21, 2),
+    menuCodeMap = _useState22[0],
+    setMenuCodeMap = _useState22[1];
+  // 下拉数据
+  var _useState23 = useState([]),
+    _useState24 = _slicedToArray(_useState23, 2),
+    roleList = _useState24[0],
+    setRoleList = _useState24[1];
+  var _useState25 = useState([{
+      label: '通用版本',
+      id: 1
+    }, {
+      label: '城商行',
+      id: 2
+    }]),
+    _useState26 = _slicedToArray(_useState25, 1),
+    versionList = _useState26[0];
+  var _useState27 = useState({}),
+    _useState28 = _slicedToArray(_useState27, 2),
+    functionList = _useState28[0],
+    setFunctionList = _useState28[1];
+  var _useState29 = useState([]),
+    _useState30 = _slicedToArray(_useState29, 2),
+    userList = _useState30[0],
+    setUserList = _useState30[1];
+  var _useState31 = useState([]),
+    _useState32 = _slicedToArray(_useState31, 2),
+    useList = _useState32[0],
+    setUseList = _useState32[1];
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  useEffect(function () {
+    // 请求下拉数据
+    queryRoleDataConfigList(null);
+    queryRoleUserList(null);
+    queryRoleMenuTreeList(null, 1);
+  }, []);
+  useEffect(function () {
+    // 请求角色列表数据
+    queryRolePageList();
+  }, [name, pageData]);
+  // 列表数据
+  var columns = [{
+    title: '角色名称',
+    dataIndex: 'roleName',
+    with: 334
+  }, {
+    title: '成员',
+    with: 334,
+    render: function render(data) {
+      var _data$userSimpleInfos, _data$userSimpleInfos2;
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        overlayStyle: {
+          maxWidth: 396
+        },
+        overlayInnerStyle: {
+          color: '#FFF',
+          fontSize: 14,
+          fontWeight: 400,
+          letterSpacing: 0.56
+        },
+        placement: "top",
+        title: data === null || data === void 0 ? void 0 : (_data$userSimpleInfos = data.userSimpleInfos) === null || _data$userSimpleInfos === void 0 ? void 0 : (_data$userSimpleInfos2 = _data$userSimpleInfos.join(',')) === null || _data$userSimpleInfos2 === void 0 ? void 0 : _data$userSimpleInfos2.replace(/,/g, '、')
+      }, /*#__PURE__*/React.createElement("a", null, data === null || data === void 0 ? void 0 : data.userSimpleInfos.length));
+    }
+  }, {
+    title: '创建时间',
+    with: 334,
+    render: function render(data) {
+      return moment(data === null || data === void 0 ? void 0 : data.createdTime).format('YYYY-MM-DD HH:mm:ss');
+    }
+  }, {
+    title: '操作',
+    with: 150,
+    render: function render(data) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "operating"
+      }, data.parentId !== 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
+        onClick: function onClick() {
+          setRoleId(data === null || data === void 0 ? void 0 : data.roleId);
+          queryRoleDetailsList({
+            id: data === null || data === void 0 ? void 0 : data.roleId
+          });
+          queryRoleUserList(data === null || data === void 0 ? void 0 : data.roleId);
+          queryRoleDataConfigList(data === null || data === void 0 ? void 0 : data.roleId);
+        }
+      }, "\u7F16\u8F91"), /*#__PURE__*/React.createElement("a", {
+        onClick: function onClick() {
+          setRoleId(data === null || data === void 0 ? void 0 : data.roleId);
+          setDelPanelState(true);
+        }
+      }, "\u5220\u9664")));
+    }
+  }];
+  // 列表数据
+  var queryRolePageList = function queryRolePageList() {
+    queryRolePage({
+      name: name,
+      pageNo: pageData === null || pageData === void 0 ? void 0 : pageData.current,
+      pageSize: pageData === null || pageData === void 0 ? void 0 : pageData.pageSize
+    }).then(function (res) {
+      if (res && (res === null || res === void 0 ? void 0 : res.data) && res.code === '101000') {
+        var _res$data, _res$data$list, _res$data2;
+        // const app = util.convertData(res?.data as DepartmentItem[], name);
+        setLoading(false);
+        var arr = res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$list = _res$data.list) === null || _res$data$list === void 0 ? void 0 : _res$data$list.map(function (item) {
+          var _item$userSimpleInfos;
+          return _objectSpread(_objectSpread({}, item), {}, {
+            userSimpleInfos: item === null || item === void 0 ? void 0 : (_item$userSimpleInfos = item.userSimpleInfos) === null || _item$userSimpleInfos === void 0 ? void 0 : _item$userSimpleInfos.map(function (v) {
+              return v === null || v === void 0 ? void 0 : v.userName;
+            })
+          });
+        });
+        setTotal(res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.total);
+        setRoleList(arr);
+      } else {
+        setTimeout(function () {
+          setLoading(false);
+        }, 2000);
+      }
+    }).catch(function (err) {
+      setRoleList([]);
+      console.error(err);
+    });
+  };
+  // 查看详情
+  var queryRoleDetailsList = function queryRoleDetailsList(params) {
+    queryRoleDetails(params).then(function (res) {
+      if (res === null || res === void 0 ? void 0 : res.data) {
+        var _res$data4, _res$data4$appIds, _res$data5, _res$data5$userIds, _res$data6, _res$data7;
+        var arr = useList === null || useList === void 0 ? void 0 : useList.filter(function (item1) {
+          var _res$data3;
+          return res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.appIds.some(function (item2) {
+            return item2 === (item1 === null || item1 === void 0 ? void 0 : item1.id);
+          });
+        });
+        onChangeAppIds(arr);
+        form.setFieldsValue(_objectSpread(_objectSpread({}, res === null || res === void 0 ? void 0 : res.data), {}, {
+          appIds: res === null || res === void 0 ? void 0 : (_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : (_res$data4$appIds = _res$data4.appIds) === null || _res$data4$appIds === void 0 ? void 0 : _res$data4$appIds.map(function (item) {
+            return {
+              id: item
+            };
+          }),
+          systemVersion: {
+            id: 1
+          },
+          userIds: res === null || res === void 0 ? void 0 : (_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : (_res$data5$userIds = _res$data5.userIds) === null || _res$data5$userIds === void 0 ? void 0 : _res$data5$userIds.map(function (item) {
+            return {
+              id: item
+            };
+          })
+        }));
+        setMenuCodeMap({
+          map1: res === null || res === void 0 ? void 0 : (_res$data6 = res.data) === null || _res$data6 === void 0 ? void 0 : _res$data6.menuCodeMap['1'],
+          map2: res === null || res === void 0 ? void 0 : (_res$data7 = res.data) === null || _res$data7 === void 0 ? void 0 : _res$data7.menuCodeMap['2']
+        });
+        queryRoleMenuTreeList(roleId, 1);
+        setCreatedAppPanel(true);
+      }
+    }).catch(function (err) {
+      setUseList([]);
+      console.error(err);
+    });
+  };
+  // 菜单数据
+  var queryRoleMenuTreeList = function queryRoleMenuTreeList(id, systemVersion) {
+    queryRoleMenuTree({
+      id: id,
+      systemVersion: systemVersion
+    }).then(function (res) {
+      if (res === null || res === void 0 ? void 0 : res.data) {
+        var arr = util.menuTreeData([res === null || res === void 0 ? void 0 : res.data]);
+        setFunctionList(arr);
+      }
+    }).catch(function (err) {
+      setUseList([]);
+      console.error(err);
+    });
+  };
+  // 成员下拉数据
+  var queryRoleUserList = function queryRoleUserList(id) {
+    queryRoleUser({
+      id: null
+    }).then(function (res) {
+      if (res === null || res === void 0 ? void 0 : res.data) {
+        setUserList(res === null || res === void 0 ? void 0 : res.data);
+      }
+    }).catch(function (err) {
+      setUseList([]);
+      console.error(err);
+    });
+  };
+  // 应用下拉数据
+  var queryRoleDataConfigList = function queryRoleDataConfigList(id) {
+    queryRoleDataConfig({
+      id: id
+    }).then(function (res) {
+      if (res === null || res === void 0 ? void 0 : res.data) {
+        setUseList(res === null || res === void 0 ? void 0 : res.data);
+      }
+    }).catch(function (err) {
+      setUseList([]);
+      console.error(err);
+    });
+  };
+  // 监听分页变化，如果页码发生变化则调用合并行方法
+  var onChangeTable = function onChangeTable(pagination) {
+    setPageData({
+      pageSize: pagination.pageSize,
+      current: pagination.current
+    });
+  };
+  // 删除
+  var onDelConfirm = function onDelConfirm() {
+    var params = {
+      id: roleId
+    };
+    deleteRole(params).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.code) === '101000') {
+        notification.success({
+          message: '删除成功'
+        });
+        queryRolePageList();
+        setDelPanelState(false);
+      }
+    }).catch(function (err) {
+      setDelPanelState(false);
+      notification.error({
+        message: '删除失败,请重试'
+      });
+      console.error(err);
+    });
+  };
+  var onChangeAppIds = function onChangeAppIds(e) {
+    var arr = e.map(function (item) {
+      return item.appVersion;
+    });
+    setAppVersionFl(arr.includes(1) && arr.includes(2));
+  };
+  // 编辑||创建
+  var onFinish = function onFinish(value) {
+    var _menuCodeMap, _value$appIds, _value$appIds2, _value$userIds;
+    setCreateAppLoading(true);
+    var msg = '';
+    var params = _objectSpread(_objectSpread({}, value), {}, {
+      id: roleId,
+      menuCodeMap: (_menuCodeMap = {}, _defineProperty(_menuCodeMap, 1, menuCodeMap.map1), _defineProperty(_menuCodeMap, 2, appVersionFl ? menuCodeMap.map2 : []), _menuCodeMap),
+      appIds: (useList === null || useList === void 0 ? void 0 : useList.length) === (value === null || value === void 0 ? void 0 : (_value$appIds = value.appIds) === null || _value$appIds === void 0 ? void 0 : _value$appIds.length) ? [0] : value === null || value === void 0 ? void 0 : (_value$appIds2 = value.appIds) === null || _value$appIds2 === void 0 ? void 0 : _value$appIds2.map(function (item) {
+        return item === null || item === void 0 ? void 0 : item.id;
+      }),
+      systemVersion: appVersionFl ? 0 : 1,
+      userIds: value === null || value === void 0 ? void 0 : (_value$userIds = value.userIds) === null || _value$userIds === void 0 ? void 0 : _value$userIds.map(function (item) {
+        return item === null || item === void 0 ? void 0 : item.id;
+      })
+    });
+    (!roleId ? addRole : updateRole)(params).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.code) !== '101000') return;
+      setCreatedAppPanel(false);
+      queryRolePageList();
+      // 通知数据刷新
+      msg = !roleId ? '创建成功' : '编辑成功';
+      notification.success({
+        message: msg
+      });
+    }).catch(function () {
+      setCreateAppLoading(false);
+      notification.error({
+        message: !roleId ? '创建失败,请重试' : '编辑失败,请重试'
+      });
+    });
+  };
+  return /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "role-list"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
+    prefix: /*#__PURE__*/React.createElement(IconFont, {
+      type: "sousuo"
+    }),
+    onChange: function onChange(e) {
+      var _e$target, _e$target$value;
+      setName(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : (_e$target$value = _e$target.value) === null || _e$target$value === void 0 ? void 0 : _e$target$value.trim());
+    },
+    style: {
+      width: '264px',
+      marginBottom: '24px'
+    },
+    placeholder: '请输入角色名称'
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "app-list-head"
+  }, /*#__PURE__*/React.createElement("div", null, "\u89D2\u8272\u5217\u8868"), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      setCreatedAppPanel(true);
+      setRoleId(null);
+      form.resetFields();
+    }
+  }, "\u65B0\u589E\u89D2\u8272")), /*#__PURE__*/React.createElement(Drawer, {
+    title: !roleId ? '新增角色' : '编辑角色',
+    open: createdAppPanel,
+    width: 1220,
+    closable: true,
+    footerStyle: {
+      border: 'none',
+      padding: '24px',
+      display: 'flex',
+      justifyContent: 'end',
+      gap: '16px'
+    },
+    onClose: function onClose() {
+      setCreatedAppPanel(false);
+      setMenuCodeMap({
+        map1: [],
+        map2: []
+      });
+      setSystemVersionId(1);
+      setRoleId(null);
+    },
+    footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      onClick: function onClick() {
+        setCreatedAppPanel(false);
+        setMenuCodeMap({
+          map1: [],
+          map2: []
+        });
+      }
+    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+      loading: createAppLoading,
+      onClick: function onClick() {
+        return form.submit();
+      },
+      type: "primary"
+    }, "\u4FDD\u5B58"))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "role-dialog-content"
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    onFinish: onFinish,
+    colon: false,
+    scrollToFirstError: true
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: 'name',
+    label: "\u89D2\u8272\u540D\u79F0",
+    rules: [{
+      required: true,
+      message: '请输入角色名称'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    maxLength: 50,
+    placeholder: '请输入角色名称'
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: 'userIds',
+    label: "\u6210\u5458\u9009\u62E9"
+  }, /*#__PURE__*/React.createElement(BizSelect, {
+    className: "label-group",
+    options: userList,
+    multiple: true,
+    placeholder: '请选择成员',
+    labelField: "username",
+    keyField: "id"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: 'appIds',
+    label: "\u5E94\u7528\u6743\u9650",
+    rules: [{
+      required: true,
+      message: '请选择应用权限'
+    }]
+  }, /*#__PURE__*/React.createElement(BizSelect, {
+    className: "label-group",
+    options: useList,
+    multiple: true,
+    enableSelectAll: true,
+    onChange: function onChange(e) {
+      onChangeAppIds(e);
+    },
+    placeholder: '请选择成员',
+    labelField: "app_name",
+    keyField: "id"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u529F\u80FD\u6743\u9650",
+    className: "menuCode-map"
+  }, appVersionFl ? /*#__PURE__*/React.createElement(Form.Item, {
+    name: 'systemVersion',
+    rules: [{
+      required: true,
+      message: '请选择版本'
+    }]
+  }, /*#__PURE__*/React.createElement(BizSelect, {
+    className: "label-group",
+    options: versionList,
+    onChange: function onChange(e) {
+      setSystemVersionId(e.id);
+      queryRoleMenuTreeList(roleId, e.id);
+    },
+    placeholder: '请选择版本',
+    labelField: "label",
+    keyField: "id"
+  })) : null, /*#__PURE__*/React.createElement(Form.Item, {
+    name: 'menuCodeMap',
+    rules: [{
+      required: true,
+      message: '请选择功能权限'
+    }]
+  }, /*#__PURE__*/React.createElement(Tree, {
+    checkable: true,
+    onCheck: function onCheck(e) {
+      form.setFieldsValue({
+        menuCodeMap: e
+      });
+      setMenuCodeMap(_objectSpread(_objectSpread({}, menuCodeMap), {}, _defineProperty({}, 'map' + systemVersionId, e)));
+    },
+    rootStyle: {
+      maxHeight: '436px',
+      overflow: 'auto'
+    },
+    fieldNames: {
+      title: 'name',
+      key: 'menuCode'
+    },
+    checkedKeys: systemVersionId === 1 ? menuCodeMap.map1 : menuCodeMap.map2,
+    defaultExpandedKeys: systemVersionId === 1 ? menuCodeMap.map1 : menuCodeMap.map2,
+    treeData: functionList
+  }))), /*#__PURE__*/React.createElement(Form.Item, {
+    name: 'isEncryption',
+    className: "is-encryption",
+    label: /*#__PURE__*/React.createElement(React.Fragment, null, "\u6570\u636E\u52A0\u5BC6", /*#__PURE__*/React.createElement(Tooltip, {
+      overlayStyle: {
+        maxWidth: 396
+      },
+      overlayInnerStyle: {
+        color: '#FFF',
+        fontSize: 14,
+        fontWeight: 400,
+        letterSpacing: 0.56
+      },
+      placement: "top",
+      title: '此设置决定当前角色查看分析平台数据时，是否加密处理'
+    }, /*#__PURE__*/React.createElement("i", {
+      style: {
+        fontSize: 16,
+        margin: '0 24px 0 8px'
+      },
+      className: "bsicon tishi"
+    }))),
+    rules: [{
+      required: true,
+      message: '请选择'
+    }]
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    buttonStyle: "outline"
+  }, /*#__PURE__*/React.createElement(Radio, {
+    value: 0
+  }, "\u5BC6\u6587"), /*#__PURE__*/React.createElement(Radio, {
+    value: 1
+  }, "\u660E\u6587")))))), /*#__PURE__*/React.createElement(BizDialog, {
+    title: "\u5220\u9664\u89D2\u8272",
+    open: delPanelState,
+    closable: true,
+    onOk: function onOk() {
+      setDelPanelState(false);
+      onDelConfirm();
+    },
+    onCancel: function onCancel() {
+      setDelPanelState(false);
+    }
+  }, "\u786E\u8BA4\u8981\u5220\u9664\u5F53\u524D\u89D2\u8272\u5417?"), /*#__PURE__*/React.createElement("div", {
+    className: "role-list-content"
+  }, /*#__PURE__*/React.createElement(Table, {
+    rowKey: "roleId",
+    dataSource: roleList,
+    columns: columns,
+    // pagination={pageData as boolean & (false | TablePaginationConfig)}
+    pagination: total <= 10 ? false : {
+      pageSize: pageData.pageSize,
+      current: pageData.current,
+      showQuickJumper: true,
+      showSizeChanger: total >= 10,
+      total: total,
+      size: 'default',
+      showTotal: function showTotal(totle) {
+        return "\u5171".concat(totle, "\u6761");
+      }
+    },
+    scroll: {
+      x: 1000,
+      y: 550
+    },
+    onChange: onChangeTable
+  }))));
+};
+export default RoleList;