diff --git a/src/pages/GlobalModalServices/modals/ConstructionWaste/components/DistributionChart/index.tsx b/src/pages/GlobalModalServices/modals/ConstructionWaste/components/DistributionChart/index.tsx index 06917703c7b3479fa27b08e426d5e6e51d495775..6fc8b7b907a9a2fd041cf6eaebf3f50acad63eef 100644 --- a/src/pages/GlobalModalServices/modals/ConstructionWaste/components/DistributionChart/index.tsx +++ b/src/pages/GlobalModalServices/modals/ConstructionWaste/components/DistributionChart/index.tsx @@ -184,6 +184,9 @@ const DistributionChart: React.FC<DistributionChartProps> = ({ barWidth: 20, z: 1, barGap: '-100%', + tooltip: { + show: false, + }, data: data.map((item) => ({ ...item, itemStyle: { @@ -198,6 +201,7 @@ const DistributionChart: React.FC<DistributionChartProps> = ({ barWidth: 20, z: 2, barGap: '-100%', + data: data.map((item) => ({ // value: activeTab === '1' ? item.wasteAmount : item.siteCount, ...item, diff --git a/src/pages/GlobalModalServices/modals/ConstructionWaste/components/StatisticsChart/index.tsx b/src/pages/GlobalModalServices/modals/ConstructionWaste/components/StatisticsChart/index.tsx index d814b8a6a372a0a6d88c928c6f71aa37345bb33b..2c2f4bfc26147c88cd05184aaf6f09864fcf733f 100644 --- a/src/pages/GlobalModalServices/modals/ConstructionWaste/components/StatisticsChart/index.tsx +++ b/src/pages/GlobalModalServices/modals/ConstructionWaste/components/StatisticsChart/index.tsx @@ -58,7 +58,7 @@ const StatisticsChart: React.FC<StatisticsChartProps> = ({ searchTime }) => { const zxlj = charData?.find((item) => item.name === 'zxlj')?.num??0; const gclj = charData?.find((item) => item.name === 'gclj')?.num??0 const cclj = charData?.find((item) => item.name === 'cclj')?.num??0; -console.log(gczt); + return [ @@ -117,11 +117,12 @@ console.log(gczt); color: '#BCCEE9', }, }, + title: { text: isUsingValue ? total : '---.--', subtext: '共计(万方)', - left: '65px', // 根据需求调整位置 - top: '54px', // 根据需求调整位置 + left: '68px', // 根据需求调整位置 + top: '58px', // 根据需求调整位置 textStyle: { color: '#FFFFFF', fontSize: 24, @@ -137,8 +138,9 @@ console.log(gczt); series: [ { type: 'pie', + padAngle: 5, radius: ['50%', '70%'], - center: ['40%', '35%'], // 调整环形图位置 + center: ['40%', '38%'], // 调整环形图位置 data: data.map((item) => ({ name: item.name, value: item.value, diff --git a/src/pages/GlobalModalServices/modals/LivingGarbage/index.less b/src/pages/GlobalModalServices/modals/LivingGarbage/index.less index 4f17b2a929ed9432af6e9dd867eb809a44137823..92938e12576672330e906407abbdf02e7a7a2ab6 100644 --- a/src/pages/GlobalModalServices/modals/LivingGarbage/index.less +++ b/src/pages/GlobalModalServices/modals/LivingGarbage/index.less @@ -259,7 +259,8 @@ left: 20px; top: 20px; z-index: 2; - width: 230px; + // width: 230px; + padding: 0 10px; height: 48px; background: rgb(30, 107, 180); border-radius: 10px; diff --git a/src/pages/GlobalModalServices/modals/LivingGarbage/index.tsx b/src/pages/GlobalModalServices/modals/LivingGarbage/index.tsx index 75d3d1f4f07d58fd00ccd5b6e5eb84f6080811e2..e2393cd19fb799c2f20357c1315391f0093238b7 100644 --- a/src/pages/GlobalModalServices/modals/LivingGarbage/index.tsx +++ b/src/pages/GlobalModalServices/modals/LivingGarbage/index.tsx @@ -62,9 +62,9 @@ const LivingGarbage: React.FC = () => { const { data: typeData } = useRequest(() => services.DataBase.getSjdzInfoData({ typeCode: 'zzcc-shlj-ljclslb', - params:{ + params: { ...searchTime, - } + }, }).then((res) => { if (res.code === 200) { return res?.data?.data?.records; @@ -142,6 +142,7 @@ const LivingGarbage: React.FC = () => { children: pointData?.filter((it: any) => item?.key === it.czclx), })); }, [pointData]); + // 定位功能 const handleLocation = async (location: { x: number; y: number }) => { @@ -160,7 +161,6 @@ const LivingGarbage: React.FC = () => { ...searchTime, }, }); - mapRef?.current?.flyTo({ destination: { @@ -322,7 +322,9 @@ const LivingGarbage: React.FC = () => { )} {/* 地图标题 - 移到地图内部 */} - <div className={styles.mapTitle}>生活垃圾处置厂分布</div> + <div className={styles.mapTitle}> + 生活固体废弃物末端处置设施分布 + </div> <div className={styles.legend}> <div className={styles.legendTitle}>图层图例</div> @@ -370,7 +372,7 @@ const LivingGarbage: React.FC = () => { > <div className={styles.listHeader}> <div className={styles.listTitle}> - <span>生活垃圾处置厂列表</span> + <span> 生活废弃物末端处置设施列表</span> </div> </div>