vue2-client 1.6.5 → 1.6.7

package/CHANGELOG.md

@@ -1,7 +1,10 @@
 # Change Log
 > 所有关于本项目的变化都在该文档里。
 
-**1.6.5 -2022-12-28 @江超**
+**1.6.7 -2023-01-06 @江超**
+- 解决单页面是最后一个页面的情况下点击关闭出现白屏的问题
+
+**1.6.5 - 1.6.6 -2022-12-28 @江超**
 - 解决树型选择框不兼容主子表结构数据源的问题
 
 **1.6.4 -2022-12-28 @江超**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.6.5",
+  "version": "1.6.7",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/base-client/components/common/CitySelect/CitySelect.vue

@@ -1,246 +1,247 @@
-<template>
-  <div>
-    <a-cascader
-      v-if="type === 'cascader'"
-      :options="tagData.divisionsForTree"
-      :placeholder="placeholder"
-      style="width: 100%;"
-      :size="size"
-    />
-    <a-select
-      ref="select"
-      :size="size"
-      :value="valueView"
-      style="width: 100%;"
-      :dropdownMatchSelectWidth="false"
-      :dropdownStyle="dropdownStyle"
-      :placeholder="placeholder"
-      @blur="selectBlurHandle"
-      :getPopupContainer=" triggerNode => { return triggerNode.parentNode } "
-      :style="inputStyle">
-      <div slot="dropdownRender" @mousedown.prevent>
-        <a-tabs v-model="activeKey" :size="size">
-          <a-tab-pane
-            :tab="view.key"
-            v-for="(view,index) in viewArr"
-            :key="view.key"
-            v-if="contexts > index"
-            :disabled="tagData[view.value].length === 0">
-
-            <a-checkable-tag
-              :style="tagStyle"
-              v-for="item of tagData[view.value]"
-              :key="item.code"
-              @change="tagClick(view.key,item)">
-              <a-tooltip
-                placement="top"
-                :mouseEnterDelay="0.5"
-                :title="item.name"
-                :getPopupContainer=" triggerNode => { return triggerNode.parentElement } "
-              >
-                {{ item.name.length > 8 ?`${item.name.slice(0, 8)}...`:item.name }}
-              </a-tooltip>
-            </a-checkable-tag>
-          </a-tab-pane>
-        </a-tabs>
-      </div>
-    </a-select>
-  </div>
-</template>
-
-<script>
-const viewArr = [
-  {
-    key: '省/直辖市',
-    value: 'divisionsForTree',
-  }, {
-    key: '市',
-    value: 'cityData',
-  }, {
-    key: '区',
-    value: 'areaData',
-  }, {
-    key: '街道',
-    value: 'streetData',
-  }
-]
-export default {
-  name: 'CitySelect',
-  data () {
-    return {
-      open: false,
-      tagData: {
-        divisionsForTree: [],
-        // 市
-        cityData: [],
-        // 区
-        areaData: [],
-        // 街道
-        streetData: [],
-      },
-      // model: {
-      //   provinceModel: { name: '', code: '' },
-      //   cityModel: { name: '', code: '' },
-      //   areaModel: { name: '', code: '' },
-      //   streetModel: { name: '', code: '' }
-      // },
-      model: [
-        { name: '', code: '' },
-        { name: '', code: '' },
-        { name: '', code: '' },
-        { name: '', code: '' }
-      ],
-      // 控制标签
-      activeKey: '省/直辖市',
-      // 遍历以渲染页面
-      viewArr,
-      // 框内显示值 valueView
-      valueView: undefined
-    }
-  },
-  mounted () {
-    this.$appdata.getDivisionsOhChinaForTree().then(res => {
-      this.tagData.divisionsForTree = res
-    })
-  },
-  model: {
-    prop: 'value',
-    event: 'onChange'
-  },
-  computed: {},
-  props: {
-    // 页面渲染内容  默认 省市区街道 四个 所以是4
-    contexts: {
-      type: Number,
-      default: 3
-    },
-    placeholder: {
-      type: String,
-      default: '请选择省市区'
-    },
-    // small lage 输入框大小
-    size: {
-      type: String,
-      default: undefined
-    },
-    // 类型 simple / undefined
-    // simple 就是用的 cascader  不穿就是用的 自己封装的
-    type: {
-      type: String,
-      default: undefined
-    },
-    // 框的样式
-    inputStyle: {
-      type: Object,
-      default: () => {
-      }
-    },
-    // 下拉框的样式
-    dropdownStyle: {
-      type: Object,
-      default: () => {
-        return {
-          width: '35rem',
-          padding: '1%'
-        }
-      }
-    },
-    // 标签的样式
-    tagStyle: {
-      type: Object,
-      default: () => {
-        return {
-          fontSize: '0.88rem',
-          width: '23%',
-          textAlign: 'left',
-          margin: '0.5%',
-          cursor: 'pointer'
-        }
-      }
-    },
-    // 用于v-model 绑定
-    value: {
-      type: String,
-      default: undefined
-    },
-    // 用于v-model 绑定 code :最后一级的code  address: 所有级拼接的地址
-    valueType: {
-      type: String,
-      default: 'address'
-    }
-  },
-  watch: {},
-  methods: {
-    tagClick (e, item) {
-      if (e === '省/直辖市') {
-        // 如果是同一个标签
-        if (this.model[0].name !== item.name) {
-          this.tagData.cityData = item.children
-          this.tagData.areaData = []
-          this.tagData.streetData = []
-          this.model[0].name = item.name
-          this.model[0].code = item.code
-          this.model[1] = { name: '', code: '' }
-          this.model[2] = { name: '', code: '' }
-          this.model[3] = { name: '', code: '' }
-        }
-        if (this.contexts !== 1) {
-          this.activeKey = '市'
-        }
-        this.getResultText(1)
-      } else if (e === '市') {
-        if (this.model[1].name !== item.name) {
-          this.tagData.areaData = item.children
-          this.tagData.streetData = []
-          this.model[1].name = item.name
-          this.model[1].code = item.code
-          this.model[2] = { name: '', code: '' }
-          this.model[3] = { name: '', code: '' }
-        }
-        if (this.contexts !== 2) {
-          this.activeKey = '区'
-        }
-        this.getResultText(2)
-      } else if (e === '区') {
-        if (this.model[2].name !== item.name) {
-          this.tagData.streetData = item.children
-          this.model[2].name = item.name
-          this.model[2].code = item.code
-          this.model[3] = { name: '', code: '' }
-        }
-        if (this.contexts !== 3) {
-          this.activeKey = '街道'
-        }
-        this.getResultText(3)
-      } else if (e === '街道') {
-        if (this.model[3].name !== item.name) {
-          this.model[3].name = item.name
-          this.model[3].code = item.code
-        }
-        this.getResultText(4)
-      }
-    },
-    getResultText (tag) {
-      const address = []
-      let code = ''
-      for (let i = 0; i < this.contexts; i++) {
-        if (this.model[i].name && this.model[i].name !== '') {
-          address.push(this.model[i].name)
-        }
-        code = this.model[i].code ?? ''
-      }
-      this.valueView = this.valueType === 'address' ? address.join('/') : code
-      if (tag === this.contexts) {
-        this.$refs.select.blur()
-        this.$emit('onChange', this.valueType === 'address' ? address.join('') : code)
-      }
-    },
-    // 失去焦点回调
-    selectBlurHandle () {
-      if (!this.model[this.contexts - 1].code || this.model[this.contexts - 1].code === '') {
-        this.valueView = undefined
-      }
-    }
-  }
-}
-</script>
+<template>
+  <div>
+    <a-cascader
+      v-if="type === 'cascader'"
+      :options="tagData.divisionsForTree"
+      :placeholder="placeholder"
+      style="width: 100%;"
+      :size="size"
+    />
+    <a-select
+      ref="select"
+      :size="size"
+      v-model="valueView"
+      style="width: 100%;"
+      :dropdownMatchSelectWidth="false"
+      :dropdownStyle="dropdownStyle"
+      :placeholder="placeholder"
+      @blur="selectBlurHandle"
+      allow-clear
+      :getPopupContainer=" triggerNode => { return triggerNode.parentNode } "
+      :style="inputStyle">
+      <div slot="dropdownRender" @mousedown.prevent>
+        <a-tabs v-model="activeKey" :size="size">
+          <a-tab-pane
+            :tab="view.key"
+            v-for="(view,index) in viewArr"
+            :key="view.key"
+            v-if="contexts > index"
+            :disabled="tagData[view.value].length === 0">
+
+            <a-checkable-tag
+              :style="tagStyle"
+              v-for="item of tagData[view.value]"
+              :key="item.code"
+              @change="tagClick(view.key,item)">
+              <a-tooltip
+                placement="top"
+                :mouseEnterDelay="0.5"
+                :title="item.name"
+                :getPopupContainer=" triggerNode => { return triggerNode.parentElement } "
+              >
+                {{ item.name.length > 8 ?`${item.name.slice(0, 8)}...`:item.name }}
+              </a-tooltip>
+            </a-checkable-tag>
+          </a-tab-pane>
+        </a-tabs>
+      </div>
+    </a-select>
+  </div>
+</template>
+
+<script>
+const viewArr = [
+  {
+    key: '省/直辖市',
+    value: 'divisionsForTree',
+  }, {
+    key: '市',
+    value: 'cityData',
+  }, {
+    key: '区',
+    value: 'areaData',
+  }, {
+    key: '街道',
+    value: 'streetData',
+  }
+]
+export default {
+  name: 'CitySelect',
+  data () {
+    return {
+      open: false,
+      tagData: {
+        divisionsForTree: [],
+        // 市
+        cityData: [],
+        // 区
+        areaData: [],
+        // 街道
+        streetData: [],
+      },
+      // model: {
+      //   provinceModel: { name: '', code: '' },
+      //   cityModel: { name: '', code: '' },
+      //   areaModel: { name: '', code: '' },
+      //   streetModel: { name: '', code: '' }
+      // },
+      model: [
+        { name: '', code: '' },
+        { name: '', code: '' },
+        { name: '', code: '' },
+        { name: '', code: '' }
+      ],
+      // 控制标签
+      activeKey: '省/直辖市',
+      // 遍历以渲染页面
+      viewArr,
+      // 框内显示值 valueView
+      valueView: undefined
+    }
+  },
+  mounted () {
+    this.$appdata.getDivisionsOhChinaForTree().then(res => {
+      this.tagData.divisionsForTree = res
+    })
+  },
+  model: {
+    prop: 'value',
+    event: 'onChange'
+  },
+  computed: {},
+  props: {
+    // 页面渲染内容  默认 省市区街道 四个 所以是4
+    contexts: {
+      type: Number,
+      default: 3
+    },
+    placeholder: {
+      type: String,
+      default: '请选择省市区'
+    },
+    // small lage 输入框大小
+    size: {
+      type: String,
+      default: undefined
+    },
+    // 类型 simple / undefined
+    // simple 就是用的 cascader  不穿就是用的 自己封装的
+    type: {
+      type: String,
+      default: undefined
+    },
+    // 框的样式
+    inputStyle: {
+      type: Object,
+      default: () => {
+      }
+    },
+    // 下拉框的样式
+    dropdownStyle: {
+      type: Object,
+      default: () => {
+        return {
+          width: '35rem',
+          padding: '1%'
+        }
+      }
+    },
+    // 标签的样式
+    tagStyle: {
+      type: Object,
+      default: () => {
+        return {
+          fontSize: '0.88rem',
+          width: '23%',
+          textAlign: 'left',
+          margin: '0.5%',
+          cursor: 'pointer'
+        }
+      }
+    },
+    // 用于v-model 绑定
+    value: {
+      type: String,
+      default: undefined
+    },
+    // 用于v-model 绑定 code :最后一级的code  address: 所有级拼接的地址
+    valueType: {
+      type: String,
+      default: 'address'
+    }
+  },
+  watch: {},
+  methods: {
+    tagClick (e, item) {
+      if (e === '省/直辖市') {
+        // 如果是同一个标签
+        if (this.model[0].name !== item.name) {
+          this.tagData.cityData = item.children
+          this.tagData.areaData = []
+          this.tagData.streetData = []
+          this.model[0].name = item.name
+          this.model[0].code = item.code
+          this.model[1] = { name: '', code: '' }
+          this.model[2] = { name: '', code: '' }
+          this.model[3] = { name: '', code: '' }
+        }
+        if (this.contexts !== 1) {
+          this.activeKey = '市'
+        }
+        this.getResultText(1)
+      } else if (e === '市') {
+        if (this.model[1].name !== item.name) {
+          this.tagData.areaData = item.children
+          this.tagData.streetData = []
+          this.model[1].name = item.name
+          this.model[1].code = item.code
+          this.model[2] = { name: '', code: '' }
+          this.model[3] = { name: '', code: '' }
+        }
+        if (this.contexts !== 2) {
+          this.activeKey = '区'
+        }
+        this.getResultText(2)
+      } else if (e === '区') {
+        if (this.model[2].name !== item.name) {
+          this.tagData.streetData = item.children
+          this.model[2].name = item.name
+          this.model[2].code = item.code
+          this.model[3] = { name: '', code: '' }
+        }
+        if (this.contexts !== 3) {
+          this.activeKey = '街道'
+        }
+        this.getResultText(3)
+      } else if (e === '街道') {
+        if (this.model[3].name !== item.name) {
+          this.model[3].name = item.name
+          this.model[3].code = item.code
+        }
+        this.getResultText(4)
+      }
+    },
+    getResultText (tag) {
+      const address = []
+      let code = ''
+      for (let i = 0; i < this.contexts; i++) {
+        if (this.model[i].name && this.model[i].name !== '') {
+          address.push(this.model[i].name)
+        }
+        code = this.model[i].code ?? ''
+      }
+      this.valueView = this.valueType === 'address' ? address.join('/') : code
+      if (tag === this.contexts) {
+        this.$refs.select.blur()
+        this.$emit('onChange', this.valueType === 'address' ? address.join('') : code)
+      }
+    },
+    // 失去焦点回调
+    selectBlurHandle () {
+      if (!this.model[this.contexts - 1].code || this.model[this.contexts - 1].code === '') {
+        this.valueView = undefined
+      }
+    }
+  }
+}
+</script>

