From 3a22df383af6fc137fd66cc29408b120619ee95f Mon Sep 17 00:00:00 2001
From: liudong <liudong>
Date: 星期五, 16 八月 2024 20:25:11 +0800
Subject: [PATCH] 会话页面开发
---
src/views/dmx/model/index.vue | 191 ++++++++++++++++++++++++++++++++++-------------
1 files changed, 139 insertions(+), 52 deletions(-)
diff --git a/src/views/dmx/model/index.vue b/src/views/dmx/model/index.vue
index ef1335c..e993528 100644
--- a/src/views/dmx/model/index.vue
+++ b/src/views/dmx/model/index.vue
@@ -31,51 +31,70 @@
style="height: calc(100vh - 320px); overflow: auto"
>
<div class="card_content">
- <div class="card-wrap content_top">
+ <div class="content_top">
<div class="card_wrap_box">
- <div class="card_wrap_box_img">
- <img
- :style="{
- width: '100%',
- }"
- alt="鏆傛棤鍥剧墖"
- :src="item.logo ? httpUrl + item.logo : pdfImg"
- />
- </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 class="wrap_box_add">
+ <a-button
+ type="primary"
+ @click="handleAddModel"
+ :disabled="addBtn"
+ >
+ <template #icon>
+ <icon-plus />
+ </template>
+ 娣诲姞
+ </a-button>
+ </div> -->
+ <div class="box_user_content">
+ <div class="box_usr_img">
+ <div class="card_wrap_box_img">
+ <img
+ alt="鏆傛棤鍥剧墖"
+ :src="
+ item.logo ? httpUrl + item.logo : pdfImg
+ "
+ />
</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">
- 鍒涘缓鏃堕棿锛�
- <span> {{ item.create_date }} </span>
- </div>
+ <div class="arco-content-title">
+ <div class="title_name"> {{ item.tags }}</div>
- <!-- <editModel></editModel> -->
- <a-button @click="handleDeleteModel(item, 1)">
- 鍒犻櫎
- </a-button>
- <a-button
- type="primary"
- @click="handleEditModel(item, 1)"
- >
- 缂栬緫
- </a-button>
- </a-space>
+ <div class="create_time">
+ 鍒涘缓鏃堕棿锛�
+ <span> {{ item.create_date }} </span>
+ </div>
+ </div>
+ </div>
+ <div class="box_user_btn">
+ <a-space class="btn-group">
+ <!-- <editModel></editModel> -->
+ <a-button
+ type="primary"
+ @click="handleAddModel"
+ :disabled="addBtn"
+ >
+ <template #icon>
+ <icon-plus />
+ </template>
+ 娣诲姞
+ </a-button>
+ <a-button
+ type="outline"
+ @click="handleEditModel(item, 1)"
+ >
+ 缂栬緫
+ </a-button>
+ <a-button
+ @click="handleDeleteModel(item, 1)"
+ class="btn_delete"
+ >
+ 鍒犻櫎
+ </a-button>
+ </a-space>
+ </div>
</div>
</div>
</div>
+ <div v-if="item.llm.length > 0" class="no_data"></div>
<div class="subset_list">
<div
class="card-wrap"
@@ -130,13 +149,7 @@
</a-tabs>
</a-col>
<div> </div>
- <div class="box_right" v-if="Object.keys(tabData).length > 0">
- <!-- <div class="search_input">
- <a-input-search
- :placeholder="$t('cardList.searchInput.placeholder')"
- style="width: 240px"
- />
- </div> -->
+ <!-- <div class="box_right" v-if="Object.keys(tabData).length > 0">
<div>
<a-button
type="primary"
@@ -149,7 +162,7 @@
娣诲姞
</a-button>
</div>
- </div>
+ </div> -->
</a-row>
</a-card>
</a-col>
@@ -305,7 +318,11 @@
const res = await deleteLlmFactory(tabKey.value);
if ((res as any).code == 200) {
// Reflect.deleteProperty(tabData.value, tabKey.value);
+
queryModel();
+ console.log(tabKey.value, 99998);
+
+ Message.success('鍒犻櫎鎴愬姛');
}
};
@@ -342,9 +359,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();
};
@@ -359,8 +376,10 @@
}, {});
};
- const refreshParentMethod = () => {
- queryModel();
+ const refreshParentMethod = async (name) => {
+ // console.log(name, 678776);
+ await queryModel();
+ // tabKey.value = name;
// 杩欓噷鎵ц闇�瑕佺殑鎿嶄綔
};
@@ -374,6 +393,7 @@
} else {
addBtn.value = false;
}
+ tabKey.value = Object.keys(tabData.value)[0];
};
</script>
@@ -483,7 +503,64 @@
}
}
.content_top {
- border-bottom: 1px solid #f0f0f0 !important;
+ border-radius: 18px;
+ border: 1px solid #eaecf0;
+ background: #e6e7eb;
+ box-shadow: 0 1px 2px #1018280d;
+ .card_wrap_box {
+ padding: 10px 20px;
+
+ .wrap_box_add {
+ // text-align: right;
+ }
+ .card_wrap_box_img {
+ width: 60px;
+ height: 60px;
+ border-radius: 50%;
+
+ img {
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ }
+ }
+ .box_user_content {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ .box_usr_img {
+ display: flex;
+ align-items: center;
+
+ .arco-content-title {
+ line-height: 34px;
+ margin-left: 20px;
+ .title_name {
+ font-size: 16px;
+ color: #333;
+ }
+ }
+ }
+ .box_user_btn {
+ text-align: right;
+ // .btn_delete {
+ // margin-left: 10px;
+ // }
+ }
+ }
+ }
+ }
+ .content_bottom {
+ margin-top: 20px;
+ .card_content {
+ .card_wrap_box {
+ padding: 20px;
+ .card_wrap_box_img {
+ width: 80px;
+ height: 80px;
+ }
+ }
+ }
}
.card_content {
.card_wrap_box_img {
@@ -500,6 +577,16 @@
display: flex;
flex-direction: row;
flex-wrap: wrap;
+
+ // border-top: 1px solid #f0f0f0;
+ }
+ .no_data {
+ border-top: 1px solid #f0f0f0;
+ height: 30px;
+ line-height: 30px;
+ margin-top: 10px;
+ font-size: 16px;
+ color: #333;
}
.card_wrap_box {
// position: relative;
--
Gitblit v1.8.0