From dc3fb06f6d3253ddebf35fec2d805b1750086b01 Mon Sep 17 00:00:00 2001
From: zhangxiao <898441624@qq.com>
Date: 星期三, 14 八月 2024 17:31:51 +0800
Subject: [PATCH] fix: 上传组件新增删除功能，模型管理页面修改
---
src/views/dmx/model/index.vue | 88 ++++++++++++++++++++++++++++----------------
1 files changed, 56 insertions(+), 32 deletions(-)
diff --git a/src/views/dmx/model/index.vue b/src/views/dmx/model/index.vue
index 2c1fed9..465a8be 100644
--- a/src/views/dmx/model/index.vue
+++ b/src/views/dmx/model/index.vue
@@ -42,7 +42,7 @@
width: '100%',
}"
alt="鏆傛棤鍥剧墖"
- :src="httpUrl + item.logo"
+ :src="item.logo ? httpUrl + item.logo : pdfImg"
/>
</div>
<a-card :bordered="false" hoverable>
@@ -61,6 +61,9 @@
<div class="arco-btn-group">
<a-space class="btn-group">
<!-- <editModel></editModel> -->
+ <a-button @click="handleDeleteModel(item, 1)">
+ 鍒犻櫎
+ </a-button>
<a-button
type="primary"
@click="handleEditModel(item, 1)"
@@ -83,7 +86,7 @@
width: '100%',
}"
alt="鏆傛棤鍥剧墖"
- :src="httpUrl + list.logo"
+ :src="list.logo ? httpUrl + list.logo : pdfImg"
/>
<!-- src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a20012a2d4d5b9db43dfc6a01fe508c0.png~tplv-uwbnlip3yd-webp.webp" -->
</div>
@@ -120,7 +123,7 @@
</a-tabs>
</a-col>
<div> </div>
- <div class="box_right">
+ <div class="box_right" v-if="Object.keys(tabData).length > 0">
<!-- <div class="search_input">
<a-input-search
:placeholder="$t('cardList.searchInput.placeholder')"
@@ -128,7 +131,6 @@
/>
</div> -->
<div>
- <!-- <addModel></addModel> -->
<a-button type="primary" @click="handleAddModel">
<template #icon>
<icon-plus />
@@ -174,9 +176,11 @@
deleteLlmFactory,
} from '@/api/model';
import { Modal, Message } from '@arco-design/web-vue';
- import { useUserStore } from '@/store';
+ import { userModelState } from '@/store';
- const userStore = useUserStore();
+ import pdfImg from '@/assets/images/icon-chart.png';
+
+ const modelStore = userModelState();
let count = 5;
const activeKey = ref(1);
const data = ref([
@@ -200,6 +204,7 @@
key: {
tags: '娣诲姞key',
id: 1,
+ live: 1,
},
});
@@ -211,7 +216,7 @@
tabKey.value = val;
};
- const httpUrl = localStorage.getItem('httpUrl');
+ const httpUrl = modelStore.hrefUrl;
const show = ref(false);
const tabShow = ref(false);
const title = ref('娣诲姞妯″紡');
@@ -222,7 +227,7 @@
title.value = '娣诲姞妯″瀷';
editList.value.llm_factory = tabKey.value;
};
- const editList = ref({ llm_factory: '' });
+ const editList = ref<any>({ llm_factory: '' });
//澧炲姞妯″瀷瀛愮被
const handleAddModel = () => {
modelType.value = 2;
@@ -250,27 +255,31 @@
};
//鍒犻櫎妯″瀷
- const handleDeleteModel = (val) => {
- Modal.confirm({
- title: '璀﹀憡',
- content: '纭鍒犻櫎鍚�',
- okText: '纭畾',
- cancelText: '鍙栨秷',
- onOk: async () => {
- const factory = tabKey.value;
- const res = await deleteLlm({
- llm_factory: tabKey.value,
- llm_name: val.name,
- });
+ const handleDeleteModel = (val, type) => {
+ if (type == 1) {
+ handleDelete(val);
+ } else {
+ Modal.confirm({
+ title: '璀﹀憡',
+ content: '纭鍒犻櫎鍚�',
+ okText: '纭畾',
+ cancelText: '鍙栨秷',
+ onOk: async () => {
+ const factory = tabKey.value;
+ const res = await deleteLlm({
+ llm_factory: tabKey.value,
+ llm_name: val.name,
+ });
- if ((res as any).code == 0) {
- queryModel();
- tabKey.value = factory;
- } else {
- }
- },
- onCancel: () => {},
- });
+ if ((res as any).code == 0) {
+ queryModel();
+ tabKey.value = factory;
+ } else {
+ }
+ },
+ onCancel: () => {},
+ });
+ }
};
//鐖剁骇妯″瀷
@@ -282,7 +291,7 @@
}
if (key !== 'key') {
const res = await deleteLlmFactory(key);
- if (res.code == 200) {
+ if ((res as any).code == 200) {
Reflect.deleteProperty(tabData.value, key);
queryModel();
}
@@ -290,7 +299,7 @@
};
const visible = ref(false);
- const formRef = ref(null);
+ const formRef = ref();
const form = reactive({
size: 'medium',
@@ -325,6 +334,15 @@
tabData.value = Object.assign({}, tabData.value, res.data);
};
queryModel();
+ //杩斿洖婊¤冻鏉′欢鐨勫璞�
+ const filterObject = (obj, threshold) => {
+ return Object.keys(obj)
+ .filter((key) => obj[key] > threshold)
+ .reduce((result, key) => {
+ result[key] = obj[key];
+ return result;
+ }, {});
+ };
const refreshParentMethod = () => {
queryModel();
@@ -413,6 +431,9 @@
// border-radius: 0;
// background-color: #eee;
}
+ :deep(.arco-tabs-tab-close-btn) {
+ display: none;
+ }
:deep(.arco-tabs-tab-close-btn .arco-icon) {
color: #666;
}
@@ -436,10 +457,13 @@
}
.card_content {
.card_wrap_box_img {
- min-height: 200px;
+ // min-height: 200px;
height: 200px;
+ width: 100%;
img {
- max-height: 190px;
+ width: 100%; /* 鎴栬�呭叾浠栧浐瀹氬搴� */
+ height: 100%; /* 鎴栬�呭叾浠栧浐瀹氶珮搴� */
+ object-fit: cover; /* 涓嶄細鍙樺舰锛屼絾鍙兘瑁佸壀鍥剧墖 */
}
}
.card_wrap_box {
--
Gitblit v1.8.0