FEV2 / fw-cms

Blame view

src/pages/approval/FLowSetting/components/DetailItem.tsx 4.6 KB
Edit Raw Normal View History
89589be0   赵凤   条件审批查看配置流程 
1
2
 
  import React, { useEffect, useState, useRef } from "react";
  import PostSelect from "@/components/PostSelect";
679630c1   赵凤   调整样式 
3
 
  import { Modal, Descriptions, Form } from "antd";
89589be0   赵凤   条件审批查看配置流程 
4
5
6
7
8
9
10
11
12
 
  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;
5af7c7f0   赵凤   bugfix 考勤名称不显示 
13
 
    // console.log("ViewItem：", ViewItem);
89589be0   赵凤   条件审批查看配置流程 
14
15
16
17
18
19
20
21
 
  
    const hide = () => {
      setDetailItem({ visible: false, ViewItem: {} });
    };
    return (
      <Modal
        visible={visible}
        onCancel={hide}
45fc2cc1   赵凤   条件详情样式 
22
 
        title="流程详情"
89589be0   赵凤   条件审批查看配置流程 
23
24
25
 
        maskClosable={false}
        footer={null}
      >
45fc2cc1   赵凤   条件详情样式 
26
27
28
 
        <div>
          <p>流程名称：{ViewItem.name}</p>
          <p>触发条件：</p>
679630c1   赵凤   调整样式 
29
 
          <div style={{ paddingLeft: 20 }}>
45fc2cc1   赵凤   条件详情样式 
30
 
            {ViewItem.processConditions?.map((item) => (
679630c1   赵凤   调整样式 
31
 
              <div key={item.approvalCondition?.id}>
45fc2cc1   赵凤   条件详情样式 
32
 
                {/* 除金额和数量以外的类型 区间展示 */}
679630c1   赵凤   调整样式 
33
34
35
36
37
38
39
40
41
42
43
44
45
 
                <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(",")}
                          ]
45fc2cc1   赵凤   条件详情样式 
46
 
                        </span>
679630c1   赵凤   调整样式 
47
48
 
                      </Form.Item>
                    )}
64a9dd53   赵凤   审批详情 
49
679630c1   赵凤   调整样式 
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
 
                  {/* 选择金额或数量,判断规则为区间 */}
                  {(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 ||
45fc2cc1   赵凤   条件详情样式 
78
79
80
81
82
83
84
 
                  item.approvalCondition?.type === 2) &&
                  item.approvalCondition?.judgeRule === 1 && (
                    <div
                      style={{ display: "flex", justifyContent: "flex-start" }}
                    >
                      <div style={{ marginRight: 10 }}>
                        <span>
45fc2cc1   赵凤   条件详情样式 
85
86
 
                          {item.approvalCondition?.name} (
                          {TriggerAll[item.approvalCondition?.judgeRule]}) :
64a9dd53   赵凤   审批详情 
87
88
 
                        </span>
                      </div>
89589be0   赵凤   条件审批查看配置流程 
89
45fc2cc1   赵凤   条件详情样式 
90
91
92
93
94
 
                      <span>
                        [{JSON.parse(item.value).min},{JSON.parse(item.value).max}
                        ]{item.approvalCondition.unit}
                      </span>
                    </div>
679630c1   赵凤   调整样式 
95
 
                  )} */}
45fc2cc1   赵凤   条件详情样式 
96
 
                {/* 选择金额或数量,判断规则不是区间 */}
679630c1   赵凤   调整样式 
97
98
 
  
                {/* {(item.approvalCondition?.type === 1 ||
45fc2cc1   赵凤   条件详情样式 
99
100
101
102
103
 
                  item.approvalCondition?.type === 2) &&
                  item.approvalCondition?.judgeRule !== 1 && (
                    <div
                      style={{ display: "flex", justifyContent: "flex-start" }}
                    >
6f7e6aa8   赵凤   审批流程配置样式调整 
104
105
 
                      <div style={{ marginRight: 10 }}>
                        <span>
45fc2cc1   赵凤   条件详情样式 
106
107
 
                          {item.approvalCondition?.name} (
                          {TriggerAll[item.approvalCondition?.judgeRule]} ):
64a9dd53   赵凤   审批详情 
108
109
 
                        </span>
                      </div>
45fc2cc1   赵凤   条件详情样式 
110
6f7e6aa8   赵凤   审批流程配置样式调整 
111
 
                      <span>
45fc2cc1   赵凤   条件详情样式 
112
113
114
115
 
                        {JSON.parse(item.value)}
                        {item.approvalCondition.unit}
                      </span>
                    </div>
679630c1   赵凤   调整样式 
116
 
                  )} */}
45fc2cc1   赵凤   条件详情样式 
117
118
119
120
 
              </div>
            ))}
          </div>
        </div>
89589be0   赵凤   条件审批查看配置流程 
121
122
123
 
      </Modal>
    );
  }