401.vue 1.9 KB
Newer Older
RuoYi's avatar
RuoYi committed
1 2 3 4 5 6 7 8
<template>
  <div class="errPage-container">
    <el-button icon="arrow-left" class="pan-back-btn" @click="back">
      返回
    </el-button>
    <el-row>
      <el-col :span="12">
        <h1 class="text-jumbo text-ginormous">
RuoYi's avatar
RuoYi committed
9
          401错误!
RuoYi's avatar
RuoYi committed
10
        </h1>
RuoYi's avatar
RuoYi committed
11 12
        <h2>您没有访问权限!</h2>
        <h6>对不起,您没有访问权限,请不要进行非法操作!您可以返回主页面</h6>
RuoYi's avatar
RuoYi committed
13 14
        <ul class="list-unstyled">
          <li class="link-type">
RuoYi's avatar
RuoYi committed
15
            <router-link to="/">
RuoYi's avatar
RuoYi committed
16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
              回首页
            </router-link>
          </li>
        </ul>
      </el-col>
      <el-col :span="12">
        <img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream.">
      </el-col>
    </el-row>
  </div>
</template>

<script>
import errGif from '@/assets/401_images/401.gif'

export default {
  name: 'Page401',
  data() {
    return {
RuoYi's avatar
RuoYi committed
35
      errGif: errGif + '?' + +new Date()
RuoYi's avatar
RuoYi committed
36 37 38 39 40
    }
  },
  methods: {
    back() {
      if (this.$route.query.noGoBack) {
RuoYi's avatar
RuoYi committed
41
        this.$router.push({ path: '/' })
RuoYi's avatar
RuoYi committed
42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88
      } else {
        this.$router.go(-1)
      }
    }
  }
}
</script>

<style lang="scss" scoped>
  .errPage-container {
    width: 800px;
    max-width: 100%;
    margin: 100px auto;
    .pan-back-btn {
      background: #008489;
      color: #fff;
      border: none!important;
    }
    .pan-gif {
      margin: 0 auto;
      display: block;
    }
    .pan-img {
      display: block;
      margin: 0 auto;
      width: 100%;
    }
    .text-jumbo {
      font-size: 60px;
      font-weight: 700;
      color: #484848;
    }
    .list-unstyled {
      font-size: 14px;
      li {
        padding-bottom: 5px;
      }
      a {
        color: #008489;
        text-decoration: none;
        &:hover {
          text-decoration: underline;
        }
      }
    }
  }
</style>