404.vue 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  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. let ssoServer = 'http://oauth.wanda-dev.cn'
  32. this.$store.commit('SETSSOTOKEN', null)
  33. let systemcode = 'CAD156',
  34. signal = new Date().getTime(),
  35. version = '1.0.0'
  36. window.location.href = `${ssoServer}/login?systemcode=${systemcode}&signal=${signal}&version=${version}`
  37. window.open(`${window.location.href}`, true)
  38. }
  39. }
  40. }
  41. </script>
  42. <style lang="less" scoped>
  43. .notfond {
  44. width: 100%;
  45. height: 100%;
  46. background: rgba(255, 255, 255, 1);
  47. display: flex;
  48. align-items: center;
  49. justify-content: center;
  50. flex-direction: column;
  51. .not-img {
  52. width: 120px;
  53. height: 120px;
  54. img {
  55. width: 100%;
  56. height: 100%;
  57. }
  58. }
  59. .not-text {
  60. margin-top: 8px;
  61. span {
  62. display: block;
  63. text-align: center;
  64. }
  65. span:nth-of-type(1) {
  66. font-size: 16px;
  67. font-family: MicrosoftYaHei;
  68. color: rgba(31, 36, 41, 1);
  69. line-height: 21px;
  70. }
  71. span:nth-of-type(2) {
  72. margin-top: 4px;
  73. font-size: 14px;
  74. font-family: MicrosoftYaHei;
  75. color: rgba(100, 108, 115, 1);
  76. line-height: 19px;
  77. }
  78. }
  79. .not-button {
  80. margin-top: 32px;
  81. width: 80px;
  82. height: 32px;
  83. background: rgba(255, 255, 255, 1);
  84. border: 1px solid rgba(195, 199, 203, 1);
  85. border-radius: 4px;
  86. cursor: pointer;
  87. span {
  88. display: block;
  89. font-size: 14px;
  90. font-family: MicrosoftYaHei;
  91. color: rgba(31, 35, 41, 1);
  92. line-height: 32px;
  93. text-align: center;
  94. }
  95. }
  96. }
  97. </style>