vue2-client 1.18.38 → 1.18.40

package/src/composables/usePost.js

@@ -0,0 +1,221 @@
+import Vue from 'vue'
+import { post } from '@vue2-client/services/api/restTools'
+
+/**
+ * @typedef {Object} RequestResult
+ * @property {boolean} success - 请求是否成功
+ * @property {any} data - 响应数据
+ * @property {Error|null} error - 错误信息
+ */
+
+/**
+ * @typedef {Object} UsePostReturn
+ * @property {boolean} loading - 加载状态
+ * @property {Error|null} error - 错误信息
+ * @property {any} data - 响应数据
+ * @property {(params?: object, config?: object) => Promise<RequestResult>} execute - 执行请求
+ * @property {() => void} reset - 重置状态
+ */
+
+/**
+ * Vue Composition API 风格的 POST 请求 Hook
+ * 提供响应式的 loading 状态管理，返回统一的结果结构
+ *
+ * @param {string} url - 请求地址
+ * @param {object} defaultConfig - 默认配置
+ * @param {boolean|string} defaultConfig.globalLoading - 是否显示全局 Loading
+ * @param {boolean} defaultConfig.dedupe - 是否启用请求去重（POST 默认开启，设为 false 可关闭）
+ * @returns {UsePostReturn}
+ *
+ * @example
+ * // 基础用法
+ * const { loading, execute } = usePost('/api/save')
+ * const { success, data, error } = await execute(formData)
+ * if (success) {
+ *   message.success('保存成功')
+ * }
+ *
+ * @example
+ * // 在模板中绑定 loading 状态
+ * // <a-button :loading="loading" @click="handleSave">保存</a-button>
+ * const { loading, execute } = usePost('/api/save', { globalLoading: '保存中...' })
+ *
+ * @example
+ * // 获取响应式数据
+ * const { loading, data, error, execute } = usePost('/api/query')
+ * await execute({ id: 1 })
+ * // data 会自动更新，可直接在模板中使用
+ */
+export function usePost (url, defaultConfig = {}) {
+  // 响应式状态
+  const state = Vue.observable({
+    loading: false,
+    error: null,
+    data: null
+  })
+
+  /**
+   * 执行请求
+   * @param {object} params - 请求参数
+   * @param {object} config - 本次请求的配置（覆盖默认配置）
+   * @returns {Promise<RequestResult>} 统一的结果结构
+   */
+  async function execute (params = {}, config = {}) {
+    state.loading = true
+    state.error = null
+
+    try {
+      const result = await post(url, params, { ...defaultConfig, ...config })
+      state.data = result
+      return { success: true, data: result, error: null }
+    } catch (err) {
+      state.error = err
+      return { success: false, data: null, error: err }
+    } finally {
+      state.loading = false
+    }
+  }
+
+  /**
+   * 重置状态
+   */
+  function reset () {
+    state.loading = false
+    state.error = null
+    state.data = null
+  }
+
+  // 返回响应式属性的 getter，确保在模板中能正确响应
+  return {
+    get loading () { return state.loading },
+    get error () { return state.error },
+    get data () { return state.data },
+    execute,
+    reset
+  }
+}
+
+export default usePost
+
+/**
+ * @typedef {Object} UseRunLogicReturn
+ * @property {boolean} loading - 加载状态
+ * @property {Error|null} error - 错误信息
+ * @property {any} data - 响应数据
+ * @property {(params?: object, overrideOptions?: object) => Promise<RequestResult>} execute - 执行请求
+ * @property {() => void} reset - 重置状态
+ */
+
+/**
+ * Vue Composition API 风格的 runLogic Hook
+ * 用于调用后端业务逻辑，提供响应式的 loading 状态管理
+ *
+ * @param {string} logicName - 业务逻辑名称
+ * @param {object} options - 配置选项
+ * @param {string} options.serviceName - 服务名称，默认为 VUE_APP_SYSTEM_NAME
+ * @param {boolean} options.isDev - 是否为开发环境
+ * @param {boolean|string} options.globalLoading - 是否显示全局 Loading
+ * @param {boolean} options.dedupe - 是否启用请求去重（POST 默认开启，设为 false 可关闭）
+ * @returns {UseRunLogicReturn}
+ *
+ * @example
+ * // 基础用法
+ * const { loading, execute, data } = useRunLogic('getUserInfo')
+ * const { success, data: result } = await execute({ userId: 1 })
+ * if (success) {
+ *   console.log(result)
+ * }
+ *
+ * @example
+ * // 带全局 Loading
+ * const { loading, execute } = useRunLogic('saveOrder', {
+ *   globalLoading: '保存中...',
+ *   dedupe: true
+ * })
+ * // 模板: <a-button :loading="loading" @click="handleSave">保存</a-button>
+ *
+ * @example
+ * // 指定服务名称
+ * const { execute } = useRunLogic('queryData', {
+ *   serviceName: 'af-custom',
+ *   isDev: false
+ * })
+ */
+export function useRunLogic (logicName, options = {}) {
+  const {
+    serviceName = process.env.VUE_APP_SYSTEM_NAME,
+    isDev = false,
+    globalLoading = false,
+    dedupe = false
+  } = options
+
+  // 响应式状态
+  const state = Vue.observable({
+    loading: false,
+    error: null,
+    data: null
+  })
+
+  /**
+   * 构建请求 URL
+   * @param {string} svcName - 服务名称
+   * @param {boolean} dev - 是否开发环境
+   * @returns {string}
+   */
+  function buildUrl (svcName, dev) {
+    const apiPre = dev ? '/devApi/' : '/api/'
+    return `${apiPre}${svcName}/logic/${logicName}`
+  }
+
+  /**
+   * 执行业务逻辑
+   * @param {object} params - 请求参数
+   * @param {object} overrideOptions - 本次请求的配置（覆盖默认配置）
+   * @returns {Promise<RequestResult>} 统一的结果结构
+   */
+  async function execute (params = {}, overrideOptions = {}) {
+    state.loading = true
+    state.error = null
+
+    // 合并配置
+    const finalServiceName = overrideOptions.serviceName || serviceName
+    const finalIsDev = overrideOptions.isDev !== undefined ? overrideOptions.isDev : isDev
+
+    // 构建请求 URL
+    const url = buildUrl(finalServiceName, finalIsDev)
+
+    // 构建请求配置
+    const requestConfig = {
+      globalLoading: overrideOptions.globalLoading !== undefined ? overrideOptions.globalLoading : globalLoading,
+      dedupe: overrideOptions.dedupe !== undefined ? overrideOptions.dedupe : dedupe
+    }
+
+    try {
+      const result = await post(url, params, requestConfig)
+      state.data = result
+      return { success: true, data: result, error: null }
+    } catch (err) {
+      state.error = err
+      return { success: false, data: null, error: err }
+    } finally {
+      state.loading = false
+    }
+  }
+
+  /**
+   * 重置状态
+   */
+  function reset () {
+    state.loading = false
+    state.error = null
+    state.data = null
+  }
+
+  return {
+    get loading () { return state.loading },
+    get error () { return state.error },
+    get data () { return state.data },
+    execute,
+    reset
+  }
+}

