|
|
@@ -27,91 +27,95 @@
|
|
|
:title="index"
|
|
|
:closable="Object.keys(tabData).length >= 4"
|
|
|
>
|
|
|
- <div
|
|
|
- style="display: flex; flex-wrap: wrap"
|
|
|
- class="card_content"
|
|
|
+ <a-scrollbar
|
|
|
+ style="height: calc(100vh - 320px); overflow: auto"
|
|
|
>
|
|
|
- <div class="card-wrap">
|
|
|
- <div class="card_wrap_box">
|
|
|
- <div class="card_wrap_box_img">
|
|
|
- <img
|
|
|
- :style="{
|
|
|
- width: '100%',
|
|
|
- }"
|
|
|
- alt="暂无图片"
|
|
|
- :src="item.logo"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <a-card :bordered="false" hoverable>
|
|
|
- <div class="arco-card-body-content">
|
|
|
- <div
|
|
|
- class="arco-card-body-content-title"
|
|
|
- style="word-wrap: break-word"
|
|
|
- >
|
|
|
- {{ item.tags }}
|
|
|
- </div>
|
|
|
- <!-- <div class="arco-card-body-content-dec">{{
|
|
|
+ <div
|
|
|
+ style="display: flex; flex-wrap: wrap"
|
|
|
+ class="card_content"
|
|
|
+ >
|
|
|
+ <div class="card-wrap">
|
|
|
+ <div class="card_wrap_box">
|
|
|
+ <div class="card_wrap_box_img">
|
|
|
+ <img
|
|
|
+ :style="{
|
|
|
+ width: '100%',
|
|
|
+ }"
|
|
|
+ alt="暂无图片"
|
|
|
+ :src="item.logo"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <a-card :bordered="false" hoverable>
|
|
|
+ <div class="arco-card-body-content">
|
|
|
+ <div
|
|
|
+ class="arco-card-body-content-title"
|
|
|
+ style="word-wrap: break-word"
|
|
|
+ >
|
|
|
+ {{ item.tags }}
|
|
|
+ </div>
|
|
|
+ <!-- <div class="arco-card-body-content-dec">{{
|
|
|
list.type
|
|
|
}}</div> -->
|
|
|
+ </div>
|
|
|
+ </a-card>
|
|
|
+ <div class="arco-btn-group">
|
|
|
+ <a-space class="btn-group">
|
|
|
+ <!-- <editModel></editModel> -->
|
|
|
+ <a-button
|
|
|
+ type="primary"
|
|
|
+ @click="handleEditModel(item, 1)"
|
|
|
+ >
|
|
|
+ 编辑
|
|
|
+ </a-button>
|
|
|
+ </a-space>
|
|
|
</div>
|
|
|
- </a-card>
|
|
|
- <div class="arco-btn-group">
|
|
|
- <a-space class="btn-group">
|
|
|
- <!-- <editModel></editModel> -->
|
|
|
- <a-button
|
|
|
- type="primary"
|
|
|
- @click="handleEditModel(item, 1)"
|
|
|
- >
|
|
|
- 编辑
|
|
|
- </a-button>
|
|
|
- </a-space>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="card-wrap"
|
|
|
- v-for="(list, index) of item.llm"
|
|
|
- :key="index"
|
|
|
- >
|
|
|
- <div class="card_wrap_box">
|
|
|
- <div class="card_wrap_box_img">
|
|
|
- <img
|
|
|
- :style="{
|
|
|
- width: '100%',
|
|
|
- }"
|
|
|
- alt="暂无图片"
|
|
|
- :src="list.logo"
|
|
|
- />
|
|
|
- <!-- src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a20012a2d4d5b9db43dfc6a01fe508c0.png~tplv-uwbnlip3yd-webp.webp" -->
|
|
|
- </div>
|
|
|
- <a-card :bordered="false" hoverable>
|
|
|
- <div class="arco-card-body-content">
|
|
|
- <div class="arco-card-body-content-title">
|
|
|
- {{ list.name }}
|
|
|
- </div>
|
|
|
- <div class="arco-card-body-content-dec">{{
|
|
|
- list.type
|
|
|
- }}</div>
|
|
|
+ <div
|
|
|
+ class="card-wrap"
|
|
|
+ v-for="(list, index) of item.llm"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <div class="card_wrap_box">
|
|
|
+ <div class="card_wrap_box_img">
|
|
|
+ <img
|
|
|
+ :style="{
|
|
|
+ width: '100%',
|
|
|
+ }"
|
|
|
+ alt="暂无图片"
|
|
|
+ :src="list.logo"
|
|
|
+ />
|
|
|
+ <!-- src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a20012a2d4d5b9db43dfc6a01fe508c0.png~tplv-uwbnlip3yd-webp.webp" -->
|
|
|
</div>
|
|
|
- </a-card>
|
|
|
- <div class="arco-btn-group">
|
|
|
- <a-space class="btn-group">
|
|
|
- <a-button @click="handleDeleteModel(list)">
|
|
|
- 删除
|
|
|
- </a-button>
|
|
|
- <a-button
|
|
|
- type="primary"
|
|
|
- @click="handleEditModel(list)"
|
|
|
- >
|
|
|
- 编辑
|
|
|
- </a-button>
|
|
|
+ <a-card :bordered="false" hoverable>
|
|
|
+ <div class="arco-card-body-content">
|
|
|
+ <div class="arco-card-body-content-title">
|
|
|
+ {{ list.name }}
|
|
|
+ </div>
|
|
|
+ <div class="arco-card-body-content-dec">{{
|
|
|
+ list.type
|
|
|
+ }}</div>
|
|
|
+ </div>
|
|
|
+ </a-card>
|
|
|
+ <div class="arco-btn-group">
|
|
|
+ <a-space class="btn-group">
|
|
|
+ <a-button @click="handleDeleteModel(list)">
|
|
|
+ 删除
|
|
|
+ </a-button>
|
|
|
+ <a-button
|
|
|
+ type="primary"
|
|
|
+ @click="handleEditModel(list)"
|
|
|
+ >
|
|
|
+ 编辑
|
|
|
+ </a-button>
|
|
|
|
|
|
- <!-- <editModel></editModel> -->
|
|
|
- </a-space>
|
|
|
+ <!-- <editModel></editModel> -->
|
|
|
+ </a-space>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </a-scrollbar>
|
|
|
</a-tab-pane>
|
|
|
</a-tabs>
|
|
|
</a-col>
|
|
|
@@ -198,9 +202,7 @@
|
|
|
});
|
|
|
|
|
|
const isDeleteDialogVisible = ref(false); //删除提醒
|
|
|
- const apiUrl = ref('http://127.0.0.1:5173');
|
|
|
- // const httpUrl = import.meta.env.VITE_API_BASE_URL;
|
|
|
- // console.log(apiUrl.value, 777);
|
|
|
+
|
|
|
const modalList = ref({});
|
|
|
const tabKey = ref('key');
|
|
|
const changeTabs = (val) => {
|
|
|
@@ -309,16 +311,6 @@
|
|
|
});
|
|
|
return false;
|
|
|
};
|
|
|
- // const handleCancel = () => {
|
|
|
- // formRef.value.resetFields();
|
|
|
- // visible.value = false;
|
|
|
- // };
|
|
|
- // const handleSubmit = ({ values, errors }) => {
|
|
|
- // this.$refs.formRef.validate().then((res, a, b) => {
|
|
|
- // debugger;
|
|
|
- // console.log('values', values);
|
|
|
- // });
|
|
|
- // };
|
|
|
|
|
|
//获取模型列表
|
|
|
const loading = ref(false);
|
|
|
@@ -459,32 +451,7 @@
|
|
|
.card-wrap {
|
|
|
width: 320px;
|
|
|
height: 350px;
|
|
|
- margin: 30px;
|
|
|
- transition: all 0.3s;
|
|
|
- border: 1px solid var(--color-neutral-3);
|
|
|
- border-radius: 4px;
|
|
|
- &:hover {
|
|
|
- transform: translateY(-4px);
|
|
|
- // box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
|
|
|
- }
|
|
|
- }
|
|
|
- .card-wrap {
|
|
|
- width: 320px;
|
|
|
- height: 350px;
|
|
|
- margin: 30px;
|
|
|
- transition: all 0.3s;
|
|
|
- border: 1px solid var(--color-neutral-3);
|
|
|
- border-radius: 4px;
|
|
|
- position: relative;
|
|
|
- &:hover {
|
|
|
- transform: translateY(-4px);
|
|
|
- // box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
|
|
|
- }
|
|
|
- }
|
|
|
- .card-wrap {
|
|
|
- width: 320px;
|
|
|
- height: 350px;
|
|
|
- margin: 30px;
|
|
|
+ margin: 20px 30px;
|
|
|
transition: all 0.3s;
|
|
|
border: 1px solid var(--color-neutral-3);
|
|
|
border-radius: 4px;
|
zhangxiao