Skip to content
Snippets Groups Projects
Commit 452a4e7a authored by yms's avatar yms
Browse files

调整连接

parent 119011f4
Branches
Tags city_0.3.1
No related merge requests found
import { Flex, Statistic, Space } from 'antd'
import type { StatisticProps } from 'antd';
import { Flex, Space, Statistic } from 'antd';
import CountUp from 'react-countup';
import styles from './index.less'
import styles from './index.less';
/**
*
*
* @description 管理要素
*/
......@@ -20,22 +19,27 @@ const formatter1: StatisticProps['formatter'] = (value) => (
const ManagementElement = () => {
return (
<Flex vertical className={styles.wrap}>
<Flex justify='space-between' align='center' className={styles.top}>
<Flex justify="space-between" align="center" className={styles.top}>
<span className={styles.title}>管理要素</span>
<span className={styles.right} onClick={()=>{
window.open('http://10.1.214.174:1800/comprehensivebig')
}}>进入网格基座查看更多</span>
<span
className={styles.right}
onClick={() => {
window.open('https://10.1.174.34:13600/user/autoLogin');
}}
>
进入网格基座查看更多
</span>
</Flex>
<Flex vertical justify='space-between' className={styles.main}>
<Flex justify='space-between' style={{ padding: '0 60px' }}>
<Space direction='vertical' className={styles.card}>
<Flex vertical justify="space-between" className={styles.main}>
<Flex justify="space-between" style={{ padding: '0 60px' }}>
<Space direction="vertical" className={styles.card}>
<Space>
<Statistic value={1144} formatter={formatter} />
<span className={styles.unit}></span>
</Space>
<span className={styles.name}>责任网格</span>
</Space>
<Space direction='vertical' className={styles.card}>
<Space direction="vertical" className={styles.card}>
<Space>
<Statistic value={8} formatter={formatter} />
<span className={styles.unit}></span>
......@@ -43,22 +47,22 @@ const ManagementElement = () => {
<span className={styles.name}>资源网格</span>
</Space>
</Flex>
<Flex justify='space-between' className={styles.gridSection}>
<Space direction='vertical' className={styles.gridItem}>
<Flex justify="space-between" className={styles.gridSection}>
<Space direction="vertical" className={styles.gridItem}>
<Space>
<Statistic value={94156} formatter={formatter} />
<span className={styles.unit}></span>
</Space>
<span className={styles.name}>资源</span>
</Space>
<Space direction='vertical' className={styles.gridItem}>
<Space direction="vertical" className={styles.gridItem}>
<Space>
<Statistic value={3046396} formatter={formatter} />
<span className={styles.unit}></span>
</Space>
<span className={styles.name}>部件</span>
</Space>
<Space direction='vertical' className={styles.gridItem}>
<Space direction="vertical" className={styles.gridItem}>
<Space>
<Statistic value={2370154} formatter={formatter} />
<span className={styles.unit}></span>
......@@ -66,8 +70,8 @@ const ManagementElement = () => {
<span className={styles.name}>感知</span>
</Space>
</Flex>
<Flex justify='center' className={styles.bottom}>
<Space direction='vertical' style={{ textAlign: 'center'}}>
<Flex justify="center" className={styles.bottom}>
<Space direction="vertical" style={{ textAlign: 'center' }}>
<Space>
<Statistic value={143.48} formatter={formatter1} />
<span className={styles.unit}>亿</span>
......@@ -77,7 +81,7 @@ const ManagementElement = () => {
</Flex>
</Flex>
</Flex>
)
}
);
};
export default ManagementElement
\ No newline at end of file
export default ManagementElement;
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment