超时未操作后的跳转—vue

backendApi/modules/v1/controllers/BaseController.php

@@ -51,7 +51,7 @@ class BaseController extends \yii\rest\ActiveController {
             $currentTime = time();
             $timeOut = 1 * 60 ;
             if ($currentTime - $lastTime > $timeOut) {
-                return self::notice('页面由于长时间未进行操纵需要重新登录', 403);
+                return self::notice('Connection not operated for too long', 402);
             } else {
                 Yii::$app->tokenRedis->hset($redisAdminKey, 'lastTime', time());
             }

backendEle/src/utils/tool.js

@@ -1,267 +1,271 @@
-import errorCode from './errorCode'
-import baseInfo from './baseInfo'
-import userInfo from './userInfo'
-import router from '@/router'
-import {PRICE_IS_ROUND} from './config'
-import ElementUI from 'element-ui'
-
-let tool = {
-  /**
-   * 设置JS存在客户端的Storage值
-   * @param key
-   * @param value
-   */
-  setStorage (key, value) {
-    localStorage.setItem(key, value)
-  },
-  /**
-   * 获取Storage值
-   * @param key
-   * @returns {string | null}
-   */
-  getStorage (key) {
-    return localStorage.getItem(key)
-  },
-  /**
-   * 移除Storage值
-   * @param key
-   */
-  removeStorage (key) {
-    localStorage.removeItem(key)
-  },
-  /**
-   * 获取当前时间戳(精确到秒)
-   * @returns {number}
-   */
-  getTimestamp (date = null) {
-    let days = baseInfo.daysDiff()
-    let dateObj
-    if (date !== null) {
-      dateObj = new Date(date)
-    } else {
-      dateObj = new Date()
-    }
-    return Math.round(dateObj.getTime() / 1000 + (days * 86400))
-  },
-  formatDate (timestamp,withTime=true) {
-    let newDate = new Date()
-    timestamp = parseInt(timestamp)
-    if (timestamp) {
-      newDate.setTime(timestamp * 1000)
-    } else {
-      return ''
-    }
-    let Y = newDate.getFullYear() + '-'
-    let M = (newDate.getMonth() + 1 < 10 ? '0' + (newDate.getMonth() + 1) : newDate.getMonth() + 1) + '-'
-    let D = (newDate.getDate() < 10 ? '0' + (newDate.getDate()) : newDate.getDate()) + ' '
-    let h = (newDate.getHours() < 10 ? '0' + newDate.getHours() : newDate.getHours()) + ':'
-    let m = (newDate.getMinutes() < 10 ? '0' + newDate.getMinutes() : newDate.getMinutes()) + ':'
-    let s = (newDate.getSeconds() < 10 ? '0' + newDate.getSeconds() : newDate.getSeconds())
-    if(withTime) return Y + M + D + h + m + s
-    return Y + M + D
-  },
-  /**
-   * 处理错误结果
-   * @param error
-   * @returns {{message: string, todo: *}}
-   */
-  errorHandle(error) {
-    let message = ''
-    let status = 0
-    let todo
-    if (errorCode.has(error)) {
-      let errorResult = errorCode.get(error)
-      message = errorResult.message
-      status = errorResult.status ? errorResult.status : 0
-      todo = errorResult.todo
-    } else {
-      message = error.message
-      todo = null
-      status = error.data.status ? error.data.status : 0
-    }
-    if (todo || status === 401) {
-      message = todo?'未获得授权，请重新登录':(message==='Your request was made with invalid credentials.'?'未获得授权，请重新登录':message)
-      userInfo.logout()
-    }
-    return {message, todo}
-  },
-  /**
-   * 解析URL地址
-   * @param url
-   * var myURL = parseURL('http://abc.com:8080/dir/index.html?id=255&m=hello#top');
-   myURL.file; // = 'index.html'
-   myURL.hash; // = 'top'
-   myURL.host; // = 'abc.com'
-   myURL.query; // = '?id=255&m=hello'
-   myURL.params; // = Object = { id: 255, m: hello }
-   myURL.path; // = '/dir/index.html'
-   myURL.segments; // = Array = ['dir', 'index.html']
-   myURL.port; // = '8080'
-   myURL.protocol; // = 'http'
-   myURL.source; // = 'http://abc.com:8080/dir/index.html?id=255&m=hello#top'
-   * @returns {{source: *, protocol: string, host: string, port: string, query: string, params, file: string | *, hash: string, path: string, relative: string | *, segments: string[]}}
-   */
-  parseURL (url) {
-    let a = document.createElement('a')
-    a.href = url
-    return {
-      source: url,
-      protocol: a.protocol.replace(':', ''),
-      host: a.hostname,
-      port: a.port,
-      query: a.search,
-      params: (function () {
-        let waitUrl = a.hash.replace(/^#[\/\-_a-zA-Z0-9]+\?/, '\?') || a.search
-        let ret = {},
-          seg = waitUrl.replace(/^\?/, '').split('&'),
-          len = seg.length,
-          i = 0,
-          s
-        for (; i < len; i++) {
-          if (!seg[i]) {
-            continue
-          }
-          s = seg[i].split('=')
-          ret[s[0]] = s[1]
-        }
-        return ret
-      })(),
-      file: (a.pathname.match(/\/([^\/?#]+)$/i) || [, ''])[1],
-      hash: a.hash.replace('#', ''),
-      path: a.pathname.replace(/^([^\/])/, '/$1'),
-      relative: (a.href.match(/tps?:\/\/[^\/]+(.+)/) || [, ''])[1],
-      segments: a.pathname.replace(/^\//, '').split('/')
-    }
-  },
-  removeFromArr (arr, item) {
-    for (let i = arr.length - 1; i >= 0; i--) {
-      if (arr[i] === item) {
-        arr.splice(i, 1)
-        return arr
-      }
-    }
-  },
-  isInArray (arr, value) {
-    for (let i in arr) {
-      if (value === arr[i]) {
-        return true
-      }
-    }
-    return false
-  },
-  isString (val) {
-    return typeof val === 'string' || val instanceof String
-  },
-  /**
-   * 格式化金额数值为两位小数，是否四舍五入
-   * @param val
-   * @returns {string}
-   */
-  formatPrice (val) {
-    val = Number.parseFloat(val)
-    if (PRICE_IS_ROUND) {
-      return val.toFixed(2)
-    } else {
-      val = val.toFixed(3)
-      return val.substring(0, val.lastIndexOf('.') + 3)
-    }
-  },
-  go (path) {
-    router.push(path)
-  },
-  /**
-   * 根据状态返回颜色
-   * @param val
-   * @returns {string}
-   */
-  statusType(val){
-    switch (val){
-      case '0':
-        return 'info'
-        break
-      case '1':
-        return 'success'
-        break
-      case '2':
-        return 'warning'
-        break
-      case '3':
-        return 'danger'
-        break
-      default:
-        return ''
-    }
-  },
-  /**
-   * 格式化筛选数据
-   * @param selData
-   * @param id
-   * @param name
-   * @returns {Array}
-   */
-  filterSelectFormat(selData, id, name) {
-    let arr=[]
-    for (let prop in selData) {
-      arr.push({id:selData[prop][id],name:selData[prop][name]})
-    }
-    return arr
-  },
-
-  /**
-   * 日期左侧补0
-   * @param bits
-   * @param identifier
-   * @param value
-   * @returns {string}
-   */
-  dataLeftCompleting(bits, identifier, value){
-    value = Array(bits + 1).join(identifier) + value;
-    return value.slice(-bits);
-  },
-
-  /**
-   * 获取table显示高度
-   * @param hasStatusBar
-   * @returns {number}
-   */
-  getTableHeight(hasStatusBar = false) {
-    if (hasStatusBar) return window.innerHeight - 320
-    return window.innerHeight - 260
-  },
-
-  /**
-   * 是否空对象
-   * @param obj
-   * @returns {boolean}
-   */
-  isEmptyObject (obj) {
-    let objArr = Object.keys(obj)
-    return objArr.length === 0
-  },
-
-  /**
-   * 向地址来看
-   * @param paramName
-   * @param value
-   */
-  insertUrlParam(paramName, value){
-    if(typeof value === 'object'){
-      if(tool.isEmptyObject(value)){
-        return ;
-      }
-      value = JSON.stringify(value)
-    }
-    if(window.location.href.indexOf(paramName) === -1){
-      if(window.location.href.indexOf('?') !== -1){
-        window.location.href += ('&'+paramName+'='+value)
-      } else {
-        window.location.href += ('?'+paramName+'='+value)
-      }
-    } else {
-      let searchStr = new RegExp('(\\?|&)('+paramName+'=)([^&]*)(&|$)')
-      window.location.href = window.location.href.replace(searchStr, '$1$2'+value+'$4')
-    }
-  }
-}
-
-export default tool
+import errorCode from './errorCode'
+import baseInfo from './baseInfo'
+import userInfo from './userInfo'
+import router from '@/router'
+import {PRICE_IS_ROUND} from './config'
+import ElementUI from 'element-ui'
+
+let tool = {
+  /**
+   * 设置JS存在客户端的Storage值
+   * @param key
+   * @param value
+   */
+  setStorage (key, value) {
+    localStorage.setItem(key, value)
+  },
+  /**
+   * 获取Storage值
+   * @param key
+   * @returns {string | null}
+   */
+  getStorage (key) {
+    return localStorage.getItem(key)
+  },
+  /**
+   * 移除Storage值
+   * @param key
+   */
+  removeStorage (key) {
+    localStorage.removeItem(key)
+  },
+  /**
+   * 获取当前时间戳(精确到秒)
+   * @returns {number}
+   */
+  getTimestamp (date = null) {
+    let days = baseInfo.daysDiff()
+    let dateObj
+    if (date !== null) {
+      dateObj = new Date(date)
+    } else {
+      dateObj = new Date()
+    }
+    return Math.round(dateObj.getTime() / 1000 + (days * 86400))
+  },
+  formatDate (timestamp,withTime=true) {
+    let newDate = new Date()
+    timestamp = parseInt(timestamp)
+    if (timestamp) {
+      newDate.setTime(timestamp * 1000)
+    } else {
+      return ''
+    }
+    let Y = newDate.getFullYear() + '-'
+    let M = (newDate.getMonth() + 1 < 10 ? '0' + (newDate.getMonth() + 1) : newDate.getMonth() + 1) + '-'
+    let D = (newDate.getDate() < 10 ? '0' + (newDate.getDate()) : newDate.getDate()) + ' '
+    let h = (newDate.getHours() < 10 ? '0' + newDate.getHours() : newDate.getHours()) + ':'
+    let m = (newDate.getMinutes() < 10 ? '0' + newDate.getMinutes() : newDate.getMinutes()) + ':'
+    let s = (newDate.getSeconds() < 10 ? '0' + newDate.getSeconds() : newDate.getSeconds())
+    if(withTime) return Y + M + D + h + m + s
+    return Y + M + D
+  },
+  /**
+   * 处理错误结果
+   * @param error
+   * @returns {{message: string, todo: *}}
+   */
+  errorHandle(error) {
+    let message = ''
+    let status = 0
+    let todo
+    if (errorCode.has(error)) {
+      let errorResult = errorCode.get(error)
+      message = errorResult.message
+      status = errorResult.status ? errorResult.status : 0
+      todo = errorResult.todo
+    } else {
+      message = error.message
+      todo = null
+      status = error.data.status ? error.data.status : 0
+    }
+    if (todo || status === 401) {
+      message = todo?'未获得授权，请重新登录':(message==='Your request was made with invalid credentials.'?'未获得授权，请重新登录':message)
+      userInfo.logout()
+    }
+    if (todo || status === 402) {
+      message = todo?'长时间未操作，请重新登录':(message==='Connection not operated for too long' ?'长时间未操作，请重新登录' :message)
+      userInfo.logout()
+    }
+    return {message, todo}
+  },
+  /**
+   * 解析URL地址
+   * @param url
+   * var myURL = parseURL('http://abc.com:8080/dir/index.html?id=255&m=hello#top');
+   myURL.file; // = 'index.html'
+   myURL.hash; // = 'top'
+   myURL.host; // = 'abc.com'
+   myURL.query; // = '?id=255&m=hello'
+   myURL.params; // = Object = { id: 255, m: hello }
+   myURL.path; // = '/dir/index.html'
+   myURL.segments; // = Array = ['dir', 'index.html']
+   myURL.port; // = '8080'
+   myURL.protocol; // = 'http'
+   myURL.source; // = 'http://abc.com:8080/dir/index.html?id=255&m=hello#top'
+   * @returns {{source: *, protocol: string, host: string, port: string, query: string, params, file: string | *, hash: string, path: string, relative: string | *, segments: string[]}}
+   */
+  parseURL (url) {
+    let a = document.createElement('a')
+    a.href = url
+    return {
+      source: url,
+      protocol: a.protocol.replace(':', ''),
+      host: a.hostname,
+      port: a.port,
+      query: a.search,
+      params: (function () {
+        let waitUrl = a.hash.replace(/^#[\/\-_a-zA-Z0-9]+\?/, '\?') || a.search
+        let ret = {},
+          seg = waitUrl.replace(/^\?/, '').split('&'),
+          len = seg.length,
+          i = 0,
+          s
+        for (; i < len; i++) {
+          if (!seg[i]) {
+            continue
+          }
+          s = seg[i].split('=')
+          ret[s[0]] = s[1]
+        }
+        return ret
+      })(),
+      file: (a.pathname.match(/\/([^\/?#]+)$/i) || [, ''])[1],
+      hash: a.hash.replace('#', ''),
+      path: a.pathname.replace(/^([^\/])/, '/$1'),
+      relative: (a.href.match(/tps?:\/\/[^\/]+(.+)/) || [, ''])[1],
+      segments: a.pathname.replace(/^\//, '').split('/')
+    }
+  },
+  removeFromArr (arr, item) {
+    for (let i = arr.length - 1; i >= 0; i--) {
+      if (arr[i] === item) {
+        arr.splice(i, 1)
+        return arr
+      }
+    }
+  },
+  isInArray (arr, value) {
+    for (let i in arr) {
+      if (value === arr[i]) {
+        return true
+      }
+    }
+    return false
+  },
+  isString (val) {
+    return typeof val === 'string' || val instanceof String
+  },
+  /**
+   * 格式化金额数值为两位小数，是否四舍五入
+   * @param val
+   * @returns {string}
+   */
+  formatPrice (val) {
+    val = Number.parseFloat(val)
+    if (PRICE_IS_ROUND) {
+      return val.toFixed(2)
+    } else {
+      val = val.toFixed(3)
+      return val.substring(0, val.lastIndexOf('.') + 3)
+    }
+  },
+  go (path) {
+    router.push(path)
+  },
+  /**
+   * 根据状态返回颜色
+   * @param val
+   * @returns {string}
+   */
+  statusType(val){
+    switch (val){
+      case '0':
+        return 'info'
+        break
+      case '1':
+        return 'success'
+        break
+      case '2':
+        return 'warning'
+        break
+      case '3':
+        return 'danger'
+        break
+      default:
+        return ''
+    }
+  },
+  /**
+   * 格式化筛选数据
+   * @param selData
+   * @param id
+   * @param name
+   * @returns {Array}
+   */
+  filterSelectFormat(selData, id, name) {
+    let arr=[]
+    for (let prop in selData) {
+      arr.push({id:selData[prop][id],name:selData[prop][name]})
+    }
+    return arr
+  },
+
+  /**
+   * 日期左侧补0
+   * @param bits
+   * @param identifier
+   * @param value
+   * @returns {string}
+   */
+  dataLeftCompleting(bits, identifier, value){
+    value = Array(bits + 1).join(identifier) + value;
+    return value.slice(-bits);
+  },
+
+  /**
+   * 获取table显示高度
+   * @param hasStatusBar
+   * @returns {number}
+   */
+  getTableHeight(hasStatusBar = false) {
+    if (hasStatusBar) return window.innerHeight - 320
+    return window.innerHeight - 260
+  },
+
+  /**
+   * 是否空对象
+   * @param obj
+   * @returns {boolean}
+   */
+  isEmptyObject (obj) {
+    let objArr = Object.keys(obj)
+    return objArr.length === 0
+  },
+
+  /**
+   * 向地址来看
+   * @param paramName
+   * @param value
+   */
+  insertUrlParam(paramName, value){
+    if(typeof value === 'object'){
+      if(tool.isEmptyObject(value)){
+        return ;
+      }
+      value = JSON.stringify(value)
+    }
+    if(window.location.href.indexOf(paramName) === -1){
+      if(window.location.href.indexOf('?') !== -1){
+        window.location.href += ('&'+paramName+'='+value)
+      } else {
+        window.location.href += ('?'+paramName+'='+value)
+      }
+    } else {
+      let searchStr = new RegExp('(\\?|&)('+paramName+'=)([^&]*)(&|$)')
+      window.location.href = window.location.href.replace(searchStr, '$1$2'+value+'$4')
+    }
+  }
+}
+
+export default tool

frontendApi/modules/v1/controllers/BaseController.php

@@ -60,7 +60,7 @@ class BaseController extends \yii\rest\ActiveController {
             $currentTime = time();
             $timeOut = 10 * 60 ;
             if ($currentTime - $lastTime > $timeOut) {
-                return self::notice('页面由于长时间未进行操纵需要重新登录', 403);
+                return self::notice('Connection not operated for too long', 402);
             } else {
                 Yii::$app->tokenRedis->hset($redisAdminKey, 'lastTime', time());
             }

frontendEle/src/utils/tool.js

@@ -81,6 +81,10 @@ let tool = {
       message = todo?'未获得授权，请重新登录':(message==='Your request was made with invalid credentials.'?'未获得授权，请重新登录':message)
       userInfo.logout()
     }
+    if (todo || status === 402) {
+      message = todo?'长时间未操作，请重新登录':(message==='Connection not operated for too long' ?'长时间未操作，请重新登录' :message)
+      userInfo.logout()
+    }
     return {message, todo, status}
   },
   /**