work-flow-master 1.0.0 → 1.0.2

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

@@ -0,0 +1,336 @@
+"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 _index = require("../../../utils/index");
+var _SelectBox = _interopRequireDefault(require("../../SelectBox"));
+var _SelectResult = _interopRequireDefault(require("../../SelectResult"));
+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 15:53:49
+ * @FilePath: /workflow-react/src/components/Dialog/SelectDialog/index.js
+ */
+
+// import { getDepartments, getEmployees, getRoles } from '../../../api/index'
+
+function SelectDialog(props) {
+  // 111需要传输的参数
+  let getDepartments = [];
+  let getEmployees = {
+    data: {
+      list: []
+    }
+  };
+  let getRoles = [];
+  let {
+    type,
+    visible,
+    setVisible,
+    changeEvent,
+    data,
+    isDepartment
+  } = props;
+  let [departments, setDepartments] = (0, _react.useState)({
+    titleDepartments: [],
+    childDepartments: [],
+    employees: []
+  });
+  let [roles, setRoles] = (0, _react.useState)([]);
+  let [activeKey, setActiveKey] = (0, _react.useState)('1');
+  let [list, setList] = (0, _react.useState)([]);
+  let [reList, setReList] = (0, _react.useState)([]);
+  let [searchVal, setSearchVal] = (0, _react.useState)('');
+  let [checkedDepartmentList, setCheckedDepartmentList] = (0, _react.useState)([]);
+  let [checkedEmployessList, setCheckedEmployessList] = (0, _react.useState)([]);
+  let [checkedRoleList, setCheckedRoleList] = (0, _react.useState)([]);
+  let items = [{
+    key: '1',
+    label: '组织架构'
+  }, {
+    key: '2',
+    label: '角色列表'
+  }];
+  (0, _react.useEffect)(() => {
+    if (type !== 'employees') return;
+    setList([{
+      isDepartment: props.isDepartment,
+      type: 'department',
+      data: departments.childDepartments,
+      isActive: item => (0, _index.toggleClass)(checkedDepartmentList, item),
+      change: item => setCheckedDepartmentList((0, _index.toChecked)(checkedDepartmentList, item)),
+      next: item => getDepartmentList(item.id)
+    }, {
+      type: 'employee',
+      data: departments.employees,
+      isActive: item => (0, _index.toggleClass)(checkedEmployessList, item),
+      change: item => setCheckedEmployessList((0, _index.toChecked)(checkedEmployessList, item))
+    }]);
+  }, [isDepartment, departments, checkedDepartmentList, checkedEmployessList]);
+  (0, _react.useEffect)(() => {
+    if (type !== 'employees') return;
+    let data = [{
+      type: 'employee',
+      data: checkedEmployessList,
+      cancel: item => setCheckedEmployessList((0, _index.removeEle)(checkedEmployessList, item))
+    }];
+    if (props.isDepartment) {
+      data.unshift({
+        type: 'department',
+        data: checkedDepartmentList,
+        cancel: item => setCheckedDepartmentList((0, _index.removeEle)(checkedDepartmentList, item))
+      });
+    }
+    setReList(data);
+  }, [isDepartment, checkedEmployessList, checkedDepartmentList]);
+  (0, _react.useEffect)(() => {
+    if (type !== 'employeesRole') return;
+    if (activeKey === '2') {
+      setList([{
+        type: 'role',
+        not: false,
+        data: roles,
+        isActiveItem: item => (0, _index.toggleClass)(checkedRoleList, item, 'roleId'),
+        change: item => setCheckedRoleList((0, _index.toChecked)(checkedRoleList, item, 'roleId'))
+      }]);
+    } else {
+      setList([{
+        isDepartment,
+        type: 'department',
+        data: departments.childDepartments,
+        isActive: item => (0, _index.toggleClass)(checkedDepartmentList, item),
+        change: item => setCheckedDepartmentList((0, _index.toChecked)(checkedDepartmentList, item)),
+        next: item => getDepartmentList(item.id)
+      }, {
+        type: 'employee',
+        data: departments.employees,
+        isActive: item => (0, _index.toggleClass)(checkedEmployessList, item),
+        change: item => setCheckedEmployessList((0, _index.toChecked)(checkedEmployessList, item))
+      }]);
+    }
+  }, [activeKey, checkedRoleList, departments, isDepartment, roles, checkedDepartmentList, checkedEmployessList]);
+  (0, _react.useEffect)(() => {
+    if (type !== 'employeesRole') return;
+    let data = [{
+      type: 'role',
+      data: checkedRoleList,
+      cancel: item => setCheckedRoleList((0, _index.removeEle)(checkedRoleList, item, 'roleId'))
+    }, {
+      type: 'employee',
+      data: checkedEmployessList,
+      cancel: item => setCheckedEmployessList((0, _index.removeEle)(checkedEmployessList, item))
+    }];
+    if (props.isDepartment) {
+      data.splice(1, 0, {
+        type: 'department',
+        data: checkedDepartmentList,
+        cancel: item => setCheckedEmployessList((0, _index.removeEle)(checkedDepartmentList, item))
+      });
+    }
+    setReList(data);
+  }, [checkedRoleList, checkedEmployessList, checkedDepartmentList, isDepartment]);
+  (0, _react.useEffect)(() => {
+    if (type !== 'role') return;
+    setList([{
+      type: 'role',
+      not: true,
+      data: roles,
+      isActive: item => (0, _index.toggleClass)(checkedRoleList, item, 'roleId'),
+      change: item => setCheckedRoleList([item])
+    }]);
+  }, [roles, checkedRoleList]);
+  (0, _react.useEffect)(() => {
+    if (type !== 'role') return;
+    setReList([{
+      type: 'role',
+      data: checkedRoleList,
+      cancel: item => setCheckedRoleList((0, _index.removeEle)(checkedRoleList, item, 'roleId'))
+    }]);
+  }, [checkedRoleList]);
+  (0, _react.useEffect)(() => {
+    if (visible) {
+      setSearchVal('');
+      if (type === 'employeesRole') setActiveKey('1');
+      if (type === 'employees' || type === 'employeesRole') {
+        getDepartmentList();
+        setCheckedEmployessList(data.filter(item => item.type === 1).map(_ref => {
+          let {
+            name,
+            targetId
+          } = _ref;
+          return {
+            employeeName: name,
+            id: targetId
+          };
+        }));
+        setCheckedDepartmentList(data.filter(item => item.type === 3).map(_ref2 => {
+          let {
+            name,
+            targetId
+          } = _ref2;
+          return {
+            departmentName: name,
+            id: targetId
+          };
+        }));
+      }
+      if (type === 'role' || type === 'employeesRole') {
+        if (type === 'role') getRoleList();
+        setCheckedRoleList(data.map(_ref3 => {
+          let {
+            name,
+            targetId
+          } = _ref3;
+          return {
+            roleName: name,
+            roleId: targetId
+          };
+        }));
+      }
+    }
+  }, [visible]);
+  let getDepartmentList = async function () {
+    let parentId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    // let { data } = await getDepartments({ parentId })
+    // setDepartments(data)
+    setDepartments(getDepartments);
+  };
+  let getRoleList = async function () {
+    let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    // let { data: { list } } = await getRoles(data)
+    // setRoles(list)
+    setRoles(getRoles);
+  };
+  let getDebounceData = async _ref4 => {
+    let {
+      target: {
+        value: searchName
+      }
+    } = _ref4;
+    setSearchVal(searchName);
+    if (searchName) {
+      let data = {
+        searchName,
+        pageNum: 1,
+        pageSize: 30
+      };
+      if (activeKey === '2' || type === 'role') {
+        await getRoleList();
+      } else {
+        // let res = await getEmployees(data)
+        // departments.employees = res.data.list
+        departments.employees = getEmployees.data.list;
+        setDepartments({
+          ...departments,
+          childDepartments: [],
+          employees: getEmployees.data.list
+        });
+      }
+    } else {
+      if (activeKey === '2' || type === 'role') {
+        await getRoleList();
+      } else {
+        await getDepartmentList();
+      }
+    }
+  };
+  const handleClick = e => {
+    setActiveKey(e);
+    setSearchVal('');
+    if (e === '1') {
+      getDepartmentList();
+    } else {
+      getRoleList();
+    }
+  };
+  const delList = () => {
+    if (type === 'employees' || type === 'employeesRole') {
+      setCheckedDepartmentList([]);
+      setCheckedEmployessList([]);
+    }
+    if (type === 'role' || type === 'employeesRole') {
+      setCheckedRoleList([]);
+    }
+  };
+  let saveDialog = () => {
+    if (type === 'employees') {
+      let checkedList = [...checkedDepartmentList, ...checkedEmployessList].map(item => ({
+        type: item.employeeName ? 1 : 3,
+        targetId: item.id,
+        name: item.employeeName || item.departmentName
+      }));
+      changeEvent(checkedList);
+    }
+    if (type === 'role') {
+      let checkedList = checkedRoleList.map(item => ({
+        type: 2,
+        targetId: item.roleId,
+        name: item.roleName
+      }));
+      changeEvent(checkedList);
+    }
+    if (type === 'employeesRole') {
+      let checkedList = [...checkedRoleList, ...checkedEmployessList, ...checkedDepartmentList].map(item => ({
+        type: item.employeeName ? 1 : item.roleName ? 2 : 3,
+        targetId: item.id || item.roleId,
+        name: item.employeeName || item.roleName || item.departmentName
+      }));
+      changeEvent(checkedList);
+    }
+  };
+  let closeIcon = /*#__PURE__*/_react.default.createElement("span", {
+    className: "ant-icon-close"
+  });
+  const title = type !== 'role' ? '选择成员' : '选择角色';
+  const showCompanyName = !searchVal && activeKey === '1' && type !== 'role';
+  return /*#__PURE__*/_react.default.createElement(_antd.Modal, {
+    title: title,
+    okText: "\u786E \u5B9A",
+    closeIcon: closeIcon,
+    onOk: saveDialog,
+    cancelText: "\u53D6 \u6D88",
+    onCancel: () => setVisible(false),
+    open: visible,
+    width: 600,
+    className: "promoter_person"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "person_body clear"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "person_tree l"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    style: {
+      textIndent: 10
+    },
+    placeholder: "\u641C\u7D22\u6210\u5458",
+    value: searchVal,
+    onChange: getDebounceData
+  }), type === 'employeesRole' ? /*#__PURE__*/_react.default.createElement(_antd.Tabs, {
+    activeKey: activeKey,
+    onChange: handleClick,
+    items: items
+  }) : '', showCompanyName ? /*#__PURE__*/_react.default.createElement("p", {
+    className: "ellipsis tree_nav"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    onClick: () => getDepartmentList(0),
+    className: "ellipsis"
+  }, "\u5929\u4E0B"), departments.titleDepartments.map((item, index) => {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "ellipsis",
+      key: index + 'a',
+      onClick: () => getDepartmentList(item.id)
+    }, item.departmentName);
+  })) : '', /*#__PURE__*/_react.default.createElement(_SelectBox.default, {
+    list: list
+  })), /*#__PURE__*/_react.default.createElement(_SelectResult.default, {
+    del: delList,
+    list: reList
+  })));
+}
+var _default = exports.default = SelectDialog;

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

@@ -0,0 +1,34 @@
+.person_body {
+  border: 1px solid #f5f5f5;
+  height: 500px;
+}
+.tree_nav span {
+  display: inline-block;
+  padding-right: 10px;
+  margin-right: 5px;
+  max-width: 6em;
+  color: #38adff;
+  font-size: 12px;
+  cursor: pointer;
+  background: url(~@/assets/images/jiaojiao.png) no-repeat right center;
+  &:last-of-type {
+    background: none;
+  }
+}
+.person_tree {
+  padding: 10px 12px 0 8px;
+  width: 280px;
+  height: 100%;
+  border-right: 1px solid #f5f5f5;
+  input {
+    padding-left: 22px;
+    width: 210px;
+    height: 30px;
+    font-size: 12px;
+    border-radius: 2px;
+    border: 1px solid #d5dadf;
+    background: url(~@/assets/images/list_search.png) no-repeat 10px center;
+    background-size: 14px 14px;
+    margin-bottom: 14px;
+  }
+}

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

@@ -0,0 +1,260 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ApproverDrawer;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _SelectDialog = _interopRequireDefault(require("../../../components/Dialog/SelectDialog"));
+var _index = require("../../../utils/index");
+var _const = require("../../../utils/const");
+var _addClose = _interopRequireDefault(require("../../../assets/images/add-close1.png"));
+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); }
+function ApproverDrawer(props) {
+  let {
+    directorMaxLevel,
+    store
+  } = props;
+  let {
+    approverDrawer,
+    approverConfig1,
+    setApproverConfig,
+    setApprover
+  } = store;
+  let [config, setConfig] = (0, _react.useState)({
+    settype: 1,
+    nodeUserList: []
+  });
+  let [approverVisible, setApproverVisible] = (0, _react.useState)(false);
+  let [checkedList, setCheckedList] = (0, _react.useState)([]);
+  let [approverRoleVisible, setApproverRoleVisible] = (0, _react.useState)(false);
+  let [checkedRoleList, setCheckedRoleList] = (0, _react.useState)([]);
+  (0, _react.useEffect)(() => {
+    if (!approverConfig1.value) return;
+    setConfig(approverConfig1.value);
+  }, [approverConfig1]);
+  const addApprover = () => {
+    setCheckedList(config.nodeUserList);
+    setApproverVisible(true);
+  };
+  const addRoleApprover = () => {
+    setCheckedRoleList(config.nodeUserList);
+    setApproverRoleVisible(true);
+  };
+  const sureApprover = nodeUserList => {
+    setConfig({
+      ...config,
+      nodeUserList
+    });
+    setApproverVisible(false);
+  };
+  const sureRoleApprover = nodeUserList => {
+    setConfig({
+      ...config,
+      nodeUserList
+    });
+    setApproverRoleVisible(false);
+  };
+  const saveApprover = () => {
+    config.error = !(0, _index.setApproverStr)(config);
+    setApproverConfig({
+      value: config,
+      flag: true,
+      id: approverConfig1.id
+    });
+    closeDrawer();
+  };
+  const closeDrawer = () => {
+    setApprover(false);
+  };
+  const changeType = _ref => {
+    let {
+      target: {
+        value: settype
+      }
+    } = _ref;
+    let data = {
+      ...config,
+      settype,
+      nodeUserList: [],
+      examineMode: 1,
+      noHanderAction: 2
+    };
+    if (settype == 2) {
+      data.directorLevel = 1;
+    } else if (settype == 4) {
+      data.selectMode = 1;
+      data.selectRange = 1;
+    } else if (settype == 7) {
+      data.examineEndDirectorLevel = 1;
+    }
+    setConfig(data);
+  };
+  let changeHandle = (e, key) => {
+    let data = {
+      ...config
+    };
+    data[key] = typeof e === 'object' ? e.target.value : e;
+    if (key === 'selectRange') {
+      data.nodeUserList = [];
+    }
+    setConfig(data);
+  };
+  let removeNodeUserList = item => {
+    setConfig({
+      ...config,
+      nodeUserList: (0, _index.removeEle)(config.nodeUserList, item, 'targetId')
+    });
+  };
+  let clearNodeUserList = () => {
+    setConfig({
+      ...config,
+      nodeUserList: []
+    });
+  };
+  const getLevels = function () {
+    let flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    let text = flag ? '最高主管' : '直接主管';
+    return Array.from({
+      length: 4
+    }, (_, i) => {
+      return {
+        value: i + 1,
+        label: i == 0 ? text : `第${i + 1}${flag ? '层' : ''}级主管`
+      };
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
+    title: "\u5BA1\u6279\u4EBA\u8BBE\u7F6E",
+    open: approverDrawer,
+    className: "set_promoter",
+    closable: false,
+    width: 550,
+    onClose: saveApprover
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "demo-drawer-content"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "drawer_content"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "approver_content"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
+    value: config.settype,
+    className: "clear",
+    options: _const.setTypes,
+    onChange: changeType
+  }), config.settype == 1 ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    onClick: addApprover
+  }, "\u6DFB\u52A0/\u4FEE\u6539\u6210\u5458"), /*#__PURE__*/_react.default.createElement("p", {
+    className: "selected_list"
+  }, config.nodeUserList.map((item, index) => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
+    key: index
+  }, item.name, /*#__PURE__*/_react.default.createElement("img", {
+    src: _addClose.default,
+    onClick: () => removeNodeUserList(item),
+    alt: ""
+  })))), config.nodeUserList.length != 0 ? /*#__PURE__*/_react.default.createElement("a", {
+    onClick: clearNodeUserList
+  }, "\u6E05\u9664") : '')) : ''), config.settype == 2 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "approver_manager"
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", null, "\u53D1\u8D77\u4EBA\u7684\uFF1A"), /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    className: "select",
+    value: config.directorLevel,
+    options: getLevels(),
+    onChange: e => changeHandle(e, 'directorLevel')
+  })), /*#__PURE__*/_react.default.createElement("p", {
+    className: "tip"
+  }, "\u627E\u4E0D\u5230\u4E3B\u7BA1\u65F6\uFF0C\u7531\u4E0A\u7EA7\u4E3B\u7BA1\u4EE3\u5BA1\u6279")) : '', config.settype == 5 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "approver_self"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "\u8BE5\u5BA1\u6279\u8282\u70B9\u8BBE\u7F6E\u201C\u53D1\u8D77\u4EBA\u81EA\u5DF1\u201D\u540E\uFF0C\u5BA1\u6279\u4EBA\u9ED8\u8BA4\u4E3A\u53D1\u8D77\u4EBA")) : '', /*#__PURE__*/_react.default.createElement("div", {
+    className: "approver_self_select",
+    style: {
+      display: config.settype == 4 ? 'block' : 'none'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
+    value: config.selectMode,
+    options: _const.selectModes,
+    onChange: e => changeHandle(e, 'selectMode')
+  }), /*#__PURE__*/_react.default.createElement("h3", null, "\u9009\u62E9\u8303\u56F4"), /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
+    value: config.selectRange,
+    options: _const.selectRanges,
+    onChange: e => changeHandle(e, 'selectRange')
+  }), config.selectRange == 2 ? /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    onClick: addApprover
+  }, "\u6DFB\u52A0/\u4FEE\u6539\u6210\u5458") : '', config.selectRange == 3 ? /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    onClick: addRoleApprover
+  }, "\u6DFB\u52A0/\u4FEE\u6539\u89D2\u8272") : '', config.selectRange == 2 || config.selectRange == 3 ? /*#__PURE__*/_react.default.createElement("p", {
+    className: "selected_list"
+  }, config.nodeUserList.map((item, index) => /*#__PURE__*/_react.default.createElement("span", {
+    key: index
+  }, item.name, /*#__PURE__*/_react.default.createElement("img", {
+    src: _addClose.default,
+    onClick: () => removeNodeUserList(item),
+    alt: ""
+  }))), config.nodeUserList.length != 0 && config.selectRange != 1 ? /*#__PURE__*/_react.default.createElement("a", {
+    onClick: clearNodeUserList
+  }, "\u6E05\u9664") : '') : ''), config.settype == 7 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "approver_manager"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "\u5BA1\u6279\u7EC8\u70B9"), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      paddingBottom: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", null, "\u53D1\u8D77\u4EBA\u7684\uFF1A"), /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    className: "select",
+    value: config.examineEndDirectorLevel,
+    options: getLevels(true),
+    onChange: e => changeHandle(e, 'examineEndDirectorLevel')
+  }))) : '', config.settype == 1 && config.nodeUserList.length > 1 || config.settype == 2 || config.settype == 4 && config.selectMode == 2 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "approver_some"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "\u591A\u4EBA\u5BA1\u6279\u65F6\u91C7\u7528\u7684\u5BA1\u6279\u65B9\u5F0F"), /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
+    value: config.examineMode,
+    onChange: e => changeHandle(e, 'examineMode'),
+    className: "clear"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Space, {
+    direction: "vertical",
+    size: 0
+  }, /*#__PURE__*/_react.default.createElement(_antd.Radio, {
+    value: 1
+  }, "\u4F9D\u6B21\u5BA1\u6279"), config.settype != 2 ? /*#__PURE__*/_react.default.createElement(_antd.Radio, {
+    value: 2
+  }, "\u4F1A\u7B7E(\u987B\u6240\u6709\u5BA1\u6279\u4EBA\u540C\u610F)") : ''))) : '', config.settype == 2 || config.settype == 7 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "approver_some"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "\u5BA1\u6279\u4EBA\u4E3A\u7A7A\u65F6"), /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
+    value: config.noHanderAction,
+    onChange: e => changeHandle(e, 'noHanderAction'),
+    className: "clear"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Space, {
+    direction: "vertical",
+    size: 0
+  }, /*#__PURE__*/_react.default.createElement(_antd.Radio, {
+    value: 1
+  }, "\u81EA\u52A8\u5BA1\u6279\u901A\u8FC7/\u4E0D\u5141\u8BB8\u53D1\u8D77"), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
+    value: 2
+  }, "\u8F6C\u4EA4\u7ED9\u5BA1\u6838\u7BA1\u7406\u5458")))) : ''), /*#__PURE__*/_react.default.createElement("div", {
+    className: "demo-drawer-footer clear"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    onClick: saveApprover
+  }, "\u786E \u5B9A"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    onClick: closeDrawer
+  }, "\u53D6 \u6D88")), /*#__PURE__*/_react.default.createElement(_SelectDialog.default, {
+    type: "employees",
+    visible: approverVisible,
+    setVisible: setApproverVisible,
+    data: checkedList,
+    setData: setCheckedList,
+    changeEvent: sureApprover
+  }), /*#__PURE__*/_react.default.createElement(_SelectDialog.default, {
+    type: "role",
+    visible: approverRoleVisible,
+    setVisible: setApproverRoleVisible,
+    data: checkedRoleList,
+    setData: setCheckedRoleList,
+    changeEvent: sureRoleApprover
+  })));
+}

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

