vue2-client 1.7.0 → 1.7.1

package/src/utils/formatter.js

@@ -1,68 +1,68 @@
-/**
- * 把对象按照 js配置文件的格式进行格式化
- * @param obj 格式化的对象
- * @param dep 层级，此项无需传值
- * @returns {string}
- */
-function formatConfig (obj, dep) {
-  dep = dep || 1
-  const LN = '\n'; const TAB = '  '
-  let indent = ''
-  for (let i = 0; i < dep; i++) {
-    indent += TAB
-  }
-  let isArray = false; let arrayLastIsObj = false
-  let str = ''; let prefix = '{'; let subfix = '}'
-  if (Array.isArray(obj)) {
-    isArray = true
-    prefix = '['
-    subfix = ']'
-    str = obj.map((item, index) => {
-      let format = ''
-      if (typeof item == 'function') {
-        //
-      } else if (typeof item == 'object') {
-        arrayLastIsObj = true
-        format = `${LN}${indent}${formatConfig(item, dep + 1)},`
-      } else if ((typeof item == 'number' && !isNaN(item)) || typeof item == 'boolean') {
-        format = `${item},`
-      } else if (typeof item == 'string') {
-        format = `'${item}',`
-      }
-      if (index === obj.length - 1) {
-        format = format.substring(0, format.length - 1)
-      } else {
-        arrayLastIsObj = false
-      }
-      return format
-    }).join('')
-  } else if (typeof obj != 'function' && typeof obj == 'object') {
-    str = Object.keys(obj).map((key, index, keys) => {
-      const val = obj[key]
-      let format = ''
-      if (typeof val == 'function') {
-        //
-      } else if (typeof val == 'object') {
-        format = `${LN}${indent}${key}: ${formatConfig(val, dep + 1)},`
-      } else if ((typeof val == 'number' && !isNaN(val)) || typeof val == 'boolean') {
-        format = `${LN}${indent}${key}: ${val},`
-      } else if (typeof val == 'string') {
-        format = `${LN}${indent}${key}: '${val}',`
-      }
-      if (index === keys.length - 1) {
-        format = format.substring(0, format.length - 1)
-      }
-      return format
-    }).join('')
-  }
-  const len = TAB.length
-  if (indent.length >= len) {
-    indent = indent.substring(0, indent.length - len)
-  }
-  if (!isArray || arrayLastIsObj) {
-    subfix = LN + indent + subfix
-  }
-  return `${prefix}${str}${subfix}`
-}
-
-module.exports = { formatConfig }
+/**
+ * 把对象按照 js配置文件的格式进行格式化
+ * @param obj 格式化的对象
+ * @param dep 层级，此项无需传值
+ * @returns {string}
+ */
+function formatConfig (obj, dep) {
+  dep = dep || 1
+  const LN = '\n'; const TAB = '  '
+  let indent = ''
+  for (let i = 0; i < dep; i++) {
+    indent += TAB
+  }
+  let isArray = false; let arrayLastIsObj = false
+  let str = ''; let prefix = '{'; let subfix = '}'
+  if (Array.isArray(obj)) {
+    isArray = true
+    prefix = '['
+    subfix = ']'
+    str = obj.map((item, index) => {
+      let format = ''
+      if (typeof item == 'function') {
+        //
+      } else if (typeof item == 'object') {
+        arrayLastIsObj = true
+        format = `${LN}${indent}${formatConfig(item, dep + 1)},`
+      } else if ((typeof item == 'number' && !isNaN(item)) || typeof item == 'boolean') {
+        format = `${item},`
+      } else if (typeof item == 'string') {
+        format = `'${item}',`
+      }
+      if (index === obj.length - 1) {
+        format = format.substring(0, format.length - 1)
+      } else {
+        arrayLastIsObj = false
+      }
+      return format
+    }).join('')
+  } else if (typeof obj != 'function' && typeof obj == 'object') {
+    str = Object.keys(obj).map((key, index, keys) => {
+      const val = obj[key]
+      let format = ''
+      if (typeof val == 'function') {
+        //
+      } else if (typeof val == 'object') {
+        format = `${LN}${indent}${key}: ${formatConfig(val, dep + 1)},`
+      } else if ((typeof val == 'number' && !isNaN(val)) || typeof val == 'boolean') {
+        format = `${LN}${indent}${key}: ${val},`
+      } else if (typeof val == 'string') {
+        format = `${LN}${indent}${key}: '${val}',`
+      }
+      if (index === keys.length - 1) {
+        format = format.substring(0, format.length - 1)
+      }
+      return format
+    }).join('')
+  }
+  const len = TAB.length
+  if (indent.length >= len) {
+    indent = indent.substring(0, indent.length - len)
+  }
+  if (!isArray || arrayLastIsObj) {
+    subfix = LN + indent + subfix
+  }
+  return `${prefix}${str}${subfix}`
+}
+
+module.exports = { formatConfig }

