feat(projects): 1、执行、任务、工作日志开发调试；2、增加富文本、附件等支撑

2026-05-12 21:41:39 +08:00
parent 28c47b14a3
commit 5615399a68
59 changed files with 8046 additions and 919 deletions
--- a/src/service/request/dedupe.ts
+++ b/src/service/request/dedupe.ts
@@ -0,0 +1,79 @@
+import type { InternalAxiosRequestConfig } from 'axios';
+
+declare module 'axios' {
+  interface AxiosRequestConfig {
+    dedupe?: boolean;
+  }
+}
+
+const WRITE_METHODS = new Set(['POST', 'PUT', 'DELETE', 'PATCH']);
+
+type DedupableConfig = Pick<InternalAxiosRequestConfig, 'method' | 'url' | 'data' | 'params'> & {
+  dedupe?: boolean;
+};
+
+function isFormDataLike(value: unknown): boolean {
+  if (typeof FormData !== 'undefined' && value instanceof FormData) return true;
+  if (typeof Blob !== 'undefined' && value instanceof Blob) return true;
+  return false;
+}
+
+function stableJson(value: unknown): string {
+  if (value === null || value === undefined) return '';
+  if (typeof value !== 'object') return JSON.stringify(value);
+  if (Array.isArray(value)) return `[${value.map(stableJson).join(',')}]`;
+  const obj = value as Record<string, unknown>;
+  const keys = Object.keys(obj).sort();
+  return `{${keys.map(k => `${JSON.stringify(k)}:${stableJson(obj[k])}`).join(',')}}`;
+}
+
+export function computeDedupeKey(config: DedupableConfig): string | null {
+  const method = (config.method ?? 'GET').toUpperCase();
+  if (!WRITE_METHODS.has(method)) return null;
+  if (config.dedupe === false) return null;
+  if (isFormDataLike(config.data)) return null;
+
+  const url = config.url ?? '';
+  const paramsPart = stableJson(config.params);
+  const bodyPart = stableJson(config.data);
+  return `${method}|${url}?${paramsPart}|${bodyPart}`;
+}
+
+const DEFAULT_TTL_MS = 30_000;
+
+export interface WithDedupeOptions {
+  ttlMs?: number;
+  now?: () => number;
+}
+
+type AnyRequestFn = (...args: any[]) => Promise<unknown>;
+
+export function withDedupe<TFn extends AnyRequestFn>(request: TFn, options: WithDedupeOptions = {}): TFn {
+  const ttl = options.ttlMs ?? DEFAULT_TTL_MS;
+  const now = options.now ?? Date.now;
+  const pending = new Map<string, { promise: Promise<unknown>; expiresAt: number }>();
+
+  return new Proxy(request, {
+    apply(target, thisArg, args: Parameters<TFn>) {
+      const [config] = args;
+      const key = computeDedupeKey(config as DedupableConfig);
+      if (key === null) return Reflect.apply(target, thisArg, args);
+
+      const cached = pending.get(key);
+      if (cached && cached.expiresAt > now()) return cached.promise;
+      if (cached) pending.delete(key);
+
+      const promise = Promise.resolve()
+        .then(() => Reflect.apply(target, thisArg, args))
+        .finally(() => {
+          const current = pending.get(key);
+          if (current && current.promise === promise) {
+            pending.delete(key);
+          }
+        });
+
+      pending.set(key, { promise, expiresAt: now() + ttl });
+      return promise;
+    }
+  }) as TFn;
+}
--- a/src/service/request/index.ts
+++ b/src/service/request/index.ts
@@ -6,125 +6,128 @@ import { getServiceBaseURL } from '@/utils/service';
 import { $t } from '@/locales';
 import { applyApiEncrypt } from './api-encrypt';
 import { getAuthorization, handleExpiredRequest, showErrorMsg } from './shared';
+import { withDedupe } from './dedupe';
 import type { RequestInstanceState } from './type';

 const isHttpProxy = import.meta.env.DEV && import.meta.env.VITE_HTTP_PROXY === 'Y';
 const { baseURL, otherBaseURL } = getServiceBaseURL(import.meta.env, isHttpProxy);

