From b06665e8c149df1273bf190313190bfa3de722e8 Mon Sep 17 00:00:00 2001
From: gerson <1405270578@qq.com>
Date: 星期六, 27 七月 2024 12:31:15 +0800
Subject: [PATCH] 監測點擊出曲綫
---
src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSet.vue | 54 +++++++++++++++++++++++++++++++++++-------------------
1 files changed, 35 insertions(+), 19 deletions(-)
diff --git a/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSet.vue b/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSet.vue
index 11067e0..660a252 100644
--- a/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSet.vue
+++ b/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSet.vue
@@ -1,23 +1,29 @@
<template>
<div class="w-full">
- <div class="flex mb-4 flex-wrap" v-if="visibleParams && visibleParams.length > 0">
+ <div class="flex mb-4 flex-wrap">
<!-- TimeRange v-model 璺� @change 涓殑鍊间細涓嶄竴鏍凤紝浠change 涓负鍑� -->
- <component
- class="flex-0 m-1"
- v-model="paramsValueList[index].value"
- v-for="(item, index) in visibleParams as any"
- :key="item.id"
- :id="item.id"
- :is="recordSetMapCom[item.type]"
- :data="item"
- :originData="originData"
- @change="(val) => handleQueryChange(val, item)"
- :disabled="chartLoading"
- ></component>
+ <template v-if="visibleParams && visibleParams.length > 0">
+ <component
+ class="flex-0 m-1"
+ v-model="paramsValueList[index].value"
+ v-for="(item, index) in visibleParams as any"
+ :key="item.id"
+ :id="item.id"
+ :is="recordSetMapCom[item.type]"
+ :data="item"
+ :originData="originData"
+ @change="(val) => handleQueryChange(val, item)"
+ :disabled="chartLoading"
+ ></component>
+ </template>
+ <slot>
+
+ </slot>
+
<YRange v-model="yRange" @input="yRangeInput" />
<el-checkbox class="m-1" v-model="isMultiCompare" label="澶氭棩瀵规瘮" @change="multiCompareChange"></el-checkbox>
</div>
- <div class="h-[20rem]" v-resize="chartContainerResize" v-loading="chartLoading">
+ <div :style="{ height: chartHeight }" v-resize="chartContainerResize" v-loading="chartLoading">
<div ref="chartRef"></div>
</div>
</div>
@@ -60,6 +66,10 @@
summaryIndex: {
type: Number,
},
+ chartHeight: {
+ type: String,
+ default: '20rem',
+ },
}) as {
data: RecordSet;
};
@@ -89,7 +99,7 @@
} else {
newList.push(current);
}
- }else{
+ } else {
newList.push(current);
}
}
@@ -192,6 +202,9 @@
const drawChart = () => {
const data = props.data;
+ if (!data || !data.cols || !data.values) {
+ return;
+ }
preData = data;
const xType = 'time';
timeIndex = data.cols.findIndex((item) => item.type === 'time');
@@ -244,10 +257,9 @@
let res = null;
try {
- if(item.type===RecordSetParamsType.TimeRange){
- changeMap.set(item.range[0].id,val[0]),
- changeMap.set(item.range[1].id,val[1])
- }else{
+ if (item.type === RecordSetParamsType.TimeRange) {
+ changeMap.set(item.range[0].id, val[0]), changeMap.set(item.range[1].id, val[1]);
+ } else {
changeMap.set(item.id, val);
}
const paramsObj = {};
@@ -393,5 +405,9 @@
}
};
//#endregion
+
+defineExpose({
+ drawChart,
+});
</script>
<style scoped lang="scss"></style>
--
Gitblit v1.9.3