imatrix-ui 0.0.15 → 0.1.1-up

package/src/utils/request.js

@@ -1,116 +1,270 @@
-import axios from 'axios'
-import { Message } from 'element-ui'
-import { removeToken } from './auth'
-import store from '../store'
-import router from '../router'
-import checkPermission from './permission'
-// 创建axios实例
-const service = axios.create({
-  baseURL: process.env.VUE_APP_BASE_API, // api 的 base_url
-  timeout: 150000, // 请求超时时间
-  withCredentials: true
-})
-
-// request拦截器
-service.interceptors.request.use(
-  config => {
-    if (store.getters.token) {
-      config.headers['Authorization'] = store.getters.token // 让每个请求携带自定义token 请根据实际情况自行修改
-    }
-    return config
-  },
-  error => {
-    // Do something with request error
-    console.log(error) // for debug
-    Promise.reject(error)
-  }
-)
-
-// response 拦截器
-service.interceptors.response.use(
-  response => {
-    return response.data
-  },
-  error => {
-    console.log('err' + error) // for debug
-    if (error.response.status === 401) {
-      // 清除sessionStorage中的jwt，否则无法转到login页面
-      removeToken()
-      router.replace({
-        path: '/login',
-        query: {
-          redirect: router.currentRoute.fullPath
-        }
-      })
-    } else {
-      Message({
-        message: error.message,
-        type: 'error',
-        duration: 5 * 1000
-      })
-      return Promise.reject(error)
-    }
-  }
-)
-
-export const apiUrlMappings = []
-/**
- *
- * @param {*} code 资源权限的编码
- * @param {*} options 是一个对象，包括data和param两个子对象属性，形如{param:{},data:{}}
- */
-export function request(code, options) {
-  const { data, param } = options
-  if (!checkPermission(code)) {
-    Message.error('您没有权限访问接口：' + code)
-  }
-  const apiInfo = apiUrlMappings[code]
-  if (apiInfo) {
-    const url = getRealUrl(apiInfo.url, param)
-    if (url === '') {
-      return
-    }
-    return service({
-      url: url,
-      method: apiInfo.method,
-      data,
-      param
-    })
-  } else {
-    Message.error('您要访问的接口没有定义：' + code)
-  }
-}
-
-/**
- * 判断地址中是否有路径参数，有路径参数时就用params中的对应属性替换掉路径中的参数，得到最终的url
- * @param {*} url
- * @param {*} params
- */
-function getRealUrl(url, params) {
-  const regex = /\{(.+?)\}/g
-  const matched = url.match(regex)
-  // 不包含路径参数直接返回url
-  if (!matched) {
-    return url
-  }
-  if (matched.length > 0 && !params) {
-    Message.error('请求的url中包含路径参数时，param不能为空。')
-    return ''
-  }
-  // matched是一个匹配的路径参数的数组，形如[{deparmentId}, {userId}]
-  for (const param of matched) {
-    // 去掉大括号得到真正的路径参数名
-    const paramName = param.substring(1, param.length - 1)
-    // 请求的param对象中应该包括这个参数，这样才能把参数名替换成真实的值
-    if (!params[paramName]) {
-      Message.error('中应该包括属性：' + paramName)
-      return ''
-    }
-    url = url.replace(param, params[paramName])
-    // 从param对象中删掉这个参数，不用重复发送到后台了
-    delete params[paramName]
-  }
-  return url
-}
-
-export default service
+import axios from 'axios'
+import { ElMessage as Message } from 'element-plus'
+import { getToken, removeToken } from './auth'
+import store from '../store'
+import checkPermission from './permission'
+import * as Vue from 'vue'
+import { getI18n } from './util'
+import {
+  getRelativeBaseUrl,
+  getTimeZone,
+  setCustomSystemBackendUrl,
+} from './common-util'
+// 创建axios实例
+const service = axios.create({
+  // baseURL: process.env.VUE_APP_BASE_API, // api 的 base_url
+  timeout: 300000, // 请求超时时间
+  withCredentials: true,
+})
+
+// request拦截器
+service.interceptors.request.use(
+  (config) => {
+    // 防止重复发送ajax请求
+    store.commit('togglePreventReclick', true)
+    const timeZone = getTimeZone()
+    config.headers['timeZone'] = timeZone
+    const token = getToken()
+    if (token) {
+      config.headers['Authorization'] = token // 让每个请求携带自定义token 请根据实际情况自行修改
+    }
+    // 将自定义系统编码放入header中
+    const customSystem = window.$vueApp.config.globalProperties.customSystem
+    if (customSystem) {
+      config.headers['customSystem'] = customSystem
+      // 重新缓存系统后台路径
+      setCustomSystemBackendUrl(customSystem)
+    }
+    if (window.$vueApp.config.globalProperties.baseURL) {
+      config.baseURL = getRelativeBaseUrl(
+        window.$vueApp.config.globalProperties.baseURL
+      )
+    }
+    return config
+  },
+  (error) => {
+    // 出错了之后允许再次提交
+    store.commit('togglePreventReclick', false)
+    // console.log(error) // for debug
+    Promise.reject(error)
+  }
+)
+
+// response 拦截器
+service.interceptors.response.use(
+  (response) => {
+    // 请求得到响应后，允许再次提交
+    store.commit('togglePreventReclick', false)
+    return response.data
+  },
+  (error) => {
+    // console.log('err' + error) // for debug
+    // 出错了之后允许再次提交
+    store.commit('togglePreventReclick', false)
+    if (error.response) {
+      if (error.response.status === 401) {
+        // LoginException(401)
+        // 清除window.sessionStorage中的jwt，否则无法转到login页面
+        removeToken()
+        // todo 测试 inframe true
+        const isInIframe = window.$vueApp.config.globalProperties.$isInIframe()
+        // console.log('isInIframe==========', isInIframe, 'getToken()=', getToken())
+        if (isInIframe === true) {
+          // 在iframe中时，出现了401错误时，需要进入平台的登录页面，并需要登录后还是进入出错的原页面，而不是永远进入门户页面。
+          // 所以使用了跨域发送消息来实现，子页面给父页面发消息，父页面接收该消息，并处理
+          // console.log('isInIframe111==========', window.location.href)
+          window.parent.postMessage(
+            '{"loginTimeout":"' + window.location.href + '"}',
+            '*'
+          )
+        } else {
+          // 当前出错的页面不是在子页面iframe内，需要跳转到子系统的登录页面。跳转到业务系统的登录页面，此处不自动跳转了，因为会导致无法跳转到指定页面
+          // getLoginUrl().then(loginUrl => {
+          //   window.location.href = loginUrl
+          // })
+        }
+      } else if (error.response.status === 403) {
+        // ForbiddenException(403) 403没权限
+        const message = getI18n().t('imatrixUIMessage.forbiddenException')
+        Message({
+          showClose: true,
+          message: message,
+          type: 'error',
+          duration: 5 * 1000,
+        })
+        return Promise.reject(error)
+      } else if (
+        error.response.status === 400 ||
+        error.response.status === 406 ||
+        error.response.status === 404
+      ) {
+        // BadRequestException(400) || BusinessException(406)  || ResourceNotFoundException(404)
+        let message = error.message
+        if (message) {
+          // 说明是原生的错误，不要显示，显示“请联系管理员”
+          message = getI18n().t('imatrixUIMessage.internalServerError')
+        }
+        if (error.response.data && error.response.data.message) {
+          message = error.response.data.message
+        }
+        Message({
+          showClose: true,
+          message: message,
+          type: 'error',
+          duration: 5 * 1000,
+        })
+        return Promise.reject(error)
+      } else {
+        let message = error.message
+        if (error.response.data && error.response.data.message) {
+          message = error.response.data.message
+        }
+        console.log(message)
+        let errorMsg = getI18n().t('imatrixUIMessage.internalServerError')
+        if (message && message !== 'Internal Server Error') {
+          // 表示显示原始异常
+          errorMsg = message
+        }
+        if (
+          message &&
+          (message === 'gateway.timeout' || message === 'gateway.callFailed')
+        ) {
+          // 网关的fallback返回的异常信息“接口调用超时”、“接口调用失败”
+          errorMsg = getI18n().t(message)
+        }
+        Message({
+          showClose: true,
+          message: errorMsg,
+          type: 'error',
+          duration: 5 * 1000,
+        })
+        return Promise.reject(error)
+      }
+    } else {
+      const errorMsg = getI18n().t('imatrixUIMessage.internalServerError')
+      Message({
+        showClose: true,
+        message: errorMsg,
+        type: 'error',
+        duration: 5 * 1000,
+      })
+      return Promise.reject(error)
+    }
+  }
+)
+
+export const apiUrlMappings = {}
+/**
+ *
+ * @param {*} code 资源权限的编码
+ * @param {*} options 是一个对象，包括data和param两个子对象属性，形如{param:{},data:{}}
+ */
+export function request(code, options) {
+  const config = {}
+  if (options) {
+    if (options.data) {
+      config.data = options.data
+    }
+    if (options.responseType) {
+      config.responseType = options.responseType
+    }
+    if (options.params) {
+      config.params = options.params
+    }
+    if (options.header) {
+      config.header = options.header
+    }
+    if (options.onUploadProgress) {
+      config.onUploadProgress = options.onUploadProgress
+    }
+    if (options.method) {
+      config.method = options.method
+    }
+    if (options.url) {
+      config.url = options.url
+    }
+  }
+  if (code) {
+    if (!checkPermission(code)) {
+      Message({
+        message: '您没有权限访问接口：' + code,
+        type: 'error',
+        showClose: true,
+      })
+    }
+    const apiInfo = apiUrlMappings[code]
+    if (apiInfo) {
+      const url = getRealUrl(apiInfo.url, config.params)
+      if (url === '') {
+        return
+      }
+      config.url = url
+      config.method = apiInfo.method
+    } else {
+      Message({
+        message: '您要访问的接口没有定义：' + code,
+        type: 'error',
+        showClose: true,
+      })
+    }
+  }
+
+  if (!config.url) {
+    Message({
+      message: '接口地址必须配置',
+      type: 'error',
+      showClose: true,
+    })
+  }
+  if (config.method && config.method.toLowerCase() === 'get') {
+    if (config.url.indexOf('?') > 0) {
+      // 表示有参数
+      config.url = config.url + '&_t=' + new Date().getTime()
+    } else {
+      config.url = config.url + '?_t=' + new Date().getTime()
+    }
+  }
+  return service(config)
+}
+
+/**
+ * 判断地址中是否有路径参数，有路径参数时就用params中的对应属性替换掉路径中的参数，得到最终的url
+ * @param {*} url
+ * @param {*} params
+ */
+function getRealUrl(url, params) {
+  const regex = /\{(.+?)\}/g
+  const matched = url.match(regex)
+  // 不包含路径参数直接返回url
+  if (!matched) {
+    return url
+  }
+  if (matched.length > 0 && !params) {
+    Message({
+      message: '请求的url中包含路径参数时，param不能为空。',
+      type: 'error',
+      showClose: true,
+    })
+    return ''
+  }
+  // matched是一个匹配的路径参数的数组，形如[{deparmentId}, {userId}]
+  for (const param of matched) {
+    // 去掉大括号得到真正的路径参数名
+    const paramName = param.substring(1, param.length - 1)
+    // 请求的param对象中应该包括这个参数，这样才能把参数名替换成真实的值
+    if (params[paramName] === undefined) {
+      Message({
+        message: '中应该包括属性：' + paramName,
+        type: 'error',
+        showClose: true,
+      })
+      return ''
+    }
+    url = url.replace(param, params[paramName])
+    // 从param对象中删掉这个参数，不用重复发送到后台了
+    delete params[paramName]
+  }
+  return url
+}
+
+export default service

