From 0b2c4ac6edee7357b3b205f493459779863c457f Mon Sep 17 00:00:00 2001
From: wzy-warehouse <18135009705@163.com>
Date: Mon, 18 May 2026 21:15:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E8=8E=B7=E5=8F=96=E9=9B=A8?=
 =?UTF-8?q?=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/rain-earthquake/StepComponent.vue            | 1 +
 .../detail-panels/RainfallGridComponent.vue                | 5 +++++
 src/stores/useStepStore.ts                                 | 7 ++++++-
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/component/rain-earthquake/StepComponent.vue b/src/component/rain-earthquake/StepComponent.vue
index ee7e570..f839eec 100644
--- a/src/component/rain-earthquake/StepComponent.vue
+++ b/src/component/rain-earthquake/StepComponent.vue
@@ -4,6 +4,7 @@
       style="width: 100%; background-color: #ffffff00"
       :active="stepStore.currentStep"
       finish-status="success"
+      process-status="success"
       simple
     >
       <el-step
diff --git a/src/component/rain-earthquake/detail-panels/RainfallGridComponent.vue b/src/component/rain-earthquake/detail-panels/RainfallGridComponent.vue
index 74c9bc0..7ce9c71 100644
--- a/src/component/rain-earthquake/detail-panels/RainfallGridComponent.vue
+++ b/src/component/rain-earthquake/detail-panels/RainfallGridComponent.vue
@@ -6,6 +6,7 @@
 <script lang="ts" setup>
   import { useRainstormDeduction } from '@/hooks/rainstorm/useRainstormDeduction';
   import { useStatusStore } from '@/stores/useStatusStore';
+  import { useStepStore } from '@/stores/useStepStore';
   import type { ApiResponse } from '@/types/ApiResponse';
   import type { RainfallGridResponse } from '@/types/rainstorm/RainfallGridResponse';
   import { WebSocketService } from '@/utils/request/websocket';
@@ -14,6 +15,7 @@
   let rainfallWsService: WebSocketService | null = null;
   const { triggerLayerShowStatus, addGridLayer } = useRainstormDeduction();
   const statusStore = useStatusStore();
+  const stepStore = useStepStore();
 
   // 请求降雨栅格数据
   const requestRainfallData = () => {
@@ -38,6 +40,9 @@
           if (response.code === 200 && response.data) {
             // 显示图层
             addGridLayer(response.data);
+
+            // 推进到下一步
+            stepStore.nextStep();
           } else {
             console.warn('响应错误:', response.message);
           }
diff --git a/src/stores/useStepStore.ts b/src/stores/useStepStore.ts
index 33449dd..bc72447 100644
--- a/src/stores/useStepStore.ts
+++ b/src/stores/useStepStore.ts
@@ -15,5 +15,10 @@ export const useStepStore = defineStore('step', () => {
    */
   const currentStep: Ref<number> = ref(0);
 
-  return { stepList, currentStep };
+  const nextStep = () => {
+    currentStep.value =
+      currentStep.value >= stepList.value.length ? 0 : currentStep.value + 1;
+  };
+
+  return { stepList, currentStep, nextStep };
 });