春风项目四线(合箱线、总装线)
cl
2024-01-18 40126d2b2daf4a2dd355bca967f75cf8b72d9b95
提交 | 用户 | 时间
fd2207 1 <template>
2   <div class="errPage-container">
3     <el-button icon="arrow-left" class="pan-back-btn" @click="back">
4       返回
5     </el-button>
6     <el-row>
7       <el-col :span="12">
8         <h1 class="text-jumbo text-ginormous">
9           401错误!
10         </h1>
11         <h2>您没有访问权限!</h2>
12         <h6>对不起,您没有访问权限,请不要进行非法操作!您可以返回主页面</h6>
13         <ul class="list-unstyled">
14           <li class="link-type">
15             <router-link to="/">
16               回首页
17             </router-link>
18           </li>
19         </ul>
20       </el-col>
21       <el-col :span="12">
22         <img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream.">
23       </el-col>
24     </el-row>
25   </div>
26 </template>
27
28 <script>
29 import errGif from '@/assets/401_images/401.gif'
30
31 export default {
32   name: 'Page401',
33   data() {
34     return {
35       errGif: errGif + '?' + +new Date()
36     }
37   },
38   methods: {
39     back() {
40       if (this.$route.query.noGoBack) {
41         this.$router.push({ path: '/' })
42       } else {
43         this.$router.go(-1)
44       }
45     }
46   }
47 }
48 </script>
49
50 <style lang="scss" scoped>
51   .errPage-container {
52     width: 800px;
53     max-width: 100%;
54     margin: 100px auto;
55     .pan-back-btn {
56       background: #008489;
57       color: #fff;
58       border: none!important;
59     }
60     .pan-gif {
61       margin: 0 auto;
62       display: block;
63     }
64     .pan-img {
65       display: block;
66       margin: 0 auto;
67       width: 100%;
68     }
69     .text-jumbo {
70       font-size: 60px;
71       font-weight: 700;
72       color: #484848;
73     }
74     .list-unstyled {
75       font-size: 14px;
76       li {
77         padding-bottom: 5px;
78       }
79       a {
80         color: #008489;
81         text-decoration: none;
82         &:hover {
83           text-decoration: underline;
84         }
85       }
86     }
87   }
88 </style>