vue2-client 1.14.1 → 1.14.3

package/src/utils/htmlToPDF.js

@@ -1,108 +1,108 @@
-import html2Canvas from 'html2canvas'
-
-import jsPDF from 'jspdf'
-
-// 该方法接收4个参数
-// title: PDF的文件名
-// id: 需要转PDF的HTML标签的id值
-// left: 左右边距，默认是10，单位是mm
-// top: 上下边距，默认是10，单位是mm
-
-const HtmlToPdf = {
-
-  async getPdf (title, id, left = 10, top = 20) {
-    await html2Canvas(document.querySelector(id), {
-
-      allowTaint: false,
-
-      taintTest: false,
-
-      logging: false,
-
-      useCORS: true,
-
-      dpi: window.devicePixelRatio * 4, // 将分辨率提高到特定的DPI 提高四倍
-
-      scale: 4 // 按比例增加分辨率
-
-    }).then(canvas => {
-      // eslint-disable-next-line new-cap
-      const pdf = new jsPDF('p', 'mm', 'a4') // A4纸，纵向
-
-      const ctx = canvas.getContext('2d')
-
-      const a4w = 210 - (left * 2)
-
-      const a4h = 297 - (top * 2) // A4大小，210mm x 297mm，四边各保留10mm的边距，显示区域190x277
-
-      const imgHeight = Math.floor((a4h * canvas.width) / a4w) // 按A4显示比例换算一页图像的像素高度
-
-      let renderedHeight = 0
-
-      while (renderedHeight < canvas.height) {
-        const page = document.createElement('canvas')
-
-        page.width = canvas.width
-
-        page.height = Math.min(imgHeight, canvas.height - renderedHeight) // 可能内容不足一页
-
-        // 用getImageData剪裁指定区域，并画到前面创建的canvas对象中
-
-        page.getContext('2d').putImageData(
-
-          ctx.getImageData(
-
-            0,
-
-            renderedHeight,
-
-            canvas.width,
-
-            Math.min(imgHeight, canvas.height - renderedHeight)
-
-          ),
-
-          0,
-
-          0
-
-        )
-
-        pdf.addImage(
-
-          page.toDataURL('image/jpeg', 1.0),
-
-          'JPEG',
-
-          left,
-
-          top,
-
-          a4w,
-
-          Math.min(a4h, (a4w * page.height) / page.width)
-
-        ) // 添加图像到页面，保留10mm边距
-
-        renderedHeight += imgHeight
-
-        if (renderedHeight < canvas.height) {
-          pdf.addPage() // 如果后面还有内容，添加一个空页
-        }
-
-        // delete page;
-      }
-
-      // 保存文件
-
-      pdf.save(title + '.pdf')
-
-      // loading = false;
-
-      // console.log(loading);
-    })
-  }
-
-}
-
-export default HtmlToPdf
+import html2Canvas from 'html2canvas'
+
+import jsPDF from 'jspdf'
+
+// 该方法接收4个参数
+// title: PDF的文件名
+// id: 需要转PDF的HTML标签的id值
+// left: 左右边距，默认是10，单位是mm
+// top: 上下边距，默认是10，单位是mm
+
+const HtmlToPdf = {
+
+  async getPdf (title, id, left = 10, top = 20) {
+    await html2Canvas(document.querySelector(id), {
+
+      allowTaint: false,
+
+      taintTest: false,
+
+      logging: false,
+
+      useCORS: true,
+
+      dpi: window.devicePixelRatio * 4, // 将分辨率提高到特定的DPI 提高四倍
+
+      scale: 4 // 按比例增加分辨率
+
+    }).then(canvas => {
+      // eslint-disable-next-line new-cap
+      const pdf = new jsPDF('p', 'mm', 'a4') // A4纸，纵向
+
+      const ctx = canvas.getContext('2d')
+
+      const a4w = 210 - (left * 2)
+
+      const a4h = 297 - (top * 2) // A4大小，210mm x 297mm，四边各保留10mm的边距，显示区域190x277
+
+      const imgHeight = Math.floor((a4h * canvas.width) / a4w) // 按A4显示比例换算一页图像的像素高度
+
+      let renderedHeight = 0
+
+      while (renderedHeight < canvas.height) {
+        const page = document.createElement('canvas')
+
+        page.width = canvas.width
+
+        page.height = Math.min(imgHeight, canvas.height - renderedHeight) // 可能内容不足一页
+
+        // 用getImageData剪裁指定区域，并画到前面创建的canvas对象中
+
+        page.getContext('2d').putImageData(
+
+          ctx.getImageData(
+
+            0,
+
+            renderedHeight,
+
+            canvas.width,
+
+            Math.min(imgHeight, canvas.height - renderedHeight)
+
+          ),
+
+          0,
+
+          0
+
+        )
+
+        pdf.addImage(
+
+          page.toDataURL('image/jpeg', 1.0),
+
+          'JPEG',
+
+          left,
+
+          top,
+
+          a4w,
+
+          Math.min(a4h, (a4w * page.height) / page.width)
+
+        ) // 添加图像到页面，保留10mm边距
+
+        renderedHeight += imgHeight
+
+        if (renderedHeight < canvas.height) {
+          pdf.addPage() // 如果后面还有内容，添加一个空页
+        }
+
+        // delete page;
+      }
+
+      // 保存文件
+
+      pdf.save(title + '.pdf')
+
+      // loading = false;
+
+      // console.log(loading);
+    })
+  }
+
+}
+
+export default HtmlToPdf

