work-flow-master 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/bundle.js +8371 -0
  2. package/dist/index.html +43 -0
  3. package/package.json +4 -4
  4. package/lib/App.css +0 -92
  5. package/lib/App.js +0 -19
  6. package/lib/api/index.js +0 -83
  7. package/lib/assets/images/check_box.png +0 -0
  8. package/lib/assets/logo.svg +0 -1
  9. package/lib/components/AddNode/index.js +0 -120
  10. package/lib/components/AddNode/index.scss +0 -120
  11. package/lib/components/Dialog/ErrorDialog/index.js +0 -61
  12. package/lib/components/Dialog/ErrorDialog/index.scss +0 -60
  13. package/lib/components/Dialog/SelectDialog/index.js +0 -336
  14. package/lib/components/Dialog/SelectDialog/index.scss +0 -34
  15. package/lib/components/Drawer/ApproverDrawer/index.js +0 -260
  16. package/lib/components/Drawer/ApproverDrawer/index.scss +0 -62
  17. package/lib/components/Drawer/ConditionDrawer/index.js +0 -431
  18. package/lib/components/Drawer/ConditionDrawer/index.scss +0 -113
  19. package/lib/components/Drawer/CopyerDrawer/index.js +0 -111
  20. package/lib/components/Drawer/CopyerDrawer/index.scss +0 -12
  21. package/lib/components/Drawer/PromoterDrawer/index.js +0 -82
  22. package/lib/components/Drawer/PromoterDrawer/index.scss +0 -16
  23. package/lib/components/NodeWrap/index.js +0 -383
  24. package/lib/components/NodeWrap/index.scss +0 -32
  25. package/lib/components/SelectBox/index.js +0 -72
  26. package/lib/components/SelectBox/index.scss +0 -27
  27. package/lib/components/SelectResult/index.js +0 -67
  28. package/lib/components/SelectResult/index.scss +0 -37
  29. package/lib/components/setting/index.css +0 -4
  30. package/lib/components/setting/index.js +0 -342
  31. package/lib/css/override-element-ui.scss +0 -119
  32. package/lib/css/workflow.css +0 -952
  33. package/lib/index.js +0 -52
  34. package/lib/store/index.js +0 -21
  35. package/lib/store/models.js +0 -91
  36. package/lib/utils/axios.js +0 -43
  37. package/lib/utils/const.js +0 -74
  38. package/lib/utils/index.js +0 -158
  39. /package/{lib/assets/images/next_level.png → dist/00139c5a48349317e6cb.png} +0 -0
  40. /package/{lib/assets/images/icon_role.png → dist/080733c8628baf7c1e62.png} +0 -0
  41. /package/{lib/assets/images/list_search.png → dist/3e2017752e0ae964132d.png} +0 -0
  42. /package/{lib/assets/images/next_level_active.png → dist/4c8f26d2a57675e65fa1.png} +0 -0
  43. /package/{lib/assets/images/add-close1.png → dist/6abebc67415eddf532c0.png} +0 -0
  44. /package/{lib/assets/images/cancel.png → dist/6e4454969a072ab9eccf.png} +0 -0
  45. /package/{lib/assets/images/icon_file.png → dist/703481719b29e8dd8957.png} +0 -0
  46. /package/{lib/assets/images/loading.gif → dist/8b17ce6ea7637893676a.gif} +0 -0
  47. /package/{lib/assets/images/icon_people.png → dist/a1329e66bc70cbcb8b42.png} +0 -0
  48. /package/{lib/assets/images/jiaojiao.png → dist/bf980758e90d0c1dc0aa.png} +0 -0
  49. /package/{lib/assets/images/add-close.png → dist/d42de1990f44c30be675.png} +0 -0
