From f37845dd0a787dd42bf6c72e923433f30fcd8cc3 Mon Sep 17 00:00:00 2001
From: guonan <guonan201020@163.com>
Date: 星期四, 03 七月 2025 15:40:09 +0800
Subject: [PATCH] 实时模拟
---
src/components/monifangzhen/schemeCard.vue | 84 +++++++++++++++++++++++++++--------------
1 files changed, 55 insertions(+), 29 deletions(-)
diff --git a/src/components/monifangzhen/schemeCard.vue b/src/components/monifangzhen/schemeCard.vue
index a25acd1..c8c6c6e 100644
--- a/src/components/monifangzhen/schemeCard.vue
+++ b/src/components/monifangzhen/schemeCard.vue
@@ -23,7 +23,15 @@
<el-button size="small" @click="setSchemClick(item)"
>鏂规璇︽儏</el-button
>
- <el-button size="small" @click="startPlay(item)">杩涘叆妯℃嫙</el-button>
+ <el-button
+ size="small"
+ v-show="item.type !== 2"
+ @click="startPlay(item)"
+ >杩涘叆妯℃嫙</el-button
+ >
+ <el-button size="small" v-show="item.type == 2" @click="rePlay(item)"
+ >鍘嗗彶鍥炴斁</el-button
+ >
<!-- :disabled="item.status !== 2" -->
</div>
</div>
@@ -45,7 +53,15 @@
<script setup>
import { EventBus } from "@/eventBus"; // 寮曞叆浜嬩欢鎬荤嚎
-import { onMounted, ref, watch, defineEmits, onUnmounted } from "vue";
+import {
+ nextTick,
+ onMounted,
+ ref,
+ watch,
+ defineEmits,
+ onUnmounted,
+ inject,
+} from "vue";
import dayjs from "dayjs";
import { initeWaterPrimitiveView } from "@/utils/water";
import Message from "@/components/tools/Message.vue";
@@ -56,11 +72,11 @@
import { ElMessage, ElMessageBox } from "element-plus";
const emit = defineEmits(["start", "end", "reset", "closeBtn"]);
import {
- getRegionData,
getSimData,
deleteSimData,
getSimStart,
getSimDataById,
+ getSimresult,
} from "@/api/trApi.js";
const simStore = useSimStore();
@@ -73,7 +89,6 @@
function selectScheme(id) {
selectedId.value = id;
}
-
function formatTime(time) {
return dayjs(time).format("YYYY-MM-DD HH:mm:ss");
@@ -93,6 +108,11 @@
function close() {
messageShow.value = false;
}
+
+// 瀹炴椂妯℃嫙浜斿垎閽熻姹備竴娆＄殑瀹氭椂鍣�
+const realTimeSimInterval = ref(null);
+
+const { startSimulate, endSimulate } = inject("simulateActions");
async function startPlay(item) {
if (item.status === 2) {
@@ -123,11 +143,11 @@
currentScheme.value = item;
schemeInfoShow.value = true;
emit("closeBtn", false);
- emit("start");
+ startSimulate();
return;
}
- // 璋冪敤姹傝В鍣紙涓嶅湪瀹炴椂妯℃嫙鐨勬儏鍐典笅锛�
+ // 鏂板缓鏂规锛屾病鏈� status 鍜� serviceName 涓� type != 2
if (!item.status && !item.serviceName && item.type !== 2) {
try {
await getSimStart(item.id);
@@ -143,31 +163,36 @@
return;
}
- // 瀹炴椂妯℃嫙
- if (item.type === 2) {
- try {
- // 瀹炴椂妯℃嫙璋冪敤姹傝В鍣ㄤ細鐩存帴鍦ㄦ帴鍙ｄ腑杩斿洖缁撴灉
- const ress = await getSimStart(item.id);
- const res = await getSimDataById(item.id);
- item.serviceName = res.data[0]?.serviceName || null;
- simStore.setSelectedScheme(item);
- getScheme();
-
- if (ress.code === 200) {
- initeWaterPrimitiveView();
- emit("start");
- }
- } catch (e) {
- console.error("瀹炴椂妯℃嫙鑾峰彇妯℃嫙鏁版嵁澶辫触锛�", e);
- }
- return;
- }
-
// 榛樿鎯呭喌锛氭湁鏈嶅姟鍚嶇О
simStore.setSelectedScheme(item);
}
-
+// 瀹炴椂妯℃嫙鍘嗗彶鍥炴斁
+function rePlay(item) {
+ // 褰撳墠閫変腑鐨勬柟妗�
+ simStore.setSelectedScheme(item);
+ // 鎷縤d鍘昏姹俽esults鎺ュ彛锛屽鏋滈暱搴︿笉涓�0锛屽垯鍙互杩涜鍘嗗彶鍥炴斁
+ getSimresult(item.id)
+ .then((res) => {
+ if (res.code == 500) {
+ // 濡傛灉闀垮害涓�0锛屾彁绀虹敤鎴峰苟涓斾笉杩涜鍚庣画鎿嶄綔
+ ElMessage.warning("鎻愮ず锛氭病鏈夊彲鍥炴斁鐨勬暟鎹紒");
+ return; // 闃绘鍚庣画鎿嶄綔
+ } else {
+ simStore.rePlayList = res.data;
+ console.log(simStore.rePlayList, "lisi");
+ }
+ // 浣跨敤 nextTick 纭繚 DOM 鏇存柊鍚庡啀鎵ц鍚庣画鎿嶄綔
+ nextTick(() => {
+ initeWaterPrimitiveView();
+ startSimulate();
+ });
+ })
+ .catch((error) => {
+ console.log("璇锋眰澶辫触锛�", error);
+ // 閿欒澶勭悊
+ });
+}
function handleBack(value) {
if (value === false) {
@@ -195,7 +220,9 @@
(item) =>
item.result == "鍒涘缓浠跨湡" ||
item.result == "瀹屾垚" ||
- item.result == "-1"
+ item.result == "-1" ||
+ item.result == "鍋滄" ||
+ item.result == "杩愯涓�"
);
simAPIStore.shouldPoll = !shouldStop; // 淇敼 Pinia 鐘舵��
// 3. 濡傛灉闇�瑕佸仠姝�
@@ -216,7 +243,6 @@
watch(
() => simAPIStore.shouldPoll,
(isStarted) => {
- console.log(isStarted, "瀹氭椂鍣�");
if (isStarted) {
getScheme(); // 棣栨绔嬪嵆鑾峰彇涓�娆�
intervalId = setInterval(getScheme, 60 * 1000); // 姣忛殧涓�鍒嗛挓鎵ц
--
Gitblit v1.9.3