bi-element-ui 1.1.97 → 1.1.98

package/src/router/index.js

@@ -1,44 +1,49 @@
-import Vue from 'vue'
-import VueRouter from 'vue-router'
-import Home from '../views/Home.vue'
-
-Vue.use(VueRouter)
-
-const routes = [
-  {
-    path: '/',
-    name: 'Home',
-    component: Home
-  },
-  // {
-  //   path: '/scene',
-  //   name: 'Scene',
-  //   component: () => import(/* webpackChunkName: "about" */ '../views/Scene.vue')
-  // },
-  {
-    path: '/date',
-    name: 'Date',
-    component: () => import(/* webpackChunkName: "about" */ '../views/Date.vue')
-  },
-  {
-    path: '/layout',
-    name: 'Layout',
-    component: () => import(/* webpackChunkName: "about" */ '../views/Layout.vue')
-  },
-  {
-    path: '/table',
-    name: 'Table',
-    component: () => import(/* webpackChunkName: "about" */ '../views/Table.vue')
-  },
-  {
-    path: '/showData',
-    name: 'showData',
-    component: () => import(/* webpackChunkName: "about" */ '../views/showData.vue')
-  }
-]
-
-const router = new VueRouter({
-  routes
-})
-
-export default router
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+import Home from '../views/Home.vue'
+
+Vue.use(VueRouter)
+
+const routes = [
+  {
+    path: '/',
+    name: 'Home',
+    component: Home
+  },
+  // {
+  //   path: '/scene',
+  //   name: 'Scene',
+  //   component: () => import(/* webpackChunkName: "about" */ '../views/Scene.vue')
+  // },
+  {
+    path: '/date',
+    name: 'Date',
+    component: () => import(/* webpackChunkName: "about" */ '../views/Date.vue')
+  },
+  {
+    path: '/layout',
+    name: 'Layout',
+    component: () => import(/* webpackChunkName: "about" */ '../views/Layout.vue')
+  },
+  {
+    path: '/table',
+    name: 'Table',
+    component: () => import(/* webpackChunkName: "about" */ '../views/Table.vue')
+  },
+  {
+    path: '/showData',
+    name: 'showData',
+    component: () => import(/* webpackChunkName: "about" */ '../views/showData.vue')
+  },
+  {
+    path: '/log',
+    name: 'log',
+    component: () => import(/* webpackChunkName: "about" */ '../views/Log.vue')
+  }
+]
+
+const router = new VueRouter({
+  routes
+})
+
+export default router

package/src/store/index.js

@@ -1,11 +1,11 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
-
-Vue.use(Vuex)
-
-export default new Vuex.Store({
-  state: {},
-  mutations: {},
-  actions: {},
-  modules: {}
-})
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  state: {},
+  mutations: {},
+  actions: {},
+  modules: {}
+})

package/src/utils/auth.js

@@ -0,0 +1,66 @@
+import Cookies from 'js-cookie'
+
+const tokenKey = 'authorization'
+const UaKey = 'UA'
+const CorpIdKey = 'CorpId'
+const AppKeyKey = 'AppKeyKey'
+
+export function getToken() {
+  return Cookies.get(tokenKey)
+}
+
+export function setToken(token) {
+  console.log(token)
+  return Cookies.set(tokenKey, token, {
+    expires: 3650
+  })
+}
+
+export function removeToken() {
+  return Cookies.remove(tokenKey)
+}
+
+export function getUa() {
+  return Cookies.get(UaKey) || 'pc'
+}
+
+export function setUa() {
+  const UA = navigator.userAgent.toLowerCase()
+  if (UA.indexOf('dingtalk') > -1) {
+    return Cookies.set(UaKey, 'dingtalk', {
+      expires: 3650
+    })
+  } else {
+    return Cookies.set(UaKey, 'pc', {
+      expires: 3650
+    })
+  }
+}
+
+export function removeUa() {
+  return Cookies.remove(UaKey)
+}
+
+export function getCorpId() {
+  return localStorage.getItem(CorpIdKey)
+}
+
+export function setCorpId(corpId) {
+  return localStorage.setItem(CorpIdKey, corpId)
+}
+
+export function removeCorpId() {
+  return localStorage.removeItem(CorpIdKey)
+}
+
+export function getAppKey() {
+  return localStorage.getItem(AppKeyKey)
+}
+
+export function setAppKey(app_key) {
+  return localStorage.setItem(AppKeyKey, app_key)
+}
+
+export function removeAppKey() {
+  return localStorage.removeItem(AppKeyKey)
+}

