From 5efb195a3e0c956c4b254408a8868368135eb773 Mon Sep 17 00:00:00 2001 From: zhangxiao <898441624@qq.com> Date: 星期五, 16 八月 2024 14:11:52 +0800 Subject: [PATCH] fix: 模型修改 --- src/views/dmx/model/index.vue | 118 +++++++++++++++++++++++++++++++++++------------------------ 1 files changed, 70 insertions(+), 48 deletions(-) diff --git a/src/views/dmx/model/index.vue b/src/views/dmx/model/index.vue index 6c3bde1..ef1335c 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,15 @@ //鐖剁骇妯″瀷 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(); } }; @@ -340,6 +344,7 @@ loading.value = true; tabData.value = Object.assign({}, tabData.value, res.data); tabData.value = filterObject(tabData.value, 1); + tabKey.value = Object.keys(tabData.value)[0]; await getFactory(); }; @@ -477,6 +482,9 @@ font-weight: 400; } } + .content_top { + border-bottom: 1px solid #f0f0f0 !important; + } .card_content { .card_wrap_box_img { // min-height: 200px; @@ -488,12 +496,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 +531,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