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 | 19 +++++++++++-------- src/components/chat/chatComponents/summaryCom/components/recordSet/components/TimeRange.vue | 4 ++++ 2 files changed, 15 insertions(+), 8 deletions(-) diff --git a/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSetDialog.vue b/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSetDialog.vue index 00b5148..ae7368d 100644 --- a/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSetDialog.vue +++ b/src/components/chat/chatComponents/summaryCom/components/recordSet/RecordSetDialog.vue @@ -1,7 +1,7 @@ <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> @@ -24,6 +24,7 @@ }); const recordSetRef = useCompRef(RecordSet); +const timeRangeRef = useCompRef(TimeRange); const listData = { list: [ @@ -40,24 +41,23 @@ 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({ // 璁惧绫诲瀷 ptype: props.otype, // 璁惧鍚嶇О pname: props.oname, otype: props.indexName, - start_time: timeRange[0], - end_time: timeRange[1], + start_time: timeRangeRef.value.formatDateValue[0], + end_time: timeRangeRef.value.formatDateValue[1], step_time: stepTime.value, }); chartValues.value = res.values; @@ -76,7 +76,10 @@ return; } queryRange.value = getRecentDateRange(1).map((item) => formatDate(item)); - setChartData(queryRange.value); + nextTick(()=>{ + setChartData(); + + }) } ); </script> diff --git a/src/components/chat/chatComponents/summaryCom/components/recordSet/components/TimeRange.vue b/src/components/chat/chatComponents/summaryCom/components/recordSet/components/TimeRange.vue index 668f35c..89e8e62 100644 --- a/src/components/chat/chatComponents/summaryCom/components/recordSet/components/TimeRange.vue +++ b/src/components/chat/chatComponents/summaryCom/components/recordSet/components/TimeRange.vue @@ -122,6 +122,10 @@ emit('change', val); } ); + +defineExpose({ + formatDateValue +}) </script> <style scoped lang="scss"> :deep(.el-date-editor .el-range__close-icon--hidden) { -- Gitblit v1.9.3