From 752c65d786838c9af3571d4d6eb46ab3e62786f2 Mon Sep 17 00:00:00 2001
From: charles <981744753@qq.com>
Date: 星期五, 02 八月 2024 15:59:26 +0800
Subject: [PATCH] feat:完成新增会话的，会话记录的聊天模块
---
src/views/dmx/knowledgeLib/index.vue | 121 +++++++++++++++++++++++++---------------
1 files changed, 75 insertions(+), 46 deletions(-)
diff --git a/src/views/dmx/knowledgeLib/index.vue b/src/views/dmx/knowledgeLib/index.vue
index 7da5b5e..4cc8eca 100644
--- a/src/views/dmx/knowledgeLib/index.vue
+++ b/src/views/dmx/knowledgeLib/index.vue
@@ -228,11 +228,13 @@
<icon-download />
</template>
</a-button>
+
<a-button type="text" size="small" @click="seeload(record)">
<template #icon>
<icon-eye />
</template>
</a-button>
+
</template>
</a-table>
</a-card>
@@ -249,44 +251,50 @@
</div>
</a-tab-pane>
</a-tabs>
- <div v-if="detailsShow" class="details">
- <div class="details-header">
- <div style="display: flex;align-items: center">
- <span><icon-arrow-left size="20px" style="cursor: pointer;color: #0960bd;margin: 10px" @click="goBackClick" /></span>
- <icon-file style="color: #0960bd;margin-right: 4px;" />
- <span style="">123.docx</span>
- </div>
- <div style="display: flex; align-items: center;">
- <a-radio-group v-model="position" type="button" style="margin-right: 10px">
- <a-radio value="top">{{'dmx.list.EntireArticle'}}</a-radio>
- <a-radio value="right">{{'dmx.list.omit'}}</a-radio>
- </a-radio-group>
- <a-popover position="bottom">
- <a-button type="outline" class="button" style="margin-right: 10px">{{'dmx.list.batch'}} <icon-down style="margin-left: 4px" /></a-button>
- <template #content>
- <p>Here is the text content</p>
- <p>Here is the text content</p>
- </template>
- </a-popover>
- <a-button type="outline" class="button" style="margin-right: 10px">
- <template #icon>
- <icon-search />
- </template>
- </a-button>
- <a-popover position="bottom">
- <a-button type="outline" class="button" style="margin-right: 10px"><icon-sort /></a-button>
- <template #content>
- <p>Here is the text content</p>
- <p>Here is the text content</p>
- </template>
- </a-popover>
- <addDetails></addDetails>
- </div>
- </div>
- <a-divider style="margin-top: 10px" />
- </div>
+<!-- <div v-if="detailsShow" class="details">-->
+<!-- <div class="details-header">-->
+<!-- <div style="display: flex;align-items: center">-->
+<!-- <span><icon-arrow-left size="20px" style="cursor: pointer;color: #0960bd;margin: 10px" @click="goBackClick" /></span>-->
+<!-- <icon-file style="color: #0960bd;margin-right: 4px;" />-->
+<!-- <span style="">123.docx</span>-->
+<!-- </div>-->
+<!-- <div style="display: flex; align-items: center;">-->
+<!-- <a-radio-group v-model="position" type="button" style="margin-right: 10px">-->
+<!-- <a-radio value="top">{{'dmx.list.EntireArticle'}}</a-radio>-->
+<!-- <a-radio value="right">{{'dmx.list.omit'}}</a-radio>-->
+<!-- </a-radio-group>-->
+<!-- <a-popover position="bottom">-->
+<!-- <a-button type="outline" class="button" style="margin-right: 10px">{{'dmx.list.batch'}} <icon-down style="margin-left: 4px" /></a-button>-->
+<!-- <template #content>-->
+<!-- <p>Here is the text content</p>-->
+<!-- <p>Here is the text content</p>-->
+<!-- </template>-->
+<!-- </a-popover>-->
+<!-- <a-button type="outline" class="button" style="margin-right: 10px">-->
+<!-- <template #icon>-->
+<!-- <icon-search />-->
+<!-- </template>-->
+<!-- </a-button>-->
+<!-- <a-popover position="bottom">-->
+<!-- <a-button type="outline" class="button" style="margin-right: 10px"><icon-sort /></a-button>-->
+<!-- <template #content>-->
+<!-- <p>Here is the text content</p>-->
+<!-- <p>Here is the text content</p>-->
+<!-- </template>-->
+<!-- </a-popover>-->
+<!-- <addDetails></addDetails>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <a-divider style="margin-top: 10px" />-->
+<!-- </div>-->
</div>
</div>
+ <a-modal title=" " v-model:visible="visible" :footer="false" fullscreen>
+<!-- <docx v-if="documenttype=='docx'" previewSrc="http://192.168.20.116:1080/v1/document/get/405c3efa4d8c11ef97560242ac120006"></docx>-->
+ <docx v-if="documenttype=='docx'" :previewSrc="previewSrc"></docx>
+ <excel v-if="documenttype=='excel'" :previewSrc="previewSrc"></excel>
+ <txtPdf v-if="documenttype=='txtPdf'" :previewSrc="previewSrc"></txtPdf>
+ </a-modal>
</div>
</template>
@@ -314,11 +322,11 @@
import config from '@/views/dmx/knowledgeLib/config.vue'
import test from '@/views/dmx/knowledgeLib/test.vue'
import tool from '@/views/dmx/knowledgeLib/tool.vue'
- import addDetails from '@/views/dmx/knowledgeLib/addDetails.vue'
+ import docx from '@/views/dmx/knowledgeLib/components/docx.vue'
+ import excel from '@/views/dmx/knowledgeLib/components/excel.vue'
+ import txtPdf from '@/views/dmx/knowledgeLib/components/txtPdf.vue'
import { Message } from "@arco-design/web-vue";
import { parseTime } from "@/utils";
- import { usePinia } from "@/store";
- const store = usePinia();
type SizeProps = 'mini' | 'small' | 'medium' | 'large';
type Column = TableColumnData & { checked?: true };
const account = ref(null)
@@ -346,10 +354,13 @@
let selectedTab = ref(0)
let testForm = ref(null)
let configForm = ref(null)
+ let documenttype = ref('docx')
+ let previewSrc = ref('')
let kbId = ref('')
let kbobj = reactive({})
let kbdetail = reactive({})
let parser_ids = reactive({})
+ let seeObj = reactive({})
let kbtenantInfo = reactive({
"asr_id": "paraformer-realtime-8k-v1",
"embd_id": "BAAI/bge-large-zh-v1.5",
@@ -507,9 +518,6 @@
kbdetail = await queryKbdetail({
kb_id:params.kb_id,
});
-
-
-
}
} catch (err) {
@@ -671,8 +679,25 @@
filename: record.name,
});
}
-const seeload = async (row)=>{
- console.log(row);
+const seeload = async (row)=>{
+ Object.assign(seeObj, row)
+ // console.log(seeObj.name, 'seeObj');
+ let type = row.name.split('.')[1];
+ console.log(type);
+ if(type=='pdf'){
+ documenttype.value = 'txtPdf'
+ }else if(type=='docx'){
+ documenttype.value = 'docx'
+ }else if(type=='xlsx'){
+ documenttype.value = 'excel'
+ }else if(type=='txt'){
+ documenttype.value = 'txtPdf'
+ }else {
+ return false
+ }
+ previewSrc.value = `${import.meta.env.VITE_API_BASE_URL}/v1/document/get/${row.id}`
+ visible.value = true;
+
}
const handleChangeStatus = async (row)=>{
@@ -753,6 +778,8 @@
padding: 0 20px 20px 20px;
.main-container{
display: flex;
+ width: 100%;
+ height: 100%;
.lf-container{
display: flex;
flex-direction: column;
@@ -762,15 +789,17 @@
width: 200px;
.lf-container-top{
display: flex;
+ margin: 10px 0;
}
.lf-container-down{
display: flex;
flex-direction: column;
width: 90%;
- height: calc(100% - 5rem);
+ height: 56rem;
border: 1px solid #eeeeee;
overflow: auto;
padding: 10px;
+ margin-bottom: 10px;
.tabs .tab {
cursor: pointer;
box-sizing: border-box;
@@ -803,7 +832,7 @@
//background: #626aea;
margin-left: 20px;
width: calc(100% - 200px);
- height: calc(100% - 5rem);
+ height: 56rem;
.rt-container-main{
height: 76vh;
}
--
Gitblit v1.8.0