From c89d1d1fe4e820bc9d1a942467a3f1e017b40dac Mon Sep 17 00:00:00 2001 From: wujingjing <gersonwu@qq.com> Date: 星期三, 06 十一月 2024 16:33:36 +0800 Subject: [PATCH] 无关代码删除 --- src/components/chat/chatComponents/summaryCom/SummaryCom.vue | 108 +++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 103 insertions(+), 5 deletions(-) diff --git a/src/components/chat/chatComponents/summaryCom/SummaryCom.vue b/src/components/chat/chatComponents/summaryCom/SummaryCom.vue index af6f031..c779657 100644 --- a/src/components/chat/chatComponents/summaryCom/SummaryCom.vue +++ b/src/components/chat/chatComponents/summaryCom/SummaryCom.vue @@ -1,18 +1,116 @@ <template> <div class="w-full space-y-3"> - <template v-if="data && data.length > 0"> - <!-- 涓嶈兘浣跨敤 index --> - <component v-for="(item, index) in data" :key="item.id" :id="item.id" :is="summaryAnswerTypeMapCom[item.type]" :data="item"></component> + <template v-if="parsedData && parsedData.length > 0"> + <template v-for="(item, index) in parsedData" :key="item.id"> + <!-- <el-button type="primary" v-if="showReportIndex.includes(index) && conclusion.length > 0" @click="showAgentReport(index)">鎶ュ憡</el-button> --> + <component + ref="componentRef" + :id="item.id" + :is="summaryAnswerTypeMapCom[item.type]" + :data="item" + :originData="originData" + :summaryIndex="index" + chartHeight="20rem" + :tableLimitHeight="tableLimitHeight" + @updateQuery="(res) => updateRecordSet(index, res)" + :disabled="isTalking" + ></component> + + <div class="flex flex-col" v-if="showReportIndex.includes(index) && conclusion?.length > 0"> + <div class="flex items-center mb-3"> + <span class="mr-2">鍒嗘瀽璇勪及锛�</span> + <div + @click="toggleReport(item)" + class="cursor-pointer border border-gray-300 border-solid w-fit px-2 flex items-center space-x-2 rounded-lg hover:bg-gray-100 active:bg-gray-200" + > + <span> + {{ toggleReportLabel(item) }} + </span> + <span class="ywifont" :class="{ 'ywicon-unfold': !item.reportIsShow, 'ywicon-fold': item.reportIsShow }"></span> + </div> + </div> + + <!-- 杩囩▼杈撳嚭 --> + <div v-show="item.reportIsShow" class="max-h-[2/3vh] markdown-it" v-html="md.render(getReport(index))"></div> + </div> + </template> </template> + <!-- <ReportDlg v-model="infoDlgIsShow" :report="report" :agentKey="agentKey"></ReportDlg> --> </div> </template> <script setup lang="ts"> -import { computed } from 'vue'; +import { computed, ref } from 'vue'; import { chatComProps } from '../common'; -import { summaryAnswerTypeMapCom } from './components/types'; +import { SummaryAnswerType, summaryAnswerTypeMapCom } from './components/types'; +// import AmisPageTest from './components/amisPage/AmisPageTest.vue'; + +import ReportDlg from './ReportDlg.vue'; +import { md } from '../../libs/markdown'; const props = defineProps(chatComProps); +const tableLimitHeight = document.body.clientHeight * 0.7; +const parsedData = computed<any[]>(() => { + const newData = (props.data ?? []).map((item) => { + if (item.type === SummaryAnswerType.RecordSet && item.chart === 'table') { + item.type = SummaryAnswerType.RecordSetTable; + } + return item; + }); + return newData; +}); +// 闇�瑕佸睍绀� report 鐨� 绱㈠紩 +const showReportIndex = computed(() => { + const agentKeyMap = new Map<string, number>(); + parsedData.value.forEach((value, index) => { + if (value?.agent_key) { + // 鍙栨渶鍚庝竴娆′綔涓虹粨璁� + agentKeyMap.set(value.agent_key, index); + // if (!agentKeySet.has(value.agent_key)) { + // agentKeySet.add(value.agent_key); + // indexList.push(index); + // } + } + }); + const indexList = Array.from(agentKeyMap.values()); + return indexList; +}); + +const componentRef = ref<any[]>(null); + +const updateRecordSet = (triggerIndex, res) => { + for (const item of componentRef.value) { + item?.updateAll(triggerIndex, res); + } +}; + +const getReport = (agentEndIndex) => { + const agent = parsedData.value[agentEndIndex]; + const agentKey = agent.agent_key; + // debugger; + const foundReport = props.conclusion.find((item) => item.agent_key === agentKey); + const report = foundReport?.report ?? ''; + return report; +}; + +const toggleReportLabel = (item) => (item.reportIsShow ? '鏀惰捣' : '灞曞紑'); +const toggleReport = (item) => { + item.reportIsShow = !item.reportIsShow; +}; +// const infoDlgIsShow = ref(false); +// const report = ref(null); + +// const agentKey = ref(''); + +// const conclusion = computed(() => props.originData?.content?.origin?.conclusion ?? []); +// const showAgentReport = (agentStartIndex) => { +// const agent = parsedData.value[agentStartIndex]; +// agentKey.value = agent.agent_key; +// const foundReport = conclusion.value.find((item) => item.agent_key === agentKey.value); +// report.value = foundReport?.report; + +// infoDlgIsShow.value = true; +// }; </script> <style scoped lang="scss"></style> -- Gitblit v1.9.3