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,82 +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 = PromoterDrawer;
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
- require("./index.scss");
13
- 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); }
14
- /*
15
- * @Date: 2023-03-15 17:56:12
16
- * @LastEditors: StavinLi 495727881@qq.com
17
- * @LastEditTime: 2023-03-23 10:29:54
18
- * @FilePath: /workflow-react/src/components/Drawer/PromoterDrawer/index.js
19
- */
20
-
21
- function PromoterDrawer(props) {
22
- let {
23
- promoterDrawer,
24
- flowPermission1,
25
- setPromoter,
26
- setFlowPermission
27
- } = props.store;
28
- let [promoterVisible, setPromoterVisible] = (0, _react.useState)(false);
29
- let [config, setConfig] = (0, _react.useState)([]);
30
- let [checkedList, setCheckedList] = (0, _react.useState)([]);
31
- (0, _react.useEffect)(() => {
32
- setConfig(flowPermission1.value);
33
- }, [flowPermission1]);
34
- const addPromoter = () => {
35
- setCheckedList(config);
36
- setPromoterVisible(true);
37
- };
38
- const surePromoter = data => {
39
- setConfig(data);
40
- setPromoterVisible(false);
41
- };
42
- const savePromoter = () => {
43
- setFlowPermission({
44
- value: config,
45
- flag: true,
46
- id: flowPermission1.id
47
- });
48
- closeDrawer();
49
- };
50
- const closeDrawer = () => {
51
- setPromoter(false);
52
- };
53
- return /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
54
- title: "\u53D1\u8D77\u4EBA",
55
- open: promoterDrawer,
56
- className: "set_promoter",
57
- closable: false,
58
- width: 550,
59
- onClose: savePromoter
60
- }, /*#__PURE__*/_react.default.createElement("div", {
61
- className: "demo-drawer-content"
62
- }, /*#__PURE__*/_react.default.createElement("div", {
63
- className: "promoter_content drawer_content"
64
- }, /*#__PURE__*/_react.default.createElement("p", null, (0, _index.arrToStr)(config) || '所有人'), /*#__PURE__*/_react.default.createElement(_antd.Button, {
65
- type: "primary",
66
- onClick: addPromoter
67
- }, "\u6DFB\u52A0/\u4FEE\u6539\u53D1\u8D77\u4EBA")), /*#__PURE__*/_react.default.createElement("div", {
68
- className: "demo-drawer-footer clear"
69
- }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
70
- type: "primary",
71
- onClick: savePromoter
72
- }, "\u786E \u5B9A"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
73
- onClick: closeDrawer
74
- }, "\u53D6 \u6D88")), /*#__PURE__*/_react.default.createElement(_SelectDialog.default, {
75
- type: "employees",
76
- isDepartment: true,
77
- visible: promoterVisible,
78
- setVisible: setPromoterVisible,
79
- data: checkedList,
80
- changeEvent: surePromoter
81
- })));
82
- }
@@ -1,16 +0,0 @@
1
- .set_promoter {
2
- .promoter_content {
3
- padding: 0 20px;
4
-
5
- .ant-btn {
6
- margin-bottom: 20px;
7
- }
8
-
9
- p {
10
- padding: 18px 0;
11
- font-size: 14px;
12
- line-height: 20px;
13
- color: #000000;
14
- }
15
- }
16
- }
@@ -1,383 +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 _lodash = require("lodash");
10
- var _antd = require("antd");
11
- var _const = require("../../utils/const");
12
- var _index = require("../../utils/index");
13
- var _AddNode = _interopRequireDefault(require("../../components/AddNode"));
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
- /*
17
- * @Date: 2023-03-15 17:56:12
18
- * @LastEditors: StavinLi 495727881@qq.com
19
- * @LastEditTime: 2023-04-12 19:00:48
20
- * @FilePath: /workflow-react/src/components/NodeWrap/index.js
21
- */
22
-
23
- let NodeWrap = props => {
24
- let {
25
- nodeConfig,
26
- flowPermission,
27
- changeEvent,
28
- updateEvent,
29
- store
30
- } = props;
31
- let {
32
- isTried,
33
- flowPermission1,
34
- approverConfig1,
35
- copyerConfig1,
36
- conditionsConfig1,
37
- setPromoter,
38
- setApprover,
39
- setCopyer,
40
- setCondition,
41
- setFlowPermission,
42
- setApproverConfig,
43
- setCopyerConfig,
44
- setConditionsConfig
45
- } = store;
46
- let _uid = (0, _react.useId)();
47
- let [config, setConfig] = (0, _react.useState)({
48
- nodeUserList: []
49
- });
50
- let [defaultText, setDefaultText] = (0, _react.useState)('');
51
- let [showText, setShowText] = (0, _react.useState)('');
52
- let [isInputList, setIsInputList] = (0, _react.useState)([]);
53
- let [isInput, setIsInput] = (0, _react.useState)(false);
54
- (0, _react.useEffect)(() => {
55
- setConfig(nodeConfig);
56
- }, [nodeConfig]);
57
- (0, _react.useEffect)(() => {
58
- setDefaultText(_const.placeholderList[config.type]);
59
- if (config.type == 1) {
60
- config.error = !(0, _index.setApproverStr)(config);
61
- } else if (config.type == 2) {
62
- config.error = !(0, _index.copyerStr)(config);
63
- } else if (config.type == 4) {
64
- resetConditionNodesErr();
65
- }
66
- }, [config]);
67
- (0, _react.useEffect)(() => {
68
- if (config.type == 0) {
69
- setShowText((0, _index.arrToStr)(flowPermission) || '所有人');
70
- } else if (config.type == 1) {
71
- setShowText((0, _index.setApproverStr)(config));
72
- } else if (config.type == 2) {
73
- setShowText((0, _index.copyerStr)(config));
74
- }
75
- }, [config, flowPermission]);
76
- (0, _react.useEffect)(() => {
77
- if (flowPermission1.flag && flowPermission1.id === _uid) {
78
- updateEvent(flowPermission1.value);
79
- }
80
- }, [flowPermission1]);
81
- (0, _react.useEffect)(() => {
82
- if (approverConfig1.flag && approverConfig1.id === _uid) {
83
- changeEvent(approverConfig1.value);
84
- }
85
- }, [approverConfig1]);
86
- (0, _react.useEffect)(() => {
87
- if (copyerConfig1.flag && copyerConfig1.id === _uid) {
88
- changeEvent(copyerConfig1.value);
89
- }
90
- }, [copyerConfig1]);
91
- (0, _react.useEffect)(() => {
92
- if (conditionsConfig1.flag && conditionsConfig1.id === _uid) {
93
- changeEvent(conditionsConfig1.value);
94
- }
95
- }, [conditionsConfig1]);
96
- const resetConditionNodesErr = () => {
97
- for (var i = 0; i < config.conditionNodes.length; i++) {
98
- config.conditionNodes[i].error = (0, _index.conditionStr)(config, i) == "请设置条件" && i != config.conditionNodes.length - 1;
99
- }
100
- };
101
- const clickEvent = index => {
102
- if (index || index === 0) {
103
- let data = [...isInputList];
104
- data[index] = true;
105
- setIsInputList(data);
106
- } else {
107
- setIsInput(true);
108
- }
109
- };
110
- const InputEvent = (e, index) => {
111
- if (index || index === 0) {
112
- let {
113
- conditionNodes
114
- } = config;
115
- conditionNodes[index].nodeName = e.target.value;
116
- setConfig({
117
- ...config,
118
- conditionNodes
119
- });
120
- } else {
121
- setConfig({
122
- ...config,
123
- nodeName: e.target.value
124
- });
125
- }
126
- };
127
- const blurEvent = index => {
128
- if (index || index === 0) {
129
- let data = [...isInputList];
130
- data[index] = false;
131
- setIsInputList(data);
132
- let conditionNodes = [...config.conditionNodes];
133
- conditionNodes[index].nodeName = conditionNodes[index].nodeName || "条件";
134
- changeEvent({
135
- ...config,
136
- conditionNodes
137
- });
138
- } else {
139
- setIsInput(false);
140
- changeEvent({
141
- ...config,
142
- nodeName: config.nodeName || defaultText
143
- });
144
- }
145
- };
146
- const delNode = () => {
147
- changeEvent(config.childNode ? {
148
- ...config.childNode
149
- } : null);
150
- };
151
- const addTerm = () => {
152
- let len = config.conditionNodes.length + 1;
153
- config.conditionNodes.push({
154
- nodeName: "条件" + len,
155
- type: 3,
156
- priorityLevel: len,
157
- conditionList: [],
158
- nodeUserList: [],
159
- childNode: null
160
- });
161
- resetConditionNodesErr();
162
- changeEvent(config);
163
- };
164
- const delTerm = index => {
165
- config.conditionNodes.splice(index, 1);
166
- config.conditionNodes.map((item, index) => {
167
- item.priorityLevel = index + 1;
168
- item.nodeName = `条件${index + 1}`;
169
- });
170
- resetConditionNodesErr();
171
- changeEvent({
172
- ...config
173
- });
174
- if (config.conditionNodes.length == 1) {
175
- if (config.childNode) {
176
- if (config.conditionNodes[0].childNode) {
177
- reData(config.conditionNodes[0].childNode, config.childNode);
178
- } else {
179
- config.conditionNodes[0].childNode = config.childNode;
180
- }
181
- }
182
- changeEvent(config.conditionNodes[0].childNode);
183
- }
184
- };
185
- const reData = (data, addData) => {
186
- if (!data.childNode) {
187
- data.childNode = addData;
188
- } else {
189
- reData(data.childNode, addData);
190
- }
191
- };
192
- const setPerson = priorityLevel => {
193
- var {
194
- type
195
- } = config;
196
- if (type == 0) {
197
- setPromoter(true);
198
- setFlowPermission({
199
- value: flowPermission,
200
- flag: false,
201
- id: _uid
202
- });
203
- } else if (type == 1) {
204
- setApprover(true);
205
- setApproverConfig({
206
- value: {
207
- ...(0, _lodash.cloneDeep)(config),
208
- ...{
209
- settype: config.settype ? config.settype : 1
210
- }
211
- },
212
- flag: false,
213
- id: _uid
214
- });
215
- } else if (type == 2) {
216
- setCopyer(true);
217
- setCopyerConfig({
218
- value: (0, _lodash.cloneDeep)(config),
219
- flag: false,
220
- id: _uid
221
- });
222
- } else {
223
- setCondition(true);
224
- setConditionsConfig({
225
- value: (0, _lodash.cloneDeep)(config),
226
- priorityLevel,
227
- flag: false,
228
- id: _uid
229
- });
230
- }
231
- };
232
- const arrTransfer = function (index) {
233
- let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
234
- //向左-1,向右1
235
- config.conditionNodes[index] = config.conditionNodes.splice(index + type, 1, config.conditionNodes[index])[0];
236
- config.conditionNodes.map((item, index) => {
237
- item.priorityLevel = index + 1;
238
- });
239
- resetConditionNodesErr();
240
- changeEvent(config);
241
- };
242
- const changeConfig = (childNode, i) => {
243
- if (typeof i === 'number') {
244
- let {
245
- conditionNodes
246
- } = config;
247
- conditionNodes[i].childNode = childNode;
248
- changeEvent({
249
- ...config,
250
- conditionNodes
251
- });
252
- } else {
253
- changeEvent({
254
- ...config,
255
- childNode
256
- });
257
- }
258
- };
259
- const updateChildNode = (childNode, i) => {
260
- let {
261
- conditionNodes
262
- } = config;
263
- conditionNodes[i].childNode = childNode;
264
- changeEvent({
265
- ...config,
266
- conditionNodes
267
- });
268
- };
269
- return /*#__PURE__*/_react.default.createElement("div", null, config.type < 3 ? /*#__PURE__*/_react.default.createElement("div", {
270
- className: "node-wrap"
271
- }, /*#__PURE__*/_react.default.createElement("div", {
272
- className: `node-wrap-box ${config.type == 0 ? 'start-node' : ''} ${isTried && config.error ? 'active error' : ''}`
273
- }, /*#__PURE__*/_react.default.createElement("div", {
274
- className: "title",
275
- style: {
276
- background: `rgb(${_const.bgColors[config.type]})`
277
- }
278
- }, config.type == 0 ? /*#__PURE__*/_react.default.createElement("span", null, config.nodeName) : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
279
- className: "iconfont"
280
- }, config.type == 1 ? '' : ''), isInput ? /*#__PURE__*/_react.default.createElement(_antd.Input, {
281
- className: "editable-title-input",
282
- onBlur: () => blurEvent(),
283
- onChange: e => InputEvent(e),
284
- onFocus: e => e.currentTarget.select(),
285
- value: config.nodeName,
286
- placeholder: defaultText
287
- }) : /*#__PURE__*/_react.default.createElement("span", {
288
- className: "editable-title",
289
- onClick: () => clickEvent()
290
- }, config.nodeName), /*#__PURE__*/_react.default.createElement("i", {
291
- className: "anticon anticon-close close",
292
- onClick: delNode
293
- }))), /*#__PURE__*/_react.default.createElement("div", {
294
- className: "content",
295
- onClick: () => setPerson()
296
- }, /*#__PURE__*/_react.default.createElement("div", {
297
- className: "text"
298
- }, !showText ? /*#__PURE__*/_react.default.createElement("span", {
299
- className: "placeholder"
300
- }, "\u8BF7\u9009\u62E9", defaultText) : showText), /*#__PURE__*/_react.default.createElement("i", {
301
- className: "anticon anticon-right arrow"
302
- })), isTried && config.error ? /*#__PURE__*/_react.default.createElement("div", {
303
- className: "error_tip"
304
- }, /*#__PURE__*/_react.default.createElement("i", {
305
- className: "anticon anticon-exclamation-circle"
306
- })) : ''), /*#__PURE__*/_react.default.createElement(_AddNode.default, {
307
- childNodeP: config.childNode,
308
- changeEvent: changeConfig
309
- })) : '', config.type == 4 ? /*#__PURE__*/_react.default.createElement("div", {
310
- className: "branch-wrap"
311
- }, /*#__PURE__*/_react.default.createElement("div", {
312
- className: "branch-box-wrap"
313
- }, /*#__PURE__*/_react.default.createElement("div", {
314
- className: "branch-box"
315
- }, /*#__PURE__*/_react.default.createElement("button", {
316
- className: "add-branch",
317
- onClick: addTerm
318
- }, "\u6DFB\u52A0\u6761\u4EF6"), config.conditionNodes.map((item, index) => {
319
- return /*#__PURE__*/_react.default.createElement("div", {
320
- className: "col-box",
321
- key: index
322
- }, /*#__PURE__*/_react.default.createElement("div", {
323
- className: "condition-node"
324
- }, /*#__PURE__*/_react.default.createElement("div", {
325
- className: "condition-node-box"
326
- }, /*#__PURE__*/_react.default.createElement("div", {
327
- className: `auto-judge ${isTried && item.error ? 'error active' : ''}`
328
- }, index != 0 ? /*#__PURE__*/_react.default.createElement("div", {
329
- className: "sort-left",
330
- onClick: () => arrTransfer(index, -1)
331
- }, "<") : '', /*#__PURE__*/_react.default.createElement("div", {
332
- className: "title-wrapper"
333
- }, isInputList[index] ? /*#__PURE__*/_react.default.createElement(_antd.Input, {
334
- className: "editable-title-input",
335
- onBlur: () => blurEvent(index),
336
- onFocus: e => e.currentTarget.select(),
337
- onChange: e => InputEvent(e, index),
338
- value: item.nodeName
339
- }) : /*#__PURE__*/_react.default.createElement("span", {
340
- className: "editable-title",
341
- onClick: () => clickEvent(index)
342
- }, item.nodeName), /*#__PURE__*/_react.default.createElement("span", {
343
- className: "priority-title",
344
- onClick: () => setPerson(item.priorityLevel)
345
- }, "\u4F18\u5148\u7EA7", item.priorityLevel), /*#__PURE__*/_react.default.createElement("i", {
346
- className: "anticon anticon-close close",
347
- onClick: () => delTerm(index)
348
- })), index != config.conditionNodes.length - 1 ? /*#__PURE__*/_react.default.createElement("div", {
349
- className: "sort-right",
350
- onClick: () => arrTransfer(index)
351
- }, ">") : '', /*#__PURE__*/_react.default.createElement("div", {
352
- className: "content",
353
- onClick: () => setPerson(item.priorityLevel)
354
- }, (0, _index.conditionStr)(config, index)), isTried && item.error ? /*#__PURE__*/_react.default.createElement("div", {
355
- className: "error_tip"
356
- }, /*#__PURE__*/_react.default.createElement("i", {
357
- className: "anticon anticon-exclamation-circle"
358
- })) : ''), /*#__PURE__*/_react.default.createElement(_AddNode.default, {
359
- childNodeP: item.childNode,
360
- changeEvent: e => updateChildNode(e, index)
361
- }))), item.childNode ? /*#__PURE__*/_react.default.createElement(NodeWrap, {
362
- nodeConfig: item.childNode,
363
- changeEvent: e => changeConfig(e, index),
364
- store: store
365
- }) : '', index == 0 ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
366
- className: "top-left-cover-line"
367
- }), /*#__PURE__*/_react.default.createElement("div", {
368
- className: "bottom-left-cover-line"
369
- })) : '', index == config.conditionNodes.length - 1 ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
370
- className: "top-right-cover-line"
371
- }), /*#__PURE__*/_react.default.createElement("div", {
372
- className: "bottom-right-cover-line"
373
- })) : '');
374
- })), /*#__PURE__*/_react.default.createElement(_AddNode.default, {
375
- childNodeP: config.childNode,
376
- changeEvent: changeConfig
377
- }))) : '', config.childNode ? /*#__PURE__*/_react.default.createElement(NodeWrap, {
378
- nodeConfig: config.childNode,
379
- changeEvent: changeConfig,
380
- store: store
381
- }) : '');
382
- };
383
- var _default = exports.default = NodeWrap;
@@ -1,32 +0,0 @@
1
- .error_tip {
2
- position: absolute;
3
- top: 0px;
4
- right: 0px;
5
- transform: translate(150%, 0px);
6
- font-size: 24px;
7
- }
8
-
9
- .promoter_person .ant-modal-body {
10
- padding: 10px 20px 14px 20px;
11
- }
12
-
13
- .selected_list {
14
- margin-bottom: 20px;
15
- line-height: 30px;
16
- }
17
-
18
- .selected_list span {
19
- margin-right: 10px;
20
- padding: 3px 6px 3px 9px;
21
- line-height: 12px;
22
- white-space: nowrap;
23
- border-radius: 2px;
24
- border: 1px solid rgba(220, 220, 220, 1);
25
- }
26
-
27
- .selected_list img {
28
- margin-left: 5px;
29
- width: 7px;
30
- height: 7px;
31
- cursor: pointer;
32
- }
@@ -1,72 +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 = SelectBox;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _icon_role = _interopRequireDefault(require("../../assets/images/icon_role.png"));
10
- var _icon_file = _interopRequireDefault(require("../../assets/images/icon_file.png"));
11
- var _icon_people = _interopRequireDefault(require("../../assets/images/icon_people.png"));
12
- require("./index.scss");
13
- /*
14
- * @Date: 2022-08-25 14:05:59
15
- * @LastEditors: StavinLi 495727881@qq.com
16
- * @LastEditTime: 2023-03-23 17:57:34
17
- * @FilePath: /workflow-react/src/components/SelectBox/index.js
18
- */
19
-
20
- function SelectBox(props) {
21
- let {
22
- list
23
- } = props;
24
- let getNodeByType = elem => {
25
- if (elem.type === 'role') {
26
- return elem.data.map(item => /*#__PURE__*/_react.default.createElement("li", {
27
- key: item.roleId,
28
- className: `check_box ${elem.isActive && elem.isActive(item) ? 'active' : ''} ${elem.not ? 'not' : ''}`,
29
- onClick: () => elem.change(item)
30
- }, /*#__PURE__*/_react.default.createElement("a", {
31
- title: item.description,
32
- className: elem.isActiveItem && elem.isActiveItem(item) ? 'active' : ''
33
- }, /*#__PURE__*/_react.default.createElement("img", {
34
- src: _icon_role.default,
35
- alt: ""
36
- }), item.roleName)));
37
- } else if (elem.type === 'department') {
38
- return elem.data.map(item => /*#__PURE__*/_react.default.createElement("li", {
39
- key: item.id,
40
- className: `check_box ${!elem.isDepartment ? 'not' : ''}`
41
- }, elem.isDepartment ? /*#__PURE__*/_react.default.createElement("a", {
42
- className: elem.isActive(item) ? 'active' : '',
43
- onClick: () => elem.change(item)
44
- }, /*#__PURE__*/_react.default.createElement("img", {
45
- src: _icon_file.default,
46
- alt: ""
47
- }), item.departmentName) : /*#__PURE__*/_react.default.createElement("a", null, /*#__PURE__*/_react.default.createElement("img", {
48
- src: _icon_file.default,
49
- alt: ""
50
- }), item.departmentName), /*#__PURE__*/_react.default.createElement("i", {
51
- onClick: () => elem.next(item)
52
- }, "\u4E0B\u7EA7")));
53
- } else if (elem.type === 'employee') {
54
- return elem.data.map(item => /*#__PURE__*/_react.default.createElement("li", {
55
- key: item.id,
56
- className: "check_box"
57
- }, /*#__PURE__*/_react.default.createElement("a", {
58
- className: elem.isActive(item) ? 'active' : '',
59
- onClick: () => {
60
- elem.change(item);
61
- },
62
- title: item.departmentNames
63
- }, /*#__PURE__*/_react.default.createElement("img", {
64
- src: _icon_people.default,
65
- alt: ""
66
- }), item.employeeName)));
67
- }
68
- };
69
- return /*#__PURE__*/_react.default.createElement("ul", {
70
- className: "select-box"
71
- }, list.map(elem => getNodeByType(elem)));
72
- }
@@ -1,27 +0,0 @@
1
- .select-box {
2
- height: 420px;
3
- overflow-y: auto;
4
- li {
5
- padding: 5px 0;
6
- i {
7
- float: right;
8
- padding-left: 24px;
9
- padding-right: 10px;
10
- color: #3195f8;
11
- font-size: 12px;
12
- cursor: pointer;
13
- background: url(~@/assets/images/next_level_active.png) no-repeat 10px center;
14
- border-left: 1px solid rgb(238, 238, 238);
15
- }
16
- a.active+i {
17
- color: rgb(197, 197, 197);
18
- background-image: url(~@/assets/images/next_level.png);
19
- pointer-events: none;
20
- }
21
- img {
22
- width: 14px;
23
- vertical-align: middle;
24
- margin-right: 5px;
25
- }
26
- }
27
- }
@@ -1,67 +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 = SelectResult;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _icon_role = _interopRequireDefault(require("../../assets/images/icon_role.png"));
10
- var _icon_file = _interopRequireDefault(require("../../assets/images/icon_file.png"));
11
- var _icon_people = _interopRequireDefault(require("../../assets/images/icon_people.png"));
12
- var _cancel = _interopRequireDefault(require("../../assets/images/cancel.png"));
13
- require("./index.scss");
14
- function SelectResult(props) {
15
- let {
16
- list,
17
- del
18
- } = props;
19
- const getNodeByType = _ref => {
20
- let {
21
- type,
22
- data,
23
- cancel
24
- } = _ref;
25
- if (type === 'role') {
26
- return data.map(item => /*#__PURE__*/_react.default.createElement("li", {
27
- key: item.roleId
28
- }, /*#__PURE__*/_react.default.createElement("img", {
29
- src: _icon_role.default,
30
- alt: ""
31
- }), /*#__PURE__*/_react.default.createElement("span", null, item.roleName), /*#__PURE__*/_react.default.createElement("img", {
32
- src: _cancel.default,
33
- onClick: () => cancel(item)
34
- })));
35
- } else if (type === 'department') {
36
- return data.map(item => /*#__PURE__*/_react.default.createElement("li", {
37
- key: item.id
38
- }, /*#__PURE__*/_react.default.createElement("img", {
39
- src: _icon_file.default,
40
- alt: ""
41
- }), /*#__PURE__*/_react.default.createElement("span", null, item.departmentName), /*#__PURE__*/_react.default.createElement("img", {
42
- src: _cancel.default,
43
- onClick: () => cancel(item),
44
- alt: ""
45
- })));
46
- } else if (type === 'employee') {
47
- return data.map(item => /*#__PURE__*/_react.default.createElement("li", {
48
- key: item.id
49
- }, /*#__PURE__*/_react.default.createElement("img", {
50
- src: _icon_people.default,
51
- alt: ""
52
- }), /*#__PURE__*/_react.default.createElement("span", null, item.employeeName), /*#__PURE__*/_react.default.createElement("img", {
53
- src: _cancel.default,
54
- onClick: () => cancel(item),
55
- alt: ""
56
- })));
57
- }
58
- };
59
- let total = list.reduce((a, b) => a + b.data.length, 0);
60
- return /*#__PURE__*/_react.default.createElement("div", {
61
- className: "select-result l"
62
- }, /*#__PURE__*/_react.default.createElement("p", {
63
- className: "clear"
64
- }, "\u5DF2\u9009\uFF08", total, "\uFF09", /*#__PURE__*/_react.default.createElement("a", {
65
- onClick: del
66
- }, "\u6E05\u7A7A")), /*#__PURE__*/_react.default.createElement("ul", null, list.map(item => getNodeByType(item))));
67
- }