@@ -0,0 +1,62 @@
+.set_promoter{
+    .approver_content {
+        padding-bottom: 10px;
+        border-bottom: 1px solid #f2f2f2;
+    }
+    .approver_self_select,
+    .approver_content{
+        .ant-btn{
+            margin-bottom: 20px;
+        }
+    }
+    .approver_content,
+    .approver_some,
+    .approver_self_select{
+        .ant-radio-group{
+            width: 100%;
+        }
+        .ant-radio-wrapper{
+            width: 27%;
+            margin-bottom: 20px;
+            line-height: 16px;
+            white-space: nowrap;
+        }
+    }
+    .approver_manager p {
+        line-height: 32px;
+    }
+    .approver_manager .select {
+        width: 420px;
+        height: 32px;
+        background: rgba(255, 255, 255, 1);
+        border-radius: 4px;
+        border-color: rgba(217, 217, 217, 1);
+    }
+    .approver_manager p.tip {
+        margin: 10px 0 22px 0;
+        font-size: 12px;
+        line-height: 16px;
+        color: #f8642d;
+    }
+    .approver_self {
+        padding: 28px 20px;
+    }
+    .approver_self_select,
+    .approver_manager,
+    .approver_content,
+    .approver_some {
+        padding: 20px 20px 0;
+    }
+    .approver_manager p:first-of-type,
+    .approver_some p {
+        line-height: 19px;
+        font-size: 14px;
+        margin-bottom: 14px;
+    }
+    .approver_self_select h3 {
+        margin: 5px 0 20px;
+        font-size: 14px;
+        font-weight: bold;
+        line-height: 19px;
+    }
+}