package/src/utils/index.js

@@ -0,0 +1,296 @@
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+
+/**
+ * Parse the time to string
+ * @param {(Object|string|number)} time
+ * @param {string} cFormat
+ * @returns {string | null}
+ */
+export function parseTime(time, cFormat) {
+  if (arguments.length === 0 || !time) {
+    return null
+  }
+  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+  let date
+  if (typeof time === 'object') {
+    date = time
+  } else {
+    if (typeof time === 'string') {
+      if (/^[0-9]+$/.test(time)) {
+        // support "1548221490638"
+        time = parseInt(time)
+      } else {
+        // support safari
+        // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
+        time = time.replace(new RegExp(/-/gm), '/')
+      }
+    }
+
+    if (typeof time === 'number' && time.toString().length === 10) {
+      time = time * 1000
+    }
+    date = new Date(time)
+  }
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  }
+  const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
+    const value = formatObj[key]
+    // Note: getDay() returns 0 on Sunday
+    if (key === 'a') {
+      return ['日', '一', '二', '三', '四', '五', '六'][value]
+    }
+    return value.toString().padStart(2, '0')
+  })
+  return time_str
+}
+
+/**
+ * @param {number} time
+ * @param {string} option
+ * @returns {string}
+ */
+export function formatTime(time, option) {
+  if (('' + time).length === 10) {
+    time = parseInt(time) * 1000
+  } else {
+    time = +time
+  }
+  const d = new Date(time)
+  const now = Date.now()
+
+  const diff = (now - d) / 1000
+
+  if (diff < 30) {
+    return '刚刚'
+  } else if (diff < 3600) {
+    // less 1 hour
+    return Math.ceil(diff / 60) + '分钟前'
+  } else if (diff < 3600 * 24) {
+    return Math.ceil(diff / 3600) + '小时前'
+  } else if (diff < 3600 * 24 * 2) {
+    return '1天前'
+  }
+  if (option) {
+    return parseTime(time, option)
+  } else {
+    return d.getMonth() + 1 + '月' + d.getDate() + '日' + d.getHours() + '时' + d.getMinutes() + '分'
+  }
+}
+
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+export function param2Obj(url) {
+  const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
+  if (!search) {
+    return {}
+  }
+  const obj = {}
+  const searchArr = search.split('&')
+  searchArr.forEach((v) => {
+    const index = v.indexOf('=')
+    if (index !== -1) {
+      const name = v.substring(0, index)
+      const val = v.substring(index + 1, v.length)
+      obj[name] = val
+    }
+  })
+  return obj
+}
+
+export function browserType() {
+  // 权重：系统 + 系统版本 > 平台 > 内核 + 载体 + 内核版本 + 载体版本 > 外壳 + 外壳版本
+  const ua = navigator.userAgent.toLowerCase()
+  const testUa = (regexp) => regexp.test(ua)
+  const testVs = (regexp) => {
+    const res = ua.match(regexp) || ''
+
+    return res
+      .toString()
+      .replace(/[^0-9|_.]/g, '')
+      .replace(/_/g, '.')
+  }
+  // 系统
+  let system = 'other'
+  if (testUa(/windows|win32|win64|wow32|wow64/g)) {
+    system = 'windows' // windows系统
+  } else if (testUa(/macintosh|macintel/g)) {
+    system = 'macos' // macos系统
+  } else if (testUa(/x11/g)) {
+    system = 'linux' // linux系统
+  } else if (testUa(/android|adr/g)) {
+    system = 'android' // android系统
+  } else if (testUa(/ios|iphone|ipad|ipod|iwatch/g)) {
+    system = 'ios' // ios系统
+  }
+  // 系统版本
+  let systemVs = 'unknow'
+  if (system === 'windows') {
+    if (testUa(/windows nt 5.0|windows 2000/g)) {
+      systemVs = '2000'
+    } else if (testUa(/windows nt 5.1|windows xp/g)) {
+      systemVs = 'xp'
+    } else if (testUa(/windows nt 5.2|windows 2003/g)) {
+      systemVs = '2003'
+    } else if (testUa(/windows nt 6.0|windows vista/g)) {
+      systemVs = 'vista'
+    } else if (testUa(/windows nt 6.1|windows 7/g)) {
+      systemVs = '7'
+    } else if (testUa(/windows nt 6.2|windows 8/g)) {
+      systemVs = '8'
+    } else if (testUa(/windows nt 6.3|windows 8.1/g)) {
+      systemVs = '8.1'
+    } else if (testUa(/windows nt 10.0|windows 10/g)) {
+      systemVs = '10'
+    }
+  } else if (system === 'macos') {
+    systemVs = testVs(/os x [\d._]+/g)
+  } else if (system === 'android') {
+    systemVs = testVs(/android [\d._]+/g)
+  } else if (system === 'ios') {
+    systemVs = testVs(/os [\d._]+/g)
+  }
+  // 平台
+  let platform = 'unknow'
+  if (system === 'windows' || system === 'macos' || system === 'linux') {
+    platform = 'desktop' // 桌面端
+  } else if (system === 'android' || system === 'ios' || testUa(/mobile/g)) {
+    platform = 'mobile' // 移动端
+  }
+  // 内核和载体
+  let engine = 'unknow'
+  let supporter = 'unknow'
+  if (testUa(/applewebkit/g)) {
+    engine = 'webkit' // webkit内核
+    if (testUa(/edge/g)) {
+      supporter = 'edge' // edge浏览器
+    } else if (testUa(/opr/g)) {
+      supporter = 'opera' // opera浏览器
+    } else if (testUa(/chrome/g)) {
+      supporter = 'chrome' // chrome浏览器
+    } else if (testUa(/safari/g)) {
+      supporter = 'safari' // safari浏览器
+    } else if (testUa(/dingtalk/g)) {
+      supporter = 'dingtalk' // 钉钉浏览器
+    }
+  } else if (testUa(/gecko/g) && testUa(/firefox/g)) {
+    engine = 'gecko' // gecko内核
+    supporter = 'firefox' // firefox浏览器
+  } else if (testUa(/presto/g)) {
+    engine = 'presto' // presto内核
+    supporter = 'opera' // opera浏览器
+  } else if (testUa(/trident|compatible|msie/g)) {
+    engine = 'trident' // trident内核
+    supporter = 'iexplore' // iexplore浏览器
+  }
+  // 内核版本
+  let engineVs = 'unknow'
+  if (engine === 'webkit') {
+    engineVs = testVs(/applewebkit\/[\d._]+/g)
+  } else if (engine === 'gecko') {
+    engineVs = testVs(/gecko\/[\d._]+/g)
+  } else if (engine === 'presto') {
+    engineVs = testVs(/presto\/[\d._]+/g)
+  } else if (engine === 'trident') {
+    engineVs = testVs(/trident\/[\d._]+/g)
+  }
+  // 载体版本
+  let supporterVs = 'unknow'
+  if (supporter === 'chrome') {
+    supporterVs = testVs(/chrome\/[\d._]+/g)
+  } else if (supporter === 'safari') {
+    supporterVs = testVs(/version\/[\d._]+/g)
+  } else if (supporter === 'firefox') {
+    supporterVs = testVs(/firefox\/[\d._]+/g)
+  } else if (supporter === 'opera') {
+    supporterVs = testVs(/opr\/[\d._]+/g)
+  } else if (supporter === 'iexplore') {
+    supporterVs = testVs(/(msie [\d._]+)|(rv:[\d._]+)/g)
+  } else if (supporter === 'edge') {
+    supporterVs = testVs(/edge\/[\d._]+/g)
+  } else if (supporter === 'dingtalk') {
+    supporterVs = testVs(/dingtalk\/[\d._]+/)
+  }
+  // 外壳和外壳版本
+  let shell = 'none'
+  let shellVs = 'unknow'
+  if (testUa(/micromessenger/g)) {
+    shell = 'wechat' // 微信浏览器
+    shellVs = testVs(/micromessenger\/[\d._]+/g)
+  } else if (testUa(/qqbrowser/g)) {
+    shell = 'qq' // QQ浏览器
+    shellVs = testVs(/qqbrowser\/[\d._]+/g)
+  } else if (testUa(/ucbrowser/g)) {
+    shell = 'uc' // UC浏览器
+    shellVs = testVs(/ucbrowser\/[\d._]+/g)
+  } else if (testUa(/qihu 360se/g)) {
+    shell = '360' // 360浏览器(无版本)
+  } else if (testUa(/2345explorer/g)) {
+    shell = '2345' // 2345浏览器
+    shellVs = testVs(/2345explorer\/[\d._]+/g)
+  } else if (testUa(/metasr/g)) {
+    shell = 'sougou' // 搜狗浏览器(无版本)
+  } else if (testUa(/lbbrowser/g)) {
+    shell = 'liebao' // 猎豹浏览器(无版本)
+  } else if (testUa(/maxthon/g)) {
+    shell = 'maxthon' // 遨游浏览器
+    shellVs = testVs(/maxthon\/[\d._]+/g)
+  }
+  return Object.assign(
+    {
+      engine, // webkit gecko presto trident
+      engineVs,
+      platform, // desktop mobile
+      supporter, // chrome safari firefox opera iexplore edge
+      supporterVs,
+      system, // windows macos linux android ios
+      systemVs
+    },
+    shell === 'none' ? {} : { shell, shellVs }
+  )
+}
+
+export function pathResolve(...paths) {
+  // 1. 将所有路径合并成一个字符串
+  let resolvedPath = ''
+
+  for (const path of paths) {
+    // 如果路径是绝对路径，直接赋值
+    if (path.startsWith('/')) {
+      resolvedPath = path
+    } else {
+      // 否则，拼接路径
+      resolvedPath = `${resolvedPath}/${path}`.replace(/\/+/g, '/')
+    }
+  }
+
+  // 2. 处理路径中的.和..部分
+  const parts = resolvedPath.split('/')
+
+  const stack = []
+  for (const part of parts) {
+    if (part === '' || part === '.') {
+      // 忽略空和当前目录
+      continue
+    } else if (part === '..') {
+      // 返回上级目录
+      stack.pop()
+    } else {
+      // 添加有效部分
+      stack.push(part)
+    }
+  }
+
+  // 3. 返回最终的绝对路径
+  return '/' + stack.join('/')
+}

