DetailItem.tsx
4.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
import React, { useEffect, useState, useRef } from "react";
import PostSelect from "@/components/PostSelect";
import { Modal, Descriptions, Form } from "antd";
import { TriggerType, TriggerAll, TriggerSelect, TriggerMode } from "../entity";
import _, { identity } from "lodash";
interface Props {
detailItem: { visible: boolean; ViewItem: FlowSetteing.ProcessListItems };
setDetailItem: Function;
}
export default function DetailItem({ detailItem, setDetailItem }: Props) {
const { visible, ViewItem } = detailItem;
// console.log("ViewItem:", ViewItem);
const hide = () => {
setDetailItem({ visible: false, ViewItem: {} });
};
return (
<Modal
visible={visible}
onCancel={hide}
title="流程详情"
maskClosable={false}
footer={null}
>
<div>
<p>流程名称:{ViewItem.name}</p>
<p>触发条件:</p>
<div style={{ paddingLeft: 20 }}>
{ViewItem.processConditions?.map((item) => (
<div key={item.approvalCondition?.id}>
{/* 除金额和数量以外的类型 区间展示 */}
<Form>
{item.approvalCondition?.type !== 1 &&
item.approvalCondition?.type !== 2 && (
<Form.Item
label={`${item.approvalCondition?.name} (
${TriggerAll[item.approvalCondition?.judgeRule]}):`}
>
<span style={{ width: 400 }}>
[
{JSON.parse(item.value)
.map((i) => i.name)
.join(",")}
]
</span>
</Form.Item>
)}
{/* 选择金额或数量,判断规则为区间 */}
{(item.approvalCondition?.type === 1 ||
item.approvalCondition?.type === 2) &&
item.approvalCondition?.judgeRule === 1 && (
<Form.Item
label={`${item.approvalCondition?.name} (
${TriggerAll[item.approvalCondition?.judgeRule]}):`}
>
[{JSON.parse(item.value).min},{JSON.parse(item.value).max}
]{item.approvalCondition.unit}
</Form.Item>
)}
{(item.approvalCondition?.type === 1 ||
item.approvalCondition?.type === 2) &&
item.approvalCondition?.judgeRule !== 1 && (
<Form.Item
label={`${item.approvalCondition?.name} (
${TriggerAll[item.approvalCondition?.judgeRule]}):`}
>
<span>
{JSON.parse(item.value)}
{item.approvalCondition.unit}
</span>
</Form.Item>
)}
</Form>
{/* {(item.approvalCondition?.type === 1 ||
item.approvalCondition?.type === 2) &&
item.approvalCondition?.judgeRule === 1 && (
<div
style={{ display: "flex", justifyContent: "flex-start" }}
>
<div style={{ marginRight: 10 }}>
<span>
{item.approvalCondition?.name} (
{TriggerAll[item.approvalCondition?.judgeRule]}) :
</span>
</div>
<span>
[{JSON.parse(item.value).min},{JSON.parse(item.value).max}
]{item.approvalCondition.unit}
</span>
</div>
)} */}
{/* 选择金额或数量,判断规则不是区间 */}
{/* {(item.approvalCondition?.type === 1 ||
item.approvalCondition?.type === 2) &&
item.approvalCondition?.judgeRule !== 1 && (
<div
style={{ display: "flex", justifyContent: "flex-start" }}
>
<div style={{ marginRight: 10 }}>
<span>
{item.approvalCondition?.name} (
{TriggerAll[item.approvalCondition?.judgeRule]} ):
</span>
</div>
<span>
{JSON.parse(item.value)}
{item.approvalCondition.unit}
</span>
</div>
)} */}
</div>
))}
</div>
</div>
</Modal>
);
}