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 ( +
+ {list?.map((item) => { + return ( +
+
+
+ +
+
+ {item.name} {item.pre} +
+
+
{item.desc}
+
+ ); + })} +
+ ); +}; + +export default SignStatus; diff --git a/src/pages/Common/Sign/SignModel/index.tsx b/src/pages/Common/Sign/SignModel/index.tsx index 75db54784244e2a7fd1388b4af0aa900a50ebc67..d050ddac1400863ebd367d39d0b210c622c69181 100644 --- a/src/pages/Common/Sign/SignModel/index.tsx +++ b/src/pages/Common/Sign/SignModel/index.tsx @@ -7,6 +7,7 @@ import SignArithmetic from './SignArithmetic'; import styles from './index.less'; import { treeToArray } from '@/utils/index'; import BaseCard from '@/pages/Common/components/BaseCard'; +import SignStatus from './SignStatus'; /** * @description 体征模型 @@ -98,6 +99,13 @@ const SignModel = () => { const tabItems = useMemo(() => { return [ + { + label: `体征状态`, + key: '0', + children: ( + + ), + }, { label: `体征体系`, key: '1', @@ -147,7 +155,7 @@ const SignModel = () => {
{ const [areaData, setAreaData] = useState([]); @@ -91,7 +89,11 @@ const Focus = () => { useEffect(() => { getAreaData(); }, []); - + const imgMap: Record = { + 0: require('@/assets/images/urbanSituation/zdgz1.png'), + 1: require('@/assets/images/urbanSituation/zdgz2.png'), + 2: require('@/assets/images/urbanSituation/zdgz3.png'), + }; return (
@@ -122,7 +124,14 @@ const Focus = () => { key={index} className={styles.areaCard} > - */}
{item.objectName}
{item.cqi || 0}
@@ -148,10 +157,14 @@ const Focus = () => { style={{ marginTop: 30 }} > 重大活动保障 - { - const url = 'https://10.1.174.34:13000' - window.open(url, '_blank'); - }}>更多 + { + const url = 'https://10.1.174.34:13000'; + window.open(url, '_blank'); + }} + > + 更多 +