From 5aa4a814ab8d4aa194a9683ebefaefdfc6d92c3a Mon Sep 17 00:00:00 2001 From: liuwh <964324856@qq.com> Date: Tue, 17 Sep 2024 17:18:05 +0800 Subject: [PATCH] Merge branch 'master' of http://120.79.193.119:9090/r/gzzfw/frontEnd/gzDyh into master --- gz-customerSystem/src/views/register/visit/preview.jsx | 35 ++++++++++++++++++----------------- 1 files changed, 18 insertions(+), 17 deletions(-) diff --git a/gz-customerSystem/src/views/register/visit/preview.jsx b/gz-customerSystem/src/views/register/visit/preview.jsx index d908672..ff662fa 100644 --- a/gz-customerSystem/src/views/register/visit/preview.jsx +++ b/gz-customerSystem/src/views/register/visit/preview.jsx @@ -15,7 +15,12 @@ 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); @@ -116,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> @@ -146,9 +157,7 @@ <Col span={8}> <div ><div className="title-text">问题属地</div></div> <div> - {props.data?.queProvName ? - `${props.data.queCityName}/${props.data.queAreaName}/${props.data.queRoadName}` - : '-' + {props.data?.queAreaName ? `${props.data.queAreaName}/${props.data.queRoadName}` : '-' } </div> </Col> @@ -159,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> -- Gitblit v1.8.0