Skip to content
Snippets Groups Projects
Commit ab37fd11 authored by 汤绍坚's avatar 汤绍坚
Browse files

Merge branch 'oldLogin' of ssh://171.217.92.33:2224/cityLevel/cd-comprehensive-web into oldLogin

parents 301bd693 baa54b55
No related branches found
No related tags found
No related merge requests found
Subproject commit b919d42b0b8425a489f3ef3d3d1b9f5d04bd6393
Subproject commit d4217e13f6d52b81916474ec0a2feafeca470a2b
......@@ -30,7 +30,7 @@ const SignStatus = () => {
<div className={styles.container}>
{list?.map((item) => {
return (
<div className={styles.itemWarp}>
<div className={styles.itemWarp} key={item.name}>
<div className={styles.titleWarp}>
<div className={styles.dot} style={{background:item.color}}>
......
......@@ -7,26 +7,20 @@ const LineBarCharts = ({ dataSource }: { dataSource: any[] }) => {
const realData = dataSource?.map(item => item.num);
return {
color: ['#FFEB6E', '#36BD3B'],
color: ['#5F8BFF'],
tooltip: {
trigger: 'axis',
borderWidth: '0',
backgroundColor: 'rgba(73,81,92,.95)',
textStyle: {
color: '#fff',
},
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999',
},
},
}
},
grid: {
left: '0',
right: '0',
bottom: '2%',
top: '25%',
top: '15%',
containLabel: true,
},
legend: {
......@@ -69,10 +63,11 @@ const LineBarCharts = ({ dataSource }: { dataSource: any[] }) => {
// max: 'dataMax',
interval: 10,
axisLabel: {
textStyle: {
color: '#CBEDFF',
fontSize: 16
},
show: false,
// textStyle: {
// color: '#CBEDFF',
// fontSize: 16
// },
},
nameTextStyle: {
align: 'left',
......@@ -98,6 +93,14 @@ const LineBarCharts = ({ dataSource }: { dataSource: any[] }) => {
itemStyle: {
barBorderRadius: [12, 12, 12, 12],
},
label: {
show: true,
position: 'top',
valueAnimation: true,
color: '#fff',
fontWeight: 700,
fontSize: 20
}
}]
};
}, [dataSource]);
......@@ -105,7 +108,7 @@ const LineBarCharts = ({ dataSource }: { dataSource: any[] }) => {
return (
<ReactEcharts
option={option}
style={{ width: '100%', height: '100%' }}
style={{ width: '100%', height: '126px' }}
/>
);
};
......
.container {
width: 100%;
height: 100%;
margin-top: 10px;
// padding: 20px;
.statisticsRow {
......@@ -34,7 +35,7 @@
background: linear-gradient(180deg, #AAFFF6 0%, #25BBFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: 'D-DIN Exp';
font-family: 'D-DIN';
font-size: 26px;
font-weight: 700;
}
......
......@@ -12,7 +12,6 @@
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 34px;
.tabItem {
color: rgb(76, 134, 189);
......@@ -50,6 +49,7 @@
grid-template-columns: 557px 1fr;
grid-template-rows: 1fr 1fr;
gap: 35px;
margin-top: 34px;
> div:nth-child(1) {
grid-row: 1 / span 2;
......
......@@ -13,12 +13,6 @@ const UrbanManagementIssues: React.FC = () => {
const [categoryStatistics, setCategoryStatistics] = useState([]);
const [areaStatistics, setAreaStatistics] = useState([]);
useEffect(() => {
getCategoryAnalysis();
getAreaAnalysis();
}, []);
// 获取高发类型和区域统计数据
const getCategoryAnalysis = (category = 'mainClass') => {
const params = {
......@@ -47,6 +41,11 @@ const UrbanManagementIssues: React.FC = () => {
const onChangeCategory = (value: string) => {
getCategoryAnalysis(value)
}
useEffect(() => {
getCategoryAnalysis();
getAreaAnalysis();
}, []);
const tabItems = [
{
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment