add supprot for OpenAI-API-Compatible llm (#1787)

### What problem does this PR solve?

#1771  add supprot for OpenAI-API-Compatible 

### Type of change

- [x] New Feature (non-breaking change which adds functionality)

---------

Co-authored-by: Zhedong Cen <cenzhedong2@126.com>

web/src/pages/user-setting/constants.tsx

@@ -17,4 +17,4 @@ export const UserSettingIconMap = {
 
 export * from '@/constants/setting';
 
-export const LocalLlmFactories = ['Ollama', 'Xinference','LocalAI','LM-Studio'];
+export const LocalLlmFactories = ['Ollama', 'Xinference','LocalAI','LM-Studio',"OpenAI-API-Compatible"];

web/src/pages/user-setting/setting-model/constant.ts

@@ -21,7 +21,8 @@ export const IconMap = {
   LocalAI: 'local-ai',
   StepFun: 'stepfun',
   NVIDIA:'nvidia',
-  'LM-Studio':'lm-studio'
+  'LM-Studio':'lm-studio',
+  'OpenAI-API-Compatible':'openai-api'
 };
 
 export const BedrockRegionList = [

web/src/pages/user-setting/setting-model/ollama-modal/index.tsx

@@ -92,6 +92,13 @@ const OllamaModal = ({
         >
           <Input placeholder={t('baseUrlNameMessage')} />
         </Form.Item>
+        <Form.Item<FieldType>
+          label={t('apiKey')}
+          name="api_key"
+          rules={[{ required: false, message: t('apiKeyMessage') }]}
+        >
+          <Input placeholder={t('apiKeyMessage')} />
+        </Form.Item>
         <Form.Item noStyle dependencies={['model_type']}>
           {({ getFieldValue }) =>
             getFieldValue('model_type') === 'chat' && (