diff --git a/src/assets/images/urbanSituation/zdgz1.png b/src/assets/images/urbanSituation/zdgz1.png new file mode 100644 index 0000000000000000000000000000000000000000..9da664f8cf731f49aed41def3acd82d667b9710d Binary files /dev/null and b/src/assets/images/urbanSituation/zdgz1.png differ diff --git a/src/assets/images/urbanSituation/zdgz2.png b/src/assets/images/urbanSituation/zdgz2.png new file mode 100644 index 0000000000000000000000000000000000000000..b7f45d08b158c34a40f1a96b03b43bd2e26ad70a Binary files /dev/null and b/src/assets/images/urbanSituation/zdgz2.png differ diff --git a/src/assets/images/urbanSituation/zdgz3.png b/src/assets/images/urbanSituation/zdgz3.png new file mode 100644 index 0000000000000000000000000000000000000000..f68cbf77abe3205a3fb9bb8baea6b115bd855bb5 Binary files /dev/null and b/src/assets/images/urbanSituation/zdgz3.png differ diff --git a/src/pages/Common/Sign/SignModel/SignStatus/index.less b/src/pages/Common/Sign/SignModel/SignStatus/index.less new file mode 100644 index 0000000000000000000000000000000000000000..21a186a5d3e3d4564912ad945d3e48a194e63ca1 --- /dev/null +++ b/src/pages/Common/Sign/SignModel/SignStatus/index.less @@ -0,0 +1,35 @@ +.container { + padding: 50px 100px; + + .itemWarp { + margin-bottom: 48px; + .titleWarp { + display: flex; + align-items: center; + + .dot { + width: 30px; + height: 20px; + border-radius: 10px; + } + + .title { + margin-left: 20px; + color: rgb(255, 255, 255); + font-size: 18px; + + span { + font-family: DingTalk JinBuTi; + font-size: 22px; + } + } + } + + .desc { + color: rgb(203, 237, 255); + font-size: 18px; + padding-left: 50px; + margin-top: 15px; + } + } +} \ No newline at end of file diff --git a/src/pages/Common/Sign/SignModel/SignStatus/index.tsx b/src/pages/Common/Sign/SignModel/SignStatus/index.tsx new file mode 100644 index 0000000000000000000000000000000000000000..0fecd2e7587f39a5994e42b32aac56a9d987c222 --- /dev/null +++ b/src/pages/Common/Sign/SignModel/SignStatus/index.tsx @@ -0,0 +1,50 @@ +import styles from './index.less'; +const SignStatus = () => { + const list = [ + { + name: '理想态', + pre: '(95分以上)', + desc: '表示问题数量少、处置效率高,城市管理整体运行良好。', + color: 'rgb(87, 239, 88)', + }, + { + name: '标准态', + pre: '(85分-95分)', + desc: '表示管理达标,但仍有优化空间。', + color: 'rgb(68, 127, 240)', + }, + { + name: '预警态', + pre: '(85分一下)', + desc: '提示问题积压或处置效率下降,需要加大治理力度。', + color: 'rgb(255, 162, 80)', + }, + { + name: '应急态', + pre: '(发生重大应急事件)', + desc: '发生重大应急事件时,提醒管理资源需快速响应。', + color: 'rgb(255, 95, 95)', + }, + ]; + return ( +