@@ -1,336 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _antd = require("antd");
10
- var _index = require("../../../utils/index");
11
- var _SelectBox = _interopRequireDefault(require("../../SelectBox"));
12
- var _SelectResult = _interopRequireDefault(require("../../SelectResult"));
13
- require("./index.scss");
14
- 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); }
15
- /*
16
- * @Date: 2023-03-15 17:56:12
17
- * @LastEditors: StavinLi 495727881@qq.com
18
- * @LastEditTime: 2023-03-23 15:53:49
19
- * @FilePath: /workflow-react/src/components/Dialog/SelectDialog/index.js
20
- */
21
-
22
- // import { getDepartments, getEmployees, getRoles } from '../../../api/index'
23
-
24
- function SelectDialog(props) {
25
- // 111需要传输的参数
26
- let getDepartments = [];
27
- let getEmployees = {
28
- data: {
29
- list: []
30
- }
31
- };
32
- let getRoles = [];
33
- let {
34
- type,
35
- visible,
36
- setVisible,
37
- changeEvent,
38
- data,
39
- isDepartment
40
- } = props;
41
- let [departments, setDepartments] = (0, _react.useState)({
42
- titleDepartments: [],
43
- childDepartments: [],
44
- employees: []
45
- });
46
- let [roles, setRoles] = (0, _react.useState)([]);
47
- let [activeKey, setActiveKey] = (0, _react.useState)('1');
48
- let [list, setList] = (0, _react.useState)([]);
49
- let [reList, setReList] = (0, _react.useState)([]);
50
- let [searchVal, setSearchVal] = (0, _react.useState)('');
51
- let [checkedDepartmentList, setCheckedDepartmentList] = (0, _react.useState)([]);
52
- let [checkedEmployessList, setCheckedEmployessList] = (0, _react.useState)([]);
53
- let [checkedRoleList, setCheckedRoleList] = (0, _react.useState)([]);
54
- let items = [{
55
- key: '1',
56
- label: '组织架构'
57
- }, {
58
- key: '2',
59
- label: '角色列表'
60
- }];
61
- (0, _react.useEffect)(() => {
62
- if (type !== 'employees') return;
63
- setList([{
64
- isDepartment: props.isDepartment,
65
- type: 'department',
66
- data: departments.childDepartments,
67
- isActive: item => (0, _index.toggleClass)(checkedDepartmentList, item),
68
- change: item => setCheckedDepartmentList((0, _index.toChecked)(checkedDepartmentList, item)),
69
- next: item => getDepartmentList(item.id)
70
- }, {
71
- type: 'employee',
72
- data: departments.employees,
73
- isActive: item => (0, _index.toggleClass)(checkedEmployessList, item),
74
- change: item => setCheckedEmployessList((0, _index.toChecked)(checkedEmployessList, item))
75
- }]);
76
- }, [isDepartment, departments, checkedDepartmentList, checkedEmployessList]);
77
- (0, _react.useEffect)(() => {
78
- if (type !== 'employees') return;
79
- let data = [{
80
- type: 'employee',
81
- data: checkedEmployessList,
82
- cancel: item => setCheckedEmployessList((0, _index.removeEle)(checkedEmployessList, item))
83
- }];
84
- if (props.isDepartment) {
85
- data.unshift({
86
- type: 'department',
87
- data: checkedDepartmentList,
88
- cancel: item => setCheckedDepartmentList((0, _index.removeEle)(checkedDepartmentList, item))
89
- });
90
- }
91
- setReList(data);
92
- }, [isDepartment, checkedEmployessList, checkedDepartmentList]);
93
- (0, _react.useEffect)(() => {
94
- if (type !== 'employeesRole') return;
95
- if (activeKey === '2') {
96
- setList([{
97
- type: 'role',
98
- not: false,
99
- data: roles,
100
- isActiveItem: item => (0, _index.toggleClass)(checkedRoleList, item, 'roleId'),
101
- change: item => setCheckedRoleList((0, _index.toChecked)(checkedRoleList, item, 'roleId'))
102
- }]);
103
- } else {
104
- setList([{
105
- isDepartment,
106
- type: 'department',
107
- data: departments.childDepartments,
108
- isActive: item => (0, _index.toggleClass)(checkedDepartmentList, item),
109
- change: item => setCheckedDepartmentList((0, _index.toChecked)(checkedDepartmentList, item)),
110
- next: item => getDepartmentList(item.id)
111
- }, {
112
- type: 'employee',
113
- data: departments.employees,
114
- isActive: item => (0, _index.toggleClass)(checkedEmployessList, item),
115
- change: item => setCheckedEmployessList((0, _index.toChecked)(checkedEmployessList, item))
116
- }]);
117
- }
118
- }, [activeKey, checkedRoleList, departments, isDepartment, roles, checkedDepartmentList, checkedEmployessList]);
119
- (0, _react.useEffect)(() => {
120
- if (type !== 'employeesRole') return;
121
- let data = [{
122
- type: 'role',
123
- data: checkedRoleList,
124
- cancel: item => setCheckedRoleList((0, _index.removeEle)(checkedRoleList, item, 'roleId'))
125
- }, {
126
- type: 'employee',
127
- data: checkedEmployessList,
128
- cancel: item => setCheckedEmployessList((0, _index.removeEle)(checkedEmployessList, item))
129
- }];
130
- if (props.isDepartment) {
131
- data.splice(1, 0, {
132
- type: 'department',
133
- data: checkedDepartmentList,
134
- cancel: item => setCheckedEmployessList((0, _index.removeEle)(checkedDepartmentList, item))
135
- });
136
- }
137
- setReList(data);
138
- }, [checkedRoleList, checkedEmployessList, checkedDepartmentList, isDepartment]);
139
- (0, _react.useEffect)(() => {
140
- if (type !== 'role') return;
141
- setList([{
142
- type: 'role',
143
- not: true,
144
- data: roles,
145
- isActive: item => (0, _index.toggleClass)(checkedRoleList, item, 'roleId'),
146
- change: item => setCheckedRoleList([item])
147
- }]);
148
- }, [roles, checkedRoleList]);
149
- (0, _react.useEffect)(() => {
150
- if (type !== 'role') return;
151
- setReList([{
152
- type: 'role',
153
- data: checkedRoleList,
154
- cancel: item => setCheckedRoleList((0, _index.removeEle)(checkedRoleList, item, 'roleId'))
155
- }]);
156
- }, [checkedRoleList]);
157
- (0, _react.useEffect)(() => {
158
- if (visible) {
159
- setSearchVal('');
160
- if (type === 'employeesRole') setActiveKey('1');
161
- if (type === 'employees' || type === 'employeesRole') {
162
- getDepartmentList();
163
- setCheckedEmployessList(data.filter(item => item.type === 1).map(_ref => {
164
- let {
165
- name,
166
- targetId
167
- } = _ref;
168
- return {
169
- employeeName: name,
170
- id: targetId
171
- };
172
- }));
173
- setCheckedDepartmentList(data.filter(item => item.type === 3).map(_ref2 => {
174
- let {
175
- name,
176
- targetId
177
- } = _ref2;
178
- return {
179
- departmentName: name,
180
- id: targetId
181
- };
182
- }));
183
- }
184
- if (type === 'role' || type === 'employeesRole') {
185
- if (type === 'role') getRoleList();
186
- setCheckedRoleList(data.map(_ref3 => {
187
- let {
188
- name,
189
- targetId
190
- } = _ref3;
191
- return {
192
- roleName: name,
193
- roleId: targetId
194
- };
195
- }));
196
- }
197
- }
198
- }, [visible]);
199
- let getDepartmentList = async function () {
200
- let parentId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
201
- // let { data } = await getDepartments({ parentId })
202
- // setDepartments(data)
203
- setDepartments(getDepartments);
204
- };
205
- let getRoleList = async function () {
206
- let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
207
- // let { data: { list } } = await getRoles(data)
208
- // setRoles(list)
209
- setRoles(getRoles);
210
- };
211
- let getDebounceData = async _ref4 => {
212
- let {
213
- target: {
214
- value: searchName
215
- }
216
- } = _ref4;
217
- setSearchVal(searchName);
218
- if (searchName) {
219
- let data = {
220
- searchName,
221
- pageNum: 1,
222
- pageSize: 30
223
- };
224
- if (activeKey === '2' || type === 'role') {
225
- await getRoleList();
226
- } else {
227
- // let res = await getEmployees(data)
228
- // departments.employees = res.data.list
229
- departments.employees = getEmployees.data.list;
230
- setDepartments({
231
- ...departments,
232
- childDepartments: [],
233
- employees: getEmployees.data.list
234
- });
235
- }
236
- } else {
237
- if (activeKey === '2' || type === 'role') {
238
- await getRoleList();
239
- } else {
240
- await getDepartmentList();
241
- }
242
- }
243
- };
244
- const handleClick = e => {
245
- setActiveKey(e);
246
- setSearchVal('');
247
- if (e === '1') {
248
- getDepartmentList();
249
- } else {
250
- getRoleList();
251
- }
252
- };
253
- const delList = () => {
254
- if (type === 'employees' || type === 'employeesRole') {
255
- setCheckedDepartmentList([]);
256
- setCheckedEmployessList([]);
257
- }
258
- if (type === 'role' || type === 'employeesRole') {
259
- setCheckedRoleList([]);
260
- }
261
- };
262
- let saveDialog = () => {
263
- if (type === 'employees') {
264
- let checkedList = [...checkedDepartmentList, ...checkedEmployessList].map(item => ({
265
- type: item.employeeName ? 1 : 3,
266
- targetId: item.id,
267
- name: item.employeeName || item.departmentName
268
- }));
269
- changeEvent(checkedList);
270
- }
271
- if (type === 'role') {
272
- let checkedList = checkedRoleList.map(item => ({
273
- type: 2,
274
- targetId: item.roleId,
275
- name: item.roleName
276
- }));
277
- changeEvent(checkedList);
278
- }
279
- if (type === 'employeesRole') {
280
- let checkedList = [...checkedRoleList, ...checkedEmployessList, ...checkedDepartmentList].map(item => ({
281
- type: item.employeeName ? 1 : item.roleName ? 2 : 3,
282
- targetId: item.id || item.roleId,
283
- name: item.employeeName || item.roleName || item.departmentName
284
- }));
285
- changeEvent(checkedList);
286
- }
287
- };
288
- let closeIcon = /*#__PURE__*/_react.default.createElement("span", {
289
- className: "ant-icon-close"
290
- });
291
- const title = type !== 'role' ? '选择成员' : '选择角色';
292
- const showCompanyName = !searchVal && activeKey === '1' && type !== 'role';
293
- return /*#__PURE__*/_react.default.createElement(_antd.Modal, {
294
- title: title,
295
- okText: "\u786E \u5B9A",
296
- closeIcon: closeIcon,
297
- onOk: saveDialog,
298
- cancelText: "\u53D6 \u6D88",
299
- onCancel: () => setVisible(false),
300
- open: visible,
301
- width: 600,
302
- className: "promoter_person"
303
- }, /*#__PURE__*/_react.default.createElement("div", {
304
- className: "person_body clear"
305
- }, /*#__PURE__*/_react.default.createElement("div", {
306
- className: "person_tree l"
307
- }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
308
- style: {
309
- textIndent: 10
310
- },
311
- placeholder: "\u641C\u7D22\u6210\u5458",
312
- value: searchVal,
313
- onChange: getDebounceData
314
- }), type === 'employeesRole' ? /*#__PURE__*/_react.default.createElement(_antd.Tabs, {
315
- activeKey: activeKey,
316
- onChange: handleClick,
317
- items: items
318
- }) : '', showCompanyName ? /*#__PURE__*/_react.default.createElement("p", {
319
- className: "ellipsis tree_nav"
320
- }, /*#__PURE__*/_react.default.createElement("span", {
321
- onClick: () => getDepartmentList(0),
322
- className: "ellipsis"
323
- }, "\u5929\u4E0B"), departments.titleDepartments.map((item, index) => {
324
- return /*#__PURE__*/_react.default.createElement("span", {
325
- className: "ellipsis",
326
- key: index + 'a',
327
- onClick: () => getDepartmentList(item.id)
328
- }, item.departmentName);
329
- })) : '', /*#__PURE__*/_react.default.createElement(_SelectBox.default, {
330
- list: list
331
- })), /*#__PURE__*/_react.default.createElement(_SelectResult.default, {
332
- del: delList,
333
- list: reList
334
- })));
335
- }
336
- var _default = exports.default = SelectDialog;
@@ -1,34 +0,0 @@
1
- .person_body {
2
- border: 1px solid #f5f5f5;
3
- height: 500px;
4
- }
5
- .tree_nav span {
6
- display: inline-block;
7
- padding-right: 10px;
8
- margin-right: 5px;
9
- max-width: 6em;
10
- color: #38adff;
11
- font-size: 12px;
12
- cursor: pointer;
13
- background: url(~@/assets/images/jiaojiao.png) no-repeat right center;
14
- &:last-of-type {
15
- background: none;
16
- }
17
- }
18
- .person_tree {
19
- padding: 10px 12px 0 8px;
20
- width: 280px;
21
- height: 100%;
22
- border-right: 1px solid #f5f5f5;
23
- input {
24
- padding-left: 22px;
25
- width: 210px;
26
- height: 30px;
27
- font-size: 12px;
28
- border-radius: 2px;
29
- border: 1px solid #d5dadf;
30
- background: url(~@/assets/images/list_search.png) no-repeat 10px center;
31
- background-size: 14px 14px;
32
- margin-bottom: 14px;
33
- }
34
- }
@@ -1,260 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = ApproverDrawer;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _antd = require("antd");
10
- var _SelectDialog = _interopRequireDefault(require("../../../components/Dialog/SelectDialog"));
11
- var _index = require("../../../utils/index");
12
- var _const = require("../../../utils/const");
13
- var _addClose = _interopRequireDefault(require("../../../assets/images/add-close1.png"));
14
- require("./index.scss");
15
- 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); }
16
- function ApproverDrawer(props) {
17
- let {
18
- directorMaxLevel,
19
- store
20
- } = props;
21
- let {
22
- approverDrawer,
23
- approverConfig1,
24
- setApproverConfig,
25
- setApprover
26
- } = store;
27
- let [config, setConfig] = (0, _react.useState)({
28
- settype: 1,
29
- nodeUserList: []
30
- });
31
- let [approverVisible, setApproverVisible] = (0, _react.useState)(false);
32
- let [checkedList, setCheckedList] = (0, _react.useState)([]);
33
- let [approverRoleVisible, setApproverRoleVisible] = (0, _react.useState)(false);
34
- let [checkedRoleList, setCheckedRoleList] = (0, _react.useState)([]);
35
- (0, _react.useEffect)(() => {
36
- if (!approverConfig1.value) return;
37
- setConfig(approverConfig1.value);
38
- }, [approverConfig1]);
39
- const addApprover = () => {
40
- setCheckedList(config.nodeUserList);
41
- setApproverVisible(true);
42
- };
43
- const addRoleApprover = () => {
44
- setCheckedRoleList(config.nodeUserList);
45
- setApproverRoleVisible(true);
46
- };
47
- const sureApprover = nodeUserList => {
48
- setConfig({
49
- ...config,
50
- nodeUserList
51
- });
52
- setApproverVisible(false);
53
- };
54
- const sureRoleApprover = nodeUserList => {
55
- setConfig({
56
- ...config,
57
- nodeUserList
58
- });
59
- setApproverRoleVisible(false);
60
- };
61
- const saveApprover = () => {
62
- config.error = !(0, _index.setApproverStr)(config);
63
- setApproverConfig({
64
- value: config,
65
- flag: true,
66
- id: approverConfig1.id
67
- });
68
- closeDrawer();
69
- };
70
- const closeDrawer = () => {
71
- setApprover(false);
72
- };
73
- const changeType = _ref => {
74
- let {
75
- target: {
76
- value: settype
77
- }
78
- } = _ref;
79
- let data = {
80
- ...config,
81
- settype,
82
- nodeUserList: [],
83
- examineMode: 1,
84
- noHanderAction: 2
85
- };
86
- if (settype == 2) {
87
- data.directorLevel = 1;
88
- } else if (settype == 4) {
89
- data.selectMode = 1;
90
- data.selectRange = 1;
91
- } else if (settype == 7) {
92
- data.examineEndDirectorLevel = 1;
93
- }
94
- setConfig(data);
95
- };
96
- let changeHandle = (e, key) => {
97
- let data = {
98
- ...config
99
- };
100
- data[key] = typeof e === 'object' ? e.target.value : e;
101
- if (key === 'selectRange') {
102
- data.nodeUserList = [];
103
- }
104
- setConfig(data);
105
- };
106
- let removeNodeUserList = item => {
107
- setConfig({
108
- ...config,
109
- nodeUserList: (0, _index.removeEle)(config.nodeUserList, item, 'targetId')
110
- });
111
- };
112
- let clearNodeUserList = () => {
113
- setConfig({
114
- ...config,
115
- nodeUserList: []
116
- });
117
- };
118
- const getLevels = function () {
119
- let flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
120
- let text = flag ? '最高主管' : '直接主管';
121
- return Array.from({
122
- length: 4
123
- }, (_, i) => {
124
- return {
125
- value: i + 1,
126
- label: i == 0 ? text : `第${i + 1}${flag ? '层' : ''}级主管`
127
- };
128
- });
129
- };
130
- return /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
131
- title: "\u5BA1\u6279\u4EBA\u8BBE\u7F6E",
132
- open: approverDrawer,
133
- className: "set_promoter",
134
- closable: false,
135
- width: 550,
136
- onClose: saveApprover
137
- }, /*#__PURE__*/_react.default.createElement("div", {
138
- className: "demo-drawer-content"
139
- }, /*#__PURE__*/_react.default.createElement("div", {
140
- className: "drawer_content"
141
- }, /*#__PURE__*/_react.default.createElement("div", {
142
- className: "approver_content"
143
- }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
144
- value: config.settype,
145
- className: "clear",
146
- options: _const.setTypes,
147
- onChange: changeType
148
- }), config.settype == 1 ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
149
- type: "primary",
150
- onClick: addApprover
151
- }, "\u6DFB\u52A0/\u4FEE\u6539\u6210\u5458"), /*#__PURE__*/_react.default.createElement("p", {
152
- className: "selected_list"
153
- }, config.nodeUserList.map((item, index) => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
154
- key: index
155
- }, item.name, /*#__PURE__*/_react.default.createElement("img", {
156
- src: _addClose.default,
157
- onClick: () => removeNodeUserList(item),
158
- alt: ""
159
- })))), config.nodeUserList.length != 0 ? /*#__PURE__*/_react.default.createElement("a", {
160
- onClick: clearNodeUserList
161
- }, "\u6E05\u9664") : '')) : ''), config.settype == 2 ? /*#__PURE__*/_react.default.createElement("div", {
162
- className: "approver_manager"
163
- }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", null, "\u53D1\u8D77\u4EBA\u7684\uFF1A"), /*#__PURE__*/_react.default.createElement(_antd.Select, {
164
- className: "select",
165
- value: config.directorLevel,
166
- options: getLevels(),
167
- onChange: e => changeHandle(e, 'directorLevel')
168
- })), /*#__PURE__*/_react.default.createElement("p", {
169
- className: "tip"
170
- }, "\u627E\u4E0D\u5230\u4E3B\u7BA1\u65F6\uFF0C\u7531\u4E0A\u7EA7\u4E3B\u7BA1\u4EE3\u5BA1\u6279")) : '', config.settype == 5 ? /*#__PURE__*/_react.default.createElement("div", {
171
- className: "approver_self"
172
- }, /*#__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", {
173
- className: "approver_self_select",
174
- style: {
175
- display: config.settype == 4 ? 'block' : 'none'
176
- }
177
- }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
178
- value: config.selectMode,
179
- options: _const.selectModes,
180
- onChange: e => changeHandle(e, 'selectMode')
181
- }), /*#__PURE__*/_react.default.createElement("h3", null, "\u9009\u62E9\u8303\u56F4"), /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
182
- value: config.selectRange,
183
- options: _const.selectRanges,
184
- onChange: e => changeHandle(e, 'selectRange')
185
- }), config.selectRange == 2 ? /*#__PURE__*/_react.default.createElement(_antd.Button, {
186
- type: "primary",
187
- onClick: addApprover
188
- }, "\u6DFB\u52A0/\u4FEE\u6539\u6210\u5458") : '', config.selectRange == 3 ? /*#__PURE__*/_react.default.createElement(_antd.Button, {
189
- type: "primary",
190
- onClick: addRoleApprover
191
- }, "\u6DFB\u52A0/\u4FEE\u6539\u89D2\u8272") : '', config.selectRange == 2 || config.selectRange == 3 ? /*#__PURE__*/_react.default.createElement("p", {
192
- className: "selected_list"
193
- }, config.nodeUserList.map((item, index) => /*#__PURE__*/_react.default.createElement("span", {
194
- key: index
195
- }, item.name, /*#__PURE__*/_react.default.createElement("img", {
196
- src: _addClose.default,
197
- onClick: () => removeNodeUserList(item),
198
- alt: ""
199
- }))), config.nodeUserList.length != 0 && config.selectRange != 1 ? /*#__PURE__*/_react.default.createElement("a", {
200
- onClick: clearNodeUserList
201
- }, "\u6E05\u9664") : '') : ''), config.settype == 7 ? /*#__PURE__*/_react.default.createElement("div", {
202
- className: "approver_manager"
203
- }, /*#__PURE__*/_react.default.createElement("p", null, "\u5BA1\u6279\u7EC8\u70B9"), /*#__PURE__*/_react.default.createElement("div", {
204
- style: {
205
- paddingBottom: 20
206
- }
207
- }, /*#__PURE__*/_react.default.createElement("span", null, "\u53D1\u8D77\u4EBA\u7684\uFF1A"), /*#__PURE__*/_react.default.createElement(_antd.Select, {
208
- className: "select",
209
- value: config.examineEndDirectorLevel,
210
- options: getLevels(true),
211
- onChange: e => changeHandle(e, 'examineEndDirectorLevel')
212
- }))) : '', config.settype == 1 && config.nodeUserList.length > 1 || config.settype == 2 || config.settype == 4 && config.selectMode == 2 ? /*#__PURE__*/_react.default.createElement("div", {
213
- className: "approver_some"
214
- }, /*#__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, {
215
- value: config.examineMode,
216
- onChange: e => changeHandle(e, 'examineMode'),
217
- className: "clear"
218
- }, /*#__PURE__*/_react.default.createElement(_antd.Space, {
219
- direction: "vertical",
220
- size: 0
221
- }, /*#__PURE__*/_react.default.createElement(_antd.Radio, {
222
- value: 1
223
- }, "\u4F9D\u6B21\u5BA1\u6279"), config.settype != 2 ? /*#__PURE__*/_react.default.createElement(_antd.Radio, {
224
- value: 2
225
- }, "\u4F1A\u7B7E(\u987B\u6240\u6709\u5BA1\u6279\u4EBA\u540C\u610F)") : ''))) : '', config.settype == 2 || config.settype == 7 ? /*#__PURE__*/_react.default.createElement("div", {
226
- className: "approver_some"
227
- }, /*#__PURE__*/_react.default.createElement("p", null, "\u5BA1\u6279\u4EBA\u4E3A\u7A7A\u65F6"), /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
228
- value: config.noHanderAction,
229
- onChange: e => changeHandle(e, 'noHanderAction'),
230
- className: "clear"
231
- }, /*#__PURE__*/_react.default.createElement(_antd.Space, {
232
- direction: "vertical",
233
- size: 0
234
- }, /*#__PURE__*/_react.default.createElement(_antd.Radio, {
235
- value: 1
236
- }, "\u81EA\u52A8\u5BA1\u6279\u901A\u8FC7/\u4E0D\u5141\u8BB8\u53D1\u8D77"), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
237
- value: 2
238
- }, "\u8F6C\u4EA4\u7ED9\u5BA1\u6838\u7BA1\u7406\u5458")))) : ''), /*#__PURE__*/_react.default.createElement("div", {
239
- className: "demo-drawer-footer clear"
240
- }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
241
- type: "primary",
242
- onClick: saveApprover
243
- }, "\u786E \u5B9A"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
244
- onClick: closeDrawer
245
- }, "\u53D6 \u6D88")), /*#__PURE__*/_react.default.createElement(_SelectDialog.default, {
246
- type: "employees",
247
- visible: approverVisible,
248
- setVisible: setApproverVisible,
249
- data: checkedList,
250
- setData: setCheckedList,
251
- changeEvent: sureApprover
252
- }), /*#__PURE__*/_react.default.createElement(_SelectDialog.default, {
253
- type: "role",
254
- visible: approverRoleVisible,
255
- setVisible: setApproverRoleVisible,
256
- data: checkedRoleList,
257
- setData: setCheckedRoleList,
258
- changeEvent: sureRoleApprover
259
- })));
260
- }
@@ -1,62 +0,0 @@
1
- .set_promoter{
2
- .approver_content {
3
- padding-bottom: 10px;
4
- border-bottom: 1px solid #f2f2f2;
5
- }
6
- .approver_self_select,
7
- .approver_content{
8
- .ant-btn{
9
- margin-bottom: 20px;
10
- }
11
- }
12
- .approver_content,
13
- .approver_some,
14
- .approver_self_select{
15
- .ant-radio-group{
16
- width: 100%;
17
- }
18
- .ant-radio-wrapper{
19
- width: 27%;
20
- margin-bottom: 20px;
21
- line-height: 16px;
22
- white-space: nowrap;
23
- }
24
- }
25
- .approver_manager p {
26
- line-height: 32px;
27
- }
28
- .approver_manager .select {
29
- width: 420px;
30
- height: 32px;
31
- background: rgba(255, 255, 255, 1);
32
- border-radius: 4px;
33
- border-color: rgba(217, 217, 217, 1);
34
- }
35
- .approver_manager p.tip {
36
- margin: 10px 0 22px 0;
37
- font-size: 12px;
38
- line-height: 16px;
39
- color: #f8642d;
40
- }
41
- .approver_self {
42
- padding: 28px 20px;
43
- }
44
- .approver_self_select,
45
- .approver_manager,
46
- .approver_content,
47
- .approver_some {
48
- padding: 20px 20px 0;
49
- }
50
- .approver_manager p:first-of-type,
51
- .approver_some p {
52
- line-height: 19px;
53
- font-size: 14px;
54
- margin-bottom: 14px;
55
- }
56
- .approver_self_select h3 {
57
- margin: 5px 0 20px;
58
- font-size: 14px;
59
- font-weight: bold;
60
- line-height: 19px;
61
- }
62
- }