From ae3833a1fc16bd3c9fd13f8301397e5835a9e49c Mon Sep 17 00:00:00 2001 From: zhangyongtian <1181606322@qq.com> Date: Sun, 15 Sep 2024 15:31:02 +0800 Subject: [PATCH] fix: 自行排查更改、流程组件完善 --- gz-customerSystem/src/views/register/visit/preview.jsx | 31 +++++++++++++++++-------------- 1 files changed, 17 insertions(+), 14 deletions(-) diff --git a/gz-customerSystem/src/views/register/visit/preview.jsx b/gz-customerSystem/src/views/register/visit/preview.jsx index 1e608dc..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> @@ -157,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