From 1434fe28eb8e43bb8232a1e472404b4354163859 Mon Sep 17 00:00:00 2001
From: liudong <liudong>
Date: 星期五, 09 八月 2024 18:27:42 +0800
Subject: [PATCH] 优化知识库页面兼容性
---
src/views/dmx/model/index.vue | 207 +++++++++++++++++++++------------------------------
1 files changed, 87 insertions(+), 120 deletions(-)
diff --git a/src/views/dmx/model/index.vue b/src/views/dmx/model/index.vue
index 10d127a..de9f216 100644
--- a/src/views/dmx/model/index.vue
+++ b/src/views/dmx/model/index.vue
@@ -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>
- </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>
+ </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">
- <a-button @click="handleDeleteModel(list)">
- 鍒犻櫎
- </a-button>
- <a-button
- type="primary"
- @click="handleEditModel(list)"
- >
- 缂栬緫
- </a-button>
+ </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>
+ </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>
@@ -125,11 +129,7 @@
</div> -->
<div>
<!-- <addModel></addModel> -->
- <a-button
- type="primary"
- :loading="loading2"
- @click="handleAddModel"
- >
+ <a-button type="primary" @click="handleAddModel">
<template #icon>
<icon-plus />
</template>
@@ -155,6 +155,7 @@
<addTableName
v-model:tabShow="tabShow"
:nameList="editList"
+ :title="title"
@refresh-parent="refreshParentMethod"
v-if="tabShow"
></addTableName>
@@ -201,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) => {
@@ -216,6 +215,7 @@
const modelType = ref(1);
const handleAdd = () => {
tabShow.value = true;
+ title.value = '娣诲姞妯″瀷';
editList.value.llm_factory = tabKey.value;
};
const editList = ref({ llm_factory: '' });
@@ -233,6 +233,7 @@
if (type == 1) {
tabShow.value = true;
editList.value = val;
+ title.value = '缂栬緫妯″瀷';
editList.value.llm_factory = tabKey.value;
} else {
modelType.value = 2;
@@ -310,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);
@@ -354,6 +345,7 @@
font-size: 14px;
}
}
+
:deep(.arco-list-col) {
display: flex;
flex-direction: row;
@@ -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;
--
Gitblit v1.8.0