work-flow-master 1.0.0 → 1.0.2

package/lib/components/Drawer/PromoterDrawer/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PromoterDrawer;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _SelectDialog = _interopRequireDefault(require("../../../components/Dialog/SelectDialog"));
+var _index = require("../../../utils/index");
+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:29:54
+ * @FilePath: /workflow-react/src/components/Drawer/PromoterDrawer/index.js
+ */
+
+function PromoterDrawer(props) {
+  let {
+    promoterDrawer,
+    flowPermission1,
+    setPromoter,
+    setFlowPermission
+  } = props.store;
+  let [promoterVisible, setPromoterVisible] = (0, _react.useState)(false);
+  let [config, setConfig] = (0, _react.useState)([]);
+  let [checkedList, setCheckedList] = (0, _react.useState)([]);
+  (0, _react.useEffect)(() => {
+    setConfig(flowPermission1.value);
+  }, [flowPermission1]);
+  const addPromoter = () => {
+    setCheckedList(config);
+    setPromoterVisible(true);
+  };
+  const surePromoter = data => {
+    setConfig(data);
+    setPromoterVisible(false);
+  };
+  const savePromoter = () => {
+    setFlowPermission({
+      value: config,
+      flag: true,
+      id: flowPermission1.id
+    });
+    closeDrawer();
+  };
+  const closeDrawer = () => {
+    setPromoter(false);
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
+    title: "\u53D1\u8D77\u4EBA",
+    open: promoterDrawer,
+    className: "set_promoter",
+    closable: false,
+    width: 550,
+    onClose: savePromoter
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "demo-drawer-content"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "promoter_content drawer_content"
+  }, /*#__PURE__*/_react.default.createElement("p", null, (0, _index.arrToStr)(config) || '所有人'), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    onClick: addPromoter
+  }, "\u6DFB\u52A0/\u4FEE\u6539\u53D1\u8D77\u4EBA")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "demo-drawer-footer clear"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    onClick: savePromoter
+  }, "\u786E \u5B9A"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    onClick: closeDrawer
+  }, "\u53D6 \u6D88")), /*#__PURE__*/_react.default.createElement(_SelectDialog.default, {
+    type: "employees",
+    isDepartment: true,
+    visible: promoterVisible,
+    setVisible: setPromoterVisible,
+    data: checkedList,
+    changeEvent: surePromoter
+  })));
+}

package/lib/components/Drawer/PromoterDrawer/index.scss

@@ -0,0 +1,16 @@
+.set_promoter {
+  .promoter_content {
+      padding: 0 20px;
+
+      .ant-btn {
+          margin-bottom: 20px;
+      }
+
+      p {
+          padding: 18px 0;
+          font-size: 14px;
+          line-height: 20px;
+          color: #000000;
+      }
+  }
+}

package/lib/components/NodeWrap/index.js

