From 3ae864f005e8a874de01c15e14b83196a3f6f11b Mon Sep 17 00:00:00 2001 From: xusd <hugeinfo123> Date: Wed, 18 Sep 2024 10:21:30 +0800 Subject: [PATCH] 新增一个测试环境 --- gz-customerSystem/src/views/register/visit/SelfPreview.jsx | 9 +++++++-- 1 files changed, 7 insertions(+), 2 deletions(-) diff --git a/gz-customerSystem/src/views/register/visit/SelfPreview.jsx b/gz-customerSystem/src/views/register/visit/SelfPreview.jsx index 1b42818..ec84936 100644 --- a/gz-customerSystem/src/views/register/visit/SelfPreview.jsx +++ b/gz-customerSystem/src/views/register/visit/SelfPreview.jsx @@ -7,7 +7,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); @@ -108,7 +113,7 @@ <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> -- Gitblit v1.8.0