<!--
 * @Author: your name
 * @Date: 2022-01-06 11:04:21
 * @LastEditTime: 2022-01-06 11:04:29
 * @LastEditors: your name
 * @Description: 500页面业务
 * @FilePath: \taxformtoolframework1\src\pages\error500.vue
-->
<template>
  <div class="parentDiv">
    <div class="all404">
      <div class="head404"></div>
      <div class="txtbg404">
        <div class="txtbox">
          <p>对不起，页面遇到了服务器错误</p>
          <p>请关闭页面，重新进入报表填报页</p>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
export default {
  name: "error500",
  components: {
  },
  methods: {
    init: function () {
      $(".parentDiv").css({
        height: $(window).height() - 150,
      });
      $("body").css({
        margin: 0,
      });
      $(".head404").css("background-image", "url(/web/taxservicedesk/static/images/-e-404.png)");
    },
  },
  mounted: function () {
    this.init()
  },
}
</script>

<style scoped>
.parentDiv {
  padding-top: 150px;
}
.all404 {
  width: 100%;
  height: 100%;
}

.head404 {
  width: 580px;
  height: 366px;
  margin: 0px auto 0 auto;
}

.txtbg404 {
  width: 499px;
  height: 169px;
  margin: 10px auto 0 auto;
}

.txtbg404 .txtbox {
  width: 390px;
  position: relative;
  top: 30px;
  left: 60px;
  color: black;
  font-size: 13px;
}

.txtbg404 .txtbox p {
  margin: 5px 0;
  line-height: 18px;
}

.txtbg404 .txtbox .paddingbox {
  padding-top: 15px;
}

.txtbg404 .txtbox p a {
  color: black;
  text-decoration: none;
}

.txtbg404 .txtbox p a:hover {
  color: #fc9d1d;
  text-decoration: underline;
}
</style>