@@ -0,0 +1,383 @@
+"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 _lodash = require("lodash");
+var _antd = require("antd");
+var _const = require("../../utils/const");
+var _index = require("../../utils/index");
+var _AddNode = _interopRequireDefault(require("../../components/AddNode"));
+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-04-12 19:00:48
+ * @FilePath: /workflow-react/src/components/NodeWrap/index.js
+ */
+
+let NodeWrap = props => {
+  let {
+    nodeConfig,
+    flowPermission,
+    changeEvent,
+    updateEvent,
+    store
+  } = props;
+  let {
+    isTried,
+    flowPermission1,
+    approverConfig1,
+    copyerConfig1,
+    conditionsConfig1,
+    setPromoter,
+    setApprover,
+    setCopyer,
+    setCondition,
+    setFlowPermission,
+    setApproverConfig,
+    setCopyerConfig,
+    setConditionsConfig
+  } = store;
+  let _uid = (0, _react.useId)();
+  let [config, setConfig] = (0, _react.useState)({
+    nodeUserList: []
+  });
+  let [defaultText, setDefaultText] = (0, _react.useState)('');
+  let [showText, setShowText] = (0, _react.useState)('');
+  let [isInputList, setIsInputList] = (0, _react.useState)([]);
+  let [isInput, setIsInput] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    setConfig(nodeConfig);
+  }, [nodeConfig]);
+  (0, _react.useEffect)(() => {
+    setDefaultText(_const.placeholderList[config.type]);
+    if (config.type == 1) {
+      config.error = !(0, _index.setApproverStr)(config);
+    } else if (config.type == 2) {
+      config.error = !(0, _index.copyerStr)(config);
+    } else if (config.type == 4) {
+      resetConditionNodesErr();
+    }
+  }, [config]);
+  (0, _react.useEffect)(() => {
+    if (config.type == 0) {
+      setShowText((0, _index.arrToStr)(flowPermission) || '所有人');
+    } else if (config.type == 1) {
+      setShowText((0, _index.setApproverStr)(config));
+    } else if (config.type == 2) {
+      setShowText((0, _index.copyerStr)(config));
+    }
+  }, [config, flowPermission]);
+  (0, _react.useEffect)(() => {
+    if (flowPermission1.flag && flowPermission1.id === _uid) {
+      updateEvent(flowPermission1.value);
+    }
+  }, [flowPermission1]);
+  (0, _react.useEffect)(() => {
+    if (approverConfig1.flag && approverConfig1.id === _uid) {
+      changeEvent(approverConfig1.value);
+    }
+  }, [approverConfig1]);
+  (0, _react.useEffect)(() => {
+    if (copyerConfig1.flag && copyerConfig1.id === _uid) {
+      changeEvent(copyerConfig1.value);
+    }
+  }, [copyerConfig1]);
+  (0, _react.useEffect)(() => {
+    if (conditionsConfig1.flag && conditionsConfig1.id === _uid) {
+      changeEvent(conditionsConfig1.value);
+    }
+  }, [conditionsConfig1]);
+  const resetConditionNodesErr = () => {
+    for (var i = 0; i < config.conditionNodes.length; i++) {
+      config.conditionNodes[i].error = (0, _index.conditionStr)(config, i) == "请设置条件" && i != config.conditionNodes.length - 1;
+    }
+  };
+  const clickEvent = index => {
+    if (index || index === 0) {
+      let data = [...isInputList];
+      data[index] = true;
+      setIsInputList(data);
+    } else {
+      setIsInput(true);
+    }
+  };
+  const InputEvent = (e, index) => {
+    if (index || index === 0) {
+      let {
+        conditionNodes
+      } = config;
+      conditionNodes[index].nodeName = e.target.value;
+      setConfig({
+        ...config,
+        conditionNodes
+      });
+    } else {
+      setConfig({
+        ...config,
+        nodeName: e.target.value
+      });
+    }
+  };
+  const blurEvent = index => {
+    if (index || index === 0) {
+      let data = [...isInputList];
+      data[index] = false;
+      setIsInputList(data);
+      let conditionNodes = [...config.conditionNodes];
+      conditionNodes[index].nodeName = conditionNodes[index].nodeName || "条件";
+      changeEvent({
+        ...config,
+        conditionNodes
+      });
+    } else {
+      setIsInput(false);
+      changeEvent({
+        ...config,
+        nodeName: config.nodeName || defaultText
+      });
+    }
+  };
+  const delNode = () => {
+    changeEvent(config.childNode ? {
+      ...config.childNode
+    } : null);
+  };
+  const addTerm = () => {
+    let len = config.conditionNodes.length + 1;
+    config.conditionNodes.push({
+      nodeName: "条件" + len,
+      type: 3,
+      priorityLevel: len,
+      conditionList: [],
+      nodeUserList: [],
+      childNode: null
+    });
+    resetConditionNodesErr();
+    changeEvent(config);
+  };
+  const delTerm = index => {
+    config.conditionNodes.splice(index, 1);
+    config.conditionNodes.map((item, index) => {
+      item.priorityLevel = index + 1;
+      item.nodeName = `条件${index + 1}`;
+    });
+    resetConditionNodesErr();
+    changeEvent({
+      ...config
+    });
+    if (config.conditionNodes.length == 1) {
+      if (config.childNode) {
+        if (config.conditionNodes[0].childNode) {
+          reData(config.conditionNodes[0].childNode, config.childNode);
+        } else {
+          config.conditionNodes[0].childNode = config.childNode;
+        }
+      }
+      changeEvent(config.conditionNodes[0].childNode);
+    }
+  };
+  const reData = (data, addData) => {
+    if (!data.childNode) {
+      data.childNode = addData;
+    } else {
+      reData(data.childNode, addData);
+    }
+  };
+  const setPerson = priorityLevel => {
+    var {
+      type
+    } = config;
+    if (type == 0) {
+      setPromoter(true);
+      setFlowPermission({
+        value: flowPermission,
+        flag: false,
+        id: _uid
+      });
+    } else if (type == 1) {
+      setApprover(true);
+      setApproverConfig({
+        value: {
+          ...(0, _lodash.cloneDeep)(config),
+          ...{
+            settype: config.settype ? config.settype : 1
+          }
+        },
+        flag: false,
+        id: _uid
+      });
+    } else if (type == 2) {
+      setCopyer(true);
+      setCopyerConfig({
+        value: (0, _lodash.cloneDeep)(config),
+        flag: false,
+        id: _uid
+      });
+    } else {
+      setCondition(true);
+      setConditionsConfig({
+        value: (0, _lodash.cloneDeep)(config),
+        priorityLevel,
+        flag: false,
+        id: _uid
+      });
+    }
+  };
+  const arrTransfer = function (index) {
+    let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    //向左-1,向右1
+    config.conditionNodes[index] = config.conditionNodes.splice(index + type, 1, config.conditionNodes[index])[0];
+    config.conditionNodes.map((item, index) => {
+      item.priorityLevel = index + 1;
+    });
+    resetConditionNodesErr();
+    changeEvent(config);
+  };
+  const changeConfig = (childNode, i) => {
+    if (typeof i === 'number') {
+      let {
+        conditionNodes
+      } = config;
+      conditionNodes[i].childNode = childNode;
+      changeEvent({
+        ...config,
+        conditionNodes
+      });
+    } else {
+      changeEvent({
+        ...config,
+        childNode
+      });
+    }
+  };
+  const updateChildNode = (childNode, i) => {
+    let {
+      conditionNodes
+    } = config;
+    conditionNodes[i].childNode = childNode;
+    changeEvent({
+      ...config,
+      conditionNodes
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement("div", null, config.type < 3 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "node-wrap"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `node-wrap-box ${config.type == 0 ? 'start-node' : ''} ${isTried && config.error ? 'active error' : ''}`
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "title",
+    style: {
+      background: `rgb(${_const.bgColors[config.type]})`
+    }
+  }, config.type == 0 ? /*#__PURE__*/_react.default.createElement("span", null, config.nodeName) : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "iconfont"
+  }, config.type == 1 ? '' : ''), isInput ? /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    className: "editable-title-input",
+    onBlur: () => blurEvent(),
+    onChange: e => InputEvent(e),
+    onFocus: e => e.currentTarget.select(),
+    value: config.nodeName,
+    placeholder: defaultText
+  }) : /*#__PURE__*/_react.default.createElement("span", {
+    className: "editable-title",
+    onClick: () => clickEvent()
+  }, config.nodeName), /*#__PURE__*/_react.default.createElement("i", {
+    className: "anticon anticon-close close",
+    onClick: delNode
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "content",
+    onClick: () => setPerson()
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "text"
+  }, !showText ? /*#__PURE__*/_react.default.createElement("span", {
+    className: "placeholder"
+  }, "\u8BF7\u9009\u62E9", defaultText) : showText), /*#__PURE__*/_react.default.createElement("i", {
+    className: "anticon anticon-right arrow"
+  })), isTried && config.error ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "error_tip"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "anticon anticon-exclamation-circle"
+  })) : ''), /*#__PURE__*/_react.default.createElement(_AddNode.default, {
+    childNodeP: config.childNode,
+    changeEvent: changeConfig
+  })) : '', config.type == 4 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "branch-wrap"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "branch-box-wrap"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "branch-box"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    className: "add-branch",
+    onClick: addTerm
+  }, "\u6DFB\u52A0\u6761\u4EF6"), config.conditionNodes.map((item, index) => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "col-box",
+      key: index
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "condition-node"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "condition-node-box"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: `auto-judge ${isTried && item.error ? 'error active' : ''}`
+    }, index != 0 ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "sort-left",
+      onClick: () => arrTransfer(index, -1)
+    }, "<") : '', /*#__PURE__*/_react.default.createElement("div", {
+      className: "title-wrapper"
+    }, isInputList[index] ? /*#__PURE__*/_react.default.createElement(_antd.Input, {
+      className: "editable-title-input",
+      onBlur: () => blurEvent(index),
+      onFocus: e => e.currentTarget.select(),
+      onChange: e => InputEvent(e, index),
+      value: item.nodeName
+    }) : /*#__PURE__*/_react.default.createElement("span", {
+      className: "editable-title",
+      onClick: () => clickEvent(index)
+    }, item.nodeName), /*#__PURE__*/_react.default.createElement("span", {
+      className: "priority-title",
+      onClick: () => setPerson(item.priorityLevel)
+    }, "\u4F18\u5148\u7EA7", item.priorityLevel), /*#__PURE__*/_react.default.createElement("i", {
+      className: "anticon anticon-close close",
+      onClick: () => delTerm(index)
+    })), index != config.conditionNodes.length - 1 ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "sort-right",
+      onClick: () => arrTransfer(index)
+    }, ">") : '', /*#__PURE__*/_react.default.createElement("div", {
+      className: "content",
+      onClick: () => setPerson(item.priorityLevel)
+    }, (0, _index.conditionStr)(config, index)), isTried && item.error ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "error_tip"
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "anticon anticon-exclamation-circle"
+    })) : ''), /*#__PURE__*/_react.default.createElement(_AddNode.default, {
+      childNodeP: item.childNode,
+      changeEvent: e => updateChildNode(e, index)
+    }))), item.childNode ? /*#__PURE__*/_react.default.createElement(NodeWrap, {
+      nodeConfig: item.childNode,
+      changeEvent: e => changeConfig(e, index),
+      store: store
+    }) : '', index == 0 ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+      className: "top-left-cover-line"
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "bottom-left-cover-line"
+    })) : '', index == config.conditionNodes.length - 1 ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+      className: "top-right-cover-line"
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "bottom-right-cover-line"
+    })) : '');
+  })), /*#__PURE__*/_react.default.createElement(_AddNode.default, {
+    childNodeP: config.childNode,
+    changeEvent: changeConfig
+  }))) : '', config.childNode ? /*#__PURE__*/_react.default.createElement(NodeWrap, {
+    nodeConfig: config.childNode,
+    changeEvent: changeConfig,
+    store: store
+  }) : '');
+};
+var _default = exports.default = NodeWrap;

