From c68d05a6c8d827a82fe1b3da56a8185aadc894e6 Mon Sep 17 00:00:00 2001
From: lei <leili@synkrotron.ai>
Date: Wed, 15 May 2024 12:59:15 +0800
Subject: [PATCH] fix: split change should refresh the metrics select options

---
 src/views/challenge/Leaderboard.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/views/challenge/Leaderboard.vue b/src/views/challenge/Leaderboard.vue
index 30e7f98..feadb2f 100644
--- a/src/views/challenge/Leaderboard.vue
+++ b/src/views/challenge/Leaderboard.vue
@@ -6,7 +6,7 @@
   </el-collapse>
 
   <div class="flex-center mb16">
-    <el-select v-model="curSplitId" :placeholder="$t('submission.trackPH')" @change="splitChange" style="width: 360px" class="mr16">
+    <el-select v-model="curSplitId" :placeholder="$t('submission.trackPH')" @change="handleChange" style="width: 360px" class="mr16">
       <el-option v-for="item in splits" :key="item.id" :label="getSplitLabel(item)" :value="item.id" />
     </el-select>
 
@@ -82,6 +82,15 @@ const pager = reactive({
   pageSize: 1000,
 });
 const leaderboardList = ref([]);
+const handleChange = (splitId) => {
+    // console.log(item)
+    const split = splits.value.find(item => item.id === splitId);
+    if(split !== undefined) {
+      labels.value = split.leaderboard_schema?.labels || [];
+      curOrderBy.value = labels.value[0];
+    }
+    splitChange()
+}
 const splitChange = () => {
   getLeaderboard(curSplitId.value, { page_size: 1000, order_by: curOrderBy.value || undefined }).then((res) => {
     pager.total = res.count;