work-flow-master 1.0.0 → 1.0.2

package/lib/App.css

@@ -0,0 +1,92 @@
+.clear:before,
+.clear:after {
+  content: " ";
+  display: table;
+}
+
+.clear:after {
+  clear: both;
+}
+
+.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.l {
+  float: left;
+}
+
+.ml_10 {
+  margin-left: 10px;
+}
+
+.mr_10 {
+  margin-right: 10px;
+}
+
+.radio_box a,
+.check_box a {
+  font-size: 12px;
+  position: relative;
+  padding-left: 20px;
+  margin-right: 30px;
+  cursor: pointer;
+  color: #333;
+  white-space: pre;
+}
+
+.check_box.not a:hover {
+  color: #333;
+}
+
+.check_box.not a::before,
+.check_box.not a:hover::before {
+  border: none;
+}
+
+.check_box.not.active {
+  background: #f3f3f3;
+}
+
+.radio_box a:hover::before,
+.check_box a:hover::before {
+  border: 1px solid #46a6fe;
+}
+
+.radio_box a::before,
+.check_box a::before {
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  border: 1px solid #dcdfe6;
+  border-radius: 2px;
+  left: 0;
+  top: 1px;
+  content: "";
+}
+
+.radio_box a::before {
+  border-radius: 50%;
+}
+
+.check-dot.active::after,
+.radio_box a.active::after,
+.check_box a.active::after {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  top: 3px;
+  left: 3px;
+  content: "";
+}
+
+.radio_box a.active::after {
+  background: #46a6fe;
+}
+
+.check_box a.active::after {
+  background: url(assets/images/check_box.png) no-repeat center;
+}

package/lib/App.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactRouterDom = require("react-router-dom");
+var _index = _interopRequireDefault(require("./components/setting/index"));
+require("./App.css");
+function App(props) {
+  return /*#__PURE__*/React.createElement(_reactRouterDom.HashRouter, null, /*#__PURE__*/React.createElement(_reactRouterDom.Routes, {
+    className: "App"
+  }, /*#__PURE__*/React.createElement(_reactRouterDom.Route, {
+    path: "/",
+    element: /*#__PURE__*/React.createElement(_index.default, props)
+  })));
+}
+var _default = exports.default = App;

package/lib/api/index.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getConditions = getConditions;
+exports.getDepartments = getDepartments;
+exports.getEmployees = getEmployees;
+exports.getRoles = getRoles;
+exports.getWorkFlowData = getWorkFlowData;
+exports.setWorkFlowData = setWorkFlowData;
+var _axios = _interopRequireDefault(require("../utils/axios"));
+/*
+ * @Date: 2022-08-25 14:06:59
+ * @LastEditors: StavinLi 495727881@qq.com
+ * @LastEditTime: 2023-03-23 18:01:35
+ * @FilePath: /workflow-react/src/api/index.js
+ */
+
+let baseUrl = process.env.NODE_ENV === 'production' ? '/Workflow-React/build/' : '/';
+
+/**
+ * 获取角色
+ * @param {*} data 
+ * @returns 
+ */
+function getRoles(data) {
+  return _axios.default.get(`${baseUrl}roles.json`, {
+    params: data
+  });
+}
+
+/**
+ * 获取部门
+ * @param {*} data 
+ * @returns 
+ */
+function getDepartments(data) {
+  return _axios.default.get(`${baseUrl}departments.json`, {
+    params: data
+  });
+}
+
+/**
+ * 获取职员
+ * @param {*} data 
+ * @returns 
+ */
+function getEmployees(data) {
+  return _axios.default.get(`${baseUrl}employees.json`, {
+    params: data
+  });
+}
+/**
+ * 获取条件字段
+ * @param {*} data 
+ * @returns 
+ */
+function getConditions(data) {
+  return _axios.default.get(`${baseUrl}conditions.json`, {
+    params: data
+  });
+}
+
+/**
+ * 获取审批数据
+ * @param {*} data 
+ * @returns 
+ */
+function getWorkFlowData(data) {
+  return _axios.default.get(`${baseUrl}data.json`, {
+    params: data
+  });
+}
+/**
+ * 设置审批数据
+ * @param {*} data 
+ * @returns 
+ */
+function setWorkFlowData(data) {
+  return _axios.default.post(`${baseUrl}`, data);
+}

package/lib/assets/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"  xmlns:v="https://vecta.io/nano"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>