-export const request = createFlatRequest(
-  {
-    baseURL,
-    headers: {
-      apifoxToken: 'XL299LiMEDZ0H5h3A29PxwQXdMJqWyY2'
-    }
-  },
-  {
-    defaultState: {
-      errMsgStack: [],
-      refreshTokenPromise: null
-    } as RequestInstanceState,
-    transform(response: AxiosResponse<App.Service.Response<any>>) {
-      return response.data.data;
+export const request = withDedupe(
+  createFlatRequest(
+    {
+      baseURL,
+      headers: {
+        apifoxToken: 'XL299LiMEDZ0H5h3A29PxwQXdMJqWyY2'
+      }
    },
-    async onRequest(config) {
-      const Authorization = getAuthorization();
-      Object.assign(config.headers, { Authorization });
-      applyApiEncrypt(config);
+    {
+      defaultState: {
+        errMsgStack: [],
+        refreshTokenPromise: null
+      } as RequestInstanceState,
+      transform(response: AxiosResponse<App.Service.Response<any>>) {
+        return response.data.data;
+      },
+      async onRequest(config) {
+        const Authorization = getAuthorization();
+        Object.assign(config.headers, { Authorization });
+        applyApiEncrypt(config);

-      return config;
-    },
-    isBackendSuccess(response) {
-      // 当后端返回码为 "0"（默认）时，表示请求成功
-      // 如需调整该逻辑，可修改 `.env` 中的 `VITE_SERVICE_SUCCESS_CODE`
-      return String(response.data.code) === import.meta.env.VITE_SERVICE_SUCCESS_CODE;
-    },
-    async onBackendFail(response, instance) {
-      const authStore = useAuthStore();
-      const responseCode = String(response.data.code);
+        return config;
+      },
+      isBackendSuccess(response) {
+        // 当后端返回码为 "0"（默认）时，表示请求成功
+        // 如需调整该逻辑，可修改 `.env` 中的 `VITE_SERVICE_SUCCESS_CODE`
+        return String(response.data.code) === import.meta.env.VITE_SERVICE_SUCCESS_CODE;
+      },
+      async onBackendFail(response, instance) {
+        const authStore = useAuthStore();
+        const responseCode = String(response.data.code);

-      function handleLogout() {
-        authStore.resetStore();
-      }
-
-      function logoutAndCleanup() {
-        handleLogout();
-        window.removeEventListener('beforeunload', handleLogout);
-
-        request.state.errMsgStack = request.state.errMsgStack.filter(msg => msg !== response.data.msg);
-      }
-
-      // 当后端返回码命中 `logoutCodes` 时，表示用户需要退出登录并跳转到登录页
-      const logoutCodes = import.meta.env.VITE_SERVICE_LOGOUT_CODES?.split(',') || [];
-      if (logoutCodes.includes(responseCode)) {
-        handleLogout();
-        return null;
-      }
-
-      // 当后端返回码命中 `modalLogoutCodes` 时，表示通过弹窗提示后再退出登录
-      const modalLogoutCodes = import.meta.env.VITE_SERVICE_MODAL_LOGOUT_CODES?.split(',') || [];
-      if (modalLogoutCodes.includes(responseCode) && !request.state.errMsgStack?.includes(response.data.msg)) {
-        request.state.errMsgStack = [...(request.state.errMsgStack || []), response.data.msg];
-
-        // 防止用户刷新页面绕过退出逻辑
-        window.addEventListener('beforeunload', handleLogout);
-
-        window.$messageBox
-          ?.confirm(response.data.msg, $t('common.error'), {
-            confirmButtonText: $t('common.confirm'),
-            cancelButtonText: $t('common.cancel'),
-            type: 'error',
-            closeOnClickModal: false,
-            closeOnPressEscape: false
-          })
-          .then(() => {
-            logoutAndCleanup();
-          });
-
-        return null;
-      }
-
-      // 当后端返回码命中 `expiredTokenCodes` 时，表示 token 已过期，需要刷新 token
-      // `refreshToken` 接口不能再返回 `expiredTokenCodes` 中的错误码，否则会形成死循环，应返回 `logoutCodes` 或 `modalLogoutCodes`
-      const expiredTokenCodes = import.meta.env.VITE_SERVICE_EXPIRED_TOKEN_CODES?.split(',') || [];
-      if (expiredTokenCodes.includes(responseCode)) {
-        const success = await handleExpiredRequest(request.state);
-        if (success) {
-          const Authorization = getAuthorization();
-          Object.assign(response.config.headers, { Authorization });
-
-          return instance.request(response.config) as Promise<AxiosResponse>;
+        function handleLogout() {
+          authStore.resetStore();
        }
+
+        function logoutAndCleanup() {
+          handleLogout();
+          window.removeEventListener('beforeunload', handleLogout);
+
+          request.state.errMsgStack = request.state.errMsgStack.filter(msg => msg !== response.data.msg);
+        }
+
+        // 当后端返回码命中 `logoutCodes` 时，表示用户需要退出登录并跳转到登录页
+        const logoutCodes = import.meta.env.VITE_SERVICE_LOGOUT_CODES?.split(',') || [];
+        if (logoutCodes.includes(responseCode)) {
+          handleLogout();
+          return null;
+        }
+
+        // 当后端返回码命中 `modalLogoutCodes` 时，表示通过弹窗提示后再退出登录
+        const modalLogoutCodes = import.meta.env.VITE_SERVICE_MODAL_LOGOUT_CODES?.split(',') || [];
+        if (modalLogoutCodes.includes(responseCode) && !request.state.errMsgStack?.includes(response.data.msg)) {
+          request.state.errMsgStack = [...(request.state.errMsgStack || []), response.data.msg];
+
+          // 防止用户刷新页面绕过退出逻辑
+          window.addEventListener('beforeunload', handleLogout);
+
+          window.$messageBox
+            ?.confirm(response.data.msg, $t('common.error'), {
+              confirmButtonText: $t('common.confirm'),
+              cancelButtonText: $t('common.cancel'),
+              type: 'error',
+              closeOnClickModal: false,
+              closeOnPressEscape: false
+            })
+            .then(() => {
+              logoutAndCleanup();
+            });
+
+          return null;
+        }
+
+        // 当后端返回码命中 `expiredTokenCodes` 时，表示 token 已过期，需要刷新 token
+        // `refreshToken` 接口不能再返回 `expiredTokenCodes` 中的错误码，否则会形成死循环，应返回 `logoutCodes` 或 `modalLogoutCodes`
+        const expiredTokenCodes = import.meta.env.VITE_SERVICE_EXPIRED_TOKEN_CODES?.split(',') || [];
+        if (expiredTokenCodes.includes(responseCode)) {
+          const success = await handleExpiredRequest(request.state);
+          if (success) {
+            const Authorization = getAuthorization();
+            Object.assign(response.config.headers, { Authorization });
+
+            return instance.request(response.config) as Promise<AxiosResponse>;
+          }
+        }
+
+        return null;
+      },
+      onError(error) {
+        // 请求失败时，在这里统一处理错误提示
+
+        let message = error.message;
+        let backendErrorCode = '';
+
+        // 获取后端错误信息和错误码
+        if (error.code === BACKEND_ERROR_CODE) {
+          message = error.response?.data?.msg || message;
+          backendErrorCode = String(error.response?.data?.code || '');
+        }
+
+        // 这类错误信息已经通过弹窗展示，不再重复提示
+        const modalLogoutCodes = import.meta.env.VITE_SERVICE_MODAL_LOGOUT_CODES?.split(',') || [];
+        if (modalLogoutCodes.includes(backendErrorCode)) {
+          return;
+        }
+
+        // token 过期时会自动刷新并重试请求，这里无需额外提示
+        const expiredTokenCodes = import.meta.env.VITE_SERVICE_EXPIRED_TOKEN_CODES?.split(',') || [];
+        if (expiredTokenCodes.includes(backendErrorCode)) {
+          return;
+        }
+
+        showErrorMsg(request.state, message);
      }
-
-      return null;
-    },
-    onError(error) {
-      // 请求失败时，在这里统一处理错误提示
-
-      let message = error.message;
-      let backendErrorCode = '';
-
-      // 获取后端错误信息和错误码
-      if (error.code === BACKEND_ERROR_CODE) {
-        message = error.response?.data?.msg || message;
-        backendErrorCode = String(error.response?.data?.code || '');
-      }
-
-      // 这类错误信息已经通过弹窗展示，不再重复提示
-      const modalLogoutCodes = import.meta.env.VITE_SERVICE_MODAL_LOGOUT_CODES?.split(',') || [];
-      if (modalLogoutCodes.includes(backendErrorCode)) {
-        return;
-      }
-
-      // token 过期时会自动刷新并重试请求，这里无需额外提示
-      const expiredTokenCodes = import.meta.env.VITE_SERVICE_EXPIRED_TOKEN_CODES?.split(',') || [];
-      if (expiredTokenCodes.includes(backendErrorCode)) {
-        return;
-      }
-
-      showErrorMsg(request.state, message);
    }
-  }
+  )
 );

 export const demoRequest = createRequest(