work-flow-master 1.0.0 → 1.0.2

package/lib/components/SelectResult/index.scss

@@ -0,0 +1,37 @@
+.select-result {
+  width: 276px;
+  height: 100%;
+  font-size: 12px;
+  ul {
+    height: 460px;
+    overflow-y: auto;
+    li {
+      margin: 11px 26px 13px 19px;
+      line-height: 17px;
+      span {
+        vertical-align: middle;
+      }
+      img {
+        &:first-of-type {
+          width: 14px;
+          vertical-align: middle;
+          margin-right: 5px;
+        }
+        &:last-of-type {
+          float: right;
+          margin-top: 2px;
+          width: 14px;
+        }
+      }
+    }
+  }
+  p {
+    padding-left: 19px;
+    padding-right: 20px;
+    line-height: 37px;
+    border-bottom: 1px solid #f2f2f2;
+    a {
+      float: right;
+    }
+  }
+}

package/lib/components/setting/index.css

@@ -0,0 +1,4 @@
+@import "../../css/workflow.css";
+.error-modal-list {
+  width: 455px;
+}

package/lib/components/setting/index.js

@@ -0,0 +1,342 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _ErrorDialog = _interopRequireDefault(require("../../components/Dialog/ErrorDialog"));
+var _PromoterDrawer = _interopRequireDefault(require("../../components/Drawer/PromoterDrawer"));
+var _ApproverDrawer = _interopRequireDefault(require("../../components/Drawer/ApproverDrawer"));
+var _CopyerDrawer = _interopRequireDefault(require("../../components/Drawer/CopyerDrawer"));
+var _ConditionDrawer = _interopRequireDefault(require("../../components/Drawer/ConditionDrawer"));
+var _NodeWrap = _interopRequireDefault(require("../../components/NodeWrap"));
+require("./index.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// import { useSearchParams } from "react-router-dom";
+
+// import { getWorkFlowData, setWorkFlowData } from '../../api/index'
+
+function Setting(props) {
+  let getWorkFlowData = {
+    "tableId": 1,
+    "workFlowDef": {
+      "name": "合同审批"
+    },
+    "directorMaxLevel": 4,
+    "flowPermission": [],
+    "nodeConfig": {
+      "nodeName": "发起人",
+      "type": 0,
+      "priorityLevel": "",
+      "settype": "",
+      "selectMode": "",
+      "selectRange": "",
+      "directorLevel": "",
+      "examineMode": "",
+      "noHanderAction": "",
+      "examineEndDirectorLevel": "",
+      "ccSelfSelectFlag": "",
+      "conditionList": [],
+      "nodeUserList": [],
+      "childNode": {
+        "nodeName": "审核人",
+        "error": false,
+        "type": 1,
+        "settype": 2,
+        "selectMode": 0,
+        "selectRange": 0,
+        "directorLevel": 1,
+        "examineMode": 1,
+        "noHanderAction": 2,
+        "examineEndDirectorLevel": 0,
+        "childNode": {
+          "nodeName": "路由",
+          "type": 4,
+          "priorityLevel": 1,
+          "settype": 1,
+          "selectMode": 0,
+          "selectRange": 0,
+          "directorLevel": 1,
+          "examineMode": 1,
+          "noHanderAction": 2,
+          "examineEndDirectorLevel": 1,
+          "ccSelfSelectFlag": 1,
+          "conditionList": [],
+          "nodeUserList": [],
+          "childNode": {
+            "nodeName": "抄送人",
+            "type": 2,
+            "ccSelfSelectFlag": 1,
+            "childNode": null,
+            "nodeUserList": [],
+            "error": false
+          },
+          "conditionNodes": [{
+            "nodeName": "条件1",
+            "type": 3,
+            "priorityLevel": 1,
+            "settype": 1,
+            "selectMode": 0,
+            "selectRange": 0,
+            "directorLevel": 1,
+            "examineMode": 1,
+            "noHanderAction": 2,
+            "examineEndDirectorLevel": 1,
+            "ccSelfSelectFlag": 1,
+            "conditionList": [{
+              "columnId": 0,
+              "type": 1,
+              "conditionEn": "",
+              "conditionCn": "",
+              "optType": "",
+              "zdy1": "",
+              "zdy2": "",
+              "opt1": "",
+              "opt2": "",
+              "columnDbname": "",
+              "columnType": "",
+              "showType": "",
+              "showName": "",
+              "fixedDownBoxValue": ""
+            }],
+            "nodeUserList": [{
+              "targetId": 85,
+              "type": 1,
+              "name": "天旭"
+            }],
+            "childNode": {
+              "nodeName": "审核人",
+              "type": 1,
+              "priorityLevel": 1,
+              "settype": 1,
+              "selectMode": 0,
+              "selectRange": 0,
+              "directorLevel": 1,
+              "examineMode": 1,
+              "noHanderAction": 2,
+              "examineEndDirectorLevel": 1,
+              "ccSelfSelectFlag": 1,
+              "conditionList": [],
+              "nodeUserList": [{
+                "targetId": 2515744,
+                "type": 1,
+                "name": "哈哈哈哈"
+              }],
+              "childNode": null,
+              "conditionNodes": [],
+              "error": false
+            },
+            "conditionNodes": [],
+            "error": false
+          }, {
+            "nodeName": "条件2",
+            "type": 3,
+            "priorityLevel": 2,
+            "settype": 1,
+            "selectMode": 0,
+            "selectRange": 0,
+            "directorLevel": 1,
+            "examineMode": 1,
+            "noHanderAction": 2,
+            "examineEndDirectorLevel": 1,
+            "ccSelfSelectFlag": 1,
+            "conditionList": [],
+            "nodeUserList": [],
+            "childNode": null,
+            "conditionNodes": [],
+            "error": false
+          }]
+        },
+        "nodeUserList": []
+      },
+      "conditionNodes": []
+    }
+  };
+  let setWorkFlowData = {
+    code: 200
+  };
+  // let { setTableId, setIsTried } = props
+  console.log('props123', props);
+  props = {
+    conditionsConfig1: {},
+    approverConfig1: {},
+    flowPermission1: {},
+    copyerConfig1: {}
+  };
+  console.log('123131', props);
+  let [errInfos, setErrInfos] = (0, _react.useState)([]);
+  let [visible, setVisible] = (0, _react.useState)(false);
+  let [curSize, setCurSize] = (0, _react.useState)(100);
+  let [processConfig, setProcessConfig] = (0, _react.useState)({});
+  let [nodeConfig, setNodeConfig] = (0, _react.useState)({
+    nodeUserList: []
+  });
+  let [workFlowDef, setWorkFlowDef] = (0, _react.useState)({});
+  let [flowPermission, setFlowPermission] = (0, _react.useState)([]);
+  let [directorMaxLevel, setDirectorMaxLevel] = (0, _react.useState)(0);
+  // const [search] = useSearchParams();
+  (0, _react.useEffect)(() => {
+    initData();
+  }, []);
+  const initData = async () => {
+    // let { data } = await getWorkFlowData({ workFlowDefId: search.get('workFlowDefId') })
+    let data = getWorkFlowData;
+    setProcessConfig(data);
+    let {
+      nodeConfig: nodes,
+      flowPermission: flows,
+      directorMaxLevel: directors,
+      workFlowDef: works,
+      tableId
+    } = data;
+    setNodeConfig(nodes);
+    setFlowPermission(flows);
+    setDirectorMaxLevel(directors);
+    setWorkFlowDef(works);
+    // setTableId(tableId);
+  };
+  const toReturn = () => {
+    //window.location.href = ""
+  };
+  const reErr = function (_ref) {
+    let {
+      childNode
+    } = _ref;
+    let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    if (childNode) {
+      let {
+        type,
+        error,
+        nodeName,
+        conditionNodes
+      } = childNode;
+      if (type === 1 || type === 2) {
+        if (error) {
+          data.push({
+            name: nodeName,
+            type: ["", "审核人", "抄送人"][type]
+          });
+        }
+        reErr(childNode, data);
+      } else if (type === 3) {
+        reErr(childNode, data);
+      } else if (type === 4) {
+        for (var i = 0; i < conditionNodes.length; i++) {
+          if (conditionNodes[i].error) {
+            data.push({
+              name: conditionNodes[i].nodeName,
+              type: "条件"
+            });
+          }
+          reErr(conditionNodes[i], data);
+        }
+        reErr(childNode, data);
+      }
+    } else {
+      return data;
+    }
+  };
+  const saveSet = async () => {
+    // setIsTried(true);
+    let data = [];
+    reErr(nodeConfig, data);
+    if (data.length !== 0) {
+      setErrInfos(data);
+      setVisible(true);
+      return;
+    }
+    let processRes = {
+      ...processConfig,
+      flowPermission,
+      nodeConfig
+    };
+    setProcessConfig(processRes);
+    // eslint-disable-next-line no-console
+    console.log(JSON.stringify(processRes));
+    // let res = await setWorkFlowData(processRes);
+    let res = setWorkFlowData;
+    if (res.code === 200) {
+      _antd.message.success("设置成功");
+      setTimeout(function () {
+        window.location.href = "";
+      }, 200);
+    }
+  };
+  const zoomSize = type => {
+    if (type === 1) {
+      if (curSize === 50) {
+        return;
+      }
+      setCurSize(curSize - 10);
+    } else {
+      if (curSize === 300) {
+        return;
+      }
+      setCurSize(curSize + 10);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", null, "12", /*#__PURE__*/_react.default.createElement("div", {
+    className: "fd-nav"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "fd-nav-left"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "fd-nav-back",
+    onClick: toReturn
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "anticon anticon-left"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "fd-nav-title"
+  }, workFlowDef.name)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "fd-nav-right"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    className: "button-publish",
+    onClick: saveSet
+  }, "\u53D1 \u5E03"))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "fd-nav-content"
+  }, /*#__PURE__*/_react.default.createElement("section", {
+    className: "dingflow-design"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "zoom"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `zoom-out ${curSize === 50 ? 'disabled' : ''}`,
+    onClick: () => zoomSize(1)
+  }), /*#__PURE__*/_react.default.createElement("span", null, curSize, "%"), /*#__PURE__*/_react.default.createElement("div", {
+    className: `zoom-in ${curSize === 300 ? 'disabled' : ''}`,
+    onClick: () => zoomSize(2)
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "box-scale",
+    style: {
+      transform: `scale(${curSize / 100})`
+    }
+  }, /*#__PURE__*/_react.default.createElement(_NodeWrap.default, {
+    nodeConfig: nodeConfig,
+    flowPermission: flowPermission,
+    store: props,
+    changeEvent: setNodeConfig,
+    updateEvent: setFlowPermission
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "end-node"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "end-node-circle"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "end-node-text"
+  }, "\u6D41\u7A0B\u7ED3\u675F"))))), /*#__PURE__*/_react.default.createElement(_ErrorDialog.default, {
+    visible: visible,
+    list: errInfos,
+    store: props,
+    setVisible: setVisible
+  }), /*#__PURE__*/_react.default.createElement(_ApproverDrawer.default, {
+    directorMaxLevel: directorMaxLevel,
+    store: props
+  }), /*#__PURE__*/_react.default.createElement(_PromoterDrawer.default, {
+    store: props
+  }), /*#__PURE__*/_react.default.createElement(_CopyerDrawer.default, {
+    store: props
+  }), /*#__PURE__*/_react.default.createElement(_ConditionDrawer.default, {
+    store: props
+  }));
+}
+var _default = exports.default = Setting;

