| | |
| | | import PreviewImage from '@/components/PreviewImage'; |
| | | |
| | | const Preview = (props) => { |
| | | const [data, setData] = useState({}) |
| | | const [data, setData] = useState({}); |
| | | const levelColorMap = { |
| | | 1: '#F53F3F', |
| | | 2: '#EF6C24', |
| | | 3: '#00B42A', |
| | | } |
| | | |
| | | useEffect(() => { |
| | | console.log(props.data); |
| | |
| | | <div className="title"> |
| | | <div className="title-text">事项等级</div> |
| | | </div> |
| | | <div style={{ display: 'flex' }}><div style={{ backgroundColor: '#00B42A', marginRight: '4px', borderRadius: '4px' }}><div style={{ color: '#FFFFFF', padding: '0px 6px' }}>{props.data?.caseLevel || '-'}</div></div>级</div> |
| | | <div style={{ display: 'flex' }}> |
| | | <div style={{ backgroundColor: levelColorMap[props.data?.caseLevel], marginRight: '4px', borderRadius: '4px' }}> |
| | | <div style={{ color: '#FFFFFF', padding: '0px 6px' }}> |
| | | {props.data?.caseLevel || '-'} |
| | | </div> |
| | | </div>级 |
| | | </div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div><div className="title-text">来访时间</div></div> |
| | | <div>{props.data?.visitTime || '-'}</div> |
| | | <div><div className="title-text">事项来源</div></div> |
| | | <div>自行排查</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div ><div className="title-text">来访人数(人)</div></div> |
| | | <div>{props.data?.visitPeopleNum || '-'}</div> |
| | | <div ><div className="title-text">来访形式</div></div> |
| | | <div>排查</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div ><div className="title-text">纠纷类型</div></div> |
| | |
| | | <Col span={8}> |
| | | <div ><div className="title-text">涉及金额(元)</div></div> |
| | | <div>{$$.thousands(props.data?.amount) || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div ><div className="title-text">事项来源</div></div> |
| | | <div>{props.data?.canalName}</div> |
| | | </Col> |
| | | <Col span={16}> |
| | | <div ><div className="title-text">来访形式</div></div> |
| | | <div>来访</div> |
| | | </Col> |
| | | <Col span={24}> |
| | | <div className="title"><div className="title-text">事项概况</div></div> |