8x48/KnowStreaming
1
0
Fork 0
mirror of https://github.com/didi/KnowStreaming.git synced 2026-01-15 12:48:09 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Optimize] 新增/编辑MM2 Topic 由当前集群获取改为对应的sourceKafka集群获取& 新增/编辑MM2入参优化(#894)

Browse Source
This commit is contained in:
erge
2023-02-20 16:31:35 +08:00
committed by lucasun
parent 5c26e8947b
commit ae8cc3092b
5 changed files with 93 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
km-console/packages/layout-clusters-fe/src/pages/ConnectDashboard/index.tsx
View File

@@ -37,6 +37,7 @@ const DraggableCharts = (): JSX.Element => {
connectClusters: [],
connectors: [],
});
const [screenType, setScreenType] = useState('all');
const curFetchingTimestamp = useRef(0);
const metricRankList = useRef<string[]>([]);
const metricFilterRef = useRef(null);
@@ -149,7 +150,14 @@ const DraggableCharts = (): JSX.Element => {
const nullDataMetricData = [...newConnectClusterData, ...newConnectorData].filter((item) => item !== null);
formattedMetricData.sort((a, b) => metricRankList.current.indexOf(a.metricName) - metricRankList.current.indexOf(b.metricName));
nullDataMetricData.sort((a, b) => metricRankList.current.indexOf(a.metricName) - metricRankList.current.indexOf(b.metricName));
setMetricChartData([...formattedMetricData, ...nullDataMetricData]);
const filterMetricData = [...formattedMetricData, ...nullDataMetricData];
setMetricChartData(
screenType === 'Connect'
? filterMetricData.filter((item) => item.metricType === MetricType.Connect)
: screenType === 'Connector'
? filterMetricData.filter((item) => item.metricType === MetricType.Connectors)
: filterMetricData
);
} else {
setMetricChartData([]);
}
@@ -216,7 +224,7 @@ const DraggableCharts = (): JSX.Element => {
if (Object.values(metricList).some((list) => list.length) && curHeaderOptions) {
getMetricChartData();
}
}, [curHeaderOptions]);
}, [curHeaderOptions, screenType]);
useEffect(() => {
if (Object.values(metricList).some((list) => list.length) && curHeaderOptions) {
@@ -242,6 +250,7 @@ const DraggableCharts = (): JSX.Element => {
name: 'Connect',
customContent: <SelectContent scopeList={scopeList} title="请选择 Connect 范围" />,
}}
setScreenType={setScreenType}
/>
<MetricsFilter
ref={metricFilterRef}