package/lib/components/AddNode/index.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+require("./index.scss");
+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); }
+/*
+ * @Date: 2023-03-15 17:56:12
+ * @LastEditors: StavinLi 495727881@qq.com
+ * @LastEditTime: 2023-03-23 10:25:02
+ * @FilePath: /workflow-react/src/components/addNode/index.js
+ */
+var _default = props => {
+  let {
+    childNodeP,
+    changeEvent
+  } = props;
+  let [visible, setVisible] = (0, _react.useState)(false);
+  const addType = type => {
+    setVisible(false);
+    if (type != 4) {
+      var data;
+      if (type == 1) {
+        data = {
+          "nodeName": "审核人",
+          "error": true,
+          "type": 1,
+          "settype": 1,
+          "selectMode": 0,
+          "selectRange": 0,
+          "directorLevel": 1,
+          "examineMode": 1,
+          "noHanderAction": 1,
+          "examineEndDirectorLevel": 0,
+          "childNode": childNodeP,
+          "nodeUserList": []
+        };
+      } else if (type == 2) {
+        data = {
+          "nodeName": "抄送人",
+          "type": 2,
+          "ccSelfSelectFlag": 1,
+          "childNode": childNodeP,
+          "nodeUserList": []
+        };
+      }
+      changeEvent(data);
+    } else {
+      changeEvent({
+        "nodeName": "路由",
+        "type": 4,
+        "childNode": null,
+        "conditionNodes": [{
+          "nodeName": "条件1",
+          "error": true,
+          "type": 3,
+          "priorityLevel": 1,
+          "conditionList": [],
+          "nodeUserList": [],
+          "childNode": childNodeP
+        }, {
+          "nodeName": "条件2",
+          "type": 3,
+          "priorityLevel": 2,
+          "conditionList": [],
+          "nodeUserList": [],
+          "childNode": null
+        }]
+      });
+    }
+  };
+  let content = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "add-node-popover-body"
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    className: "add-node-popover-item approver",
+    onClick: () => addType(1)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "item-wrapper"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "iconfont"
+  }, "\uE8EF")), /*#__PURE__*/_react.default.createElement("p", null, "\u5BA1\u6279\u4EBA")), /*#__PURE__*/_react.default.createElement("a", {
+    className: "add-node-popover-item notifier",
+    onClick: () => addType(2)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "item-wrapper"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "iconfont"
+  }, "\uE93B")), /*#__PURE__*/_react.default.createElement("p", null, "\u6284\u9001\u4EBA")), /*#__PURE__*/_react.default.createElement("a", {
+    className: "add-node-popover-item condition",
+    onClick: () => addType(4)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "item-wrapper"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "iconfont"
+  }, "\uE9BE")), /*#__PURE__*/_react.default.createElement("p", null, "\u6761\u4EF6\u5206\u652F"))));
+  const handleOpenChange = newOpen => {
+    setVisible(newOpen);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "add-node-btn-box"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "add-node-btn"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Popover, {
+    placement: "rightTop",
+    trigger: "click",
+    open: visible,
+    onOpenChange: handleOpenChange,
+    content: content
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    className: "btn",
+    type: "button"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "iconfont"
+  }, "\uE95B")))));
+};
+exports.default = _default;

package/lib/components/AddNode/index.scss

@@ -0,0 +1,120 @@
+
+.add-node-btn-box {
+    width: 240px;
+    display: -webkit-inline-box;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    -webkit-box-flex: 1;
+    -ms-flex-positive: 1;
+    position: relative;
+    &:before {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        z-index: -1;
+        margin: auto;
+        width: 2px;
+        height: 100%;
+        background-color: #cacaca
+    }
+    .add-node-btn {
+        user-select: none;
+        width: 240px;
+        padding: 20px 0 32px;
+        display: flex;
+        -webkit-box-pack: center;
+        justify-content: center;
+        flex-shrink: 0;
+        -webkit-box-flex: 1;
+        flex-grow: 1;
+        .btn {
+            outline: none;
+            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
+            width: 30px;
+            height: 30px;
+            background: #3296fa;
+            border-radius: 50%;
+            position: relative;
+            border: none;
+            line-height: 30px;
+            -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
+            transition: all .3s cubic-bezier(.645, .045, .355, 1);
+            .iconfont {
+                color: #fff;
+                font-size: 16px
+            }
+            &:hover {
+                transform: scale(1.3);
+                box-shadow: 0 13px 27px 0 rgba(0, 0, 0, .1)
+            }
+            &:active {
+                transform: none;
+                background: #1e83e9;
+                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
+            }
+        }
+    }
+}
+.add-node-popover-body {
+    display: flex;
+    .add-node-popover-item {
+        margin-right: 10px;
+        cursor: pointer;
+        text-align: center;
+        flex: 1;
+        color: #191f25!important;
+        .item-wrapper {
+            user-select: none;
+            display: inline-block;
+            width: 80px;
+            height: 80px;
+            margin-bottom: 5px;
+            background: #fff;
+            border: 1px solid #e2e2e2;
+            border-radius: 50%;
+            transition: all .3s cubic-bezier(.645, .045, .355, 1);
+            .iconfont {
+                font-size: 35px;
+                line-height: 80px
+            }
+        }
+        &.approver{
+            .item-wrapper {
+                color: #ff943e
+            }
+        }
+        &.notifier{
+            .item-wrapper {
+                color: #3296fa
+            }
+        }
+        &.condition{
+            .item-wrapper {
+                color: #15bc83
+            }
+        }
+        &:hover{
+            .item-wrapper {
+                background: #3296fa;
+                box-shadow: 0 10px 20px 0 rgba(50, 150, 250, .4)
+            }
+            .iconfont {
+                color: #fff
+            }
+        }
+        &:active{
+            .item-wrapper {
+                box-shadow: none;
+                background: #eaeaea
+            }
+            .iconfont {
+                color: inherit
+            }
+        }
+    }
+}

