fix: 修改弹窗

柏杨
1 parent ec339061
Showing 2 changed files with 89 additions and 1 deletions
src/pages/Order/Order/index.tsx
src/utils/hooks.ts
@@ -120,7 +120,7 @@ const OrderPage = () =&gt; {
     <div className="order-page-container">
       <div id="resizeDiv"></div>
       <div id="resizeDiv"></div>
-      {roleCode === 'SALES_MANAGER' && (
+      {roleCode !== 'SALES_MANAGER' && (
         <Modal
           title="订单预警提醒"
           open={open}
+import { useRef } from 'react';
+
+/**
+ * Custom hook to track and manage API requests with debouncing and manual refresh capabilities
+ * @param cooldownMs - Cooldown time in milliseconds between automatic requests
+ * @returns Object with tracking state and utility functions
+ */
+export const useRequestTracker = (cooldownMs = 5000) => {
+  // Use a ref to persist the state between renders
+  const trackerRef = useRef({
+    initialRequestMade: false,
+    pendingRequest: false,
+    lastRequestTime: 0,
+    manualRefresh: false,
+  });
+
+  /**
+   * Checks if a request should be executed based on tracking state
+   * @returns boolean - Whether the request should proceed
+   */
+  const shouldExecuteRequest = () => {
+    const now = Date.now();
+    const tracker = trackerRef.current;
+
+    // Always execute if it's a manual refresh
+    if (tracker.manualRefresh) {
+      console.log(
+        '[Request Tracker] Manual refresh triggered, executing request',
+      );
+      tracker.manualRefresh = false;
+      tracker.lastRequestTime = now;
+      return true;
+    }
+
+    // If there's a pending request, don't execute another
+    if (tracker.pendingRequest) {
+      console.log('[Request Tracker] Request already in progress, skipping');
+      return false;
+    }
+
+    // For automatic requests (not manually triggered), apply cooldown
+    if (
+      tracker.initialRequestMade &&
+      now - tracker.lastRequestTime < cooldownMs
+    ) {
+      console.log(
+        `[Request Tracker] Cooldown active (${cooldownMs}ms), skipping automatic request`,
+      );
+      return false;
+    }
+
+    // Otherwise, allow the request
+    console.log('[Request Tracker] Executing request');
+    tracker.lastRequestTime = now;
+    return true;
+  };
+
+  /**
+   * Marks the beginning of a request
+   */
+  const startRequest = () => {
+    trackerRef.current.pendingRequest = true;
+  };
+
+  /**
+   * Marks the completion of a request
+   */
+  const finishRequest = () => {
+    const tracker = trackerRef.current;
+    tracker.pendingRequest = false;
+    tracker.initialRequestMade = true;
+  };
+
+  /**
+   * Marks a request as manually triggered (will bypass cooldown)
+   */
+  const markAsManualRefresh = () => {
+    trackerRef.current.manualRefresh = true;
+  };
+
+  return {
+    tracker: trackerRef.current,
+    shouldExecuteRequest,
+    startRequest,
+    finishRequest,
+    markAsManualRefresh,
+  };
+};