ModalEnforcement.jsx
3.84 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
/**
* Author: llw
* Date: 2022.9.14
* Description: [行政执法案件详情]
*/
import React, { useEffect } from 'react';
import { connect } from 'umi';
import { Drawer } from 'antd';
import { StyledText } from '@/components/style';
import { mapCause } from '@/constants';
const ModalEnforceMent = props => {
let {
dispatch,
dataModal: {
modalType,
modalShow,
modalData: { id },
},
enforcementInfo,
} = props;
useEffect(() => {
if (modalType === 'Enforce_Ment_Modal' && modalShow) {
dispatch({ type: 'Enforcement/getEventIllegalDetail', payload: { id } });
}
}, [modalType, modalShow]);
return (
<Drawer
title="详情"
placement="right"
width={900}
maskClosable={false}
onClose={() => {
dispatch({ type: 'Enforcement/cancelModal' });
}}
visible={modalType === 'Enforce_Ment_Modal' && modalShow}
footer={null}
>
<StyledText>
<div className="item-text">
<div className="title">立案单位</div>
<div className="desc">{enforcementInfo.company || '-'}</div>
</div>
<div className="item-text">
<div className="title">类型</div>
<div className="desc">
{(mapCause[enforcementInfo.type] && mapCause[enforcementInfo.type].label) || '-'}
</div>
</div>
<div className="item-text">
<div className="title">案件编号</div>
<div className="desc">{enforcementInfo.num || '-'}</div>
</div>
<div className="item-text">
<div className="title">呈批时间</div>
<div className="desc">{enforcementInfo.submitDate || '-'}</div>
</div>
<div className="item-text">
<div className="title">法定代表人及负责人</div>
<div className="desc">{enforcementInfo.placeUserName || '-'}</div>
</div>
<div className="item-text">
<div className="title">电话</div>
<div className="desc">{enforcementInfo.placeUserTel || '-'}</div>
</div>
<div className="item-text">
<div className="title">案件来源</div>
<div className="desc">{enforcementInfo.source || '-'}</div>
</div>
<div className="item-text">
<div className="title">执法人员及执法编号</div>
<div className="desc">{enforcementInfo.nameCode || '-'}</div>
</div>
<div className="item-text">
<div className="title">案由</div>
<div className="desc">{enforcementInfo.cause || '-'}</div>
</div>
<div className="item-text">
<div className="title">案发区域</div>
<div className="desc">{enforcementInfo.area || '-'}</div>
</div>
<div className="item-text" style={{ width: '100%' }}>
<div className="title">违法依据</div>
<div className="desc">{enforcementInfo.illegalBasis || '-'}</div>
</div>
<div className="item-text" style={{ width: '100%' }}>
<div className="title">处罚依据</div>
<div className="desc">{enforcementInfo.punishBasis || '-'}</div>
</div>
<div className="item-text" style={{ width: '100%' }}>
<div className="title">地址</div>
<div className="desc">{enforcementInfo.placeName || '-'}</div>
</div>
<div className="item-text" style={{ width: '100%' }}>
<div className="title">处罚内容</div>
<div className="desc">{enforcementInfo.contents || '-'}</div>
</div>
<div className="item-text" style={{ width: '100%' }}>
<div className="title">案卷相关文书</div>
<div className="desc">{enforcementInfo.instruments || '-'}</div>
</div>
</StyledText>
</Drawer>
);
};
export default connect(({ Enforcement }) => ({
...Enforcement,
}))(ModalEnforceMent);