From 742cecf2dd52906ff00a50461839bda83a3cbc6d Mon Sep 17 00:00:00 2001
From: guonan <guonan201020@163.com>
Date: 星期三, 30 四月 2025 17:18:20 +0800
Subject: [PATCH] 修改y轴动态变化
---
src/views/left/CitySim.vue | 36 +++++++++++++++++++++++++++++++++++-
1 files changed, 35 insertions(+), 1 deletions(-)
diff --git a/src/views/left/CitySim.vue b/src/views/left/CitySim.vue
index ca8286c..cc75ab4 100644
--- a/src/views/left/CitySim.vue
+++ b/src/views/left/CitySim.vue
@@ -80,9 +80,28 @@
<template #append>mm</template>
</el-input>
</el-form-item>
-
+ <el-form-item label="閫夋嫨鏃堕棿:">
+ <el-date-picker
+ v-if="forms.fileList.length !== 0"
+ v-model="forms.hours"
+ type="datetime"
+ placeholder="Select date and time"
+ />
+ <el-date-picker
+ v-if="forms.fileList.length == 0"
+ v-model="forms.hours"
+ type="datetimerange"
+ start-placeholder="寮�濮嬫椂闂�"
+ end-placeholder="缁撴潫鏃堕棿"
+ format="YYYY-MM-DD HH:mm:ss"
+ date-format="YYYY/MM/DD ddd"
+ time-format="A hh:mm:ss"
+ @change="change"
+ />
+ </el-form-item>
<el-form-item label="闄嶉洦鏃堕暱:">
<el-input
+ disabled
v-model="forms.duration"
style="max-width: 600px"
placeholder="Please input"
@@ -120,6 +139,7 @@
import { SimAPIStore } from "@/store/simAPI";
import { getRegionData } from "@/api/trApi";
import { storeToRefs } from "pinia";
+import dayjs from "dayjs";
const simStore = SimAPIStore();
const { selectTab } = storeToRefs(simStore);
@@ -173,7 +193,20 @@
fileList: [],
type: 3,
rainFallList: [],
+ hours: "",
});
+
+// 璁＄畻绱鏃堕暱
+const calculateHoursDifference = (val) => {
+ if (!val || val.length !== 2) return 0;
+ const [startDate, endDate] = val;
+ const diffInHours = dayjs(endDate).diff(dayjs(startDate), "hour", true); // true 琛ㄧず杩斿洖娴偣鏁�
+ return diffInHours;
+};
+
+const change = (val) => {
+ forms.duration = calculateHoursDifference(val);
+};
const addSimCheme = async () => {
await simStore.addSimCheme(forms);
@@ -188,6 +221,7 @@
forms.intensity = "";
forms.fileList = [];
forms.rainFallList = [];
+ forms.hours = "";
};
// 璁＄畻灞炴�э細鑾峰彇涓婁紶鏂囦欢鐨勫悕绉板垪琛�
--
Gitblit v1.9.3