package/src/utils/restful-interface-utils.js

@@ -0,0 +1,57 @@
+import * as Vue from 'vue'
+/**
+ * rest接口调用处理
+ * @param {*} restfulInterface 接口配置json信息
+ * @param {*} backendUrl 后台url路径
+ * @param {*} entity 表单数据
+ * @returns request Promise函数
+ */
+export function restfulInterfaceTo(
+  restfulInterface,
+  entity,
+  additionalParamMap
+) {
+  return new Promise((resolve, reject) => {
+    let systemCode = window.$vueApp.config.globalProperties.customSystem
+    if (!systemCode) {
+      systemCode = window.$vueApp.config.globalProperties.systemCode
+    }
+    let restConfigMap = restfulInterface
+
+    if (restfulInterface && typeof restfulInterface === 'string') {
+      restConfigMap = JSON.parse(restfulInterface)
+    } else if (restfulInterface && typeof restfulInterface === 'object') {
+      restConfigMap = restfulInterface
+    }
+    const paramMap = {}
+    if (systemCode) {
+      paramMap.systemCode = systemCode
+    }
+    if (additionalParamMap) {
+      paramMap.additionalParamMap = additionalParamMap
+    }
+    if (restConfigMap) {
+      paramMap.restConfig = restConfigMap
+    }
+    if (entity) {
+      paramMap.entity = entity
+    }
+    window.$vueApp.config.globalProperties.$http
+      .post(
+        window.$vueApp.config.globalProperties.baseAPI +
+          '/component/super-pages/rest-data',
+        paramMap
+      )
+      .then((dataJson) => {
+        if (dataJson) {
+          // json字符串
+          resolve(JSON.parse(dataJson))
+        } else {
+          resolve()
+        }
+      })
+      .catch((error) => {
+        reject(error)
+      })
+  })
+}