package/lib/components/NodeWrap/index.scss

@@ -0,0 +1,32 @@
+.error_tip {
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    transform: translate(150%, 0px);
+    font-size: 24px;
+}
+
+.promoter_person .ant-modal-body {
+    padding: 10px 20px 14px 20px;
+}
+
+.selected_list {
+    margin-bottom: 20px;
+    line-height: 30px;
+}
+
+.selected_list span {
+    margin-right: 10px;
+    padding: 3px 6px 3px 9px;
+    line-height: 12px;
+    white-space: nowrap;
+    border-radius: 2px;
+    border: 1px solid rgba(220, 220, 220, 1);
+}
+
+.selected_list img {
+    margin-left: 5px;
+    width: 7px;
+    height: 7px;
+    cursor: pointer;
+}

package/lib/components/SelectBox/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SelectBox;
+var _react = _interopRequireDefault(require("react"));
+var _icon_role = _interopRequireDefault(require("../../assets/images/icon_role.png"));
+var _icon_file = _interopRequireDefault(require("../../assets/images/icon_file.png"));
+var _icon_people = _interopRequireDefault(require("../../assets/images/icon_people.png"));
+require("./index.scss");
+/*
+ * @Date: 2022-08-25 14:05:59
+ * @LastEditors: StavinLi 495727881@qq.com
+ * @LastEditTime: 2023-03-23 17:57:34
+ * @FilePath: /workflow-react/src/components/SelectBox/index.js
+ */
+
+function SelectBox(props) {
+  let {
+    list
+  } = props;
+  let getNodeByType = elem => {
+    if (elem.type === 'role') {
+      return elem.data.map(item => /*#__PURE__*/_react.default.createElement("li", {
+        key: item.roleId,
+        className: `check_box ${elem.isActive && elem.isActive(item) ? 'active' : ''} ${elem.not ? 'not' : ''}`,
+        onClick: () => elem.change(item)
+      }, /*#__PURE__*/_react.default.createElement("a", {
+        title: item.description,
+        className: elem.isActiveItem && elem.isActiveItem(item) ? 'active' : ''
+      }, /*#__PURE__*/_react.default.createElement("img", {
+        src: _icon_role.default,
+        alt: ""
+      }), item.roleName)));
+    } else if (elem.type === 'department') {
+      return elem.data.map(item => /*#__PURE__*/_react.default.createElement("li", {
+        key: item.id,
+        className: `check_box ${!elem.isDepartment ? 'not' : ''}`
+      }, elem.isDepartment ? /*#__PURE__*/_react.default.createElement("a", {
+        className: elem.isActive(item) ? 'active' : '',
+        onClick: () => elem.change(item)
+      }, /*#__PURE__*/_react.default.createElement("img", {
+        src: _icon_file.default,
+        alt: ""
+      }), item.departmentName) : /*#__PURE__*/_react.default.createElement("a", null, /*#__PURE__*/_react.default.createElement("img", {
+        src: _icon_file.default,
+        alt: ""
+      }), item.departmentName), /*#__PURE__*/_react.default.createElement("i", {
+        onClick: () => elem.next(item)
+      }, "\u4E0B\u7EA7")));
+    } else if (elem.type === 'employee') {
+      return elem.data.map(item => /*#__PURE__*/_react.default.createElement("li", {
+        key: item.id,
+        className: "check_box"
+      }, /*#__PURE__*/_react.default.createElement("a", {
+        className: elem.isActive(item) ? 'active' : '',
+        onClick: () => {
+          elem.change(item);
+        },
+        title: item.departmentNames
+      }, /*#__PURE__*/_react.default.createElement("img", {
+        src: _icon_people.default,
+        alt: ""
+      }), item.employeeName)));
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: "select-box"
+  }, list.map(elem => getNodeByType(elem)));
+}

