fix: Fix model icon

Author: wangdan-fit2cloud

ui/src/components/dynamics-form/items/model/Model.vue

@@ -28,6 +28,24 @@
           </el-space>
         </el-option>
       </el-option-group>
+      <template #label="{ label, value }">
+        <el-space :size="8" v-if="value">
+          <span
+            class="select-model-icon"
+            :innerHTML="
+              relatedObject(providerList, getModelProvider(value), 'provider')?.icon
+            "
+          >
+          </span>
+          <span>
+            <span>{{
+              relatedObject(providerList, getModelProvider(value), 'provider')?.name
+            }}</span>
+            <span>/</span>
+            <span>{{ label }}</span>
+          </span>
+        </el-space>
+      </template>
     </el-select>
     <div class="ml-4">
       <el-button @click="openParamSetting" :disabled="!model_value?.model_id">
@@ -41,7 +59,7 @@
 </template>
 <script setup lang="ts">
 import { ref, computed } from 'vue'
-import { groupBy } from 'lodash'
+import { groupBy, flatMap } from 'lodash'
 import { relatedObject } from '@/utils/array'
 import type { FormField } from '../../type'
 import { providerList } from './provider-data'
@@ -72,6 +90,13 @@ const groupedOptions = computed(() => {
   return groupBy(list, 'provider')
 })
 
+const getModelProvider = computed(() => {
+  return (id: string) => {
+    const item = flatMap(groupedOptions.value)?.find((item: any) => item.model_id === id)
+    return (item as any)?.provider || ''
+  }
+})
+
 const AIModeParamSettingDialogRef = ref<InstanceType<typeof AIModeParamSettingDialog>>()
 
 function openParamSetting() {