From 9c81ad77ea847ab2f6fcc5a6257dda9abb200a1e Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期二, 22 十月 2024 12:07:06 +0800
Subject: [PATCH] 同步后台管理组件
---
src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSet.vue | 52 ++++++++++++++++++++++++++++++++++------------------
1 files changed, 34 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 e2c5822..3f9c2d5 100644
--- a/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSet.vue
+++ b/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSet.vue
@@ -3,7 +3,7 @@
<div class="w-full flex-column">
<div class="flex mb-4 flex-wrap flex-0">
<!-- TimeRange v-model 璺� @change 涓殑鍊间細涓嶄竴鏍凤紝浠change 涓负鍑� -->
- <template v-if="visibleParams && visibleParams.length > 0">
+ <template v-if="visibleParams && visibleParams.length > 0 && showFilter">
<component
class="flex-0 m-2"
v-model="visibleParams[index].value"
@@ -80,6 +80,7 @@
// type: Object as PropType<RecordSet>,
// },
// });
+
const emits = defineEmits<{
(event: 'updateQuery', res: any): void;
}>();
@@ -98,10 +99,15 @@
type: String,
required: false,
},
+ showFilter: {
+ type: Boolean,
+ default: true,
+ },
}) as {
data: any;
summaryIndex: number;
};
+
const tableLimitHeight = props.chartHeight == undefined ? undefined : document.body.clientHeight * 0.7;
const chartLoading = ref(false);
@@ -393,32 +399,36 @@
};
const { chartContainerResize, chartInstance } = useDrawChatChart({ chartRef, drawChart });
-const updateCurrent = (res) => {
+const updateCurrent = (res, isNew = false) => {
const title = res?.title;
const values = res?.values ?? [];
//#region ====================== 鍒锋柊褰撳墠 filter ======================
// 鍙洿鏂� value锛屼笉鐩存帴瑕嗙洊锛岄槻姝涪澶卞搷搴旀��
- updateVisibleParams(res);
+ // updateVisibleParams(res);
//#endregion
groupedValues = _.groupBy(values, (item) => item[nameIndex]);
if (isMultiCompare.value) {
handleMultiCompare();
} else {
- (currentSeries.value =
- groupedValues &&
- Object.keys(groupedValues).map((item, index) => {
- const values = groupedValues[item];
- return {
- name: currentSeries.value[index].name,
- data: values.map((item) => [item[timeIndex], item[valueIndex]]),
- };
- })),
- chartInstance.value.setOption({
- title: {
- text: title,
- },
- series: currentSeries.value,
- });
+ if (isNew) {
+ setNewOption();
+ } else {
+ (currentSeries.value =
+ groupedValues &&
+ Object.keys(groupedValues).map((item, index) => {
+ const values = groupedValues[item];
+ return {
+ name: item === 'default' ? '' : item,
+ data: values.map((item) => [item[timeIndex], item[valueIndex]]),
+ };
+ })),
+ chartInstance.value?.setOption({
+ title: {
+ text: title,
+ },
+ series: currentSeries.value,
+ });
+ }
}
};
@@ -698,12 +708,18 @@
updateCurrent(newSummary);
};
+const updateIndexSummary = (summary) => {
+ updateCurrent(summary?.[props.summaryIndex],true);
+};
+
defineExpose({
drawChart,
isMultiCompare,
handleMultiCompare,
handleData,
updateAll,
+
+ updateIndexSummary,
});
</script>
<style scoped lang="scss"></style>
--
Gitblit v1.9.3