package/src/services/api/restTools.js

@@ -1,5 +1,6 @@
 import { getSystemVersion, METHOD, request } from '@vue2-client/utils/request'
 import { ACCESS_TOKEN, V4_ACCESS_TOKEN } from '@vue2-client/store/mutation-types'
+import { showGlobalLoading, hideGlobalLoading } from '@vue2-client/composables/useGlobalLoading'
 
 /**
  * GET请求
@@ -15,21 +16,31 @@ function get (url, parameter) {
  * POST请求
  * @param url 请求地址
  * @param parameter 请求参数
- * @param config
+ * @param config 配置项
+ * @param {boolean|string} config.globalLoading - 是否显示全局 Loading，可传入字符串作为提示文字
+ * @param {boolean} config.dedupe - 是否启用请求去重（POST 默认开启，设为 false 可关闭）
  * @returns {Promise<AxiosResponse<T>>}
  */
 function post (url, parameter, config = {}) {
-  return request(url, METHOD.POST, parameter, config)
+  const { globalLoading, ...axiosConfig } = config
+
+  // 全局 Loading - 请求开始时显示
+  if (globalLoading) {
+    showGlobalLoading(globalLoading)
+  }
+
+  // 发起请求
+  return request(url, METHOD.POST, parameter, axiosConfig)
+    .finally(() => {
+      // 请求结束时隐藏全局 Loading
+      if (globalLoading) {
+        hideGlobalLoading()
+      }
+    })
 }
 
 /**
- * POST请求
- * @param url 请求地址
- * @param parameter 请求参数
- * @param serviceName
- * @param isDev
- * @param config
- * @returns {Promise<AxiosResponse<T>>}
+ * POST请求（按服务名）
  */
 function postByServiceName (url, parameter, serviceName = process.env.VUE_APP_SYSTEM_NAME, isDev, config = {}) {
   if (url.startsWith('api/') || url.startsWith('/api/')) {
@@ -76,11 +87,14 @@ function put (url, parameter, config = {}) {
  * @param {Function} onError - 错误处理回调
  * @returns {Function} - 用于取消请求的函数
  */
-function startEventStreamPOST (url, params, headers = {}, onDataUpdate, onError, serviceName = process.env.VUE_APP_SYSTEM_NAME, method = 'GET') {
+function startEventStreamPOST (url, params, headers = {}, onDataUpdate, onError, serviceName = process.env.VUE_APP_SYSTEM_NAME) {
   return startEventStream(url, params, headers, onDataUpdate, onError, serviceName, 'POST')
 }
+
+/**
+ * EventSource 请求
+ */
 function startEventStream (url, params, headers = {}, onDataUpdate, onError, serviceName = process.env.VUE_APP_SYSTEM_NAME, method = 'GET') {
-  // let isStopped = false
   let isStopped = false
   let requestCount = 0
 
@@ -91,25 +105,21 @@ function startEventStream (url, params, headers = {}, onDataUpdate, onError, ser
     url = '/api/' + serviceName + url
   }
 
-  console.log(`[EventStream] 开始新的请求: ${url}`, {
-    params,
-    headers,
-    method
-  })
+  console.log(`[EventStream] 开始新的请求: ${url}`, { params, headers, method })
 
   const controller = new AbortController()
   const { signal } = controller
   const token = localStorage.getItem(ACCESS_TOKEN)
-  // 增加 V4 登录请求头
+
   if (token) {
     const compatible = getSystemVersion()
     if (compatible === 'V4') {
-      // V4 环境则添加 V4请求头
       headers[V4_ACCESS_TOKEN] = token
     } else {
       headers[ACCESS_TOKEN] = token
     }
   }
+
   fetch(url, {
     method: method,
     headers: {
@@ -126,20 +136,14 @@ function startEventStream (url, params, headers = {}, onDataUpdate, onError, ser
     }
 
     requestCount++
-    console.log(`[EventStream] 请求已打开 (第${requestCount}次): ${url}`, {
-      status: response.status,
-      statusText: response.statusText
-    })
+    console.log(`[EventStream] 请求已打开 (第${requestCount}次): ${url}`)
 
     const reader = response.body.getReader()
     const decoder = new TextDecoder()
     let buffer = ''
 
     function processStream () {
-      if (isStopped) {
-        console.log(`[EventStream] 请求已停止，停止读取流: ${url}`)
-        return
-      }
+      if (isStopped) return
 
       reader.read().then(({ done, value }) => {
         if (done) {
@@ -150,38 +154,23 @@ function startEventStream (url, params, headers = {}, onDataUpdate, onError, ser
         const chunk = decoder.decode(value, { stream: true })
         buffer += chunk
 
-        // 处理接收到的数据
         const lines = buffer.split('\n')
-        buffer = lines.pop() // 保留最后一个不完整的行
+        buffer = lines.pop()
 
         let currentEvent = null
-        let currentData = null
 
         for (const line of lines) {
           if (line.startsWith('event: ')) {
             currentEvent = line.slice(7)
           } else if (line.startsWith('data: ')) {
-            currentData = line.slice(6)
+            const currentData = line.slice(6)
             try {
               const parsedData = JSON.parse(currentData)
-              if (currentEvent === 'additionalInfo') {
-                // 触发 additionalInfo 回调
-                onDataUpdate?.(parsedData, 'additionalInfo')
-              } else {
-                // 普通消息数据
-                onDataUpdate?.(parsedData, 'sourceInfo')
-              }
+              onDataUpdate?.(parsedData, currentEvent === 'additionalInfo' ? 'additionalInfo' : 'sourceInfo')
             } catch (e) {
-              if (currentEvent === 'sourceInfo') {
-                // 触发 sourceInfo 回调
-                onDataUpdate?.(currentData, 'sourceInfo')
-              } else {
-                onDataUpdate?.(currentData, 'data')
-              }
+              onDataUpdate?.(currentData, currentEvent === 'sourceInfo' ? 'sourceInfo' : 'data')
             }
-            // 重置当前事件和数据
             currentEvent = null
-            currentData = null
           }
         }
 
@@ -204,7 +193,6 @@ function startEventStream (url, params, headers = {}, onDataUpdate, onError, ser
     }
   })
 
-  // 返回停止函数
   return () => {
     isStopped = true
     controller.abort()

package/src/utils/request.js

@@ -12,9 +12,81 @@ import { logout, V4RefreshToken } from '@vue2-client/services/user'
 import { LOGIN, SEARCH, V4_LOGIN } from '@vue2-client/services/apiService'
 import { setV4AccessToken } from '@vue2-client/utils/login'
 import EncryptUtil from '@vue2-client/utils/EncryptUtil'
+
 // 是否显示重新登录
 let isReloginShow
 
+// ============ 请求去重管理 ============
+// 存储进行中的请求 Map<requestKey, { promise, controller }>
+const pendingRequests = new Map()
+
+/**
+ * 生成请求唯一标识
+ * @param {object} config - axios 请求配置
+ * @returns {string} 请求标识
+ */
+function generateRequestKey (config) {
+  const { method, url, data, params } = config
+  let dataStr = ''
+  let paramsStr = ''
+  try {
+    dataStr = data ? JSON.stringify(data) : ''
+    paramsStr = params ? JSON.stringify(params) : ''
+  } catch (e) {
+    // 循环引用或其他序列化问题，使用时间戳保证唯一性
+    console.warn('[请求去重] 参数序列化失败，跳过去重')
+    dataStr = `_${Date.now()}_${Math.random()}`
+  }
+  return `${method}:${url}:${dataStr}:${paramsStr}`
+}
+
+/**
+ * 添加请求到 pending 列表
+ * @param {object} config - axios 请求配置
+ */
+function addPendingRequest (config) {
+  const requestKey = generateRequestKey(config)
+  config._requestKey = requestKey
+
+  if (!pendingRequests.has(requestKey)) {
+    // 创建 AbortController 用于取消请求
+    const controller = new AbortController()
+    config.signal = controller.signal
+    pendingRequests.set(requestKey, { controller, config })
+  }
+}
+
+/**
+ * 移除已完成的请求
+ * @param {object} config - axios 请求配置
+ */
+function removePendingRequest (config) {
+  const requestKey = config._requestKey || generateRequestKey(config)
+  if (pendingRequests.has(requestKey)) {
+    pendingRequests.delete(requestKey)
+  }
+}
+
+/**
+ * 检查是否有相同的请求正在进行
+ * @param {object} config - axios 请求配置
+ * @returns {boolean}
+ */
+function hasPendingRequest (config) {
+  const requestKey = generateRequestKey(config)
+  return pendingRequests.has(requestKey)
+}
+
+/**
+ * 清空所有 pending 请求
+ */
+export function clearPendingRequests () {
+  pendingRequests.forEach(({ controller }) => {
+    controller.abort()
+  })
+  pendingRequests.clear()
+}
+
 axios.defaults.timeout = 50000
 axios.defaults.withCredentials = true
 // 如果是microapp
@@ -145,6 +217,24 @@ function checkAuthorization (authType = AUTH_TYPE.BEARER) {
 function loadInterceptors () {
   // 加载请求拦截器
   axios.interceptors.request.use(config => {
+    // ============ 请求去重逻辑 ============
+    // POST 请求默认开启去重，可通过 config.dedupe = false 关闭
+    const shouldDedupe = config.method?.toLowerCase() === 'post' && config.dedupe !== false
+
+    if (shouldDedupe && hasPendingRequest(config)) {
+      // 相同请求正在进行中，直接拒绝，不发起请求
+      console.warn(`重复请求被拦截: ${config.url}`)
+      const error = new Error('重复请求被取消')
+      error.code = 'ERR_DUPLICATE_REQUEST'
+      error.config = config
+      return Promise.reject(error)
+    }
+
+    if (shouldDedupe) {
+      addPendingRequest(config)
+    }
+    // ============ 去重逻辑结束 ============
+
     const token = localStorage.getItem(ACCESS_TOKEN)
     // 如果 token 存在
     // 让每个请求携带自定义 token 请根据实际情况自行修改
@@ -189,6 +279,9 @@ function loadInterceptors () {
   }, errorHandler)
   // 加载响应拦截器
   axios.interceptors.response.use((res) => {
+    // 请求完成，移除 pending 记录
+    removePendingRequest(res.config)
+
     // 判断是否需要解密
     if (res.headers && res.headers['x-encrypted'] === '1') {
       const v4SessionKey = localStorage.getItem('v4-session-key')
@@ -315,6 +408,16 @@ function loginExpire () {
 }
 // 异常拦截处理器
 const errorHandler = (error) => {
+  // 请求失败，移除 pending 记录
+  if (error.config) {
+    removePendingRequest(error.config)
+  }
+
+  // 如果是被取消的请求（去重导致或 AbortController），静默处理
+  if (error.name === 'CanceledError' || error.code === 'ERR_CANCELED' || error.code === 'ERR_DUPLICATE_REQUEST') {
+    return Promise.reject(error)
+  }
+
   if (error.response) {
     const data = error.response.data
     // 从 localstorage 获取 token

package/vue.config.js

@@ -62,6 +62,11 @@ module.exports = {
         target: 'http://127.0.0.1:9012',
         changeOrigin: true
       },
+      '/api/af-revenue/': {
+        pathRewrite: { '^/api/af-revenue/': '/' },
+        target: 'http://127.0.0.1:9026',
+        changeOrigin: true
+      },
       // '/api/af-system/resource': {
       //   pathRewrite: { '^/api/af-system': '/' },
       //   target: testUpload,