auth.vue 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <template>
  2. <div v-loading="loading" class="hc-body-loading" element-loading-text="授权登录中...">
  3. <div v-if="isErrorShow" class="error-page">
  4. <div :style="`background-image: url(${svg403});`" class="img" />
  5. <div class="content">
  6. <h1>403</h1>
  7. <div class="desc">抱歉,token授权登录异常,请重新进入</div>
  8. <div class="actions">
  9. <el-button block size="large" type="primary" @click="toLoginTap">手动登录</el-button>
  10. </div>
  11. </div>
  12. </div>
  13. </div>
  14. </template>
  15. <script setup>
  16. import { onMounted, ref } from 'vue'
  17. import { useAppStore } from '~src/store'
  18. import { getTenantID, loginByToken } from '~api/user'
  19. import { setUserAppInfo, setUserTenantInfo } from '~sto/user'
  20. import { useRoute, useRouter } from 'vue-router'
  21. import { getObjVal, getObjValue, isNullES } from 'js-fast-way'
  22. import svg403 from '~src/assets/view/403.svg'
  23. import { getTopUrl } from '~uti/tools'
  24. import website from '~src/config'
  25. //初始变量
  26. const router = useRouter()
  27. const useRoutes = useRoute()
  28. const store = useAppStore()
  29. //先清理下缓存
  30. store.clearStoreData()
  31. //变量
  32. const loading = ref(true)
  33. const isErrorShow = ref(false)
  34. const toUrl = ref('/datav')
  35. //渲染完成
  36. onMounted(() => {
  37. // http://档案的域名/#/auth-token?token=xxx&tid=xxx&pid=xxx&cid=xxx&bg=no&layout=no&url=xxx
  38. const { token, tid, pid, cid, bg, layout, url } = getObjValue(useRoutes.query)
  39. if (!isNullES(token)) {
  40. isErrorShow.value = false
  41. toUrl.value = url ?? '/datav'
  42. //缓存数据
  43. store.setTokenVal(token)
  44. store.setProjectId(pid)
  45. store.setContractId(cid)
  46. store.setIsDatavBg(bg !== 'no')
  47. store.setIsLayout(layout)
  48. //处理授权登录
  49. setLoginByTokenData(token, tid)
  50. } else {
  51. loading.value = false
  52. isErrorShow.value = true
  53. }
  54. })
  55. //获取租户id
  56. const getTenantIdApi = async () => {
  57. const { data } = await getTenantID(getTopUrl())
  58. const { id } = await setUserTenantInfo(getObjVal(data))
  59. return id
  60. }
  61. //设置租户信息
  62. const setLoginByTokenData = async (token, tenant_id) => {
  63. const tenantIds = await getTenantIdApi()
  64. const tenantId = tenant_id ? tenant_id : tenantIds
  65. await loginByTokenApi({ token, tenantId })
  66. }
  67. //请求授权登录
  68. const loginByTokenApi = async (form) => {
  69. await setUserTenantInfo()
  70. const { error, code, data } = await loginByToken(form)
  71. const res = getObjVal(data)
  72. if (!error && code === 200 && res) {
  73. await setUserAppInfo(res)
  74. setTimeout(() => {
  75. loading.value = false
  76. isErrorShow.value = false
  77. window?.$message?.success('授权登录成功')
  78. if (!website.localModel) {
  79. //210跳转文件收集
  80. router.push({ name: 'file' })
  81. } else {
  82. //甬台温,跳转大屏
  83. router.push({ path: toUrl.value })
  84. }
  85. }, 500)
  86. } else {
  87. window.$message?.error('授权登录失败')
  88. isErrorShow.value = true
  89. loading.value = false
  90. store.setIsDatavBg(true)
  91. }
  92. }
  93. //跳转登陆
  94. const toLoginTap = () => {
  95. router.push({ path: '/login' })
  96. }
  97. </script>
  98. <style lang="scss" scoped>
  99. @import "../../styles/error/style.scss";
  100. .hc-body-loading {
  101. position: relative;
  102. height: 100%;
  103. width: 100%;
  104. }
  105. </style>