floraachy
/
console
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: the first metric is selected by default in TopN (#81) 

Co-authored-by: yaojiping <yaojiping@infini.ltd>
This commit is contained in:
yaojp123 2025-01-13 08:44:12 +08:00 committed by GitHub
parent 7cb3852b27
commit fb4dafecb3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/pages/Platform/Overview/components/TopN/index.jsx
View File

@ -52,6 +52,17 @@ export default (props) => {
return true; return true;
}).map((item) => ({ ...item._source })) }).map((item) => ({ ...item._source }))
setMetrics(newMetrics) setMetrics(newMetrics)
if (newMetrics.length > 0 && (!formData.sourceArea && !formData.sourceColor)) {
const newFormData = {
...cloneDeep(formData),
sourceArea: newMetrics[0],
statisticArea: newMetrics[0]?.items[0]?.statistic,
sourceColor: newMetrics[0],
statisticColor: newMetrics[0].items[0]?.statistic
}
setFormData(newFormData)
fetchData(type, clusterID, timeRange, newFormData)
}
} }
setLoading(false) setLoading(false)
} }
@ -283,6 +294,7 @@ export default (props) => {
<Select <Select
style={{ width: "150px", marginBottom: 12 }} style={{ width: "150px", marginBottom: 12 }}
value={formData.sourceArea?.key} value={formData.sourceArea?.key}
dropdownMatchSelectWidth={false}
onChange={(value, option) => { onChange={(value, option) => {
if (value) { if (value) {
@ -312,6 +324,7 @@ export default (props) => {
style={{ width: "88px", marginBottom: 12, marginRight: 6 }} style={{ width: "88px", marginBottom: 12, marginRight: 6 }}
className={styles.borderRadiusRight} className={styles.borderRadiusRight}
value={formData.statisticArea} value={formData.statisticArea}
dropdownMatchSelectWidth={false}
onChange={(value) => onFormDataChange({ statisticArea: value })} onChange={(value) => onFormDataChange({ statisticArea: value })}
> >
{ {
@ -333,6 +346,7 @@ export default (props) => {
<Select <Select
style={{ width: "150px", marginBottom: 12 }} style={{ width: "150px", marginBottom: 12 }}
value={formData.sourceColor?.key} value={formData.sourceColor?.key}
dropdownMatchSelectWidth={false}
onChange={(value, option) => { onChange={(value, option) => {
if (value) { if (value) {
const { items = [] } = option?.props?.metric || {} const { items = [] } = option?.props?.metric || {}
@ -361,6 +375,7 @@ export default (props) => {
<Select <Select
style={{ width: "88px", marginBottom: 12 }} style={{ width: "88px", marginBottom: 12 }}
value={formData.statisticColor} value={formData.statisticColor}
dropdownMatchSelectWidth={false}
onChange={(value) => onFormDataChange({ statisticColor: value })} onChange={(value) => onFormDataChange({ statisticColor: value })}
> >
{ {