package/lib/components/SelectBox/index.scss

@@ -0,0 +1,27 @@
+.select-box {
+  height: 420px;
+  overflow-y: auto;
+  li {
+    padding: 5px 0;
+    i {
+      float: right;
+      padding-left: 24px;
+      padding-right: 10px;
+      color: #3195f8;
+      font-size: 12px;
+      cursor: pointer;
+      background: url(~@/assets/images/next_level_active.png) no-repeat 10px center;
+      border-left: 1px solid rgb(238, 238, 238);
+    }
+    a.active+i {
+      color: rgb(197, 197, 197);
+      background-image: url(~@/assets/images/next_level.png);
+      pointer-events: none;
+    }
+    img {
+      width: 14px;
+      vertical-align: middle;
+      margin-right: 5px;
+    }
+  }
+}

package/lib/components/SelectResult/index.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SelectResult;
+var _react = _interopRequireDefault(require("react"));
+var _icon_role = _interopRequireDefault(require("../../assets/images/icon_role.png"));
+var _icon_file = _interopRequireDefault(require("../../assets/images/icon_file.png"));
+var _icon_people = _interopRequireDefault(require("../../assets/images/icon_people.png"));
+var _cancel = _interopRequireDefault(require("../../assets/images/cancel.png"));
+require("./index.scss");
+function SelectResult(props) {
+  let {
+    list,
+    del
+  } = props;
+  const getNodeByType = _ref => {
+    let {
+      type,
+      data,
+      cancel
+    } = _ref;
+    if (type === 'role') {
+      return data.map(item => /*#__PURE__*/_react.default.createElement("li", {
+        key: item.roleId
+      }, /*#__PURE__*/_react.default.createElement("img", {
+        src: _icon_role.default,
+        alt: ""
+      }), /*#__PURE__*/_react.default.createElement("span", null, item.roleName), /*#__PURE__*/_react.default.createElement("img", {
+        src: _cancel.default,
+        onClick: () => cancel(item)
+      })));
+    } else if (type === 'department') {
+      return data.map(item => /*#__PURE__*/_react.default.createElement("li", {
+        key: item.id
+      }, /*#__PURE__*/_react.default.createElement("img", {
+        src: _icon_file.default,
+        alt: ""
+      }), /*#__PURE__*/_react.default.createElement("span", null, item.departmentName), /*#__PURE__*/_react.default.createElement("img", {
+        src: _cancel.default,
+        onClick: () => cancel(item),
+        alt: ""
+      })));
+    } else if (type === 'employee') {
+      return data.map(item => /*#__PURE__*/_react.default.createElement("li", {
+        key: item.id
+      }, /*#__PURE__*/_react.default.createElement("img", {
+        src: _icon_people.default,
+        alt: ""
+      }), /*#__PURE__*/_react.default.createElement("span", null, item.employeeName), /*#__PURE__*/_react.default.createElement("img", {
+        src: _cancel.default,
+        onClick: () => cancel(item),
+        alt: ""
+      })));
+    }
+  };
+  let total = list.reduce((a, b) => a + b.data.length, 0);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "select-result l"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "clear"
+  }, "\u5DF2\u9009\uFF08", total, "\uFF09", /*#__PURE__*/_react.default.createElement("a", {
+    onClick: del
+  }, "\u6E05\u7A7A")), /*#__PURE__*/_react.default.createElement("ul", null, list.map(item => getNodeByType(item))));
+}