| | |
| | | <div class="w-full space-y-3"> |
| | | <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> |
| | | <!-- <el-button type="primary" v-if="showReportIndex.includes(index) && conclusion.length > 0" @click="showAgentReport(index)">报告</el-button> --> |
| | | <component |
| | | ref="componentRef" |
| | | :id="item.id" |
| | |
| | | :tableLimitHeight="tableLimitHeight" |
| | | @updateQuery="(res) => updateRecordSet(index, res)" |
| | | ></component> |
| | | <div class="max-h-[2/3vh] markdown-it" v-if="showReportIndex.includes(index) && conclusion?.length > 0" v-html="md.render(getReport(index))"></div> |
| | | </template> |
| | | </template> |
| | | <ReportDlg v-model="infoDlgIsShow" :report="report" :agentKey="agentKey"></ReportDlg> |
| | | <!-- <ReportDlg v-model="infoDlgIsShow" :report="report" :agentKey="agentKey"></ReportDlg> --> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | // 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') { |
| | |
| | | |
| | | // 需要展示 report 的 索引 |
| | | const showReportIndex = computed(() => { |
| | | const agentKeySet = new Set(); |
| | | const indexList = []; |
| | | const agentKeyMap = new Map<string, number>(); |
| | | parsedData.value.forEach((value, index) => { |
| | | if (value?.agent_key) { |
| | | if (!agentKeySet.has(value.agent_key)) { |
| | | agentKeySet.add(value.agent_key); |
| | | indexList.push(index); |
| | | } |
| | | // 取最后一次作为结论 |
| | | 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; |
| | | }); |
| | | |
| | |
| | | item?.updateAll(triggerIndex, res); |
| | | } |
| | | }; |
| | | 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; |
| | | 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 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> |