vue2-client 1.2.28 → 1.2.29

package/src/pages/system/ticket/submitTicketSuccess.vue

@@ -51,8 +51,7 @@
 import Result from '@vue2-client/components/result/Result'
 import DetailList from '@vue2-client/components/tool/DetailList'
 import AStepItem from '@vue2-client/components/tool/AStepItem'
-import { TicketDetailsViewApi } from '@vue2-client/services/api/TicketDetailsViewApi'
-import { post } from '@vue2-client/services/api/restTools'
+import { TicketDetailsViewApi, post } from '@vue2-client/services/api'
 import { formatDate } from '@vue2-client/utils/util'
 
 const AStepItemGroup = AStepItem.Group

package/src/services/api/EmployeeDetailsViewApi.js

@@ -1,16 +1,16 @@
-const EmployeeDetailsViewApi = {
-  // 查询：获取员工详细信息
-  getEmployeeDetails: '/webmeterapi/getEmployeeDetails',
-  // 查询：获取员工上一周应答工单数量
-  getConfirmTicketsCountWeekly: '/webmeterapi/getConfirmTicketsCountWeekly',
-  // 查询：获取员工上一周完成工单数量
-  getFinishedTicketsCountWeekly: '/webmeterapi/getFinishedTicketsCountWeekly',
-  // 查询：是否存在此员工
-  findEmpName: '/webmeterapi/findEmpName',
-  // 查询：获取所有员工名，供前端展示备选项
-  getAllEmployeeName: '/webmeterapi/getAllEmployeeName',
-  // 查询：根据员工名，获取员工id
-  getEmployeeId: '/webmeterapi/getEmployeeId'
-}
-
-export { EmployeeDetailsViewApi }
+const EmployeeDetailsViewApi = {
+  // 查询：获取员工详细信息
+  getEmployeeDetails: '/webmeterapi/getEmployeeDetails',
+  // 查询：获取员工上一周应答工单数量
+  getConfirmTicketsCountWeekly: '/webmeterapi/getConfirmTicketsCountWeekly',
+  // 查询：获取员工上一周完成工单数量
+  getFinishedTicketsCountWeekly: '/webmeterapi/getFinishedTicketsCountWeekly',
+  // 查询：是否存在此员工
+  findEmpName: '/webmeterapi/findEmpName',
+  // 查询：获取所有员工名，供前端展示备选项
+  getAllEmployeeName: '/webmeterapi/getAllEmployeeName',
+  // 查询：根据员工名，获取员工id
+  getEmployeeId: '/webmeterapi/getEmployeeId'
+}
+
+export { EmployeeDetailsViewApi }

package/src/services/api/common.js

@@ -1,4 +1,5 @@
 import { METHOD, request } from '@vue2-client/utils/request'
