From bde3c3ac7e508b8bdca2308c2547449b6bee5b53 Mon Sep 17 00:00:00 2001
From: liudong <liudong>
Date: 星期三, 07 八月 2024 10:42:11 +0800
Subject: [PATCH] 解析块配置页面修改
---
src/views/dmx/model/index.vue | 169 +++++++++++++++++++++++++++++++-------------------------
1 files changed, 94 insertions(+), 75 deletions(-)
diff --git a/src/views/dmx/model/index.vue b/src/views/dmx/model/index.vue
index 05273b1..0d2955a 100644
--- a/src/views/dmx/model/index.vue
+++ b/src/views/dmx/model/index.vue
@@ -1,6 +1,6 @@
<template>
<div class="container">
- <Breadcrumb :items="['澶фā鍨�', '澶фā鍨嬬鐞�']" />
+ <Breadcrumb :items="['澶фā鍨�', '妯″瀷绠＄悊']" />
<a-row :gutter="20" align="stretch">
<a-col :span="24">
@@ -38,8 +38,8 @@
:style="{
width: '100%',
}"
- alt="dessert"
- :src="'http://' + item.logo"
+ alt="鏆傛棤鍥剧墖"
+ :src="item.logo"
/>
</div>
<a-card :bordered="false" hoverable>
@@ -54,15 +54,18 @@
list.type
}}</div> -->
</div>
- <div class="arco-btn-group">
- <a-space class="btn-group">
- <!-- <editModel></editModel> -->
- <a-button type="primary" @click="handleEditModel">
- 缂栬緫
- </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
@@ -71,13 +74,12 @@
:key="index"
>
<div class="card_wrap_box">
- <div>
+ <div class="card_wrap_box_img">
<img
:style="{
width: '100%',
- transform: 'translateY(-20px)',
}"
- alt="dessert"
+ alt="鏆傛棤鍥剧墖"
:src="list.logo"
/>
<!-- src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a20012a2d4d5b9db43dfc6a01fe508c0.png~tplv-uwbnlip3yd-webp.webp" -->
@@ -91,22 +93,22 @@
list.type
}}</div>
</div>
- <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>
- </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>
+ </div>
</div>
</div>
</div>
@@ -115,12 +117,12 @@
</a-col>
<div> </div>
<div class="box_right">
- <div class="search_input">
+ <!-- <div class="search_input">
<a-input-search
:placeholder="$t('cardList.searchInput.placeholder')"
style="width: 240px"
/>
- </div>
+ </div> -->
<div>
<!-- <addModel></addModel> -->
<a-button
@@ -139,29 +141,29 @@
</a-card>
</a-col>
</a-row>
+ <!-- 娣诲姞妯″瀷 -->
+ <addPageModel
+ v-model:show="show"
+ :task_id="task_id"
+ :type="modelType"
+ :title="title"
+ :editList="editList"
+ @refresh-parent="refreshParentMethod"
+ v-if="show"
+ ></addPageModel>
+ <!-- 娣诲姞tab妯″紡 -->
+ <addTableName
+ v-model:tabShow="tabShow"
+ :nameList="editList"
+ :title="title"
+ @refresh-parent="refreshParentMethod"
+ v-if="tabShow"
+ ></addTableName>
</div>
- <!-- 娣诲姞妯″瀷 -->
- <addPageModel
- v-model:show="show"
- :task_id="task_id"
- :type="modelType"
- :title="title"
- :editList="editList"
- @refresh-parent="refreshParentMethod"
- v-if="show"
- ></addPageModel>
- <!-- 娣诲姞tab妯″紡 -->
- <addTableName
- v-model:tabShow="tabShow"
- :nameList="editList"
- @refresh-parent="refreshParentMethod"
- v-if="tabShow"
- ></addTableName>
</template>
<script lang="ts" setup>
import { ref, reactive, nextTick } from 'vue';
- import addModel from '@/views/dmx/model/components/addModel.vue';
import editModel from '@/views/dmx/model/components/editModel.vue';
import addPageModel from './components/addPageModel.vue';
import addTableName from './components/addTableName.vue';
@@ -215,24 +217,26 @@
const modelType = ref(1);
const handleAdd = () => {
tabShow.value = true;
+ title.value = '娣诲姞妯″瀷';
editList.value.llm_factory = tabKey.value;
};
const editList = ref({ llm_factory: '' });
//澧炲姞妯″瀷瀛愮被
const handleAddModel = () => {
- if (tabKey.value == 'key') {
- tabShow.value = true;
- } else {
- modelType.value = 2;
- editList.value.llm_factory = tabKey.value;
- show.value = true;
- title.value = '娣诲姞妯″紡';
- }
+ modelType.value = 2;
+ editList.value = [{ llm_factory: '' }];
+ editList.value.llm_factory = tabKey.value;
+ show.value = true;
+ title.value = '娣诲姞妯″紡';
};
//缂栬緫妯″瀷瀛愮被
- const handleEditModel = (val) => {
- if (tabKey.value == 'key') {
+ const handleEditModel = (val, type) => {
+ console.log(val, 6766);
+ if (type == 1) {
tabShow.value = true;
+ editList.value = val;
+ title.value = '缂栬緫妯″瀷';
+ editList.value.llm_factory = tabKey.value;
} else {
modelType.value = 2;
task_id.value = val.id;
@@ -269,11 +273,18 @@
//鐖剁骇妯″瀷
const handleDelete = async (key: any) => {
- console.log(key, 45455);
- // tabData.value = tabData.value.filter((item) => item.key !== key);
- Reflect.deleteProperty(tabData.value, key);
- await deleteLlmFactory(key);
- queryModel();
+ console.log(tabData.value[key]);
+ if (tabData.value[key].llm.length > 0) {
+ Message.error('璇峰厛鍒犻櫎瀛愭ā鍨�');
+ return;
+ }
+ if (key !== 'key') {
+ const res = await deleteLlmFactory(key);
+ if (res.code == 200) {
+ Reflect.deleteProperty(tabData.value, key);
+ queryModel();
+ }
+ }
};
const visible = ref(false);
@@ -378,6 +389,10 @@
}
}
}
+ :deep(.arco-tabs-nav-tab) {
+ flex: none;
+ width: 60%;
+ }
.table_add_clore {
:deep(.arco-tabs-nav-add-btn .arco-icon-hover::before) {
top: 50%;
@@ -392,9 +407,9 @@
:deep(.arco-tabs-nav-add-btn .arco-icon-hover .arco-icon) {
color: #fff;
}
- :deep(.arco-tabs-nav) {
- max-width: 60%;
- }
+ // :deep(.arco-tabs-nav) {
+ // max-width: 60%;
+ // }
:deep(.arco-icon-hover::before) {
top: 50%;
@@ -427,15 +442,20 @@
}
}
.card_content {
- position: relative;
- .arco-btn-group {
- position: absolute;
- right: 10px;
- top: 90px;
- }
.card_wrap_box_img {
min-height: 200px;
- max-height: 240px;
+ height: 200px;
+ img {
+ max-height: 190px;
+ }
+ }
+ .card_wrap_box {
+ // position: relative;
+ .arco-btn-group {
+ position: absolute;
+ right: 10px;
+ top: 87%;
+ }
}
}
@@ -446,7 +466,6 @@
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);
--
Gitblit v1.8.0