From 161bda1179f140fc7232134b38da2bd1fa48f754 Mon Sep 17 00:00:00 2001 From: lijingqi <1437862981@qq.com> Date: Tue, 10 Dec 2024 14:58:52 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=89=E5=85=A8=E4=B8=80=E5=BC=A0=E5=9B=BE?= =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=A8=A1=E5=9D=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../images/SecurityServiceOverview/aqzj.png | Bin 0 -> 328 bytes .../images/SecurityServiceOverview/yjdw.png | Bin 0 -> 434 bytes .../images/SecurityServiceOverview/yjwz.png | Bin 0 -> 242 bytes .../images/SecurityServiceOverview/yjzb.png | Bin 0 -> 354 bytes src/components/PieChart/Chart.tsx | 41 +++++++ src/components/PieChart/DotText/index.less | 26 +++++ src/components/PieChart/DotText/index.tsx | 34 ++++++ src/components/PieChart/index.less | 44 +++++++ src/components/PieChart/index.tsx | 71 +++++++++++ .../modals/DistrictIndex/RightBox/index.tsx | 4 +- .../SecurityState/FacilityWarn/index.tsx | 42 +++---- .../IndustryWarn/DisposeFlow/index.tsx | 34 +++++- .../IndustryWarn/IndustryWiget/index.less | 13 ++- .../IndustryWarn/IndustryWiget/index.tsx | 23 ++-- .../SecurityState/IndustryWarn/index.tsx | 25 +--- .../SecurityState/MeetSafeguard/index.less | 69 ++++++++++- .../SecurityState/MeetSafeguard/index.tsx | 110 ++++++++++++++++-- .../SecurityState/SafetyTips/index.tsx | 3 - src/pages/SecurityServiceOverview/index.tsx | 3 +- src/services/core/typings.d.ts | 2 +- 20 files changed, 471 insertions(+), 73 deletions(-) create mode 100644 src/assets/images/SecurityServiceOverview/aqzj.png create mode 100644 src/assets/images/SecurityServiceOverview/yjdw.png create mode 100644 src/assets/images/SecurityServiceOverview/yjwz.png create mode 100644 src/assets/images/SecurityServiceOverview/yjzb.png create mode 100644 src/components/PieChart/Chart.tsx create mode 100644 src/components/PieChart/DotText/index.less create mode 100644 src/components/PieChart/DotText/index.tsx create mode 100644 src/components/PieChart/index.less create mode 100644 src/components/PieChart/index.tsx diff --git a/src/assets/images/SecurityServiceOverview/aqzj.png b/src/assets/images/SecurityServiceOverview/aqzj.png new file mode 100644 index 0000000000000000000000000000000000000000..e0e21eb0e83545243a4badf406e600003468fd40 GIT binary patch literal 328 zcmeAS@N?(olHy`uVBq!ia0y~yU{GXWV36ZrV_;xdbfR3Gfq{Xg*vT`5gM)*kh9jke zfq~(_r;B5VN9WaPiCl*jc-$V}*qi2WR&KO;a_#Rx-JqP=F3fkE9Z!Gx+?YA#1VaOd z!t{7mMvrMWuOFrVI60+&H*nV9fQmg+?&%3V3ec6}H2>$<^j<;my~0A*-==eeXHAjH ztPAMqaNhnwz~$$>)}MiW``I=XFP^lV+eGQoXXPrd4z4S{3j}v6Wg6?&Ht`ledl)MG z$SzRj39rWu&YA5kbd*k7nl75d5 l2kvAF-T#)l-Bhctr0UYObw60l85kHCJYD@<);T3K0RWUai+TV6 literal 0 HcmV?d00001 diff --git a/src/assets/images/SecurityServiceOverview/yjdw.png b/src/assets/images/SecurityServiceOverview/yjdw.png new file mode 100644 index 0000000000000000000000000000000000000000..9c0ea187ef872836e789f5198fc91353151f8bd1 GIT binary patch literal 434 zcmeAS@N?(olHy`uVBq!ia0y~yV322EV36ZrV_;yo^6BUt1_lO}VkgfK4h{~E8jh3> z1_s7VPZ!4!kIuJY-qV;BIa*?L?&*9xxy9d2>|&kAXYcf9zGA_%T~;p)5M5o+}@9_L>-zNMxf6JuFYgxT(!k<|& zFert!T2~zYHjnqj-Lhlm(+WaAq}dfDh_En-?2LNKW6i*z^zFno*3(xmpW0ff{8DAs z)+)_)3oT=;JXV$p9||j})+)Mx{N;|6ZOd8exUPl%7XQyzSl4d0T_>7lRtMfxu=pL^{5(Y9cLDPN}D=C|{j z|MeN{oi$-oNB`@KO%8q@B2!xB@7wd~7V3A4DavoIzISAYTF%Ze*QE?466tH#_E@_e zu{(ZEk7r-QrK^uRZe*7)zZ^SrwnkEo`7_IH%2vyB{;_E_yoft4b~g6IqJ2%g32%R& sy*6`hZsXRtYR9i1t@}OB&hAuC?S0H^E@yI!fq{X+)78&qol`;+0L~D7Ip0rt?KZh&AiHdOLOP?0?bI7< z(n{hFpSu>&eDlmJtA+0z-x?{J?-R>;Y_RJ4|Cjd`zs%uXP_D@kvat3I^Zl^dKU|~k wKfd+knbzuUDM#!-E<0Q@qs(xvwz`nx@JTAvq-&y_Uq?bRN?aeRA&9kh`5<*Jrt%B^j=023n;Mt%t zsWT-prn1zJTS=c`kN7iQ0ks|%MTVHG1*`@3fA%qW9NW>yd|-XY6%J=>;lrwV+Ga0< zodk9tykf`h7$g7wsnPFGOdOue*0O%QvwgANu^+xJ&sJNUp7mVo9OIjpW*z4G`scOy zE=3>nfAxGn2 z%uZxD^vSYsx}3+yj+6WO=ZkYcQ(HA}vE!!&uO=U4I1+qu^`?hg)kCDJt86lqCVBS# z@|8VuTju-Uji0TjJ~_y;*{)bz=~lJ$K3_|_jZITL|9CzBQ4#&0fsOh6;>5?2@(c_N N44$rjF6*2UngGPymnZ-L literal 0 HcmV?d00001 diff --git a/src/components/PieChart/Chart.tsx b/src/components/PieChart/Chart.tsx new file mode 100644 index 00000000..beb68fdd --- /dev/null +++ b/src/components/PieChart/Chart.tsx @@ -0,0 +1,41 @@ +//公用饼图 +import ReactEcharts from 'echarts-for-react'; +import { CSSProperties } from 'react'; +interface ChartProps { + data: any; + style?: CSSProperties; + color: string[]; +} +const Chart: React.FC = ({ data, color, style }) => { + const getOption = () => { + return { + color, + tooltip: { + trigger: 'item', + confine: true, + formatter: '{b0}: {c0}', + }, + series: [ + { + name: '', + type: 'pie', + minAngle: 20, //最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互。 + radius: ['82%', '100%'], + label: { + show: false, + }, + data: data, + }, + ], + }; + }; + return ( + + ); +}; +export default Chart; diff --git a/src/components/PieChart/DotText/index.less b/src/components/PieChart/DotText/index.less new file mode 100644 index 00000000..4bde9658 --- /dev/null +++ b/src/components/PieChart/DotText/index.less @@ -0,0 +1,26 @@ +.dottext { + line-height: 36px; + font-size: 14px; + color: #666565; + position: relative; + display: flex; + + &::before { + display: block; + content: ''; + width: 8px; + height: 8px; + border-radius: 8px; + background: var(--color); + position: absolute; + top: 13px; + } + + .type { + display: inline-block; + max-width: 80px; + overflow: hidden; + margin-left: 15px; + color: var(--fontcolor); + } +} \ No newline at end of file diff --git a/src/components/PieChart/DotText/index.tsx b/src/components/PieChart/DotText/index.tsx new file mode 100644 index 00000000..12e60ee7 --- /dev/null +++ b/src/components/PieChart/DotText/index.tsx @@ -0,0 +1,34 @@ +//文本前带圆点 +import { Popover } from 'antd'; +import classNames from 'classnames'; +import { CSSProperties } from 'react'; +import styles from './index.less'; +interface DotTextProps { + dotcolor: string; //圆点颜色 + title: string; //文本 + textColor?: string; //文本颜色 + titleStyle?: CSSProperties; //title样式 +} +const DotText: React.FC = ({ + textColor = '#666', + dotcolor, + title, + titleStyle, +}) => { + return ( +
+ + + {title} + + +
+ ); +}; +export default DotText; diff --git a/src/components/PieChart/index.less b/src/components/PieChart/index.less new file mode 100644 index 00000000..8b60c69e --- /dev/null +++ b/src/components/PieChart/index.less @@ -0,0 +1,44 @@ +.label { + width: 100%; + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + color: rgb(188, 206, 233); + font-size: 16px; + margin-top: 18px; + + .labelItem { + width: 200px; + height: 30px; + background: rgba(41, 180, 255, 0.269); + border-radius: 12px; + padding: 0 15px; + } + + p { + display: flex; + align-items: center; + color: rgb(188, 206, 233); + font-size: 14px; + width: 22%; + display: flex; + justify-content: flex-end; +margin: 0; + b { + + color: rgb(188, 206, 233); + margin-right: 4px; + + } + + &.valueWrap { + flex: 1; + display: flex; + justify-content: flex-end; + padding: 0 0 1px 8px !important; + align-items: center; + + } + } +} \ No newline at end of file diff --git a/src/components/PieChart/index.tsx b/src/components/PieChart/index.tsx new file mode 100644 index 00000000..3ef0a307 --- /dev/null +++ b/src/components/PieChart/index.tsx @@ -0,0 +1,71 @@ +//公用饼图 +import EmptySpace from '@/components/EmptySpace'; +import { Flex } from 'antd'; +import classNames from 'classnames'; +import { CSSProperties } from 'react'; +import Chart from './Chart'; +import DotText from './DotText/index'; +import styles from './index.less'; +interface PieChartDto { + data?: API.BaseChartInfo[]; //数据源 + labelGap?: number; //label间距 + style?: CSSProperties; //样式 + chartStyle?: CSSProperties; //chartStyle样式 + labelStyle?: CSSProperties; + labelClassName?: string; //label样式 + color?: string[]; //颜色 +} +const PieChart: React.FC = ({ + style, + labelGap = 8, + chartStyle = { width: '260px', height: '300px' }, + data = [], + labelClassName, + labelStyle, + color = ['rgb(150, 216, 129)', 'rgb(83, 214, 255)', 'rgb(159, 159, 255)', 'rgb(247, 161, 91)', '#B5B42F'], +}) => { + return ( + + {data?.length > 0 ? ( + <> + +
+ {data.map((it, index) => ( + + +

+ + {it.value} + + 件 + + +

+ {/*

+ {parseFloat(Number(it.percent).toFixed(1))}% +

*/} + + ))} +
+ + ) : ( + + )} + + ); +}; +export default PieChart; diff --git a/src/pages/GlobalModalServices/modals/DistrictIndex/RightBox/index.tsx b/src/pages/GlobalModalServices/modals/DistrictIndex/RightBox/index.tsx index 2522125a..2cbb6c1c 100644 --- a/src/pages/GlobalModalServices/modals/DistrictIndex/RightBox/index.tsx +++ b/src/pages/GlobalModalServices/modals/DistrictIndex/RightBox/index.tsx @@ -39,8 +39,8 @@ const RightBox: React.FC<{ objectId: string }> = ({ objectId }) => { '#FFE335', '#D5D5D5', '#ff98f9', - ]; - let sourceData = cityPieData?.data.source; + ] + let sourceData = cityPieData?.data?.source; return sourceData?.map((it, index) => ({ name: it.name, value: it.count, diff --git a/src/pages/SecurityServiceOverview/SecurityState/FacilityWarn/index.tsx b/src/pages/SecurityServiceOverview/SecurityState/FacilityWarn/index.tsx index 1b38a677..c736dd7c 100644 --- a/src/pages/SecurityServiceOverview/SecurityState/FacilityWarn/index.tsx +++ b/src/pages/SecurityServiceOverview/SecurityState/FacilityWarn/index.tsx @@ -42,24 +42,24 @@ const FacilityWarn = ({ data }: { data: any }) => { }, ], }); - //照明预警数陈彭接口 - const { data: zmTotal } = useRequest(() => { - return services.CityRiskApi.getstatisticalEvent({ - parentTypeCode: 'zm', - }); - }); - //广告牌预警数陈彭接口 - const { data: ggzpTotal } = useRequest(() => { - return services.CityRiskApi.getstatisticalEvent({ - parentTypeCode: 'ggzp', - }); - }); - //管廊预警数陈彭接口 - const { data: glTotal } = useRequest(() => { - return services.CityRiskApi.getstatisticalEvent({ - parentTypeCode: 'gl', - }); - }); + // //照明预警数陈彭接口 + // const { data: zmTotal } = useRequest(() => { + // return services.CityRiskApi.getstatisticalEvent({ + // parentTypeCode: 'zm', + // }); + // }); + // //广告牌预警数陈彭接口 + // const { data: ggzpTotal } = useRequest(() => { + // return services.CityRiskApi.getstatisticalEvent({ + // parentTypeCode: 'ggzp', + // }); + // }); + // //管廊预警数陈彭接口 + // const { data: glTotal } = useRequest(() => { + // return services.CityRiskApi.getstatisticalEvent({ + // parentTypeCode: 'gl', + // }); + // }); //照明 const zm = useMemo(() => { // return data?.find((item: any) => item?.typeCode === 'zm'); @@ -181,7 +181,7 @@ const FacilityWarn = ({ data }: { data: any }) => { })}
- +
@@ -213,7 +213,7 @@ const FacilityWarn = ({ data }: { data: any }) => { })}
- +
@@ -245,7 +245,7 @@ const FacilityWarn = ({ data }: { data: any }) => { })}
- +
diff --git a/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/DisposeFlow/index.tsx b/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/DisposeFlow/index.tsx index 14536a3d..d33f1f58 100644 --- a/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/DisposeFlow/index.tsx +++ b/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/DisposeFlow/index.tsx @@ -1,5 +1,20 @@ +import { useRequest } from 'ahooks'; import styles from './index.less'; -const DisposeFlow = ({countWidth}:{countWidth?:number}) => { +import services from '@/services'; +const DisposeFlow = ({ + countWidth, + typeCode, +}: { + countWidth?: number; + typeCode: string; +}) => { + const { data } = useRequest(() => { + return services.CityRiskApi.getstatisticalEvent({ + parentTypeCode:typeCode, + }); + }); + console.log(data); + return (
@@ -9,7 +24,9 @@ const DisposeFlow = ({countWidth}:{countWidth?:number}) => { className={styles.icon} />
预警
-
1423546576823
+
+ {data?.data?.monthEventTotal??'--'} +
{ alt="" className={styles.arrows} /> -
+
处置
-
123131313131
+
+ + {data?.data?.zgzEventTotal??'--'} +
-
+
办结
-
12323131313131
+
+ {data?.data?.yxcEventTotal??'--'} +
); diff --git a/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/IndustryWiget/index.less b/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/IndustryWiget/index.less index 58111bfd..c184b2d5 100644 --- a/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/IndustryWiget/index.less +++ b/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/IndustryWiget/index.less @@ -18,15 +18,19 @@ display: flex; align-items: center; padding: 0 5px; - .wic{ + + .wic { width: 14.5px; height: 14.5px; } - .count{ + + .count { color: rgb(255, 255, 255); font-size: 14px; font-family: DingTalk JinBuTi; } + + } } @@ -42,7 +46,10 @@ } - + .count1 { + color: rgb(43, 136, 172); + font-size: 16px; + } .name { width: 100%; color: rgb(202, 223, 252); diff --git a/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/IndustryWiget/index.tsx b/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/IndustryWiget/index.tsx index 4ec59b4e..92509c24 100644 --- a/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/IndustryWiget/index.tsx +++ b/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/IndustryWiget/index.tsx @@ -31,18 +31,23 @@ const IndustryWiget = ({ >
- { data?.warn&&
- -
222
-
} + {data?.warn && ( +
+ +
222
+
+ )}
-
{data?.total}
+
+ {data?.total} + {data?.c && /{data?.c}} +
{data?.typeName}
diff --git a/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/index.tsx b/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/index.tsx index 853db0c4..5f14742d 100644 --- a/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/index.tsx +++ b/src/pages/SecurityServiceOverview/SecurityState/IndustryWarn/index.tsx @@ -2,11 +2,10 @@ import services from '@/services'; import { useRequest } from '@umijs/max'; import { useMemo } from 'react'; import CustomCard from '../../components/CustomCard'; +import DisposeFlow from './DisposeFlow'; import styles from './index.less'; import IndustryWiget from './IndustryWiget'; import StatusWiget from './StatusWiget'; -import WarnWiget from './WarnWiget'; -import DisposeFlow from './DisposeFlow'; const IndustryWarn = ({ data }: { data: any }) => { //环卫固废 const { data: hwgf } = useRequest(services.CityRiskApi.catalogData, { @@ -32,6 +31,7 @@ const IndustryWarn = ({ data }: { data: any }) => { typeName: '道路', parentCode: 'dlql', total: '0', + c:'20', children: [ { typeCode: '342', @@ -156,17 +156,6 @@ const IndustryWarn = ({ data }: { data: any }) => { }; }, [data]); - const { data: dlqlTotal } = useRequest(() => { - return services.CityRiskApi.getstatisticalEvent({ - parentTypeCode: 'dlql', - }); - }); - - const { data: hwTotal } = useRequest(() => { - return services.CityRiskApi.getstatisticalEvent({ - parentTypeCode: 'hw', - }); - }); return (
@@ -191,7 +180,7 @@ const IndustryWarn = ({ data }: { data: any }) => { icon: require('@/assets/images/SecurityServiceOverview/qiaoliang.png'), typeCode: dlql?.typeCode, parentData: dlql, - warn:33 + warn: 33, }} style={{ width: 170 }} /> @@ -199,9 +188,8 @@ const IndustryWarn = ({ data }: { data: any }) => { })}
- +
-
{ })}
- +
@@ -257,7 +245,6 @@ const IndustryWarn = ({ data }: { data: any }) => { icon: require('@/assets/images/SecurityServiceOverview/feigu.png'), typeCode: gf?.typeCode, parentData: gf, - }} style={{ width: 100 }} /> @@ -265,7 +252,7 @@ const IndustryWarn = ({ data }: { data: any }) => { })}
- +
diff --git a/src/pages/SecurityServiceOverview/SecurityState/MeetSafeguard/index.less b/src/pages/SecurityServiceOverview/SecurityState/MeetSafeguard/index.less index 68f0acf6..7e170294 100644 --- a/src/pages/SecurityServiceOverview/SecurityState/MeetSafeguard/index.less +++ b/src/pages/SecurityServiceOverview/SecurityState/MeetSafeguard/index.less @@ -17,6 +17,73 @@ } - + .content { + display: flex; + justify-content: space-between; + padding: 0 14px 20px 24px; + + .leftWarp { + width: 46%; + height: 100%; + display: grid; + grid-template-columns: 1fr 1fr; + grid-column-gap: 10px; + grid-row-gap: 50px; + padding-top: 30px; + + .items { + display: flex; + align-items: center; + + .icon { + width: 61px; + height: 61px; + background-color: rgb(205, 89, 59); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + + .img { + width: 30px; + height: 30px; + } + } + + .info { + margin-left: 10px; + + .label { + color: rgb(202, 223, 252); + font-size: 18px; + } + + .count { + font-family: DingTalk JinBuTi; + color: rgb(66, 203, 255); + font-size: 26px; + width: 80px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } + } + } + + .rWarp { + margin-top: 10px; + width: 395px; + height: 230px; + background-color: rgba(18, 40, 69, 0.3); + border-radius: 15px; + padding: 14px; + .title{ + color: rgb(202, 223, 252); + font-size: 18px; + font-family: DingTalk JinBuTi; + } + } + } } \ No newline at end of file diff --git a/src/pages/SecurityServiceOverview/SecurityState/MeetSafeguard/index.tsx b/src/pages/SecurityServiceOverview/SecurityState/MeetSafeguard/index.tsx index 84d75970..c6a579a7 100644 --- a/src/pages/SecurityServiceOverview/SecurityState/MeetSafeguard/index.tsx +++ b/src/pages/SecurityServiceOverview/SecurityState/MeetSafeguard/index.tsx @@ -1,15 +1,111 @@ -import services from '@/services'; -import { useRequest } from '@umijs/max'; -import { useState } from 'react'; -import SafetyModal from '../SafetyTips/SafetyModal'; +import PieChart from '@/components/PieChart'; +import { useMemo } from 'react'; import styles from './index.less'; - +import { values } from 'lodash'; +import { useRequest } from 'ahooks'; +import services from '@/services'; const MeetSafeguard = () => { - + const { data } = useRequest(services.Information.getArticleList, { + defaultParams: [ + { + pushCategoryName: '气象预警', + 'category.scopeList': '1', + attributeList: '0,1', + current: '1', + size: 3, + }, + ], + }); + + const items = useMemo(() => { + return [ + { + icon: require('@/assets/images/SecurityServiceOverview/yjdw.png'), + label: '应急队伍', + value: 1586, + }, + { + icon: require('@/assets/images/SecurityServiceOverview/aqzj.png'), + label: '安全专家', + value: 1586, + }, + { + icon: require('@/assets/images/SecurityServiceOverview/yjwz.png'), + label: '应急物资', + value: 1586, + }, + { + icon: require('@/assets/images/SecurityServiceOverview/yjzb.png'), + label: '应急装备', + value: 158313131316, + }, + ]; + }, []); + // //获取问题来源getEventCountBySource + // const { data: eventSource, loading: eventSourceLoading } = useRequest( + // services.Physicalsign.getEventCountBySource, + // { + // defaultParams: [ + // { + // physicalSignType: '1', + // indexId: '1', + // indexType: '1', + // objectId: areaId, + // }, + // ], + // }, + // ); + const pieData=useMemo(()=>{ +return [{ + name:'应急防护物资', + value:1234 +}, +{ + name:'运输保障物资', + value:1234 +}, +{ + name:'生活救生物资', + value:1234 +}, +{ + name:'其他物资', + value:1234 +}] + },[]) return (
-
应急保障
+
应急保障
+
+
+ {items?.map((item) => { + return ( +
+
+ +
+
+
{item?.label}
+
{item?.value}
+
+
+ ); + })} +
+
+
应急装备
+
+ +
+
+
); }; diff --git a/src/pages/SecurityServiceOverview/SecurityState/SafetyTips/index.tsx b/src/pages/SecurityServiceOverview/SecurityState/SafetyTips/index.tsx index 880eeea4..6de75619 100644 --- a/src/pages/SecurityServiceOverview/SecurityState/SafetyTips/index.tsx +++ b/src/pages/SecurityServiceOverview/SecurityState/SafetyTips/index.tsx @@ -37,9 +37,6 @@ const SafetyTips = () => { ], }); - console.log('BigImgData', BigImgData); - console.log('data', data); - const handleCarouselItemClick = (item: any) => { setSelectedCarouselItem(item); diff --git a/src/pages/SecurityServiceOverview/index.tsx b/src/pages/SecurityServiceOverview/index.tsx index b3bea081..ad8cbb03 100644 --- a/src/pages/SecurityServiceOverview/index.tsx +++ b/src/pages/SecurityServiceOverview/index.tsx @@ -26,8 +26,9 @@ const SecurityServiceOverview = () => { {/* */} - + + ); }; diff --git a/src/services/core/typings.d.ts b/src/services/core/typings.d.ts index f5b38d7f..06570b16 100644 --- a/src/services/core/typings.d.ts +++ b/src/services/core/typings.d.ts @@ -17,7 +17,7 @@ declare namespace API { name: string; value: string | number; unit?: string; - percent: string; + percent?: string; } interface OptionsDto { -- GitLab