package/lib/css/override-element-ui.scss

@@ -0,0 +1,119 @@
+.ant-drawer-header {
+    margin-bottom: 0 !important;
+    padding: 14px 0 14px 20px !important;
+    border-bottom: none !important;
+    color: #323232 !important;
+    font-size: 16px !important;
+}
+.ant-drawer-header .ant-drawer-title{
+    font-size: 16px !important;
+    font-weight: normal !important;
+}
+.ant-drawer-body{
+    padding: 0 !important;
+}
+.demo-drawer-content {
+    display: flex !important;
+    flex-direction: column !important;
+    height: 100% !important;
+}
+
+.drawer_content {
+    flex: 1 !important;
+}
+
+.demo-drawer-content>div {
+    border-top: 1px solid #F2F2F2 !important;
+}
+
+.ant-btn {
+    min-width: 79px !important;
+    padding: 8px 12px !important;
+    font-size: 12px !important;
+    border-radius: 2px !important;
+    color: #323232 !important;
+    background: #f2f2f2 !important;
+    height: 30px !important;
+    line-height: 1 !important;
+}
+
+.ant-btn.ant-btn-primary {
+    background: #46A6FE !important;
+    color: #fff !important;
+    border: none !important;
+}
+
+.demo-drawer-footer {
+    padding: 10px 30px !important;
+    border-top: 1px solid #F2F2F2 !important;
+}
+
+.demo-drawer-footer .ant-btn {
+    float: right !important;
+    margin-right: 10px !important;
+}
+
+.ant-modal {
+    width: 520px;
+    &-content{
+        padding: 0 !important;
+        border: 1px solid #DDE1E5 !important;
+        border-radius: 3px !important;
+        .ant-modal-close{
+            height: 12px !important;
+            width: 12px !important;
+        }
+        .ant-icon-close {
+            display: block;
+            width: 12px !important;
+            height: 12px !important;
+            background: url(~@/assets/images/add-close.png) no-repeat center !important;
+            background-size: 100% 100% !important;
+        }
+    }
+    &-header {
+        margin-bottom: 0 !important;
+        padding: 0 0 0 20px !important;
+        line-height: 50px !important;
+        height: 50px !important;
+        background: #fff !important;
+        border-bottom: 1px solid #F2F2F2 !important;
+        .ant-modal-title {
+            font-size: 16px !important;
+            line-height: 50px !important;
+            color: #333333 !important;
+            font-weight: normal !important;
+        }
+    }
+    &-footer {
+        margin-top: 0 !important;
+        border-top: 1px solid #F2F2F2 !important;
+        padding-bottom: 10px !important;
+        padding: 10px 20px 20px;
+        text-align: right;
+    }
+}
+
+
+.ant-drawer-body {
+    padding: 0 !important;
+}
+
+.ant-checkbox-wrapper,
+.ant-checkbox-input.is-checked+.ant-checkbox-label,
+.ant-radio-wrapper,
+.ant-radio-input.is-checked+.ant-radio-label,
+.ant-tree {
+    font-weight: 500;
+    color: #333 !important;
+}
+
+.ant-radio+*, .ant-checkbox+* {
+    font-size: 12px !important;
+}
+.my-ant-custom-spinner {
+    display: inline-block !important;
+    width: 80px !important;
+    height: 80px !important;
+    background: url(~@/assets/images/loading.gif) no-repeat center !important;
+}