package/src/utils/i18n.js

@@ -1,80 +1,80 @@
-import Vue from 'vue'
-import VueI18n from 'vue-i18n'
-import routesI18n from '@vue2-client/router/i18n'
-import './Objects'
-import { getI18nKey } from '@vue2-client/utils/routerUtil'
-
-/**
- * 创建 i18n 配置
- * @param locale 本地化语言
- * @param fallback 回退语言
- * @returns {VueI18n}
- */
-function initI18n (locale, fallback) {
-  Vue.use(VueI18n)
-  const i18nOptions = {
-    locale,
-    fallbackLocale: fallback,
-    silentFallbackWarn: true
-  }
-  return new VueI18n(i18nOptions)
-}
-
-/**
- * 根据 router options 配置生成 国际化语言
- * @param lang
- * @param routes
- * @param valueKey
- * @returns {*}
- */
-function generateI18n (lang, routes, valueKey) {
-  routes.forEach(route => {
-    const keys = getI18nKey(route.fullPath).split('.')
-    const value = valueKey === 'path' ? route[valueKey].split('/').filter(item => !item.startsWith(':') && item !== '').join('.') : route[valueKey]
-    lang.assignProps(keys, value)
-    if (route.children) {
-      generateI18n(lang, route.children, valueKey)
-    }
-  })
-  return lang
-}
-
-/**
- * 格式化 router.options.routes，生成 fullPath
- * @param routes
- * @param parentPath
- */
-function formatFullPath (routes, parentPath = '') {
-  routes.forEach(route => {
-    const isFullPath = route.path.substring(0, 1) === '/'
-    route.fullPath = isFullPath ? route.path : (parentPath === '/' ? parentPath + route.path : parentPath + '/' + route.path)
-    if (route.children) {
-      formatFullPath(route.children, route.fullPath)
-    }
-  })
-}
-
-/**
- * 从路由提取国际化数据
- * @param i18n
- * @param routes
- */
-function mergeI18nFromRoutes (i18n, routes) {
-  formatFullPath(routes)
-  // eslint-disable-next-line no-new-object
-  const CN = generateI18n({}, routes, 'name')
-  // eslint-disable-next-line no-new-object
-  const US = generateI18n({}, routes, 'path')
-  i18n.mergeLocaleMessage('CN', CN)
-  i18n.mergeLocaleMessage('US', US)
-  const messages = routesI18n.messages
-  Object.keys(messages).forEach(lang => {
-    i18n.mergeLocaleMessage(lang, messages[lang])
-  })
-}
-
-export {
-  initI18n,
-  mergeI18nFromRoutes,
-  formatFullPath
-}
+import Vue from 'vue'
+import VueI18n from 'vue-i18n'
+import routesI18n from '@vue2-client/router/i18n'
+import './Objects'
+import { getI18nKey } from '@vue2-client/utils/routerUtil'
+
+/**
+ * 创建 i18n 配置
+ * @param locale 本地化语言
+ * @param fallback 回退语言
+ * @returns {VueI18n}
+ */
+function initI18n (locale, fallback) {
+  Vue.use(VueI18n)
+  const i18nOptions = {
+    locale,
+    fallbackLocale: fallback,
+    silentFallbackWarn: true
+  }
+  return new VueI18n(i18nOptions)
+}
+
+/**
+ * 根据 router options 配置生成 国际化语言
+ * @param lang
+ * @param routes
+ * @param valueKey
+ * @returns {*}
+ */
+function generateI18n (lang, routes, valueKey) {
+  routes.forEach(route => {
+    const keys = getI18nKey(route.fullPath).split('.')
+    const value = valueKey === 'path' ? route[valueKey].split('/').filter(item => !item.startsWith(':') && item !== '').join('.') : route[valueKey]
+    lang.assignProps(keys, value)
+    if (route.children) {
+      generateI18n(lang, route.children, valueKey)
+    }
+  })
+  return lang
+}
+
+/**
+ * 格式化 router.options.routes，生成 fullPath
+ * @param routes
+ * @param parentPath
+ */
+function formatFullPath (routes, parentPath = '') {
+  routes.forEach(route => {
+    const isFullPath = route.path.substring(0, 1) === '/'
+    route.fullPath = isFullPath ? route.path : (parentPath === '/' ? parentPath + route.path : parentPath + '/' + route.path)
+    if (route.children) {
+      formatFullPath(route.children, route.fullPath)
+    }
+  })
+}
+
+/**
+ * 从路由提取国际化数据
+ * @param i18n
+ * @param routes
+ */
+function mergeI18nFromRoutes (i18n, routes) {
+  formatFullPath(routes)
+  // eslint-disable-next-line no-new-object
+  const CN = generateI18n({}, routes, 'name')
+  // eslint-disable-next-line no-new-object
+  const US = generateI18n({}, routes, 'path')
+  i18n.mergeLocaleMessage('CN', CN)
+  i18n.mergeLocaleMessage('US', US)
+  const messages = routesI18n.messages
+  Object.keys(messages).forEach(lang => {
+    i18n.mergeLocaleMessage(lang, messages[lang])
+  })
+}
+
+export {
+  initI18n,
+  mergeI18nFromRoutes,
+  formatFullPath
+}

