adspecs 0.1.12

package/references/front-demo/src/utils/request-utils.ts

@@ -0,0 +1,277 @@
+// 该文件是request.js的辅助函数文件
+
+// 全局配置
+import _config from '@/config'
+// 加密方式
+import { Base64 } from 'js-base64'
+// message实例
+import Message from '@/utils/onlyMsgBox'
+// utils
+import { findActiveRoute } from '@/utils/routeHelper'
+import { sleep } from '@/utils'
+import {
+  setToken,
+  getToken,
+  cookieSet,
+  cookieGet,
+  getLanguage,
+  removeToken,
+  removeCookie,
+  getRefreshToken,
+  setTokenOutRoute,
+  handleDomainLayout
+} from '@/utils/auth'
+
+// api
+import { logoutSSOApi } from '@/api/multi-login'
+
+const whiteListUrl = [
+  '/base-user/get-login-user'
+]
+// NOTE: 当前页面是否为白名单
+const isInwhiteList = _config.whiteList.includes(window.location.pathname)
+// NOTE: 是否/portal页
+const isPortal = window.location.pathname === '/portal'
+// NOTE: 当前语种
+const lang = getLanguage() || 'zh-cn'
+
+// NOTE: 请求头部默认参数
+export const defaultHeaders = config => {
+  const token = getToken()
+  // 多语言
+  const language = getLanguage()?.replace('-', '#') ?? 'zh#cn'
+
+  if (!token) return { ...config.headers, language }
+
+  const route = findActiveRoute()
+
+  const session = localStorage.getItem('GptSession') ?? undefined
+
+  // 请求token
+  const authorization = token ?? undefined
+  // 请求refreshtoken
+  const refreshAuthorization = getRefreshToken() ?? undefined
+  const requestMenuUrl = Base64.encode(window.location.pathname)
+
+  const pageName = Base64.encode(route?.meta?.title || '') ?? undefined
+  const pageEnName = Base64.encode(route?.meta?.enTitle || '') ?? undefined
+
+  const controllerURL = Base64.encode(config.url)
+  // 系统编码
+  const systemCode = Base64.encode(_config.systemCode)
+  // 接口来源
+  const loginForm = Base64.encode('PC')
+  const menuId = sessionStorage.getItem('menuId') ?? undefined
+
+  return {
+    menuId,
+    session,
+    language,
+    pageName,
+    loginForm,
+    pageEnName,
+    systemCode,
+    controllerURL,
+    authorization,
+    requestMenuUrl,
+    'refresh-authorization': refreshAuthorization
+  }
+}
+
+// NOTE: 默认的回调集合
+const defaultRequest = {
+  // 谷神800接口成功函数
+  800: response => {
+    //更新token
+    if (response.headers.authorization) {
+      setToken(response.headers.authorization, response.headers['refresh-authorization'])
+    }
+    //bpm 兼容
+    if (response.config.url.indexOf('bpm/') > -1 && response.data.code === 800) {
+      response.data.status = 'S'
+    }
+  },
+
+  '-1': response => {
+    removeToken()
+    // 失效时候当前的路由。
+    !isInwhiteList && !isPortal && setTokenOutRoute(window.location.href)
+    const domain = cookieGet('domainName')
+    const ssoToken = cookieGet('ssoToken')
+    const ssoRefreshToken = cookieGet('ssoRefreshToken')
+    const { portalType, ssoType, urlLogout, urlLogin, portalCode } = response.data
+    // sso单点登录处理
+    if (portalType === 'sso') {
+      // 如果是sso并且type为企业微信和钉钉
+      cookieSet('ssoType', ssoType, null)
+      cookieSet('urlLogout', urlLogout, null)
+      cookieSet('urlLogin', urlLogin, null)
+      cookieSet('portalType', portalType, null)
+      cookieSet('portalCode', portalCode, null)
+      // 重定向到sso登录页面
+      window.location.href = urlLogin
+    } else if (domain && ssoToken && ssoRefreshToken) {
+      logoutSSOApi().then(res => {
+        if (res.code === 800) {
+          removeCookie('domainName')
+          removeCookie('ssoToken')
+          removeCookie('ssoRefreshToken')
+          window.location.href = res.data
+        }
+      })
+    } else {
+      // 接口-1报错后登出系统
+      !isInwhiteList && sleep(2000).then(handleDomainLayout)
+    }
+  },
+
+  401: _error => {
+    // 失效时候当前的路由。
+    !isInwhiteList && !isPortal && setTokenOutRoute(window.location.href)
+    !isInwhiteList && window.localStorage.removeItem('watermarkData')
+  },
+
+  500: error => {
+    if (
+      //Token失效的情况
+      (error.response.data?.message && error.response.data?.message?.indexOf('OAuth2TokenRelayFilter') !== -1) ||
+      error.response.data?.message === '-1'
+    ) {
+      removeToken()
+      // 失效时候当前的路由。
+      !isInwhiteList && !isPortal && setTokenOutRoute(window.location.href)
+      !isInwhiteList && window.localStorage.removeItem('watermarkData')
+    }
+  }
+}
+
+// TODO: 请求后的逻辑
+export const handleResponse = async example => {
+  let responseData = { ...example }
+  // 请求返回编码
+  let code = responseData.data?.code ?? ''
+  const res = example
+  // 错误处理
+  if (example instanceof Error) {
+    responseData = res.response ?? {}
+    code = responseData?.status ?? ''
+  }
+  // 请求配置
+  const config = responseData.config ?? {}
+
+  // 用户传入的编码函数逻辑
+  const userHandlers = {}
+
+  Object.keys(config).forEach(key => {
+    // 判断是否为编码函数
+    if (!Number.isNaN(key)) {
+      // 类型为函数的就赋值
+      if (typeof config[key] === 'function') {
+        userHandlers[key] = config[key]
+      }
+    }
+  })
+
+  //  用户逻辑以及默认逻辑
+  try {
+    const userLogic = userHandlers[code]
+    const defaultLogic = defaultRequest[code]
+    if (userLogic) {
+      const fn = defaultLogic ? () => defaultLogic(example) : undefined
+      await userLogic(example, fn)
+    } else if (defaultLogic) {
+      await defaultLogic(example)
+    }
+  } catch (error) {
+    console.error('请求回调报错，请检查相应配置')
+    console.error(error)
+  }
+}
+
+// TODO: 生成提示信息
+export const handleMessage = example => {
+  // 检查URL是否在白名单中
+  const currentUrl = example.config?.url || ''
+  if (whiteListUrl.some(whiteUrl => currentUrl.includes(whiteUrl))) return
+  let responseData: any = { ...example }
+  // 请求返回编码
+  let code = responseData.data?.code ?? ''
+  // 是否为错误
+  let isError = false
+  const res = example
+  // 判断传入参数是否为Error实例，为true时证明接口走的是报错回调
+  if (example instanceof Error) {
+    responseData = res.response ?? {}
+    code = responseData?.status ?? ''
+    isError = true
+  }
+  // 请求配置
+  const config: any = responseData.config ?? {}
+  // 谷神成功的编码
+  const successCodes = config.successCodes ?? [800]
+  // 用户传入的值
+  const { success, error } = config.message ?? {}
+  // 判断当前请求是否成功
+  const isSuccess = successCodes.includes(code) && !isError
+  const result = isSuccess ? success : error
+  // 用户传入的message
+  if (result) {
+    if (typeof result === 'function') {
+      result(example)
+    } else if (typeof result === 'object' || typeof result === 'boolean') {
+      Message[isSuccess ? 'success' : 'error'](
+        Object.assign(
+          { single: true },
+          {
+            message: fetchMessage(responseData),
+            duration: 3 * 1000,
+            customClass: 'zindex'
+          },
+          result
+        )
+      )
+    }
+  } else {
+    // 走默认报错的message
+    if (!isSuccess) {
+      if (result === false) return
+      const { code, status, msg_en, msg } = responseData?.data ?? {}
+      if (code || status || msg_en || msg) {
+        Message.error(
+          Object.assign(
+            { single: true },
+            {
+              message: fetchMessage(responseData),
+              duration: 3 * 1000,
+              customClass: 'zindex'
+            },
+            result
+          )
+        )
+      }
+    }
+  }
+}
+
+// TODO: 消息内容
+const fetchMessage = response => {
+  // 国际化
+  const $t = window?.$vueApp?.config?.globalProperties?.$t
+  const { code, status, msg_en, msg } = response?.data
+  const responseCode = code || status
+  const msgTips = lang === 'en-us' ? msg_en || msg : msg
+  // 消息码
+  switch (responseCode) {
+    case 800:
+      return msgTips
+    case 401:
+    case 500:
+      return $t('tokenInvalid')
+    case 504:
+      return $t('timesOut')
+    case '-1':
+      return $t('loginFailed')
+    default:
+      return msgTips || $t('systemException')
+  }
+}

