From f6fabc31b829dfa2d40407036fbb252acefd5911 Mon Sep 17 00:00:00 2001 From: liudong <liudong> Date: 星期一, 05 八月 2024 16:42:50 +0800 Subject: [PATCH] 知识库智能体管理的页面的bug修改 --- src/views/dmx/knowledgeLib/index.vue | 139 +++++++++++++++++++++++++--------------------- 1 files changed, 75 insertions(+), 64 deletions(-) diff --git a/src/views/dmx/knowledgeLib/index.vue b/src/views/dmx/knowledgeLib/index.vue index 2fa72fd..610025d 100644 --- a/src/views/dmx/knowledgeLib/index.vue +++ b/src/views/dmx/knowledgeLib/index.vue @@ -11,7 +11,7 @@ <addKnow @knowledgeData="knowledgeData"></addKnow> </div> <div class="lf-container-down"> - <div class="tabs"> + <a-scrollbar style="height:56rem;overflow: auto;"> <div class="tab" v-for="(tab, index) in tabs" @@ -29,8 +29,8 @@ </template> </a-popover> </div> + </a-scrollbar> </div> - </div> </div> <div class="rt-container"> <a-tabs default-active-key="1"> @@ -176,34 +176,41 @@ <template #run="{ record }"> <div style="display: flex;align-items: center;"> <div style="width: 100px"> + <a-popover title="Title" v-if="record.run == '4'"> + <a-tag :loading="record.loading" :color="'blue'" border>{{$t('dmx.list.complete')}}</a-tag> + <template #content> + <p></p> + </template> + </a-popover> <a-popover title="Title" v-if="record.run == '3'"> <a-tag :loading="record.loading" :color="'blue'" border>{{$t('dmx.list.complete')}}</a-tag> <template #content> - <p>Here is the text content</p> + <p></p> </template> </a-popover> <a-popover title="Title" v-if="record.run == '1'"> <a-tag :loading="record.loading" :color="'blue'" border>{{$t('dmx.list.complete')}}</a-tag> <template #content> - <p>Here is the text content</p> + <p></p> </template> </a-popover> <a-popover title="Title" v-if="record.run == '2'"> <a-tag :loading="record.loading" :color="'gold'" border>{{$t('dmx.list.cancel')}}</a-tag> <template #content> - <p>Here is the text content</p> + <p></p> </template> </a-popover> <a-popover title="Title" v-if="record.run == '0'"> <a-tag :loading="record.loading" :color="'green'" border>{{$t('dmx.list.NotStarted')}}</a-tag> <template #content> - <p>Here is the text content</p> + <p></p> </template> </a-popover> </div> <div > <a-button type="text" size="large" @click="run(record)" :loading="record.loading"> <template #icon> + <icon-sync v-if="record.run == '4'"/> <icon-sync v-if="record.run == '3'"/> <icon-sync v-if="record.run == '2'"/> <icon-sync style="color: green" v-if="record.run == '1'"/> @@ -251,45 +258,45 @@ </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 v-model:visible="visible" :footer="false" fullscreen> + <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> @@ -322,14 +329,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) @@ -518,12 +522,9 @@ pagination.current = params.page; pagination.total = data.data.total; // 鏌ヨ鐭ヨ瘑搴撹鎯� - kbdetail = await queryKbdetail({ - kb_id:params.kb_id, - }); - - - + // kbdetail = await queryKbdetail({ + // kb_id:params.kb_id, + // }); } } catch (err) { @@ -687,8 +688,8 @@ } const seeload = async (row)=>{ Object.assign(seeObj, row) - console.log(seeObj.name, 'seeObj'); - let type = seeObj.name.split('.')[1]; + // console.log(seeObj.name, 'seeObj'); + let type = row.name.split('.')[1]; console.log(type); if(type=='pdf'){ documenttype.value = 'txtPdf' @@ -784,28 +785,38 @@ padding: 0 20px 20px 20px; .main-container{ display: flex; + width: 100%; + height: 100%; .lf-container{ display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; - background: #ffffff; + //background: #ffffff; + background: var(--color-bg-2); width: 200px; .lf-container-top{ display: flex; + margin: 10px 0; } .lf-container-down{ display: flex; flex-direction: column; + box-sizing: border-box; width: 90%; - height: calc(100% - 5rem); - border: 1px solid #eeeeee; - overflow: auto; - padding: 10px; - .tabs .tab { + //height: 56rem; + border: 1px solid var(--color-fill-3); + //padding: 10px; + margin-bottom: 10px; + //.tabs{ + // width: 100%; + // height: 100%; + // overflow: auto; + //} + .tab { cursor: pointer; box-sizing: border-box; - margin: 10px 0; + margin: 10px 10px; padding:0 10px; color: rgba(0, 0, 0, 0.88); font-size: 14px; @@ -817,12 +828,12 @@ border: 1px solid #f0f0f0; border-radius: 8px; } - .tabs .tab:hover { + .tab:hover { border: 1px solid #ffffff; background: #e8e8ea; box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); } - .tabs .tab.active { + .tab.active { border: 1px solid #e8e8ea; background: #e8e8ea; cursor: pointer; @@ -834,7 +845,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