package/src/utils/login.js

@@ -0,0 +1,138 @@
+import { getRoutesConfig, login } from '@vue2-client/services/user'
+import { loadRoutes, funcToRouter } from '@vue2-client/utils/routerUtil'
+import JSEncrypt from 'jsencrypt'
+import { positions } from '@vue2-client/mock/common'
+import { timeFix } from '@vue2-client/utils/util'
+import { indexedDB } from '@vue2-client/utils/indexedDB'
+import Vue from 'vue'
+import { message } from 'ant-design-vue'
+import {
+  ACCESS_TOKEN,
+  V4_ACCESS_TOKEN,
+} from '@vue2-client/store/mutation-types'
+// 认证类型
+const AUTH_TYPE = {
+  BEARER: 'Bearer',
+  BASIC: 'basic',
+  AUTH1: 'auth1',
+  AUTH2: 'auth2',
+}
+export function checkSingleAuthorization (authType = AUTH_TYPE.BEARER) {
+  switch (authType) {
+    case AUTH_TYPE.BEARER:
+      if (localStorage.getItem(V4_ACCESS_TOKEN)) {
+        return true
+      }
+      break
+    case AUTH_TYPE.BASIC:
+    case AUTH_TYPE.AUTH1:
+    case AUTH_TYPE.AUTH2:
+    default:
+      break
+  }
+  return false
+}
+function setSingleAuthorization (auth, authType = AUTH_TYPE.BEARER) {
+  switch (authType) {
+    case AUTH_TYPE.BEARER:
+      localStorage.setItem(V4_ACCESS_TOKEN, 'Bearer ' + auth.token)
+      break
+    case AUTH_TYPE.BASIC:
+    case AUTH_TYPE.AUTH1:
+    case AUTH_TYPE.AUTH2:
+    default:
+      break
+  }
+}
+function setAccessToken (data) {
+  if (data) {
+    localStorage.setItem(ACCESS_TOKEN, data)
+    let timestamp = new Date().getTime() // 当前的时间戳
+    timestamp = timestamp + 12 * 60 * 60 * 1000
+    // 格式化时间获取年月日, 登陆过期时间
+    const dateAfter = new Date(timestamp)
+    setSingleAuthorization({ token: data, expireAt: dateAfter })
+  }
+}
+function afterGeneral (result, options) {
+  const { password, store } = options
+  const user = Object.assign(
+    {
+      id: result.id,
+      username: result.ename,
+      password: password,
+      name: result.name,
+      avatar:
+        'https://gw.alipayobjects.com/zos/rmsportal/jZUIxmJycoymBprLOUbT.png',
+      address: '西安市',
+      position: positions[0],
+    },
+    result
+  )
+  const setUser = store._mutations['account/setUser'][0]
+  const setPermissions = store._mutations['account/setPermissions'][0]
+  const setRoles = store._mutations['account/setRoles'][0]
+  setUser(user)
+  setPermissions([{ id: 'queryForm', operation: ['add', 'edit'] }])
+  setRoles([{ id: 'admin', operation: ['add', 'edit', 'delete'] }])
+  loadRoutes(funcToRouter(user.functions))
+  // 每次重新登录时，清除indexedDB缓存
+  indexedDB.clear()
+  message.success(timeFix().CN + `，${result.name} 欢迎回来`, 3)
+}
+function afterLogin (res, options) {
+  const { name, password, store, router, pathname } = options
+  const setting = store.state.setting
+  const loginRes = res.states
+  if (loginRes === '登录成功') {
+    const encrypt = new JSEncrypt()
+    encrypt.setPublicKey(
+      'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCqPvovSfXcwBbW8cKMCgwqNpsYuzF8RPAPFb7LGsnVo44JhM/xxzDyzoYtdfNmtbIuKVi9PzIsyp6rg+09gbuI6UGwBZ5DWBDBMqv5MPdOF5dCQkB2Bbr5yPfURPENypUz+pBFBg41d+BC+rwRiXELwKy7Y9caD/MtJyHydj8OUwIDAQAB'
+    )
+    const data = encrypt.encrypt(
+      JSON.stringify({ username: name, password: password })
+    )
+    // 获取路由配置
+    getRoutesConfig(data, setting.routeName)
+      .then((result) => {
+        Vue.$login
+          .login(result)
+          .then(() => {
+            // V3任何情况首位加入资源管理
+            const resourceManageMain = {
+              name: '资源管理',
+              icon: 'api',
+              position: 1,
+              link: 'resourceManageMain',
+            }
+            result.functions.unshift(resourceManageMain)
+            afterGeneral(result, options)
+            setAccessToken(data)
+            if (result.deps === '用户工单登记') {
+              router.push(setting.ticketPage).catch(() => {})
+            } else {
+              console.log('去往的页面', pathname)
+              router.push(pathname).catch(() => {})
+            }
+          })
+          .finally(() => {})
+      })
+      .catch((res) => {})
+  } else {
+  }
+}
+export function startLogin (options) {
+  const { name, password, store } = options
+  const setting = store.state.setting
+  switch (setting.compatible) {
+    case 'V2':
+    case 'V3': {
+      login(name, password)
+        .then((res) => {
+          afterLogin(res, options)
+        })
+        .catch((msg) => {})
+      break
+    }
+  }
+}

