fix: ensure model options update correctly when adding LLM config

Author: FU-design

bigtop-manager-ui/src/pages/system-manage/llm-config/components/add-llm-item.vue

@@ -174,12 +174,19 @@
       >
         <template #platformId="{ item }">
           <a-select
-            v-model:value="item[item.field]"
-            :options="item.props?.options"
-            :placeholder="t('common.select_error', [t('llmConfig.model').toLowerCase()])"
+            v-model:value="currPlatform[item.field]"
+            :options="item?.props?.options"
+            :placeholder="t('common.select_error', [t('llmConfig.platform_name').toLowerCase()])"
             @change="onPlatformChange"
           ></a-select>
         </template>
+        <template #model="{ item }">
+          <a-select
+            v-model:value="currPlatform[item.field]"
+            :options="item?.props?.options"
+            :placeholder="t('common.select_error', [t('llmConfig.model').toLowerCase()])"
+          ></a-select>
+        </template>
       </form-builder>
       <template #footer>
         <footer>

bigtop-manager-ui/src/store/llm-config/index.ts

@@ -50,8 +50,7 @@ export const useLlmConfigStore = defineStore(
     const formKeys = computed(() => formCredentials.value.map((v) => v.name))
     const isDisabled = computed(() => loading.value || loadingTest.value)
     const supportModels = computed(() => {
-      const { platformId } = currPlatform.value
-      return platforms.value.find((item) => item.id === platformId)?.supportModels
+      return platforms.value.find((item) => item.id === currPlatform.value.platformId)?.supportModels
     })
     const authCredentials = computed(() =>
       formCredentials.value.map((v) => ({