package/lib/components/Dialog/ErrorDialog/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+require("./index.scss");
+/*
+ * @Date: 2023-03-15 17:56:12
+ * @LastEditors: StavinLi 495727881@qq.com
+ * @LastEditTime: 2023-03-23 15:51:50
+ * @FilePath: /workflow-react/src/components/Dialog/ErrorDialog/index.js
+ */
+var _default = props => {
+  let {
+    visible,
+    list,
+    setVisible
+  } = props;
+  let closeIcon = /*#__PURE__*/_react.default.createElement("span", {
+    className: "ant-icon-close"
+  });
+  let closeModal = () => setVisible(false);
+  return /*#__PURE__*/_react.default.createElement(_antd.Modal, {
+    title: "\u63D0\u793A",
+    closeIcon: closeIcon,
+    open: visible,
+    okText: "\u524D\u5F80\u4FEE\u6539",
+    onOk: closeModal,
+    cancelText: "\u6211\u77E5\u9053\u4E86",
+    onCancel: closeModal
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "ant-confirm-body"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "anticon anticon-close-circle",
+    style: {
+      color: '#f00'
+    }
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "ant-confirm-title"
+  }, "\u5F53\u524D\u65E0\u6CD5\u53D1\u5E03"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "ant-confirm-content"
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", {
+    className: "error-modal-desc"
+  }, "\u4EE5\u4E0B\u5185\u5BB9\u4E0D\u5B8C\u5584\uFF0C\u9700\u8FDB\u884C\u4FEE\u6539"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "error-modal-list"
+  }, list.map((item, index) => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "error-modal-item",
+      key: index
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "error-modal-item-label"
+    }, "\u6D41\u7A0B\u8BBE\u8BA1"), /*#__PURE__*/_react.default.createElement("div", {
+      className: "error-modal-item-content"
+    }, item.name, " \u672A\u9009\u62E9", item.type));
+  }))))));
+};
+exports.default = _default;

package/lib/components/Dialog/ErrorDialog/index.scss

@@ -0,0 +1,60 @@
+.ant-confirm-body{
+  padding: 30px 20px;
+  .ant-confirm-title {
+    color: rgba(0, 0, 0, .85);
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 1.4;
+    display: block;
+    overflow: hidden
+  }
+  .ant-confirm-content {
+    margin-left: 38px;
+    font-size: 14px;
+    color: rgba(0, 0, 0, .65);
+    margin-top: 8px
+  }
+  &>.anticon {
+    font-size: 22px;
+    margin-right: 16px;
+    float: left
+  }
+}
+
+
+.error-modal{
+  &-desc {
+    font-size: 13px;
+    color: rgba(25, 31, 37, .56);
+    line-height: 22px;
+    margin-bottom: 14px
+  }
+  &-list {
+    height: 200px;
+    overflow-y: auto;
+    margin-right: -25px;
+    padding-right: 25px
+  }
+  &-item {
+    padding: 10px 20px;
+    line-height: 21px;
+    background: #f6f6f6;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 8px;
+    border-radius: 4px;
+    &-label {
+      flex: none;
+      font-size: 15px;
+      color: rgba(25, 31, 37, .56);
+      padding-right: 10px
+    }
+    &-content {
+      text-align: right;
+      flex: 1;
+      font-size: 13px;
+      color: #191f25
+    }
+  }
+}