+import { indexedDB } from '@vue2-client/utils/indexedDB'
 
 const commonApi = {
   // 获取表格列配置
@@ -13,6 +14,15 @@ const commonApi = {
   getDictionaryParam: '/webmeterapi/getDictionaryParam'
 }
 
+/**
+ * 带缓存查询的表格配置文件查询
+ * @param queryParamsName 配置名称
+ * @param callback 回调函数
+ */
+export function getColumnsJson (queryParamsName, callback) {
+  indexedDB.getByWeb(queryParamsName, commonApi.getColumnsJson, { str: queryParamsName }, callback)
+}
+
 /**
  * 通用表单查询
  */

package/src/services/api/index.js

@@ -0,0 +1,39 @@
+import { commonApi, getColumnsJson, query, addOrModify, remove } from '@vue2-client/services/api/common'
+import { CustomerDetailsViewApi } from '@vue2-client/services/api/CustomerDetailsViewApi'
+import { DeviceBrandDetailsViewApi } from '@vue2-client/services/api/DeviceBrandDetailsViewApi'
+import { DeviceDetailsViewApi } from '@vue2-client/services/api/DeviceDetailsViewApi'
+import { DeviceTypeDetailsViewApi } from '@vue2-client/services/api/DeviceTypeDetailsViewApi'
+import { DictionaryDetailsViewApi } from '@vue2-client/services/api/DictionaryDetailsViewApi'
+import { EmployeeDetailsViewApi } from '@vue2-client/services/api/EmployeeDetailsViewApi'
+import { FormGroupEditApi } from '@vue2-client/services/api/FormGroupEditApi'
+import { InstructDetailsViewApi } from '@vue2-client/services/api/InstructDetailsViewApi'
+import { iotApi } from '@vue2-client/services/api/iot'
+import { LogDetailsViewApi } from '@vue2-client/services/api/LogDetailsViewApi'
+import { manageApi } from '@vue2-client/services/api/manage'
+import { MeterDetailsViewApi } from '@vue2-client/services/api/MeterDetailsViewApi'
+import { QueryParamsDetailsViewApi } from '@vue2-client/services/api/QueryParamsDetailsViewApi'
+import { get, post } from '@vue2-client/services/api/restTools'
+import { serviceApi } from '@vue2-client/services/api/service'
+import { TicketDetailsViewApi } from '@vue2-client/services/api/TicketDetailsViewApi'
+import { WebmeterAnalysisViewApi } from '@vue2-client/services/api/WebmeterAnalysisViewApi'
+
+export {
+  commonApi, getColumnsJson, query, addOrModify, remove,
+  CustomerDetailsViewApi,
+  DeviceBrandDetailsViewApi,
+  DeviceDetailsViewApi,
+  DeviceTypeDetailsViewApi,
+  DictionaryDetailsViewApi,
+  EmployeeDetailsViewApi,
+  FormGroupEditApi,
+  InstructDetailsViewApi,
+  iotApi,
+  LogDetailsViewApi,
+  manageApi,
+  MeterDetailsViewApi,
+  QueryParamsDetailsViewApi,
+  get, post,
+  serviceApi,
+  TicketDetailsViewApi,
+  WebmeterAnalysisViewApi
+}

package/src/services/user.js

@@ -1,4 +1,4 @@
-import { LOGIN, ROUTES } from '@vue2-client/services/api'
+import { LOGIN, ROUTES } from '@vue2-client/services/apiService'
 import { request, METHOD, removeAuthorization } from '@vue2-client/utils/request'
 
 /**

package/src/store/modules/account.js

@@ -24,7 +24,7 @@ export default {
     login: state => {
       if (!state.login) {
         try {
-          const user = sessionStorage.getItem(process.env.VUE_APP_LOGIN_KEY)
+          const user = localStorage.getItem(process.env.VUE_APP_LOGIN_KEY)
           state.login = JSON.parse(user)
         } catch (e) {
           console.error(e)
@@ -85,7 +85,7 @@ export default {
     },
     setLogin (state, login) {
       state.login = login
-      sessionStorage.setItem(process.env.VUE_APP_LOGIN_KEY, JSON.stringify(login))
+      localStorage.setItem(process.env.VUE_APP_LOGIN_KEY, JSON.stringify(login))
     },
     setPermissions (state, permissions) {
       state.permissions = permissions

package/src/utils/indexedDB.js

@@ -1,5 +1,5 @@
 // indexDB 存储
-import { post } from '@vue2-client/services/api/restTools'
+import { post } from '@vue2-client/services/api'
 
 export const indexedDB = {
   db: undefined,

package/src/utils/request.js

@@ -1,197 +1,197 @@
-import axios from 'axios'
-import Cookie from 'js-cookie'
-import Vue from 'vue'
-import { ACCESS_TOKEN } from '@vue2-client/store/mutation-types'
-import notification from 'ant-design-vue/es/notification'
-
-// 跨域认证信息 header 名
-const xsrfHeaderName = 'Authorization'
-
-axios.defaults.timeout = 5000
-axios.defaults.withCredentials = true
-axios.defaults.xsrfHeaderName = xsrfHeaderName
-axios.defaults.xsrfCookieName = xsrfHeaderName
-
-// 认证类型
-const AUTH_TYPE = {
-  BEARER: 'Bearer',
-  BASIC: 'basic',
-  AUTH1: 'auth1',
-  AUTH2: 'auth2'
-}
-
-// http method
-const METHOD = {
-  GET: 'get',
-  POST: 'post'
-}
-
-/**
- * axios请求
- * @param url 请求地址
- * @param method {METHOD} http method
- * @param params 请求参数
- * @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)
-    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(xsrfHeaderName, 'Bearer ' + auth.token, { expires: auth.expireAt })
-      break
-    case AUTH_TYPE.BASIC:
-    case AUTH_TYPE.AUTH1:
-    case AUTH_TYPE.AUTH2:
-    default:
-      break
-  }
-}
-
-/**
- * 移出认证信息
- * @param authType {AUTH_TYPE} 认证类型
- */
-function removeAuthorization (authType = AUTH_TYPE.BEARER) {
-  switch (authType) {
-    case AUTH_TYPE.BEARER:
-      Cookie.remove(xsrfHeaderName)
-      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(xsrfHeaderName)) {
-        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) {
-      config.headers['Access-Token'] = token
-    }
-    if (!config.headers['Content-Type']) {
-      config.headers['Content-Type'] = 'application/json;charset=UTF-8'
-    }
-    return config
-  }, errorHandler)
-  // 加载响应拦截器
-  axios.interceptors.response.use((response) => {
-    return response.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) {
-      notification.error({
-        message: '禁止访问',
-        description: data
-      })
-    } else if (error.response.status === 401 && !(data.result && data.result.isLogin)) {
-      notification.error({
-        message: '鉴权失败',
-        description: data
-      })
-      if (token) {
-        Vue.$store.dispatch('Logout').then(() => {
-          setTimeout(() => {
-            window.location.reload()
-          }, 1500)
-        })
-      }
-    } else if (error.response.status === 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 Vue from 'vue'
+import { ACCESS_TOKEN } from '@vue2-client/store/mutation-types'
+import notification from 'ant-design-vue/es/notification'
+
+// 跨域认证信息 header 名
+const xsrfHeaderName = 'Authorization'
+
+axios.defaults.timeout = 5000
+axios.defaults.withCredentials = true
+axios.defaults.xsrfHeaderName = xsrfHeaderName
+axios.defaults.xsrfCookieName = xsrfHeaderName
+
+// 认证类型
+const AUTH_TYPE = {
+  BEARER: 'Bearer',
+  BASIC: 'basic',
+  AUTH1: 'auth1',
+  AUTH2: 'auth2'
+}
+
+// http method
+const METHOD = {
+  GET: 'get',
+  POST: 'post'
+}
+
+/**
+ * axios请求
+ * @param url 请求地址
+ * @param method {METHOD} http method
+ * @param params 请求参数
+ * @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)
+    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(xsrfHeaderName, 'Bearer ' + auth.token, { expires: auth.expireAt })
+      break
+    case AUTH_TYPE.BASIC:
+    case AUTH_TYPE.AUTH1:
+    case AUTH_TYPE.AUTH2:
+    default:
+      break
+  }
+}
+
+/**
+ * 移出认证信息
+ * @param authType {AUTH_TYPE} 认证类型
+ */
+function removeAuthorization (authType = AUTH_TYPE.BEARER) {
+  switch (authType) {
+    case AUTH_TYPE.BEARER:
+      Cookie.remove(xsrfHeaderName)
+      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(xsrfHeaderName)) {
+        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) {
+      config.headers['Access-Token'] = token
+    }
+    if (!config.headers['Content-Type']) {
+      config.headers['Content-Type'] = 'application/json;charset=UTF-8'
+    }
+    return config
+  }, errorHandler)
+  // 加载响应拦截器
+  axios.interceptors.response.use((response) => {
+    return response.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) {
+      notification.error({
+        message: '禁止访问',
+        description: data
+      })
+    } else if (error.response.status === 401 && !(data.result && data.result.isLogin)) {
+      notification.error({
+        message: '鉴权失败',
+        description: data
+      })
+      if (token) {
+        Vue.$store.dispatch('Logout').then(() => {
+          setTimeout(() => {
+            window.location.reload()
+          }, 1500)
+        })
+      }
+    } else if (error.response.status === 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
+}

package/src/utils/routerUtil.js

@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import routerMap from '@vue2-client/router/async/router.map'
 import { mergeI18nFromRoutes } from '@vue2-client/utils/i18n'
+import { arrRemoveEmpty } from '@vue2-client/utils/util'
 import Router from 'vue-router'
 import deepMerge from 'deepmerge'
 import basicOptions from '@vue2-client/router/async/config.async'
@@ -356,17 +357,4 @@ function positionRouter (r) {
   return router
 }
 
-/**
- * 数组去空值
- */
-function arrRemoveEmpty (arr) {
-  for (var i = 0; i < arr.length; i++) {
-    if (arr[i] == '' || typeof (arr[i]) == 'undefined') {
-      arr.splice(i, 1)
-      i--
-    }
-  }
-  return arr
-}
-
 export { parseRoutes, loadRoutes, formatAuthority, getI18nKey, loadGuards, deepMergeRoutes, formatRoutes, setAppOptions, funcToRouter, setAppRouterMap }

package/src/utils/util.js

@@ -23,6 +23,18 @@ const timeList = [
     US: 'Good evening'
   }
 ]
+/**
+ * 数组去空值
+ */
+export function arrRemoveEmpty (arr) {
+  for (var i = 0; i < arr.length; i++) {
+    if (arr[i] == '' || typeof (arr[i]) == 'undefined') {
+      arr.splice(i, 1)
+      i--
+    }
+  }
+  return arr
+}
 
 export function isDef (v) {
   return v !== undefined && v !== null