From 9f642256f4b99a697af40bbbc4b939bc8faf91cd Mon Sep 17 00:00:00 2001 From: wujingjing <gersonwu@qq.com> Date: 星期二, 25 二月 2025 17:20:46 +0800 Subject: [PATCH] 1 --- src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSet.vue | 60 ++++++++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 42 insertions(+), 18 deletions(-) diff --git a/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSet.vue b/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSet.vue index 5dc9759..2f082a3 100644 --- a/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSet.vue +++ b/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSet.vue @@ -100,6 +100,10 @@ type: String, required: false, }, + tableHeight: { + type: Number, + default: document.body.clientHeight * 0.7, + }, showFilter: { type: Boolean, default: true, @@ -108,13 +112,16 @@ type: Boolean, default: false, }, -}) as { - data: any; - summaryIndex: number; - showFilter: Boolean; -}; + reportIndex: { + type: Number, + default: 0, + }, + historyId: { + type: String, + }, +}); -const tableLimitHeight = props.chartHeight == undefined ? undefined : document.body.clientHeight * 0.7; +const tableLimitHeight = props.chartHeight == undefined ? undefined : props.tableHeight; const chartLoading = ref(false); @@ -129,6 +136,7 @@ const getVisibleParams = (data) => { // const visibleList = props.data?.params?.filter((item) => !item?.hide) ?? []; // index 浣滀负 id + const dataFilter = data?.filter ?? []; const visibleList = (data?.filter ?? []).map((item, index) => { // 涓嶄慨鏀瑰師濮嬪湴鍧� item.id = index + ''; @@ -183,7 +191,6 @@ } }); }; - const visibleParams = ref(getVisibleParams(props.data)); const checkIsDayTime = () => { @@ -277,12 +284,10 @@ } : axisLabelFormatter; - const tooltipValueFormatter = - originChartType === ChartTypeEnum.Score - ? (value) => { - return scoreMap[value]; - } - : undefined; + const tooltipValueFormatter = (value) => { + const realValue = originChartType === ChartTypeEnum.Score ? scoreMap[value] : value; + return realValue + (props.data.unit ? ` ${props.data.unit}` : ''); + }; const scoreYAxisOption: echarts.YAXisComponentOption = { min: 0, @@ -353,7 +358,8 @@ name: timeCol?.title, }, yAxis: { - name: valueCol?.title, + name: props.data.unit ? `${props.data.unit}` : valueCol?.title, + /** @description 涓嶅己鍒朵繚鐣� */ scale: true, ...(originChartType === ChartTypeEnum.Score ? scoreYAxisOption : {}), @@ -499,7 +505,7 @@ }; const handleQueryChange = async (val: any, item: RecordSetParamsItem) => { if (!val) return; - const historyId = (props as any).originData.historyId; + const historyId = props.historyId; let res = null; // 鏀瑰彉鍘熷鍊� @@ -517,7 +523,7 @@ // 鏌ヨ鍓嶅悗 agent_key 涓嶄細鍙� agent_key: props.data.agent_key, filter_json: JSON.stringify(filterList), - result_group_index: 0, + result_group_index: props.reportIndex, }; res = await curveQuery(params); chartLoading.value = true; @@ -691,8 +697,14 @@ .toSorted((b, a) => { return b[0].localeCompare(a[0]); }); + const getColName = (name) => { + if (props.data.unit) { + return `${name}锛�${props.data.unit}锛塦; + } + return name; + }; const cols = currentSeries.value.map((item, index) => ({ - title: item.name ?? `鍊�${index + 1}`, + title: getColName(item.name ?? `鍊�${index + 1}`), type: 'text', })); @@ -753,13 +765,25 @@ updateCurrent(summary?.[props.summaryIndex], true); }; +const clearChart = () => { + chartInstance.value.setOption( + { + title: { + text: '', + }, + series: [], + }, + true + ); +}; + defineExpose({ drawChart, isMultiCompare, handleMultiCompare, handleData, updateAll, - + clearChart, updateIndexSummary, }); </script> -- Gitblit v1.9.3