Skip to content

Commit 5661839

Browse files
coder-settcoder-sett
committed
1
1 parent 5930307 commit 5661839

File tree

9 files changed

+153
-26
lines changed

9 files changed

+153
-26
lines changed

‎.env

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# Glob API URL
22
VITE_GLOB_API_URL=/api
33

4-
VITE_APP_API_BASE_URL=http://139.9.245.142:7870/
4+
VITE_APP_API_BASE_URL=http:///159.138.5.80:5610/
55

66
# # Whether long replies are supported, which may result in higher API fees
77
# VITE_GLOB_OPEN_LONG_REPLY=false

‎src/assets/GLM.png

41.5 KB
Loading

‎src/components/Bot/BotBattle.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@ const fetchChatAPIOnce = async (
6666
controller: { signal: any } | undefined
6767
) => {
6868
return await fetchChatAPIProcess({
69-
model: model,
69+
model: "gpt-3.5-turbo",
7070
prompt: message,
7171
signal: controller?.signal,
7272
onDownloadProgress: ({ event }) => {

‎src/components/Header/index.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ const router = useRouter()
1212
<div class="ml-20 text-base flex items-center">
1313
<div class="cursor-pointer" @click="router.push('/')">总览</div>
1414
<div class="ml-10 cursor-pointer" @click="router.push('/model')">模型</div>
15+
<div class="ml-10 cursor-pointer" @click="router.push('/dataSet')">数据集</div>
1516
<div class="ml-10 cursor-pointer" @click="router.push('/evaluate')">在线评测</div>
1617
</div>
1718
</div>

‎src/router/index.ts

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,11 @@ const routes: RouteRecordRaw[] = [
2828
name: "evaluate",
2929
component: () => import("@/views/Evaluate.vue"),
3030
},
31+
{
32+
path: "/dataSet",
33+
name: "dataSet",
34+
component: () => import("@/views/DataSet.vue"),
35+
},
3136

3237
// {
3338
// path: '/500',

‎src/views/DataSet.vue

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
<script setup lang="ts">
2+
import { ref } from "vue"
3+
import Header from "@/components/Header/index.vue"
4+
import Footer from "@/components/Footer/index.vue"
5+
import { useRouter } from "vue-router"
6+
import ChatGPT from "@/assets/ChatGPT.png"
7+
import T5 from "@/assets/t5.png"
8+
import GLM from "@/assets/GLM.png"
9+
10+
const router = useRouter()
11+
const input = ref("")
12+
const imgList = ref<any>(["多模态", "自然语言处理", "语音识别"])
13+
const modelList = ref<any>([
14+
"openai_humaneval",
15+
"THUDM/AgentInstruct",
16+
"EleutherAI/proof-pile-2",
17+
"fka/awesome-chatgpt-prompts",
18+
"open-web-math/open-web-math",
19+
"stingning/ultrachat",
20+
])
21+
const activeName = ref("多模态")
22+
const img2List = ref<any>([
23+
ChatGPT,
24+
T5,
25+
GLM,
26+
"https://img.jsdesign2.com/assets/img/6475a9536be6533b8a7441f0.png#ebade77ad960ea0306274202cbfdb640",
27+
"https://img.jsdesign2.com/assets/img/652ca2e6454393a7d697adb0.png#c349e97700e81fe55284332a6d77cd93",
28+
"https://img.jsdesign2.com/assets/img/652ca2e6454393a7d697adb0.png#c349e97700e81fe55284332a6d77cd93",
29+
])
30+
</script>
31+
32+
<template>
33+
<div class="w-full overflow-auto h-full flex flex-col justify-between">
34+
<Header />
35+
<section class="flex-1 max-w-[1240px] w-full mx-auto my-5 px-5">
36+
<div class="flex justify-between h-60 items-center">
37+
<div class="text-4xl font-bold">AI模型数据集</div>
38+
<div class="max-w-[620px]">
39+
<div>
40+
这里提供全面的AI模型数据集的分类和数据集列表展示，让你更好地了解和选择AI模型数据集。
41+
</div>
42+
<div class="flex mt-8">
43+
<el-input v-model="input" size="large" placeholder="输入数据集名称" />
44+
<el-button class="ml-4" size="large">搜索</el-button>
45+
</div>
46+
</div>
47+
</div>
48+
<div class="flex justify-between h-30 items-center mt-40">
49+
<div class="text-4xl font-bold">AI模型数据集列表</div>
50+
</div>
51+
<div class="flex justify-between items-start mt-10 mb-40">
52+
<div class="w-60">
53+
<div
54+
class="rounded-xl px-4 py-2 h-12 my-1 flex items-center cursor-pointer"
55+
:class="activeName == item && 'bg-black text-[#fff]'"
56+
v-for="item in imgList"
57+
@click="activeName = item"
58+
>
59+
{{ item }}
60+
</div>
61+
</div>
62+
<div class="flex-1 ml-10 grid grid-cols-3 gap-6">
63+
<div class="py-2 items-center cursor-pointer" v-for="(item, index) in img2List">
64+
<div class="rounded-xl overflow-hidden"><img class="w-full h-full" :src="item" /></div>
65+
<div class="mt-3 font-bold">{{ modelList[index] }}</div>
66+
<div class="mt-2 text-sm text-ellipsis whitespace-nowrap overflow-hidden">
67+
人工智能助手可以帮助您完成各种任务，提高工作效率
68+
</div>
69+
<div class="mt-2 text-sm flex">
70+
<img
71+
class="w-5 h-5 mr-2"
72+
src="https://img.jsdesign2.com/assets/element/ai_AheJcMcjCpO/image/c55515821e36c495c64b891645a48b0039c951d6.png"
73+
/>
74+
<img
75+
class="w-5 h-5 mr-2"
76+
src="https://img.jsdesign2.com/assets/element/ai_AheJcMcjCpO/image/c55515821e36c495c64b891645a48b0039c951d6.png"
77+
/>
78+
<img
79+
class="w-5 h-5 mr-2"
80+
src="https://img.jsdesign2.com/assets/element/ai_AheJcMcjCpO/image/c55515821e36c495c64b891645a48b0039c951d6.png"
81+
/>
82+
<img
83+
class="w-5 h-5 mr-2"
84+
src="https://img.jsdesign2.com/assets/element/ai_AheJcMcjCpO/image/c55515821e36c495c64b891645a48b0039c951d6.png"
85+
/>
86+
<div class="ml-4">4星</div>
87+
</div>
88+
</div>
89+
</div>
90+
</div>
91+
</section>
92+
<Footer />
93+
</div>
94+
</template>
95+
96+
<style scoped>
97+
.el-input {
98+
border-color: #333333;
99+
border: 2px solid;
100+
border-radius: 4px;
101+
}
102+
.el-button {
103+
/* border-color: #333333; */
104+
border: 2px solid;
105+
border-radius: 4px;
106+
height: 42px;
107+
}
108+
</style>

‎src/views/Main.vue

Lines changed: 20 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -125,6 +125,24 @@ const imgList = ref<any>([
125125
<div class="text-4xl font-bold">用户评价</div>
126126
<div class="text-[#86909c] mt-4">以下是部分用户对该AI模型点评页面的评价：</div>
127127
</div>
128+
<div class="mt-20 w-full">
129+
<el-carousel :interval="5000000" arrow="always">
130+
<el-carousel-item v-for="item in 1" :key="item">
131+
<div class="px-40 py-10 text-center flex flex-col items-center">
132+
<div class="text-xl text-center font-semibold">
133+
这个AI模型点评页面真是太棒了！设计简洁大方，用户体验很好。我喜欢它提供的模型介绍、参数、相关产品和用户评价等功能，非常实用！
134+
</div>
135+
<div class="h-16 w-16 mt-8">
136+
<img
137+
src="https://img.jsdesign2.com/assets/element/ai_AheJcMcjCpO/image/2184303fa24312bc9b749c25c9187c99a09cf309.png"
138+
alt=""
139+
/>
140+
</div>
141+
<div class="text-xl font-semibold mt-6">葛志强</div>
142+
</div>
143+
</el-carousel-item>
144+
</el-carousel>
145+
</div>
128146
<!-- <el-tabs class="mb-0" type="border-card" v-model="activeName" @tab-click="handleClick">
129147
<el-tab-pane label="Chatbot Compass (battle)" name="first">
130148
<Battle />
@@ -141,7 +159,7 @@ const imgList = ref<any>([
141159
color: #888;
142160
}
143161
.el-carousel__item h3 {
144-
color: #475669;
162+
/* color: #475669; */
145163
opacity: 0.75;
146164
margin: 0;
147165
text-align: center;
@@ -152,7 +170,7 @@ const imgList = ref<any>([
152170
}
153171
154172
.el-carousel__item:nth-child(2n + 1) {
155-
background-color: #d3dce6;
173+
/* background-color: #d3dce6; */
156174
}
157175
.el-carousel__item {
158176
border-radius: 12px;

‎src/views/Model.vue

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import Footer from "@/components/Footer/index.vue"
55
import { useRouter } from "vue-router"
66
import ChatGPT from "@/assets/ChatGPT.png"
77
import T5 from "@/assets/t5.png"
8+
import GLM from "@/assets/GLM.png"
89
910
const router = useRouter()
1011
const input = ref("")
@@ -14,10 +15,10 @@ const activeName = ref("基础大模型")
1415
const img2List = ref<any>([
1516
ChatGPT,
1617
T5,
18+
GLM,
1719
"https://img.jsdesign2.com/assets/img/6475a9536be6533b8a7441f0.png#ebade77ad960ea0306274202cbfdb640",
1820
"https://img.jsdesign2.com/assets/img/652ca2e6454393a7d697adb0.png#c349e97700e81fe55284332a6d77cd93",
1921
"https://img.jsdesign2.com/assets/img/652ca2e6454393a7d697adb0.png#c349e97700e81fe55284332a6d77cd93",
20-
"https://img.jsdesign2.com/assets/img/652ca2e6454393a7d697adb0.png#c349e97700e81fe55284332a6d77cd93",
2122
])
2223
</script>
2324

@@ -26,7 +27,7 @@ const img2List = ref<any>([
2627
<Header />
2728
<section class="flex-1 max-w-[1240px] w-full mx-auto my-5 px-5">
2829
<div class="flex justify-between h-60 items-center">
29-
<div class="text-4xl font-bold">AI模型点评页面</div>
30+
<div class="text-4xl font-bold">AI模型点评</div>
3031
<div class="max-w-[620px]">
3132
<div>
3233
欢迎来到AI模型点评页面，这里提供全面的模型介绍、参数、相关产品以及用户评价，让你更好地了解和选择AI模型。
@@ -64,7 +65,7 @@ const img2List = ref<any>([
6465
"
6566
v-for="(item, index) in img2List"
6667
>
67-
<div class="rounded-xl overflow-hidden"><img :src="item" /></div>
68+
<div class="rounded-xl overflow-hidden"><img class="w-full h-full" :src="item" /></div>
6869
<div class="mt-3 font-bold">{{ modelList[index] }}</div>
6970
<div class="mt-2 text-sm text-ellipsis whitespace-nowrap overflow-hidden">
7071
人工智能助手可以帮助您完成各种任务，提高工作效率

‎src/views/ModelDetail.vue

Lines changed: 13 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,14 @@ const activeName = ref("first")
1212
const input = ref("")
1313
console.log(route.query.name)
1414
const model = route.query?.name || "ChatGPT"
15+
const modelInfo = {
16+
ChatGPT: {
17+
info: "GPT-3.5 由openAI开发并通过API提供服务，模型能够理解和生成自然语言或代码。在GPT-3.5系列中，最具能力且成本效益最高的模型是gpt-3.5-turbo，它经过了针对聊天功能进行优化，并通过Chat completions API实现。它同样也适用于传统的对话任务。",
18+
},
19+
"T5-3b": {
20+
info: "FastChat-T5是一个开源聊天机器人，通过在来自ShareGPT的用户共享对话数据上微调Flan-t5-xl（30亿参数）进行训练而得到。它基于编码-解码变压器架构，并能自动生成回应来响应用户的输入。",
21+
},
22+
}
1523
</script>
1624

1725
<template>
@@ -23,7 +31,10 @@ const model = route.query?.name || "ChatGPT"
2331
<div class="h-30">
2432
<div class="text-4xl font-bold mb-10">{{ model }}</div>
2533
<div>
26-
这是一个AI模型点评页面，提供模型介绍、参数、相关产品、用户评价和模型试用等功能模块。
34+
{{
35+
modelInfo?.[model]["info"] ||
36+
"这是一个AI模型点评页面，提供模型介绍、参数、相关产品、用户评价和模型试用等功能模块。"
37+
}}
2738
</div>
2839
</div>
2940
<div class="mt-10">
@@ -98,24 +109,7 @@ const model = route.query?.name || "ChatGPT"
98109
</div>
99110
</div>
100111
</div>
101-
<div class="mt-40 w-full">
102-
<el-carousel :interval="5000000" arrow="always">
103-
<el-carousel-item v-for="item in 1" :key="item">
104-
<div class="px-40 py-10 text-center flex flex-col items-center">
105-
<div class="text-xl text-center font-semibold">
106-
这个AI模型点评页面真是太棒了！设计简洁大方，用户体验很好。我喜欢它提供的模型介绍、参数、相关产品和用户评价等功能，非常实用！
107-
</div>
108-
<div class="h-16 w-16 mt-8">
109-
<img
110-
src="https://img.jsdesign2.com/assets/element/ai_AheJcMcjCpO/image/2184303fa24312bc9b749c25c9187c99a09cf309.png"
111-
alt=""
112-
/>
113-
</div>
114-
<div class="text-xl font-semibold mt-6">葛志强</div>
115-
</div>
116-
</el-carousel-item>
117-
</el-carousel>
118-
</div>
112+
119113
<div class="mt-40 w-full flex">
120114
<div class="flex-1 mr-16">
121115
<div class="flex mb-10">

0 commit comments

Comments
 (0)