package/references/front-demo/src/utils/request.ts

@@ -0,0 +1,146 @@
+declare const window: any
+
+// axios
+import axios from 'axios'
+// 全局配置
+import _config from '@/config'
+// utils
+import { toFormData } from '@/utils'
+import { defaultHeaders, handleResponse, handleMessage } from '@/utils/request-utils'
+// mock
+import { mockRouter, isMockEnabled } from '@/mock'
+
+// 多系统绑定一个全局网关到window里面（作用： 方便运维打包自己可以修改网关）
+;(function () {
+  window.VUE_APP_SERVERAPI = window.VUE_APP_SERVERAPI // || process.env.VUE_APP_SERVERAPI
+})()
+
+// 处理瘦身api路由
+const replaceApiUrl = (url) => {
+  if (typeof url !== 'string') {
+    console.error('[replaceApiUrl] url is not a string! typeof:', typeof url, 'value:', url)
+    return url || ''
+  }
+  const newUrl = url.replace(/^\//, '')
+  // 获取不到全局变量就返回默认值
+  if (!window.VUE_API_URLS || !window.VUE_VERSION_TYPE) return url
+  // 正则匹配默认值
+  const defaultRoute = window.VUE_API_URLS['premium']
+  // 查询当前url的路由
+  const key = Object.keys(defaultRoute).find((key) => {
+    return newUrl.startsWith(defaultRoute[key])
+  })
+  // 需要替换的api路由
+  const value = window.VUE_API_URLS[window.VUE_VERSION_TYPE][key]
+  // 只替换api的开头
+  return newUrl.replace(new RegExp(`^${defaultRoute[key]}`), value)
+}
+
+// 创建axios
+const service = axios.create({
+  // `withCredentials` 表示跨域请求时是否需要使用凭证
+  withCredentials: true,
+  // api的 base_url
+  baseURL: window.VUE_APP_SERVERAPI,
+  // 超时时间
+  timeout: 50000,
+  headers: {
+    'Access-Control-Allow-Origin': '*',
+  },
+})
+
+// ====== Mock 拦截器（先注册，请求阶段后执行，响应阶段先执行） ======
+if (isMockEnabled()) {
+  service.interceptors.request.use(
+    (config) => {
+      const url = config.url || ''
+      const method = config.method || 'get'
+      const data = typeof config.data === 'string' ? JSON.parse(config.data) : config.data
+      const mockData = mockRouter(url, method, data)
+      if (mockData !== null) {
+        // 匹配到 mock handler，短路请求
+        return new Promise((_, reject) =>
+          setTimeout(
+            () => reject({ __MOCK__: true, data: mockData, config }),
+            80 + Math.random() * 120,
+          ),
+        )
+      }
+      return config
+    },
+    (error) => Promise.reject(error),
+  )
+
+  service.interceptors.response.use(
+    (response) => response,
+    (error) => {
+      if (error?.__MOCK__) {
+        // 将 mock 数据转为正常响应，交给后续拦截器处理
+        return Promise.resolve({
+          data: error.data,
+          status: 200,
+          statusText: 'OK',
+          headers: {},
+          config: error.config,
+        })
+      }
+      return Promise.reject(error)
+    },
+  )
+}
+
+// 请求前拦截
+service.interceptors.request.use(
+  (config) => {
+    // 瘦身api路由
+    const url = replaceApiUrl(config.url)
+    // 合并请求config(使用者传入的级别高)
+    const mergedConfig: any = {
+      ...config,
+      url,
+      headers: { ...defaultHeaders(config), ...config.headers },
+    }
+    // 把这个类型的接口转成带格式的json 流程用？
+    if (mergedConfig.contentType === 'application/x-www-form-urlencoded;charset=UTF-8') {
+      mergedConfig.data = toFormData(mergedConfig.data)
+    }
+
+    if (
+      (url || '').indexOf(
+        `${window.getVersionTypeApiUrl('filecenterUrl')}/iot-base-attachment/single/file-upload`,
+      ) !== -1
+    ) {
+      mergedConfig.timeout = 1000000
+    }
+    return mergedConfig
+  },
+  (error) => {
+    return Promise.reject(error)
+  },
+)
+// 请求回调拦截
+service.interceptors.response.use(
+  async (response) => {
+    await handleResponse(response)
+    // 消息
+    handleMessage(response)
+
+    // 请求的是json文件的话，直接返回文件数据
+    if (response.config.url.includes('.json')) {
+      return Promise.resolve(response.data)
+    }
+
+    return (response.config as any).importFlag
+      ? Promise.resolve(response)
+      : Promise.resolve(response.data)
+  },
+  (error) => {
+    handleResponse(error)
+
+    handleMessage(error)
+
+    return Promise.reject(error)
+  },
+)
+
+export default service

package/references/front-demo/src/utils/routeHelper.ts

@@ -0,0 +1,66 @@
+/*
+ * @Author: liujing10 809002582@qq.com
+ * @Date: 2025-05-13 11:23:57
+ * @LastEditors: liujing10 809002582@qq.com
+ * @LastEditTime: 2025-05-13 15:12:29
+ * @FilePath: /crm-platform-ui/src/utils/routeHelper.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import router from '@/router'
+import getStore from '@/store/piniaToVuex'
+import { formatDynamicFormPath } from '@/views/layout/utils/dynamicFormHelper'
+import _ from 'lodash'
+
+/*
+ * 微前端架构下，无法通过 $route 获取到当前路由信息（子应用路由）
+ * 通过遍历基座生成的菜单路由信息获取
+ * 基座自己的静态页面在遍历完动态之后再判断需不需要遍历
+ */
+export function findActiveRoute(currentRoute?: {path:string}) {
+  const store = getStore();
+  // 静态路由表
+  const staticRoutes = router.getRoutes()
+  // 查找当前进入的路由信息，菜单有层级关系，所以先找到和一级菜单匹配的菜单信息
+  const routes = store.state.permission.routers
+  // 激活的一级菜单
+  const activeTopMenu = routes.find(
+    (route) => route.meta.menuId === store.state.app.activeTopMenuId
+  )
+  // 激活的菜单，优先匹配静态路由表
+  const PATH = currentRoute?.path ?? window.location.pathname
+  let activeMenu = staticRoutes.find((route) => route.path === PATH)
+  if (activeMenu) return activeMenu
+  // 静态路由找不到信息，去动态路由里找
+  // 如果当前激活的菜单 id 和激活的一级菜单 id 不同，查找该一级菜单下的 所有菜单及其 children
+  if (store.state.app.menuId !== store.state.app.activeTopMenuId) {
+    // 创建一个遍历队列
+    const routeQueue = _.cloneDeep(activeTopMenu?.children ?? [])
+    while (routeQueue.length > 0) {
+      for (const route of _.cloneDeep(routeQueue)) {
+        const routePath = formatDynamicFormPath(route)
+        if (routePath === PATH) {
+          // 如果找到匹配路由清空队列，跳出循环
+          routeQueue.length = 0
+          // fix 修复动态表单路由返回的是带 /:formId 的问题
+          activeMenu = { ...route, path: routePath }
+          break
+        } else {
+          // 如果队列里的路由没找到，向队列里再添加当前遍历路由的 children
+          routeQueue.push(...(route?.children ?? []))
+        }
+        // 移出当前遍历过的路由
+        routeQueue.shift()
+      }
+    }
+  } else {
+    return activeTopMenu
+  }
+
+  // 如果都匹配不到，可能是子应用的静态路由页面，直接返回 store.app.activeRoute
+  // 子应用的静态页面信息通过 qiankun 的通信发送到基座
+  if (!activeMenu && currentRoute) {
+    return store.state.app.activeRoute
+  }
+
+  return activeMenu
+}

package/references/front-demo/src/utils/statusTagHelper.ts

@@ -0,0 +1,55 @@
+/**
+ * 预测单状态 → el-tag type 映射
+ *
+ * 颜色语义：
+ * - blue (蓝): 进行中状态 — SUBMITTED/PLAN_RECEIVED/SCHEDULED
+ * - green (绿): 成功终态 — FULL_CONVERTED
+ * - red (红): 驳回 — REJECTED
+ * - orange (橙): 部分完成 — PARTIAL_CONVERTED
+ * - gray (灰): 草稿/释放/作废 — DRAFT/RELEASED/DISCARDED
+ */
+export function getForecastOrderStatusTagType(status: string): 'primary' | 'success' | 'danger' | 'warning' | 'info' {
+  switch (status) {
+    case 'SUBMITTED':
+    case 'PLAN_RECEIVED':
+    case 'SCHEDULED':
+      return 'primary' // 蓝色 - 进行中
+    case 'FULL_CONVERTED':
+      return 'success' // 绿色 - 完成
+    case 'REJECTED':
+      return 'danger' // 红色 - 驳回
+    case 'PARTIAL_CONVERTED':
+      return 'warning' // 橙色 - 部分完成
+    case 'DRAFT':
+    case 'RELEASED':
+    case 'DISCARDED':
+    default:
+      return 'info' // 灰色 - 草稿/释放/作废
+  }
+}
+
+/**
+ * 变更单状态 → el-tag type 映射
+ */
+export function getChangeOrderStatusTagType(status: string): 'primary' | 'success' | 'danger' | 'warning' | 'info' {
+  switch (status) {
+    case 'SUBMITTED':
+      return 'primary' // 蓝色 - 审批中
+    case 'CHANGED':
+      return 'success' // 绿色 - 已变更
+    case 'REJECTED':
+      return 'danger' // 红色 - 已驳回
+    case 'DRAFT':
+    case 'DISCARDED':
+    default:
+      return 'info' // 灰色 - 草稿/作废
+  }
+}
+
+/**
+ * 获取状态标签 effect 属性
+ * 已驳回状态使用 dark 效果以突出显示
+ */
+export function getStatusTagEffect(status: string): 'light' | 'dark' {
+  return status === 'REJECTED' ? 'dark' : 'light'
+}

package/references/front-demo/src/utils/storage.ts

@@ -0,0 +1,80 @@
+type optionsType = {
+  name: string
+  value: string
+  expires?: number
+  startTime?: number
+}
+export default class Storage {
+  name: string | undefined
+  constructor(name: string | undefined) {
+    this.name = name || 'storage'
+  }
+  //设置缓存
+  setItem(name: string, value: any, expires?: number | null) {
+    const obj: optionsType = {
+      name,
+      value,
+      expires,
+      startTime: new Date().getTime() //记录何时将值存入缓存，毫秒级
+    }
+    const options: Partial<optionsType> = {}
+    //将obj和传进来的params合并
+    Object.assign(options, obj)
+    if (options.expires && !isNaN(options.expires)) {
+      //如果options.expires设置了的话
+      //以options.name为key，options为值放进去
+      localStorage.setItem(options.name, JSON.stringify(options))
+    } else {
+      //如果options.expires没有设置，就判断一下value的类型
+      //如果value是对象或者数组对象的类型，就先用JSON.stringify转一下，再存进去
+      if (
+        Object.prototype.toString.call(options.value) === '[object Object]' ||
+        Array.isArray(options.value)
+      )
+        options.value = JSON.stringify(options.value)
+
+      localStorage.setItem(options.name, options.value)
+    }
+  }
+  //拿到缓存
+  getItem(name) {
+    const itemStr:string = localStorage.getItem(name)
+    if (itemStr == null) return itemStr
+
+    let item:Partial<optionsType> = {}
+    //先将拿到的试着进行json转为对象的形式
+    try {
+      item = JSON.parse(itemStr)
+    } catch (error) {
+      //如果不行就不是json的字符串，就直接返回
+      // item = item;
+    }
+    //如果有startTime的值，说明设置了失效时间
+    if (item.startTime) {
+      const date = new Date().getTime()
+      //何时将值取出减去刚存入的时间，与item.expires比较，如果大于就是过期了，如果小于或等于就还没过期
+      const expires = item.expires * 24 * 60 * 60 * 1000
+      if (date - item.startTime > expires) {
+        //缓存过期，清除缓存，返回false
+        localStorage.removeItem(name)
+        return false
+      }
+      //缓存未过期，返回值
+      else {
+        return item.value
+      }
+    }
+    //如果没有设置失效时间，直接返回值
+    else {
+      return item
+    }
+  }
+  //移出缓存
+  removeItem(name) {
+    localStorage.removeItem(name)
+  }
+  //移出全部缓存
+  clear() {
+    localStorage.clear()
+  }
+}