404.vue 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <template>
  2. <div class='notfond'>
  3. <div class='not-img'>
  4. <img src='@/assets/imgs/dlsb.png' alt />
  5. </div>
  6. <div class='not-text' v-if='isrequestAuth=="err"'>
  7. <span>您的权限不足……</span>
  8. <span>建议您联系管理员开通管理说明书相关权限</span>
  9. </div>
  10. <div class='not-text' v-else>
  11. <span>您的访问出错了!</span>
  12. <span>建议您稍后再试,或直接联系管理员解决</span>
  13. </div>
  14. <div class='not-button' @click='goLogin'>
  15. <span>关闭页面</span>
  16. </div>
  17. </div>
  18. </template>
  19. <script>
  20. import { mapGetters } from 'vuex'
  21. export default {
  22. data() {
  23. return {}
  24. },
  25. computed: {
  26. ...mapGetters(['isrequestAuth'])
  27. },
  28. mounted() {},
  29. methods: {
  30. goLogin() {
  31. this.$store.commit('SETSSOTOKEN', null)
  32. localStorage.removeItem('beforeunload')
  33. let ssoServer = ''
  34. if (window.location.host == 'http://glsms.wanda-dev.cn') {
  35. ssoServer = 'http://oauth.wanda-dev.cn'
  36. } else {
  37. ssoServer = 'http://oauth.wanda.cn'
  38. }
  39. let systemcode = 'CAD156',
  40. signal = new Date().getTime(),
  41. version = '1.0.0'
  42. window.location.href = `${ssoServer}/login?systemcode=${systemcode}&signal=${signal}&version=${version}`
  43. window.open(`${window.location.href}`, true)
  44. }
  45. }
  46. }
  47. </script>
  48. <style lang="less" scoped>
  49. .notfond {
  50. width: 100%;
  51. height: 100%;
  52. background: rgba(255, 255, 255, 1);
  53. display: flex;
  54. align-items: center;
  55. justify-content: center;
  56. flex-direction: column;
  57. .not-img {
  58. width: 120px;
  59. height: 120px;
  60. img {
  61. width: 100%;
  62. height: 100%;
  63. }
  64. }
  65. .not-text {
  66. margin-top: 8px;
  67. span {
  68. display: block;
  69. text-align: center;
  70. }
  71. span:nth-of-type(1) {
  72. font-size: 16px;
  73. font-family: MicrosoftYaHei;
  74. color: rgba(31, 36, 41, 1);
  75. line-height: 21px;
  76. }
  77. span:nth-of-type(2) {
  78. margin-top: 4px;
  79. font-size: 14px;
  80. font-family: MicrosoftYaHei;
  81. color: rgba(100, 108, 115, 1);
  82. line-height: 19px;
  83. }
  84. }
  85. .not-button {
  86. margin-top: 32px;
  87. width: 80px;
  88. height: 32px;
  89. background: rgba(255, 255, 255, 1);
  90. border: 1px solid rgba(195, 199, 203, 1);
  91. border-radius: 4px;
  92. cursor: pointer;
  93. span {
  94. display: block;
  95. font-size: 14px;
  96. font-family: MicrosoftYaHei;
  97. color: rgba(31, 35, 41, 1);
  98. line-height: 32px;
  99. text-align: center;
  100. }
  101. }
  102. }
  103. </style>