From 9578637b7621338ffe85bfb118e60eeee8f11e3a Mon Sep 17 00:00:00 2001
From: gerson <1405270578@qq.com>
Date: 星期六, 27 七月 2024 20:52:01 +0800
Subject: [PATCH] formatDateValue
---
src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSetDialog.vue | 37 ++++++++++++++++++++++++-------------
1 files changed, 24 insertions(+), 13 deletions(-)
diff --git a/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSetDialog.vue b/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSetDialog.vue
index 6f21cbb..ae7368d 100644
--- a/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSetDialog.vue
+++ b/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSetDialog.vue
@@ -1,14 +1,14 @@
<template>
<el-dialog :destroy-on-close="true" v-model="isShow" draggable :close-on-click-modal="false" :title="chartValues?.title">
<RecordSet chartHeight="30rem" ref="recordSetRef" :data="chartValues">
- <TimeRange class="flex-0 m-1" @change="timeRangeChange" />
+ <TimeRange ref="timeRangeRef" v-model="queryRange" class="flex-0 m-1" @change="timeRangeChange" />
<List class="flex-0 m-1" v-model="stepTime" :data="listData" @change="selectStepChange" />
</RecordSet>
</el-dialog>
</template>
<script setup lang="ts">
-import { ref, watch } from 'vue';
+import { nextTick, ref, watch } from 'vue';
import RecordSet from './RecordSet.vue';
import { queryScadaTimeValues } from '/@/api/ai/chat';
import { useCompRef } from '/@/utils/types';
@@ -17,13 +17,14 @@
import TimeRange from './components/TimeRange.vue';
import List from './components/List.vue';
-const props = defineProps(['otype', 'oname']);
+const props = defineProps(['otype', 'oname', 'indexName']);
const isShow = defineModel({
type: Boolean,
});
const recordSetRef = useCompRef(RecordSet);
+const timeRangeRef = useCompRef(TimeRange);
const listData = {
list: [
@@ -40,25 +41,32 @@
const queryRange = ref<string[]>(null);
const timeRangeChange = (val) => {
- queryRange.value = val;
- setChartData(queryRange.value);
+ setChartData();
};
const selectStepChange = (val) => {
- setChartData(queryRange.value);
+ setChartData();
};
const stepTime = ref('5 minutes');
const chartValues = ref(null);
-const setChartData = async (timeRange: string[]) => {
+const setChartData = async () => {
const res = await queryScadaTimeValues({
- otype: props.otype,
- oname: props.oname,
- start_time: timeRange[0],
- end_time: timeRange[1],
+ // 璁惧绫诲瀷
+ ptype: props.otype,
+ // 璁惧鍚嶇О
+ pname: props.oname,
+ otype: props.indexName,
+ start_time: timeRangeRef.value.formatDateValue[0],
+ end_time: timeRangeRef.value.formatDateValue[1],
step_time: stepTime.value,
});
chartValues.value = res.values;
- recordSetRef.value.drawChart();
+ chartValues.value.chart = 'single_line';
+ nextTick(() => {
+ setTimeout(() => {
+ recordSetRef.value.drawChart();
+ }, 0);
+ });
};
watch(
@@ -68,7 +76,10 @@
return;
}
queryRange.value = getRecentDateRange(1).map((item) => formatDate(item));
- setChartData(queryRange.value);
+ nextTick(()=>{
+ setChartData();
+
+ })
}
);
</script>
--
Gitblit v1.9.3