@zgfe/modules-dm 1.0.56-zhongyuan.9 → 1.0.57-zhongyuan-dz.1

package/es/modules/clearRule/index.js

@@ -0,0 +1,566 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { Table, Input, Button, Space, Switch, Modal, DatePicker, message, Tooltip, Typography, Spin } from 'antd';
+import { SearchOutlined, DownloadOutlined, DiffOutlined, LoadingOutlined } from '@ant-design/icons';
+import React, { useContext, useEffect, useState } from 'react';
+import { BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
+import ImportModal from './importMetaDialog';
+import AddRule from './addRule';
+import UseModal from '../CutsModal';
+import request from '../../utils/ajax';
+import apis from '../../constants/api';
+import './css/index.less';
+import moment from 'moment';
+var RangePicker = DatePicker.RangePicker;
+var Text = Typography.Text;
+var className = 'clearRule';
+var ClearRule = function ClearRule() {
+  var _useContext = useContext(BizGlobalDataContext),
+    currentApp = _useContext.currentApp,
+    authority = _useContext.authority;
+  var columns = [{
+    title: '规则名',
+    dataIndex: 'ruleName',
+    key: 'ruleName',
+    render: function render(text, record) {
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        title: text
+      }, /*#__PURE__*/React.createElement(Text, null, text));
+    }
+  }, {
+    title: '校验对象',
+    dataIndex: 'verifyObject',
+    key: 'verifyObject'
+  }, {
+    title: '异常数据条数',
+    dataIndex: 'faultNum',
+    key: 'faultNum',
+    render: function render(text, record) {
+      return /*#__PURE__*/React.createElement("div", null, text || '0');
+    }
+  }, {
+    title: '末次触发时间',
+    dataIndex: 'lastTime',
+    key: 'lastTime',
+    render: function render(text, record) {
+      return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : '-';
+    }
+  }, {
+    title: '创建人',
+    dataIndex: 'createUser',
+    key: 'createUser'
+  }, {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    render: function render(text, record) {
+      return moment(text).format('YYYY-MM-DD HH:mm:ss');
+    }
+  }, {
+    title: '操作',
+    key: 'action',
+    render: function render(_, record) {
+      return /*#__PURE__*/React.createElement(Space, {
+        size: "middle"
+      }, authority[170928557414] && (/*#__PURE__*/React.createElement(Switch, {
+        checked: record.status == 0 ? false : true,
+        onChange: function onChange(e) {
+          return _onChange(e, record);
+        }
+      })), authority[170928557412] && /*#__PURE__*/React.createElement("a", {
+        onClick: function onClick() {
+          return handleEditRule(record);
+        }
+      }, "\u7F16\u8F91"), authority[170928557413] && /*#__PURE__*/React.createElement("a", {
+        onClick: function onClick() {
+          return handleDeleteRule(record === null || record === void 0 ? void 0 : record.ruleId);
+        }
+      }, "\u5220\u9664"));
+    }
+  }];
+  // 编辑规则
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    ruleDetail = _useState2[0],
+    setRuleDetail = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    editStatus = _useState4[0],
+    setEditStatus = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    checkRuleList = _useState6[0],
+    setCheckRuleList = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isCheckRuleModalOpen = _useState8[0],
+    setIsCheckRuleModalOpen = _useState8[1];
+  var handleEditRule = function handleEditRule(ruleRow) {
+    request(apis.rule.checkRule, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        ruleId: ruleRow.ruleId
+      }
+    }).then(function (res) {
+      if (!res) return;
+      if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
+        // 1: 已清洗并且有正在执行的列表   2: 元事件已被删除的提示  3:校验通过
+        if (res.data.update == '1') {
+          setIsCheckRuleModalOpen(true);
+          setCheckRuleList(res.data.data || []);
+          return;
+        }
+        if (res.data.update == '2') {
+          UseModal({
+            onOk: function onOk() {
+              return getDetail(ruleRow.ruleId);
+            },
+            okText: '确定',
+            title: '校验对象已被删除',
+            content: "\u6821\u9A8C\u5BF9\u8C61\u5DF2\u88AB\u5220\u9664\uFF0C\u5C06\u4E0D\u4F1A\u8FDB\u884C\u4F7F\u7528\uFF0C\u8BF7\u8FDB\u884C\u4FEE\u6539"
+          });
+          return;
+        }
+        getDetail(ruleRow.ruleId);
+      } else {
+        message.error(res.msg);
+      }
+    });
+  };
+  var getDetail = function getDetail(ruleId) {
+    setEditStatus(true);
+    request(apis.rule.getRuleDetail, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        ruleId: ruleId
+      }
+    }).then(function (res) {
+      if (!res) return;
+      if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
+        setRuleDetail(res.data);
+        setAddruleshow(true);
+      } else {
+        message.error('查询失败！');
+      }
+    });
+  };
+  var handleCheckRuleOk = function handleCheckRuleOk() {
+    setIsCheckRuleModalOpen(false);
+  };
+  // 新建规则显示
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    addruleShow = _useState10[0],
+    setAddruleshow = _useState10[1];
+  var handleAddRule = function handleAddRule() {
+    setAddruleshow(true);
+    setEditStatus(false);
+  };
+  // 下载报告
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isModalOpen = _useState12[0],
+    setIsModalOpen = _useState12[1];
+  var _useState13 = useState([]),
+    _useState14 = _slicedToArray(_useState13, 2),
+    downloadDate = _useState14[0],
+    setDownloadDate = _useState14[1];
+  var handleSelectDate = function handleSelectDate(date) {
+    setDownloadDate(date);
+  };
+  var handleOk = function handleOk() {
+    setIsModalOpen(false);
+    request(apis.rule.exportFile, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        beginDate: moment(downloadDate[0]).format('YYYY-MM-DD') + ' 00:00:00',
+        endDate: moment(downloadDate[1]).format('YYYY-MM-DD') + ' 23:59:59'
+      },
+      responseType: 'blob',
+      fileName: "\u89C4\u5219\u62A5\u544A_".concat(moment(downloadDate[0]).format('YYYY/MM/DD'), "-").concat(moment(downloadDate[1]).format('YYYY/MM/DD'))
+    }).then(function (res) {});
+  };
+  var handleCancel = function handleCancel() {
+    setDownloadDate([]);
+    setIsModalOpen(false);
+  };
+  // 导入规则
+  var _useState15 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    openImportModal = _useState16[0],
+    setOpenImportModal = _useState16[1];
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    openImportModalResult = _useState18[0],
+    setOpenImportModalResult = _useState18[1];
+  var _useState19 = useState(),
+    _useState20 = _slicedToArray(_useState19, 2),
+    errorRule = _useState20[0],
+    setErrorRule = _useState20[1];
+  var handleImportResultOk = function handleImportResultOk() {
+    setOpenImportModal(false);
+    setOpenImportModalResult(false);
+    setErrorRule(undefined);
+    // 刷新列表
+    _getList(ruleSearchName);
+  };
+  // 导出规则
+  var handleDownLoadRuleFile = function handleDownLoadRuleFile() {
+    request(apis.rule.downloadRule, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
+      },
+      responseType: 'blob',
+      fileName: "\u89C4\u5219\u5217\u8868_".concat(moment().format('YYYYMMDD'))
+    }).then(function (res) {});
+  };
+  // 总状态
+  var antIcon = /*#__PURE__*/React.createElement(LoadingOutlined, {
+    style: {
+      fontSize: 24
+    },
+    spin: true,
+    onPointerEnterCapture: undefined,
+    onPointerLeaveCapture: undefined
+  });
+  var _useState21 = useState(false),
+    _useState22 = _slicedToArray(_useState21, 2),
+    allOpenRule = _useState22[0],
+    setAllOpenRule = _useState22[1];
+  var _useState23 = useState(false),
+    _useState24 = _slicedToArray(_useState23, 2),
+    statusLoading = _useState24[0],
+    setStatusLoading = _useState24[1];
+  var handleAllOpenStatus = function handleAllOpenStatus(value) {
+    setStatusLoading(true);
+    request(apis.rule.allOpenStatus, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        status: value ? 1 : 0
+      }
+    }).then(function (res) {
+      if (!res) return;
+      if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
+        message.success("".concat(value ? '开启' : '关闭', "\u6210\u529F\uFF01"));
+        setAllOpenRule(value);
+        _getList(ruleSearchName);
+      }
+    }).finally(function () {
+      setStatusLoading(false);
+    });
+  };
+  /**
+   * 规则列表， 搜索名称， 规则列表状态开启/关闭， 删除规则
+   */
+  var _useState25 = useState([]),
+    _useState26 = _slicedToArray(_useState25, 2),
+    ruleList = _useState26[0],
+    setRuleList = _useState26[1];
+  var _useState27 = useState(''),
+    _useState28 = _slicedToArray(_useState27, 2),
+    ruleSearchName = _useState28[0],
+    setRuleSearchName = _useState28[1];
+  var searchChange = function searchChange(e) {
+    var _value = e.currentTarget.value;
+    setRuleSearchName(_value);
+    _getList(_value);
+  };
+  var handleSearch = function handleSearch() {
+    _getList(ruleSearchName);
+  };
+  var handlePage = function handlePage(pagination) {
+    setTableParams(pagination);
+    _getList(ruleSearchName, pagination);
+  };
+  var _useState29 = useState({
+      current: 1,
+      pageSize: 10,
+      total: 0
+    }),
+    _useState30 = _slicedToArray(_useState29, 2),
+    tableParams = _useState30[0],
+    setTableParams = _useState30[1];
+  useEffect(function () {
+    _getList();
+  }, []);
+  var _getList = function getList() {
+    var searchName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var pagination = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : tableParams;
+    request(apis.rule.getRuleList, {
+      method: 'post',
+      data: {
+        ruleName: searchName,
+        pageNo: pagination.current,
+        pageSize: pagination.pageSize,
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
+      }
+    }).then(function (res) {
+      if (!res) return;
+      if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
+        setRuleList(res.data.data);
+        // 总页数
+        setTableParams(function (pre) {
+          return _objectSpread(_objectSpread({}, pre), {}, {
+            total: res.data.total
+          });
+        });
+        setAllOpenRule(res.data.status == 1 ? true : false);
+      } else {
+        message.error('查询列表失败！');
+      }
+    });
+  };
+  var handleDeleteRule = function handleDeleteRule(ruleId) {
+    UseModal({
+      onOk: function onOk() {
+        return handleDeleteMap(ruleId);
+      },
+      okText: '确定',
+      title: '提示',
+      content: "\u786E\u5B9A\u5220\u9664\u8BE5\u89C4\u5219\u5417"
+    });
+  };
+  var handleDeleteMap = function handleDeleteMap(ruleId) {
+    request(apis.rule.deleteRule, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        ruleId: ruleId
+      }
+    }).then(function (res) {
+      if (!res) return;
+      if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
+        message.success("\u5220\u9664\u89C4\u5219\u6210\u529F\uFF01");
+        handleSearch();
+      } else {
+        message.error(res.msg);
+      }
+    });
+  };
+  var statusCheck = function statusCheck(ruleRow) {
+    // 可直接关闭
+    if (ruleRow.status == 1) {
+      handleOpenRuleStatus(ruleRow);
+      return;
+    }
+    request(apis.rule.checkStatus, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        ruleId: ruleRow.ruleId,
+        status: ruleRow.status ? 0 : 1
+      }
+    }).then(function (res) {
+      if (!res) return;
+      if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
+        if (res.data == 0) {
+          handleOpenRuleStatus(ruleRow);
+          return;
+        }
+        if (res.data == 3) {
+          UseModal({
+            onOk: function onOk() {
+              return handleOpenRuleStatus(ruleRow);
+            },
+            okText: "\u4ECD\u7136\u5F00\u542F",
+            title: '警告',
+            content: '该规则与已开启规则可能产生冲突，请确认是否继续开启'.concat(" ")
+          });
+          return;
+        }
+        if (res.data == 2 || res.data == 3) {
+          message.error(res.msg);
+          return;
+        }
+      } else {
+        message.error(res.msg);
+      }
+    });
+  };
+  var _onChange = function _onChange(value, ruleRow) {
+    statusCheck(ruleRow);
+  };
+  var handleOpenRuleStatus = function handleOpenRuleStatus(ruleRow) {
+    request(apis.rule.openRuleStatus, {
+      method: 'post',
+      data: {
+        ruleId: ruleRow.ruleId,
+        status: ruleRow.status ? 0 : 1
+      }
+    }).then(function (res) {
+      if (!res) return;
+      if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
+        message.success("".concat(ruleRow.status == 0 ? '规则开启成功！' : '规则关闭成功'));
+        handleSearch();
+      } else {
+        message.error(res.msg);
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(className, "-searchTop")
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165",
+    prefix: /*#__PURE__*/React.createElement(SearchOutlined, {
+      onPointerEnterCapture: undefined,
+      onPointerLeaveCapture: undefined
+    }),
+    onChange: searchChange,
+    onBlur: handleSearch,
+    value: ruleSearchName
+  }), /*#__PURE__*/React.createElement(Space, null, authority[170928557416] && (/*#__PURE__*/React.createElement(Spin, {
+    indicator: antIcon,
+    spinning: statusLoading
+  }, /*#__PURE__*/React.createElement(Switch, {
+    checked: allOpenRule,
+    onChange: handleAllOpenStatus
+  }))), authority[170928557418] && (/*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(DiffOutlined, {
+      onPointerEnterCapture: undefined,
+      onPointerLeaveCapture: undefined
+    }),
+    onClick: function onClick() {
+      return setIsModalOpen(true);
+    }
+  }, "\u751F\u6210\u62A5\u544A")), authority[170928557417] && (/*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(DownloadOutlined, {
+      onPointerEnterCapture: undefined,
+      onPointerLeaveCapture: undefined
+    }),
+    onClick: handleDownLoadRuleFile
+  }, "\u5BFC\u51FA\u89C4\u5219")), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: handleAddRule,
+    disabled: !authority[170928557411]
+  }, "\u65B0\u5EFA\u89C4\u5219"), authority[170928557415] && (/*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      return setOpenImportModal(true);
+    }
+  }, "\u5BFC\u5165\u89C4\u5219")))), /*#__PURE__*/React.createElement(Table, {
+    rowKey: "ruleId",
+    dataSource: ruleList,
+    pagination: tableParams,
+    columns: columns,
+    onChange: handlePage
+  }), addruleShow && (/*#__PURE__*/React.createElement(AddRule, {
+    addruleShow: addruleShow,
+    currentRuleDetail: editStatus ? ruleDetail : null,
+    getList: function getList() {
+      return _getList(ruleSearchName);
+    },
+    onSetclose: function onSetclose() {
+      return setAddruleshow(!addruleShow);
+    }
+  })), /*#__PURE__*/React.createElement(Modal, {
+    title: "\u751F\u6210\u62A5\u544A",
+    open: isModalOpen,
+    className: "".concat(className, "-modal"),
+    width: 600,
+    onOk: handleOk,
+    destroyOnClose: true,
+    onCancel: handleCancel,
+    footer: [/*#__PURE__*/React.createElement(Button, {
+      key: "submit",
+      onClick: handleOk,
+      icon: /*#__PURE__*/React.createElement(DownloadOutlined, {
+        onPointerEnterCapture: undefined,
+        onPointerLeaveCapture: undefined
+      })
+    }, "\u62A5\u544A\u4E0B\u8F7D"), /*#__PURE__*/React.createElement(Button, {
+      key: "back",
+      onClick: handleCancel
+    }, "\u53D6\u6D88")]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(className, "-content")
+  }, /*#__PURE__*/React.createElement("div", null, "\u9009\u62E9\u65F6\u95F4\u8303\u56F4\u751F\u6210\u62A5\u544A"), /*#__PURE__*/React.createElement(RangePicker, {
+    open: true,
+    placement: "topRight",
+    onChange: handleSelectDate,
+    getPopupContainer: function getPopupContainer(trigger) {
+      var parent = trigger.parentElement;
+      if (!parent) {
+        // 回退到 document.body
+        return document.body;
+      }
+      return parent;
+    }
+  }))), openImportModal ? (/*#__PURE__*/React.createElement(ImportModal, {
+    onCancel: function onCancel() {
+      setOpenImportModal(false);
+    },
+    onSuccess: function onSuccess(result) {
+      setOpenImportModal(false);
+      setErrorRule(result);
+      setOpenImportModalResult(true);
+    }
+  })) : null, /*#__PURE__*/React.createElement(Modal, {
+    title: "\u5BFC\u5165\u89C4\u5219",
+    open: openImportModalResult,
+    className: "".concat(className, "-importModal"),
+    width: 600,
+    onOk: handleImportResultOk,
+    onCancel: handleImportResultOk,
+    footer: [/*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: handleImportResultOk
+    }, "\u786E\u5B9A")]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(className, "-importModal-content")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(className, "-importModal-tip")
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "tishi1",
+    size: 16,
+    className: "icon"
+  }), "\u5BFC\u5165\u6210\u529F", errorRule && errorRule.successRuleCount, "\u6761\uFF0C\u5BFC\u5165\u5931\u8D25", errorRule && errorRule.failedRuleCount, "\u6761"), /*#__PURE__*/React.createElement("p", null, "\u5BFC\u5165\u5931\u8D25\u89C4\u5219\u540D\uFF1A"), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(className, "-importModal-list")
+  }, errorRule === null || errorRule === void 0 ? void 0 : errorRule.failedRuleNames.map(function (o, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index
+    }, o);
+  })))), /*#__PURE__*/React.createElement(Modal, {
+    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconFont, {
+      type: "tishi1",
+      size: 24,
+      className: "openRuleModal-icon"
+    }), "\u8B66\u544A"),
+    open: isCheckRuleModalOpen,
+    className: "".concat(className, "-openRuleModal"),
+    width: 600,
+    closable: false,
+    onOk: handleCheckRuleOk,
+    onCancel: handleCheckRuleOk,
+    footer: [/*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: handleCheckRuleOk
+    }, "\u786E\u5B9A")]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(className, "-openRuleModal-content")
+  }, /*#__PURE__*/React.createElement("p", null, "\u8BE5\u89C4\u5219\u5DF2\u542F\u7528\u6E05\u6D17\u89C4\u5219\u5982\u4E0B\u6240\u793A\uFF1A"), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(className, "-openRuleModal-list")
+  }, checkRuleList.map(function (o, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index
+    }, o);
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(className, "-openRuleModal-closeTip")
+  }, "\u8BF7\u5173\u95ED\u6E05\u6D17\u89C4\u5219\u540E\u91CD\u8BD5"))));
+};
+export default ClearRule;