From db93e7dadc36919d787eaf76108068caf9a0ddbc Mon Sep 17 00:00:00 2001
From: yinbangzhong <zhongbangyin@126.com>
Date: 星期五, 16 八月 2024 15:31:02 +0800
Subject: [PATCH] 角色
---
src/views/dmx/model/index.vue | 129 +++++++++++++++++++++++++-----------------
1 files changed, 77 insertions(+), 52 deletions(-)
diff --git a/src/views/dmx/model/index.vue b/src/views/dmx/model/index.vue
index 6c3bde1..e969bd7 100644
--- a/src/views/dmx/model/index.vue
+++ b/src/views/dmx/model/index.vue
@@ -30,11 +30,8 @@
<a-scrollbar
style="height: calc(100vh - 320px); overflow: auto"
>
- <div
- style="display: flex; flex-wrap: wrap"
- class="card_content"
- >
- <div class="card-wrap">
+ <div class="card_content">
+ <div class="card-wrap content_top">
<div class="card_wrap_box">
<div class="card_wrap_box_img">
<img
@@ -60,6 +57,11 @@
</a-card>
<div class="arco-btn-group">
<a-space class="btn-group">
+ <div class="create_time">
+ 鍒涘缓鏃堕棿锛�
+ <span> {{ item.create_date }} </span>
+ </div>
+
<!-- <editModel></editModel> -->
<a-button @click="handleDeleteModel(item, 1)">
鍒犻櫎
@@ -74,46 +76,51 @@
</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 ? httpUrl + list.logo : pdfImg"
- />
- <!-- 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="subset_list">
+ <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 ? httpUrl + list.logo : pdfImg"
+ />
</div>
- </a-card>
- <div class="arco-btn-group">
- <a-space class="btn-group">
- <a-button @click="handleDeleteModel(list)">
- 鍒犻櫎
- </a-button>
- <!-- <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">
+ <div class="create_time_list">
+ 鍒涘缓鏃堕棿锛�
+ <span> {{ list.create_date }} </span>
+ </div>
+ <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>
@@ -245,7 +252,6 @@
};
//缂栬緫妯″瀷瀛愮被
const handleEditModel = (val, type) => {
- console.log(val, 6766);
if (type == 1) {
tabShow.value = true;
editList.value = val;
@@ -263,6 +269,7 @@
//鍒犻櫎妯″瀷
const handleDeleteModel = (val, type) => {
+ const factory = tabKey.value;
if (type == 1) {
handleDelete(val);
} else {
@@ -272,7 +279,6 @@
okText: '纭畾',
cancelText: '鍙栨秷',
onOk: async () => {
- const factory = tabKey.value;
const res = await deleteLlm({
llm_factory: tabKey.value,
llm_name: val.name,
@@ -291,17 +297,16 @@
//鐖剁骇妯″瀷
const handleDelete = async (key: any) => {
- console.log(tabData.value[key]);
- if (tabData.value[key].llm.length > 0) {
+ if (tabData.value[key] && tabData.value[key].llm.length > 0) {
Message.error('璇峰厛鍒犻櫎瀛愭ā鍨�');
return;
}
- if (key !== 'key') {
- const res = await deleteLlmFactory(key);
- if ((res as any).code == 200) {
- Reflect.deleteProperty(tabData.value, key);
- queryModel();
- }
+
+ const res = await deleteLlmFactory(tabKey.value);
+ if ((res as any).code == 200) {
+ // Reflect.deleteProperty(tabData.value, tabKey.value);
+ queryModel();
+ Message.success('鍒犻櫎鎴愬姛');
}
};
@@ -338,8 +343,9 @@
const res = await modelmyLlms();
modalList.value = res.data;
loading.value = true;
- tabData.value = Object.assign({}, tabData.value, res.data);
- tabData.value = filterObject(tabData.value, 1);
+ // tabData.value = Object.assign({}, tabData.value, res.data);
+
+ tabData.value = filterObject(res.data, 1);
tabKey.value = Object.keys(tabData.value)[0];
await getFactory();
};
@@ -354,8 +360,10 @@
}, {});
};
- const refreshParentMethod = () => {
- queryModel();
+ const refreshParentMethod = async (name) => {
+ // console.log(name, 678776);
+ await queryModel();
+ // tabKey.value = name;
// 杩欓噷鎵ц闇�瑕佺殑鎿嶄綔
};
@@ -477,6 +485,9 @@
font-weight: 400;
}
}
+ .content_top {
+ border-bottom: 1px solid #f0f0f0 !important;
+ }
.card_content {
.card_wrap_box_img {
// min-height: 200px;
@@ -488,12 +499,25 @@
object-fit: cover; /* 涓嶄細鍙樺舰锛屼絾鍙兘瑁佸壀鍥剧墖 */
}
}
+ .subset_list {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ }
.card_wrap_box {
// position: relative;
.arco-btn-group {
position: absolute;
right: 10px;
top: 87%;
+ .create_time {
+ text-align: left;
+ width: 155px;
+ }
+ .create_time_list {
+ text-align: left;
+ width: 223px;
+ }
}
}
}
@@ -510,6 +534,7 @@
transform: translateY(-4px);
// box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}
+
:deep(.arco-card) {
height: 100%;
border-radius: 4px;
--
Gitblit v1.8.0