package/src/utils/htmlToPDFApi.js

@@ -1,5 +1,5 @@
-import HtmlToPdf from '@vue2-client/utils/htmlToPDF'
-
-export function exportHTMLNodeToPDF (fileName, nodeId) {
-  HtmlToPdf.getPdf(fileName, nodeId)
-}
+import HtmlToPdf from '@vue2-client/utils/htmlToPDF'
+
+export function exportHTMLNodeToPDF (fileName, nodeId) {
+  HtmlToPdf.getPdf(fileName, nodeId)
+}

package/src/utils/login.js

@@ -1,188 +1,188 @@
-import { getRoutesConfig, login, V4Login } 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'
-import { setAuthorization } from '@vue2-client/utils/request'
-import { loginGen } from '@vue2-client/base-client/plugins/GetLoginInfoService'
-// 认证类型
-const AUTH_TYPE = {
-  BEARER: 'Bearer',
-  SinglePage: 'SinglePage',
-  BASIC: 'basic',
-  AUTH1: 'auth1',
-  AUTH2: 'auth2',
-}
-
-export function checkSingleAuthorization (authType = AUTH_TYPE.BEARER, token) {
-  switch (authType) {
-    case AUTH_TYPE.BEARER:
-      if (localStorage.getItem(V4_ACCESS_TOKEN)) {
-        return true
-      }
-      break
-    case AUTH_TYPE.SinglePage:
-      return token === localStorage.getItem('SinglePage_TOKEN')
-    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) {
-  return new Promise((resolve) => {
-    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)
-    resolve()
-  })
-}
-
-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) => {
-      })
-  }
-}
-
-function afterLoginV4 (res, option) {
-  const { router, pathname } = option
-  setV4AccessToken(res)
-  let data = res.resources
-  if (data.data) {
-    data = data.data
-  }
-  loginGen(data).then(() => {
-    afterGeneral(data, option).then(() => {
-      router.push(pathname)
-    })
-  }).catch(res => {
-  }).finally(() => {
-  })
-}
-
-export function setV4AccessToken (res) {
-  localStorage.setItem(ACCESS_TOKEN, res.access_token)
-  let timestamp = new Date().getTime()// 当前的时间戳
-  timestamp = timestamp + res.expire * 60 * 1000
-  // 格式化时间获取年月日, 登陆过期时间
-  const dateAfter = new Date(timestamp)
-  setAuthorization({ token: res.access_token, expireAt: dateAfter })
-}
-
-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
-    }
-    case 'V4': {
-      V4Login(name, password, '智慧燃气').then((res) => {
-        afterLoginV4(res, options)
-      }).catch(msg => {
-      })
-      break
-    }
-  }
-}
+import { getRoutesConfig, login, V4Login } 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'
+import { setAuthorization } from '@vue2-client/utils/request'
+import { loginGen } from '@vue2-client/base-client/plugins/GetLoginInfoService'
+// 认证类型
+const AUTH_TYPE = {
+  BEARER: 'Bearer',
+  SinglePage: 'SinglePage',
+  BASIC: 'basic',
+  AUTH1: 'auth1',
+  AUTH2: 'auth2',
+}
+
+export function checkSingleAuthorization (authType = AUTH_TYPE.BEARER, token) {
+  switch (authType) {
+    case AUTH_TYPE.BEARER:
+      if (localStorage.getItem(V4_ACCESS_TOKEN)) {
+        return true
+      }
+      break
+    case AUTH_TYPE.SinglePage:
+      return token === localStorage.getItem('SinglePage_TOKEN')
+    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) {
+  return new Promise((resolve) => {
+    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)
+    resolve()
+  })
+}
+
+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) => {
+      })
+  }
+}
+
+function afterLoginV4 (res, option) {
+  const { router, pathname } = option
+  setV4AccessToken(res)
+  let data = res.resources
+  if (data.data) {
+    data = data.data
+  }
+  loginGen(data).then(() => {
+    afterGeneral(data, option).then(() => {
+      router.push(pathname)
+    })
+  }).catch(res => {
+  }).finally(() => {
+  })
+}
+
+export function setV4AccessToken (res) {
+  localStorage.setItem(ACCESS_TOKEN, res.access_token)
+  let timestamp = new Date().getTime()// 当前的时间戳
+  timestamp = timestamp + res.expire * 60 * 1000
+  // 格式化时间获取年月日, 登陆过期时间
+  const dateAfter = new Date(timestamp)
+  setAuthorization({ token: res.access_token, expireAt: dateAfter })
+}
+
+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
+    }
+    case 'V4': {
+      V4Login(name, password, '智慧燃气').then((res) => {
+        afterLoginV4(res, options)
+      }).catch(msg => {
+      })
+      break
+    }
+  }
+}