From 200b3f9e47195b19484a9e8530079ee8e2c9aa5f Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Sun, 15 Sep 2024 22:37:54 +0800
Subject: [PATCH] fix: 配合部门
---
gz-customerSystem/src/views/register/visit/preview.jsx | 45 ++++++++++++++++++++++++---------------------
1 files changed, 24 insertions(+), 21 deletions(-)
diff --git a/gz-customerSystem/src/views/register/visit/preview.jsx b/gz-customerSystem/src/views/register/visit/preview.jsx
index 4d96783..ff662fa 100644
--- a/gz-customerSystem/src/views/register/visit/preview.jsx
+++ b/gz-customerSystem/src/views/register/visit/preview.jsx
@@ -12,9 +12,15 @@
import { ApplyDialog, AgentDialog, Respondent, Company } from './component/previewTable'
import FileTable from "../matterDetail/FileTable";
import { link } from '@/assets/images';
+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);
@@ -115,15 +121,21 @@
<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>
@@ -145,9 +157,7 @@
<Col span={8}>
<div ><div className="title-text">问题属地</div></div>
<div>
- {props.data?.queProvName ?
- `${props.data.queProvName}/${props.data.queCityName}/${props.data.queAreaName}/${props.data.queRoadName}`
- : '-'
+ {props.data?.queAreaName ? `${props.data.queAreaName}/${props.data.queRoadName}` : '-'
}
</div>
</Col>
@@ -158,14 +168,6 @@
<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>
@@ -221,10 +223,11 @@
<th bgcolor="#F7F8FA" className="table-title" width="120">协议文书</th>
<td colspan='3'>
{props.transactResult?.fileInfoBaseDTOList?.map((item, index) => {
- return <a href="your-link-here.html" target="_blank">
- <img src={link} alt="" className="title-file" />{item.trueName}
- {index !== props.transactResult.fileInfoBaseDTOList.length - 1 && <>，</>}
- </a>
+ console.log(item);
+ return <div style={{ display: 'inline-block' }}>
+ <PreviewImage name={item.name} src={item.showUrl} />
+ {index !== props.transactResult?.fileInfoBaseDTOList.length - 1 && <>，</>}
+ </div>
})}
</td>
</tr>
--
Gitblit v1.8.0