package/src/utils/request.js

@@ -0,0 +1,81 @@
+import axios from 'axios'
+import { Message } from 'bi-eleme'
+import { getToken, getUa } from '@/utils/auth.js'
+import { browserType } from '@/utils/index'
+
+// create an axios instance
+const service = axios.create({
+  baseURL: 'zhangquan-dev', // url = base url + request url
+  // withCredentials: true, // send cookies when cross-domain requests
+  timeout: 100000 // request timeout
+})
+console.log(process.env.VUE_APP_BASE_API)
+
+// request interceptor
+service.interceptors.request.use(
+  (config) => {
+    // do something before request is sent
+    config.headers['AuthKey'] = 'authtpe84dzfl3iq62'
+    config.headers['Login-Env'] = getUa()
+    config.headers['Login-Device'] = JSON.stringify(browserType())
+    if (getToken()) {
+      // let each request carry token
+      // ['X-Token'] is a custom headers key
+      // please modify it according to the actual situation
+      config.headers['authorization'] = getToken()
+    }
+    return config
+  },
+  (error) => {
+    // do something with request error
+    console.log(error) // for debug
+    return Promise.reject(error)
+  }
+)
+
+// response interceptor
+service.interceptors.response.use(
+  /**
+   * If you want to get http information such as headers or status
+   * Please return  response => response
+   */
+
+  /**
+   * Determine the request status by custom code
+   * Here is just an example
+   * You can also judge the status by HTTP Status Code
+   */
+  (response) => {
+    const res = response.data
+
+    // if the custom code is not 20000, it is judged as an error.
+    if (res.status_code !== 1) {
+      if (res.status_code !== 101) {
+        // 101 是需要二次确认的状态码
+        Message({
+          message: res.msg || 'Error',
+          type: 'error',
+          duration: 5 * 1000
+        })
+      }
+      // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
+      if (res.status_code === -100) {
+        // to re-login
+      }
+      return res
+    } else {
+      return res
+    }
+  },
+  (error) => {
+    console.log('err' + error) // for debug
+    Message({
+      message: error.msg,
+      type: 'error',
+      duration: 5 * 1000
+    })
+    return Promise.reject(error)
+  }
+)
+
+export default service