@zgfe/modules-dm 1.0.56-zhongyuan.8 → 1.0.57-alpha.0

package/es/modules/formulate-rule/addFormulate.js

@@ -0,0 +1,328 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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 { Drawer, Input, Button, Space, Form, Table, Select, message } from 'antd';
+import { CloseOutlined, PlusOutlined } from '@ant-design/icons';
+import React, { useState, useEffect, useContext } from 'react';
+import { BizGlobalDataContext } from '@zgfe/business-lib';
+import '../clear-rule/css/index.less';
+import AddRule from './addRule';
+import request from '../../utils/ajax';
+import apis from '../../constants/api';
+import UseModal from '../CutsModal';
+import { typeArr } from './data';
+var TextArea = Input.TextArea;
+var AddFormulate = function AddFormulate(_ref) {
+  var addruleShow = _ref.addruleShow,
+    onSetclose = _ref.onSetclose,
+    detailData = _ref.detailData;
+  var _useContext = useContext(BizGlobalDataContext),
+    currentApp = _useContext.currentApp;
+  // 关闭抽屉框
+  var _useState = useState(addruleShow),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    ruleForm = _Form$useForm2[0];
+  var onClose = function onClose() {
+    setOpen(false);
+    ruleForm.resetFields(); // 表单重置
+    setTimeout(function () {
+      onSetclose();
+    }, 300);
+  };
+  var onFinish = function onFinish(values) {
+    var arr = dataSource.map(function (o) {
+      return {
+        ruleType: o.currentType,
+        sourceValue: o.sourceValue,
+        targetValue: o.targetValue
+      };
+    });
+    var api = detailData ? apis.clearRule.modifyRule : apis.clearRule.addRule;
+    request(api, {
+      method: 'post',
+      data: {
+        ruleId: detailData ? detailData.ruleId : undefined,
+        ruleName: values.name,
+        ruleDescription: values.description,
+        rinseObjects: [values.target],
+        rinseShiftRuleDetails: arr,
+        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') {
+        if (res.data == 1) {
+          UseModal({
+            onOk: function onOk() {},
+            okText: '确定',
+            title: '警告',
+            content: "\u6821\u9A8C\u5BF9\u8C61\u7684\u6E05\u6D17\u89C4\u5219\u5DF2\u5B58\u5728\uFF0C\u8BF7\u9009\u62E9\u5176\u4ED6\u6821\u9A8C\u89C4\u5219"
+          });
+          return;
+        }
+        message.success("".concat(detailData ? '修改' : '新建', "\u81EA\u5B9A\u4E49\u89C4\u5219\u6210\u529F\uFF01"));
+        onClose();
+      }
+    });
+  };
+  var handleSave = function handleSave() {
+    ruleForm.submit();
+  };
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dataSource = _useState4[0],
+    setDataSoure = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    dataSourceItemEdit = _useState6[0],
+    setDataSoureItemEdit = _useState6[1];
+  var columns = [{
+    title: '类型',
+    dataIndex: 'currentTypeName',
+    key: 'currentTypeName'
+  }, {
+    title: '原属性',
+    dataIndex: 'sourceValue',
+    key: 'sourceValue'
+  }, {
+    title: '清洗后属性',
+    dataIndex: 'targetValue',
+    key: 'targetValue'
+  }, {
+    title: '操作',
+    key: 'action',
+    render: function render(_, record) {
+      return /*#__PURE__*/React.createElement(Space, {
+        size: "middle"
+      }, /*#__PURE__*/React.createElement("a", {
+        onClick: function onClick() {
+          handleEditRule(record);
+          setDataSoureItemEdit(true);
+        }
+      }, "\u7F16\u8F91"), /*#__PURE__*/React.createElement("a", {
+        onClick: function onClick() {
+          return handleDelete(record.key);
+        }
+      }, "\u5220\u9664"));
+    }
+  }];
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    oneRow = _useState8[0],
+    setOneRow = _useState8[1];
+  var handleEditRule = function handleEditRule(row) {
+    setOneRow(row);
+    setOpenRule(true);
+  };
+  var handleDelete = function handleDelete(key) {
+    var newArr = dataSource.filter(function (o) {
+      return o.key != key;
+    });
+    setDataSoure(newArr);
+    if (newArr.length < 1) {
+      ruleForm.setFieldsValue({
+        ruleArr: null
+      });
+    }
+  };
+  // 清洗规则
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    openRule = _useState10[0],
+    setOpenRule = _useState10[1];
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    ruleList = _useState12[0],
+    setRuleList = _useState12[1];
+  useEffect(function () {
+    getList();
+  }, []);
+  var _useState13 = useState({
+      current: 1,
+      pageSize: 1000
+    }),
+    _useState14 = _slicedToArray(_useState13, 2),
+    tableParams = _useState14[0],
+    setTableParams = _useState14[1];
+  var getList = function getList() {
+    var searchName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    request(apis.rule.getRuleList, {
+      method: 'post',
+      data: {
+        ruleName: searchName,
+        pageNo: tableParams.current,
+        pageSize: tableParams.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);
+      }
+    });
+  };
+  var handleAddrule = function handleAddrule(data) {
+    setOpenRule(false);
+    if (Array.isArray(data)) {
+      setDataSoure([].concat(_toConsumableArray(dataSource), _toConsumableArray(data)));
+    } else {
+      // 修改
+      if (dataSourceItemEdit) {
+        var includedKey = dataSource.map(function (o) {
+          if (o.key == data.key) {
+            return data;
+          }
+          return o;
+        });
+        setDataSoure(includedKey);
+        return;
+      }
+      setDataSoure([].concat(_toConsumableArray(dataSource), [data]));
+    }
+    if (data) {
+      ruleForm.setFieldsValue({
+        ruleArr: data
+      });
+    }
+  };
+  // 回显
+  useEffect(function () {
+    if (detailData) {
+      ruleForm.setFieldsValue({
+        name: detailData.ruleName,
+        description: detailData.ruleDescription,
+        target: detailData.rinseObjects[0],
+        ruleArr: detailData.rinseShiftRuleDetails
+      });
+      var arr = detailData.rinseShiftRuleDetails.map(function (o) {
+        return {
+          currentType: o.ruleType,
+          currentTypeName: typeArr.filter(function (j) {
+            return j.value == o.ruleType;
+          })[0].label,
+          sourceValue: o.ruleType == 5 ? '' : o.sourceValue,
+          targetValue: o.targetValue,
+          key: o.id
+        };
+      });
+      setDataSoure(arr);
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "addRule"
+  }, /*#__PURE__*/React.createElement(Drawer, {
+    className: "addRuleForm",
+    title: /*#__PURE__*/React.createElement("div", null, detailData ? '修改自定义校验规则清洗' : '新建自定义校验规则清洗', /*#__PURE__*/React.createElement("div", {
+      className: "drawerCloseIcon",
+      onClick: onClose
+    }, /*#__PURE__*/React.createElement(CloseOutlined, {
+      onPointerEnterCapture: undefined,
+      onPointerLeaveCapture: undefined
+    }))),
+    onClose: onClose,
+    closeIcon: false,
+    open: open,
+    placement: "right",
+    width: "700px",
+    footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
+      onClick: onClose
+    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: handleSave
+    }, "\u786E\u5B9A")))
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: ruleForm,
+    labelCol: {
+      span: 4
+    },
+    wrapperCol: {
+      span: 20
+    },
+    initialValues: {
+      name: '',
+      desctiption: '',
+      ruleobj: []
+    },
+    onFinish: onFinish,
+    labelAlign: "left"
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u89C4\u5219\u540D\u79F0",
+    name: "name",
+    rules: [{
+      required: true,
+      message: '请输入规则名称'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    showCount: true,
+    maxLength: 50,
+    placeholder: "\u8BF7\u8F93\u5165\u89C4\u5219\u540D\u79F0"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u89C4\u5219\u63CF\u8FF0",
+    name: "description"
+  }, /*#__PURE__*/React.createElement(TextArea, {
+    showCount: true,
+    maxLength: 100,
+    placeholder: "\u8BF7\u8F93\u5165\u89C4\u5219\u63CF\u8FF0"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u6E05\u6D17\u5BF9\u8C61",
+    name: "target",
+    rules: [{
+      required: true,
+      message: '请选择清洗规则对象'
+    }]
+  }, /*#__PURE__*/React.createElement(Select, {
+    options: ruleList,
+    style: {
+      width: '320px'
+    },
+    placeholder: "\u8BF7\u9009\u62E9\u6E05\u6D17\u7684\u89C4\u5219\u5BF9\u8C61",
+    fieldNames: {
+      label: 'ruleName',
+      value: 'ruleId'
+    }
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u6E05\u6D17\u89C4\u5219",
+    name: "ruleArr",
+    rules: [{
+      required: true,
+      message: '请写入清洗规则'
+    }]
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(PlusOutlined, {
+      onPointerEnterCapture: undefined,
+      onPointerLeaveCapture: undefined
+    }),
+    type: "link",
+    onClick: function onClick() {
+      setOpenRule(true);
+      setOneRow(null);
+      setDataSoureItemEdit(false);
+    }
+  }, "\u6DFB\u52A0\u6E05\u6D17\u89C4\u5219")))), /*#__PURE__*/React.createElement(Table, {
+    dataSource: dataSource,
+    columns: columns,
+    pagination: false
+  }), /*#__PURE__*/React.createElement("p", {
+    className: "addRule-formulate-tip"
+  }, "*\u6CE8\uFF1A\u6E05\u6D17\u53EA\u9488\u5BF9\u6CA1\u901A\u8FC7\u81EA\u5B9A\u4E49\u6821\u9A8C\u89C4\u5219\u7684\u6570\u636E\u8FDB\u884C\u6E05\u6D17\uFF0C\u4E0D\u4F1A\u5BF9\u5DF2\u5165\u5E93\u6570\u636E\u8FDB\u884C\u6E05\u6D17")), openRule && (/*#__PURE__*/React.createElement(AddRule, {
+    addruleShow: openRule,
+    oneRow: oneRow,
+    editStatus: dataSourceItemEdit,
+    onSetclose: function onSetclose() {
+      return setOpenRule(false);
+    },
+    onSave: handleAddrule
+  })));
+};
+export default AddFormulate;

package/es/modules/formulate-rule/addRule.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import '../clear-rule/css/index.less';
+interface TypeRule {
+    key: string;
+    currentType: number;
+    currentTypeName: string;
+    sourceValue: string;
+    targetValue: string;
+    sourceValueId?: number;
+    targetValueId?: number;
+}
+declare const AddRule: React.FC<{
+    addruleShow: boolean;
+    onSetclose: Function;
+    onSave: Function;
+    oneRow: null | TypeRule;
+    editStatus: boolean;
+}>;
+export default AddRule;