package/src/utils/map-utils.js

@@ -1,37 +1,37 @@
-import AMapLoader from '@amap/amap-jsapi-loader'
-let Amap
-async function GetGDMap (secretKey, key) {
-  if (!Amap) {
-    window._AMapSecurityConfig = {
-      securityJsCode: secretKey
-    }
-    Amap = await AMapLoader.load({
-      key: key, // 申请好的Web端开发者Key，首次调用 load 时必填
-      version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-      plugins: ['AMap.IndexCluster', 'AMP.MarkerCluster', 'AMap.InfoWindow', 'AMap.HeatMap', 'AMap.HawkEye', 'AMap.DistrictSearch',
-        'AMap.ToolBar', 'AMap.Geolocation',
-        'AMap.Geocoder', 'AMap.MarkerClusterer', 'AMap.AutoComplete'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-      AMapUI: {
-        version: '1.1', // AMapUI 缺省 1.1
-        plugins: ['misc/PositionPicker'] // 需要加载的 AMapUI ui插件
-      }
-    })
-  }
-  return Amap
-}
-async function GetLocation (address) {
-  return new Promise(async (resolve, reject) => {
-    new (await GetGDMap()).Geocoder({
-      radius: 500 // 范围，默认：500
-    }).getLocation(address, function (status, result) {
-      console.log(result)
-      if (status === 'complete' && result.geocodes.length) {
-        resolve({ lng: result.geocodes[0].location.lng, lat: result.geocodes[0].location.lat })
-      } else {
-        // eslint-disable-next-line prefer-promise-reject-errors
-        reject('根据经纬度查询地址失败')
-      }
-    })
-  })
-}
-export { GetGDMap, GetLocation }
+import AMapLoader from '@amap/amap-jsapi-loader'
+let Amap
+async function GetGDMap (secretKey, key) {
+  if (!Amap) {
+    window._AMapSecurityConfig = {
+      securityJsCode: secretKey
+    }
+    Amap = await AMapLoader.load({
+      key: key, // 申请好的Web端开发者Key，首次调用 load 时必填
+      version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+      plugins: ['AMap.IndexCluster', 'AMP.MarkerCluster', 'AMap.InfoWindow', 'AMap.HeatMap', 'AMap.HawkEye', 'AMap.DistrictSearch',
+        'AMap.ToolBar', 'AMap.Geolocation',
+        'AMap.Geocoder', 'AMap.MarkerClusterer', 'AMap.AutoComplete'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+      AMapUI: {
+        version: '1.1', // AMapUI 缺省 1.1
+        plugins: ['misc/PositionPicker'] // 需要加载的 AMapUI ui插件
+      }
+    })
+  }
+  return Amap
+}
+async function GetLocation (address) {
+  return new Promise(async (resolve, reject) => {
+    new (await GetGDMap()).Geocoder({
+      radius: 500 // 范围，默认：500
+    }).getLocation(address, function (status, result) {
+      console.log(result)
+      if (status === 'complete' && result.geocodes.length) {
+        resolve({ lng: result.geocodes[0].location.lng, lat: result.geocodes[0].location.lat })
+      } else {
+        // eslint-disable-next-line prefer-promise-reject-errors
+        reject('根据经纬度查询地址失败')
+      }
+    })
+  })
+}
+export { GetGDMap, GetLocation }