package/src/base-client/components/common/XForm/XFormItem.vue

@@ -563,8 +563,8 @@ export default {
      */
     setNodeData (data, node) {
       if (node.value) {
-        const columnsName = node.dataRef['columns_name']
         const value = node.value
+        const columnsName = value.substring(0, value.indexOf('-'))
         data[columnsName] = value.substring(value.lastIndexOf('-') + 1)
         if (node.$parent) {
           this.setNodeData(data, node.$parent)
@@ -575,7 +575,8 @@ export default {
       if (node.children && node.children.length > 0) {
         return this.getNodeDataProps(node.children[0])
       }
-      return node.node.data.props.columns_name
+      const value = node.node.key
+      return value.substring(0, value.indexOf('-'))
     }
   }
 }
@@ -584,7 +585,7 @@ export default {
 <style lang="less" scoped>
 .tree-select {
   /deep/ .ant-select-selection.ant-select-selection--multiple {
-    max-height: 48px;
+    max-height: 32px;
     overflow-y: auto;
   }
 }

package/src/layouts/tabs/TabsView.vue

@@ -133,10 +133,10 @@ export default {
       this.$router.push(page.fullPath)
     },
     remove (key, next) {
-      this.setSingle({ path: key, delete: true })
       if (this.pageList.length === 1) {
         return this.$message.warning(this.$t('warn'))
       }
+      this.setSingle({ path: key, delete: true })
       // 清除缓存
       let index = this.pageList.findIndex(item => item.path === key)
       this.clearCaches = this.pageList.splice(index, 1).map(page => page.cachedKey)

package/src/utils/request.js

@@ -1,301 +1,311 @@
-import axios from 'axios'
-import Cookie from 'js-cookie'
-import { ACCESS_TOKEN, SYSTEM_VERSION, V4_ACCESS_TOKEN } from '@vue2-client/store/mutation-types'
-import notification from 'ant-design-vue/es/notification'
-import errorCode from '@vue2-client/utils/errorCode'
-import qs from 'qs'
-import { logout } from '@vue2-client/services/user'
-
-// 是否显示重新登录
-let isReloginShow
-
-axios.defaults.timeout = 5000
-axios.defaults.withCredentials = true
-
-// 认证类型
-const AUTH_TYPE = {
-  BEARER: 'Bearer',
-  BASIC: 'basic',
-  AUTH1: 'auth1',
-  AUTH2: 'auth2'
-}
-
-// http method
-const METHOD = {
-  GET: 'get',
-  POST: 'post',
-  PUT: 'put',
-  DELETE: 'delete'
-}
-
-/**
- * axios请求
- * @param url 请求地址
- * @param method {METHOD} http method
- * @param params 请求参数
- * @param config
- * @returns {Promise<AxiosResponse<T>>}
- */
-async function request (url, method, params, config) {
-  switch (method) {
-    case METHOD.GET:
-      return axios.get(url, { params, ...config })
-    case METHOD.POST:
-      return axios.post(url, params, config)
-    case METHOD.PUT:
-      return axios.put(url, params, config)
-    case METHOD.DELETE:
-      return axios.delete(url, config)
-    default:
-      return axios.get(url, { params, ...config })
-  }
-}
-
-/**
- * 设置认证信息
- * @param auth {Object}
- * @param authType {AUTH_TYPE} 认证类型，默认：{AUTH_TYPE.BEARER}
- */
-function setAuthorization (auth, authType = AUTH_TYPE.BEARER) {
-  switch (authType) {
-    case AUTH_TYPE.BEARER:
-      Cookie.set(V4_ACCESS_TOKEN, 'Bearer ' + auth.token, { expires: auth.expireAt })
-      break
-    case AUTH_TYPE.BASIC:
-    case AUTH_TYPE.AUTH1:
-    case AUTH_TYPE.AUTH2:
-    default:
-      break
-  }
-}
-
-/**
- * 设置系统版本
- * @param value 系统版本
- */
-export function setSystemVersion (value) {
-  Cookie.set(SYSTEM_VERSION, value)
-}
-
-/**
- * 获取系统版本
- */
-export function getSystemVersion () {
-  return Cookie.get(SYSTEM_VERSION)
-}
-
-/**
- * 移出认证信息
- * @param authType {AUTH_TYPE} 认证类型
- */
-function removeAuthorization (authType = AUTH_TYPE.BEARER) {
-  switch (authType) {
-    case AUTH_TYPE.BEARER:
-      Cookie.remove(V4_ACCESS_TOKEN)
-      break
-    case AUTH_TYPE.BASIC:
-    case AUTH_TYPE.AUTH1:
-    case AUTH_TYPE.AUTH2:
-    default:
-      break
-  }
-}
-
-/**
- * 检查认证信息
- * @param authType
- * @returns {boolean}
- */
-function checkAuthorization (authType = AUTH_TYPE.BEARER) {
-  switch (authType) {
-    case AUTH_TYPE.BEARER:
-      if (Cookie.get(V4_ACCESS_TOKEN)) {
-        return true
-      }
-      break
-    case AUTH_TYPE.BASIC:
-    case AUTH_TYPE.AUTH1:
-    case AUTH_TYPE.AUTH2:
-    default:
-      break
-  }
-  return false
-}
-
-/**
- * 加载 axios 拦截器
- * @param interceptors
- * @param options
- */
-function loadInterceptors () {
-  // 加载请求拦截器
-  axios.interceptors.request.use(config => {
-    const token = localStorage.getItem(ACCESS_TOKEN)
-    // 如果 token 存在
-    // 让每个请求携带自定义 token 请根据实际情况自行修改
-    if (token) {
-      if (config.url !== '/auth/login') {
-        // 判断是否为V4环境
-        const compatible = getSystemVersion()
-        if (compatible === 'V4') {
-          // V4 环境则添加 V4请求头
-          config.headers[V4_ACCESS_TOKEN] = token
-        } else {
-          config.headers[ACCESS_TOKEN] = token
-        }
-      }
-    }
-    if (!config.headers['Content-Type']) {
-      config.headers['Content-Type'] = 'application/json;charset=UTF-8'
-    }
-    // 处理params参数
-    if (config.params) {
-      const url = config.url + '?' + qs.stringify(config.params, { indices: false })
-      config.params = {}
-      config.url = url
-    }
-    return config
-  }, errorHandler)
-  // 加载响应拦截器
-  axios.interceptors.response.use((res) => {
-    // 判断是否为V4环境，不为compatible赋初始值
-    // 其有可能是undefined未定义，或第一次使用本系统LocalStorage在初始化，获得的值为null
-    const compatible = getSystemVersion()
-    if (compatible === 'V4') {
-      // 请求rul
-      const requestUrl = res.config.url
-      if (res.data.data) {
-        res.data = res.data.data
-      }
-      // 未设置状态码则默认成功状态
-      const code = res.data.code || 200
-      // 获取错误信息
-      const msg = errorCode[code] || res.data.msg || errorCode['default']
-      // 二进制数据则直接返回
-      if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') {
-        return res.data
-      }
-      if (code === 401) {
-        if (!isReloginShow) {
-          isReloginShow = true
-          notification.open({
-            message: '系统提示',
-            description: '登录状态已过期，请重新登录',
-            btn: h => {
-              return h(
-                'a-button',
-                {
-                  props: {
-                    type: 'primary',
-                    size: 'small'
-                  },
-                  on: {
-                    click: () => {
-                      logout().then(() => {
-                        isReloginShow = false
-                        location.href = '/login'
-                      })
-                    }
-                  }
-                },
-                '确认'
-              )
-            },
-            duration: 0,
-            onClose: () => {
-              isReloginShow = false
-            }
-          })
-        }
-      } else if (code === 500) {
-        if (requestUrl !== '/login') {
-          notification.error({
-            message: '失败',
-            description: msg
-          })
-        }
-      } else if (code !== 200) {
-        notification.error({
-          message: '失败',
-          description: msg
-        })
-      } else {
-        return res.data
-      }
-      return Promise.reject(msg)
-    } else {
-      return res.data
-    }
-  }, errorHandler)
-}
-
-// 异常拦截处理器
-const errorHandler = (error) => {
-  if (error.response) {
-    const data = error.response.data
-    // 从 localstorage 获取 token
-    const token = localStorage.getItem(ACCESS_TOKEN)
-    if (error.response.status === 403 || (data && data.code === 403)) {
-      notification.error({
-        message: '禁止访问',
-        description: data
-      })
-    } else if (error.response.status === 401 || (data && data.code === 401)) {
-      notification.error({
-        message: '鉴权失败',
-        description: data
-      })
-      if (token) {
-        logout().then(() => {
-          setTimeout(() => {
-            window.location.reload()
-          }, 1500)
-        })
-      }
-    } else if (error.response.status === 500 || (data && data.code === 500)) {
-      notification.error({
-        message: '系统异常',
-        description: data
-      })
-    } else {
-      notification.error({
-        message: '网络异常',
-        description: data
-      })
-    }
-  }
-  return Promise.reject(error)
-}
-
-/**
- * 解析 url 中的参数
- * @param url
- * @returns {Object}
- */
-function parseUrlParams (url) {
-  const params = {}
-  if (!url || url === '' || typeof url !== 'string') {
-    return params
-  }
-  const paramsStr = url.split('?')[1]
-  if (!paramsStr) {
-    return params
-  }
-  const paramsArr = paramsStr.replace(/&|=/g, ' ').split(' ')
-  for (let i = 0; i < paramsArr.length / 2; i++) {
-    const value = paramsArr[i * 2 + 1]
-    params[paramsArr[i * 2]] = value === 'true' ? true : (value === 'false' ? false : value)
-  }
-  return params
-}
-
-export {
-  METHOD,
-  AUTH_TYPE,
-  request,
-  setAuthorization,
-  removeAuthorization,
-  checkAuthorization,
-  loadInterceptors,
-  parseUrlParams
-}
+import axios from 'axios'
+import Cookie from 'js-cookie'
+import { ACCESS_TOKEN, SYSTEM_VERSION, V4_ACCESS_TOKEN } from '@vue2-client/store/mutation-types'
+import notification from 'ant-design-vue/es/notification'
+import errorCode from '@vue2-client/utils/errorCode'
+import qs from 'qs'
+import { logout } from '@vue2-client/services/user'
+
+// 是否显示重新登录
+let isReloginShow
+
+axios.defaults.timeout = 5000
+axios.defaults.withCredentials = true
+
+// 认证类型
+const AUTH_TYPE = {
+  BEARER: 'Bearer',
+  BASIC: 'basic',
+  AUTH1: 'auth1',
+  AUTH2: 'auth2'
+}
+
+// http method
+const METHOD = {
+  GET: 'get',
+  POST: 'post',
+  PUT: 'put',
+  DELETE: 'delete'
+}
+
+/**
+ * axios请求
+ * @param url 请求地址
+ * @param method {METHOD} http method
+ * @param params 请求参数
+ * @param config
+ * @returns {Promise<AxiosResponse<T>>}
+ */
+async function request (url, method, params, config) {
+  switch (method) {
+    case METHOD.GET:
+      return axios.get(url, { params, ...config })
+    case METHOD.POST:
+      return axios.post(url, params, config)
+    case METHOD.PUT:
+      return axios.put(url, params, config)
+    case METHOD.DELETE:
+      return axios.delete(url, config)
+    default:
+      return axios.get(url, { params, ...config })
+  }
+}
+
+/**
+ * 设置认证信息
+ * @param auth {Object}
+ * @param authType {AUTH_TYPE} 认证类型，默认：{AUTH_TYPE.BEARER}
+ */
+function setAuthorization (auth, authType = AUTH_TYPE.BEARER) {
+  switch (authType) {
+    case AUTH_TYPE.BEARER:
+      Cookie.set(V4_ACCESS_TOKEN, 'Bearer ' + auth.token, { expires: auth.expireAt })
+      break
+    case AUTH_TYPE.BASIC:
+    case AUTH_TYPE.AUTH1:
+    case AUTH_TYPE.AUTH2:
+    default:
+      break
+  }
+}
+
+/**
+ * 设置系统版本
+ * @param value 系统版本
+ */
+export function setSystemVersion (value) {
+  Cookie.set(SYSTEM_VERSION, value)
+}
+
+/**
+ * 获取系统版本
+ */
+export function getSystemVersion () {
+  return Cookie.get(SYSTEM_VERSION)
+}
+
+/**
+ * 移出认证信息
+ * @param authType {AUTH_TYPE} 认证类型
+ */
+function removeAuthorization (authType = AUTH_TYPE.BEARER) {
+  switch (authType) {
+    case AUTH_TYPE.BEARER:
+      Cookie.remove(V4_ACCESS_TOKEN)
+      break
+    case AUTH_TYPE.BASIC:
+    case AUTH_TYPE.AUTH1:
+    case AUTH_TYPE.AUTH2:
+    default:
+      break
+  }
+}
+
+/**
+ * 检查认证信息
+ * @param authType
+ * @returns {boolean}
+ */
+function checkAuthorization (authType = AUTH_TYPE.BEARER) {
+  switch (authType) {
+    case AUTH_TYPE.BEARER:
+      if (Cookie.get(V4_ACCESS_TOKEN)) {
+        return true
+      }
+      break
+    case AUTH_TYPE.BASIC:
+    case AUTH_TYPE.AUTH1:
+    case AUTH_TYPE.AUTH2:
+    default:
+      break
+  }
+  return false
+}
+
+/**
+ * 加载 axios 拦截器
+ * @param interceptors
+ * @param options
+ */
+function loadInterceptors () {
+  // 加载请求拦截器
+  axios.interceptors.request.use(config => {
+    const token = localStorage.getItem(ACCESS_TOKEN)
+    // 如果 token 存在
+    // 让每个请求携带自定义 token 请根据实际情况自行修改
+    if (token) {
+      if (config.url !== '/auth/login') {
+        // 判断是否为V4环境
+        const compatible = getSystemVersion()
+        if (compatible === 'V4') {
+          // V4 环境则添加 V4请求头
+          config.headers[V4_ACCESS_TOKEN] = token
+        } else {
+          config.headers[ACCESS_TOKEN] = token
+        }
+      }
+    }
+    if (!config.headers['Content-Type']) {
+      config.headers['Content-Type'] = 'application/json;charset=UTF-8'
+    }
+    // 处理params参数
+    if (config.params) {
+      const url = config.url + '?' + qs.stringify(config.params, { indices: false })
+      config.params = {}
+      config.url = url
+    }
+    return config
+  }, errorHandler)
+  // 加载响应拦截器
+  axios.interceptors.response.use((res) => {
+    // 判断是否为V4环境，不为compatible赋初始值
+    // 其有可能是undefined未定义，或第一次使用本系统LocalStorage在初始化，获得的值为null
+    const compatible = getSystemVersion()
+    if (compatible === 'V4') {
+      // 请求rul
+      const requestUrl = res.config.url
+      if (res.data.data) {
+        res.data = res.data.data
+      }
+      // 未设置状态码则默认成功状态
+      const code = res.data.code || 200
+      // 获取错误信息
+      const msg = errorCode[code] || res.data.msg || errorCode['default']
+      // 二进制数据则直接返回
+      if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') {
+        return res.data
+      }
+      if (code === 401) {
+        if (!isReloginShow) {
+          isReloginShow = true
+          notification.open({
+            message: '系统提示',
+            description: '登录状态已过期，请重新登录',
+            btn: h => {
+              return h(
+                'a-button',
+                {
+                  props: {
+                    type: 'primary',
+                    size: 'small'
+                  },
+                  on: {
+                    click: () => {
+                      logout().then(() => {
+                        isReloginShow = false
+                        location.href = '/login'
+                      })
+                    }
+                  }
+                },
+                '确认'
+              )
+            },
+            duration: 0,
+            onClose: () => {
+              isReloginShow = false
+            }
+          })
+        }
+      } else if (code === 500) {
+        if (requestUrl !== '/login') {
+          notification.error({
+            message: '失败',
+            description: msg
+          })
+        }
+      } else if (code === 601) {
+        notification.warn({
+          message: '警告',
+          description: msg
+        })
+      } else if (code !== 200) {
+        notification.error({
+          message: '失败',
+          description: msg
+        })
+      } else {
+        return res.data
+      }
+      return Promise.reject(msg)
+    } else {
+      return res.data
+    }
+  }, errorHandler)
+}
+
+// 异常拦截处理器
+const errorHandler = (error) => {
+  if (error.response) {
+    const data = error.response.data
+    // 从 localstorage 获取 token
+    const token = localStorage.getItem(ACCESS_TOKEN)
+    if (error.response.status === 403 || (data && data.code === 403)) {
+      notification.error({
+        message: '禁止访问',
+        description: data
+      })
+    } else if (error.response.status === 401 || (data && data.code === 401)) {
+      notification.error({
+        message: '鉴权失败',
+        description: data
+      })
+      if (token) {
+        logout().then(() => {
+          setTimeout(() => {
+            window.location.reload()
+          }, 1500)
+        })
+      }
+    } else if (error.response.status === 500 || (data && data.code === 500)) {
+      notification.error({
+        message: '系统异常',
+        description: data
+      })
+    } else if (error.response.status === 601 || (data && data.code === 601)) {
+      notification.warn({
+        message: '系统警告',
+        description: data
+      })
+    } else {
+      notification.error({
+        message: '网络异常',
+        description: data
+      })
+    }
+  }
+  return Promise.reject(error)
+}
+
+/**
+ * 解析 url 中的参数
+ * @param url
+ * @returns {Object}
+ */
+function parseUrlParams (url) {
+  const params = {}
+  if (!url || url === '' || typeof url !== 'string') {
+    return params
+  }
+  const paramsStr = url.split('?')[1]
+  if (!paramsStr) {
+    return params
+  }
+  const paramsArr = paramsStr.replace(/&|=/g, ' ').split(' ')
+  for (let i = 0; i < paramsArr.length / 2; i++) {
+    const value = paramsArr[i * 2 + 1]
+    params[paramsArr[i * 2]] = value === 'true' ? true : (value === 'false' ? false : value)
+  }
+  return params
+}
+
+export {
+  METHOD,
+  AUTH_TYPE,
+  request,
+  setAuthorization,
+  removeAuthorization,
+  checkAuthorization,
+  loadInterceptors,
+  parseUrlParams
+}