|
|
@@ -24,9 +24,9 @@
|
|
|
</div>
|
|
|
<transition name="expand-collapse" @before-enter="beforeEnter" @enter="enter" @leave="leave">
|
|
|
<div v-if="unadd_show_status" class="card-list">
|
|
|
- <CardItem v-for="item in un_added_data" :key="item.id" :name="item.name" :img_src="item.img_src">
|
|
|
+ <CardItem v-for="item in un_added_data" :key="item.id" :name="item.name" :img_src="item.img_src" is_model>
|
|
|
<template #labels>
|
|
|
- {{ item.keyword }}
|
|
|
+ <div class="labels">{{ item.keyword }}</div>
|
|
|
</template>
|
|
|
<template #description>
|
|
|
{{ item.desc }}
|
|
|
@@ -47,14 +47,6 @@
|
|
|
import { ref } from 'vue';
|
|
|
import ModelList from './ModelList.vue';
|
|
|
import CardItem from '../../views/manage/CardItem.vue';
|
|
|
-import intelligentFrame1 from '../../assets/image/management/intelligent-frame1.png';
|
|
|
-import intelligentFrame2 from '../../assets/image/management/intelligent-frame2.png';
|
|
|
-import intelligentFrame3 from '../../assets/image/management/intelligent-frame3.png';
|
|
|
-import intelligentFrame4 from '../../assets/image/management/intelligent-frame4.png';
|
|
|
-import intelligentFrame5 from '../../assets/image/management/intelligent-frame5.png';
|
|
|
-import intelligentFrame6 from '../../assets/image/management/intelligent-frame6.png';
|
|
|
-import intelligentFrame7 from '../../assets/image/management/intelligent-frame7.png';
|
|
|
-import intelligentFrame8 from '../../assets/image/management/intelligent-frame8.png';
|
|
|
import { useCollapse } from './use-collapse';
|
|
|
|
|
|
const { beforeEnter, enter, leave } = useCollapse(1000);
|
|
|
@@ -63,42 +55,51 @@ const added_data = ref([
|
|
|
{
|
|
|
id: '1',
|
|
|
name: 'OpenAl-APl-Compatible',
|
|
|
- desc: 'LLM,TEXT EMBEDDING,SPEECH2TEXT,MODERATION',
|
|
|
- img_src: intelligentFrame1,
|
|
|
+ desc: 'LLM,TEXT EMBEDDING,SPEECH2TEXT,MODERATION ',
|
|
|
+ img_src: 'modelFrame1',
|
|
|
show_more: false,
|
|
|
models: [
|
|
|
{
|
|
|
id: '1-1',
|
|
|
- name: 'deepseek-chat2'
|
|
|
+ name: 'qwen-2.5-72b-instruct OpenAl-APl'
|
|
|
},
|
|
|
{
|
|
|
id: '1-2',
|
|
|
- name: 'deepseek-coder'
|
|
|
- },
|
|
|
- {
|
|
|
- id: '1-3',
|
|
|
- name: 'deepseek-coder'
|
|
|
+ name: 'qwen-2.5-72b-instruct-gptq-int4 OpenAI-API'
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
id: '2',
|
|
|
- name: 'OpenAl-APl-Compatible',
|
|
|
+ name: 'Tongyi-Qianwen',
|
|
|
desc: 'LLM,TEXT EMBEDDING,SPEECH2TEXT,MODERATION',
|
|
|
- img_src: intelligentFrame7,
|
|
|
+ img_src: 'modelFrame2',
|
|
|
show_more: false,
|
|
|
models: [
|
|
|
{
|
|
|
- id: '1-1',
|
|
|
- name: 'deepseek-chat2'
|
|
|
+ id: '2-1',
|
|
|
+ name: 'qwen-plus'
|
|
|
},
|
|
|
{
|
|
|
- id: '1-2',
|
|
|
- name: 'deepseek-coder'
|
|
|
+ id: '2-2',
|
|
|
+ name: 'qwen-turbo'
|
|
|
},
|
|
|
{
|
|
|
- id: '1-3',
|
|
|
- name: 'deepseek-coder'
|
|
|
+ id: '2-3',
|
|
|
+ name: 'qwen-vl-plus'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: '3',
|
|
|
+ name: 'Xinference',
|
|
|
+ desc: 'LLM,TEXT EMBEDDING,SPEECH2TEXT,MODERATION,TEXT RE-RANK',
|
|
|
+ img_src: 'modelFrame3',
|
|
|
+ show_more: false,
|
|
|
+ models: [
|
|
|
+ {
|
|
|
+ id: '3-1',
|
|
|
+ name: 'basic-bge-large-zh-v1.5'
|
|
|
}
|
|
|
]
|
|
|
}
|
|
|
@@ -106,59 +107,52 @@ const added_data = ref([
|
|
|
const un_added_data = ref([
|
|
|
{
|
|
|
id: '1',
|
|
|
- name: 'BaiduYiyan',
|
|
|
+ name: 'OpenAl',
|
|
|
keyword: 'LLM,TEXT',
|
|
|
desc: 'EMBEDDING,SPEECH2TEXT,MODERATION',
|
|
|
- img_src: intelligentFrame1
|
|
|
+ img_src: 'modelFrame4'
|
|
|
},
|
|
|
{
|
|
|
id: '2',
|
|
|
- name: 'BaiduYiyan',
|
|
|
- keyword: 'LLM,TEXT',
|
|
|
- desc: 'EMBEDDING,SPEECH2TEXT,MODERATION',
|
|
|
- img_src: intelligentFrame2
|
|
|
+ name: 'Moonshot',
|
|
|
+ keyword: 'LLM,TEXT EMBEDDING',
|
|
|
+ desc: '',
|
|
|
+ img_src: 'modelFrame5'
|
|
|
},
|
|
|
{
|
|
|
id: '3',
|
|
|
- name: 'BaiduYiyan',
|
|
|
+ name: 'ZHIPU-AI',
|
|
|
keyword: 'LLM,TEXT',
|
|
|
desc: 'EMBEDDING,SPEECH2TEXT,MODERATION',
|
|
|
- img_src: intelligentFrame3
|
|
|
+ img_src: 'modelFrame6'
|
|
|
},
|
|
|
{
|
|
|
id: '4',
|
|
|
- name: 'BaiduYiyan',
|
|
|
- keyword: 'LLM,TEXT',
|
|
|
- desc: 'EMBEDDING,SPEECH2TEXT,MODERATION',
|
|
|
- img_src: intelligentFrame4
|
|
|
+ name: 'BaiChuan',
|
|
|
+ keyword: 'LLM,TEXT EMBEDDING',
|
|
|
+ desc: '',
|
|
|
+ img_src: 'modelFrame7'
|
|
|
},
|
|
|
{
|
|
|
id: '5',
|
|
|
- name: 'BaiduYiyan',
|
|
|
- keyword: 'LLM,TEXT',
|
|
|
- desc: 'EMBEDDING,SPEECH2TEXT,MODERATION',
|
|
|
- img_src: intelligentFrame5
|
|
|
+ name: 'DeepSeek',
|
|
|
+ keyword: 'LLM',
|
|
|
+ desc: '',
|
|
|
+ img_src: 'modelFrame8'
|
|
|
},
|
|
|
{
|
|
|
id: '6',
|
|
|
- name: 'BaiduYiyan',
|
|
|
- keyword: 'LLM,TEXT',
|
|
|
- desc: 'EMBEDDING,SPEECH2TEXT,MODERATION',
|
|
|
- img_src: intelligentFrame6
|
|
|
+ name: 'Mistral',
|
|
|
+ keyword: 'LLM,TEXT EMBEDDING',
|
|
|
+ desc: '',
|
|
|
+ img_src: 'modelFrame9'
|
|
|
},
|
|
|
{
|
|
|
id: '7',
|
|
|
- name: 'BaiduYiyan',
|
|
|
- keyword: 'LLM,TEXT',
|
|
|
- desc: 'EMBEDDING,SPEECH2TEXT,MODERATION',
|
|
|
- img_src: intelligentFrame7
|
|
|
- },
|
|
|
- {
|
|
|
- id: '8',
|
|
|
- name: 'BaiduYiyan',
|
|
|
- keyword: 'LLM,TEXT',
|
|
|
- desc: 'EMBEDDING,SPEECH2TEXT,MODERATION',
|
|
|
- img_src: intelligentFrame8
|
|
|
+ name: 'StepFun',
|
|
|
+ keyword: 'LLM',
|
|
|
+ desc: '',
|
|
|
+ img_src: 'modelFrame10'
|
|
|
}
|
|
|
]);
|
|
|
// 展开收起状态
|
|
|
@@ -212,5 +206,8 @@ const showMoreModel = (item) => {
|
|
|
grid-template-columns: repeat(5, 1fr);
|
|
|
gap: 20px;
|
|
|
transition: all 0.3s ease;
|
|
|
+ .labels {
|
|
|
+ color: var(--color-neutral-6);
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
hanyang
