{"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\404.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\404.vue","mtime":1678954023512},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1681371925422},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgbWFwQWN0aW9ucyB9IGZyb20gInZ1ZXgiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIlBhZ2U0MDQiLAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAganVtcFRpbWU6IDUsCiAgICAgIG9vcHM6ICLmirHmrYkhIiwKICAgICAgaGVhZGxpbmU6ICLlvZPliY3pobXpnaLkuI3lrZjlnKguLi4iLAogICAgICBpbmZvOiAi6K+35qOA5p+l5oKo6L6T5YWl55qE572R5Z2A5piv5ZCm5q2j56Gu77yM5oiW54K55Ye75LiL6Z2i55qE5oyJ6ZKu6L+U5Zue6aaW6aG144CCIiwKICAgICAgYnRuOiAi6L+U5Zue6aaW6aG1IiwKICAgICAgdGltZXI6IDAKICAgIH07CiAgfSwKCiAgbW91bnRlZCgpIHsKICAgIHRoaXMudGltZUNoYW5nZSgpOwogIH0sCgogIGJlZm9yZURlc3Ryb3koKSB7CiAgICBjbGVhckludGVydmFsKHRoaXMudGltZXIpOwogIH0sCgogIG1ldGhvZHM6IHsgLi4ubWFwQWN0aW9ucyh7CiAgICAgIGRlbE90aGVyc1Zpc2l0ZWRSb3V0ZXM6ICJ0YWdzQmFyL2RlbE90aGVyc1Zpc2l0ZWRSb3V0ZXMiCiAgICB9KSwKCiAgICB0aW1lQ2hhbmdlKCkgewogICAgICB0aGlzLnRpbWVyID0gc2V0SW50ZXJ2YWwoKCkgPT4gewogICAgICAgIGlmICh0aGlzLmp1bXBUaW1lKSB7CiAgICAgICAgICB0aGlzLmp1bXBUaW1lLS07CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHsKICAgICAgICAgICAgcGF0aDogIi8iCiAgICAgICAgICB9KTsKICAgICAgICAgIHRoaXMuZGVsT3RoZXJzVmlzaXRlZFJvdXRlcyh7CiAgICAgICAgICAgIHBhdGg6ICIvIgogICAgICAgICAgfSk7CiAgICAgICAgICBjbGVhckludGVydmFsKHRoaXMudGltZXIpOwogICAgICAgIH0KICAgICAgfSwgMTAwMCk7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;AAEA;EACAA,eADA;;EAEAC;IACA;MACAC,WADA;MAEAC,WAFA;MAGAC,sBAHA;MAIAC,mCAJA;MAKAC,WALA;MAMAC;IANA;EAQA,CAXA;;EAYAC;IACA;EACA,CAdA;;EAeAC;IACAC;EACA,CAjBA;;EAkBAC,WACA;MACAC;IADA,EADA;;IAIAC;MACA;QACA;UACA;QACA,CAFA,MAEA;UACA;YAAAC;UAAA;UACA;YAAAA;UAAA;UACAJ;QACA;MACA,CARA,EAQA,IARA;IASA;;EAdA;AAlBA","names":["name","data","jumpTime","oops","headline","info","btn","timer","mounted","beforeDestroy","clearInterval","methods","delOthersVisitedRoutes","timeChange","path"],"sourceRoot":"src/views","sources":["404.vue"],"sourcesContent":["<template>\n  <div class=\"error-container\">\n    <div class=\"error-content\">\n      <el-row :gutter=\"20\">\n        <el-col :lg=\"12\" :md=\"12\" :sm=\"24\" :xl=\"12\" :xs=\"24\">\n          <div class=\"pic-error\">\n            <img class=\"pic-error-parent\" src=\"@/assets/error_images/404.png\" />\n            <img\n              class=\"pic-error-child left\"\n              src=\"@/assets/error_images/cloud.png\"\n            />\n          </div>\n        </el-col>\n\n        <el-col :lg=\"12\" :md=\"12\" :sm=\"24\" :xl=\"12\" :xs=\"24\">\n          <div class=\"bullshit\">\n            <div class=\"bullshit-oops\">{{ oops }}</div>\n            <div class=\"bullshit-headline\">{{ headline }}</div>\n            <div class=\"bullshit-info\">{{ info }}</div>\n            <a class=\"bullshit-return-home\" href=\"#/index\">\n              {{ jumpTime }}s&nbsp;{{ btn }}\n            </a>\n          </div>\n        </el-col>\n      </el-row>\n    </div>\n  </div>\n</template>\n\n<script>\n  import { mapActions } from \"vuex\";\n\n  export default {\n    name: \"Page404\",\n    data() {\n      return {\n        jumpTime: 5,\n        oops: \"抱歉!\",\n        headline: \"当前页面不存在...\",\n        info: \"请检查您输入的网址是否正确，或点击下面的按钮返回首页。\",\n        btn: \"返回首页\",\n        timer: 0,\n      };\n    },\n    mounted() {\n      this.timeChange();\n    },\n    beforeDestroy() {\n      clearInterval(this.timer);\n    },\n    methods: {\n      ...mapActions({\n        delOthersVisitedRoutes: \"tagsBar/delOthersVisitedRoutes\",\n      }),\n      timeChange() {\n        this.timer = setInterval(() => {\n          if (this.jumpTime) {\n            this.jumpTime--;\n          } else {\n            this.$router.push({ path: \"/\" });\n            this.delOthersVisitedRoutes({ path: \"/\" });\n            clearInterval(this.timer);\n          }\n        }, 1000);\n      },\n    },\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .error-container {\n    position: relative;\n    min-height: 100vh;\n\n    .error-content {\n      position: absolute;\n      top: 55%;\n      left: 50%;\n      width: 40vw;\n      height: 400px;\n      transform: translate(-50%, -50%);\n\n      .pic-error {\n        position: relative;\n        float: left;\n        width: 100%;\n        overflow: hidden;\n\n        &-parent {\n          width: 100%;\n        }\n\n        &-child {\n          position: absolute;\n\n          &.left {\n            top: 17px;\n            left: 220px;\n            width: 80px;\n            opacity: 0;\n            animation-name: cloudLeft;\n            animation-duration: 2s;\n            animation-timing-function: linear;\n            animation-delay: 1s;\n            animation-fill-mode: forwards;\n          }\n\n          @keyframes cloudLeft {\n            0% {\n              top: 17px;\n              left: 220px;\n              opacity: 0;\n            }\n\n            20% {\n              top: 33px;\n              left: 188px;\n              opacity: 1;\n            }\n\n            80% {\n              top: 81px;\n              left: 92px;\n              opacity: 1;\n            }\n\n            100% {\n              top: 97px;\n              left: 60px;\n              opacity: 0;\n            }\n          }\n        }\n      }\n\n      .bullshit {\n        position: relative;\n        float: left;\n        width: 300px;\n        padding: 30px 0;\n        overflow: hidden;\n\n        &-oops {\n          margin-bottom: 20px;\n          font-size: 32px;\n          font-weight: bold;\n          line-height: 40px;\n          color: $base-color-blue;\n          opacity: 0;\n          animation-name: slideUp;\n          animation-duration: 0.5s;\n          animation-fill-mode: forwards;\n        }\n\n        &-headline {\n          margin-bottom: 10px;\n          font-size: 20px;\n          font-weight: bold;\n          line-height: 24px;\n          color: #222;\n          opacity: 0;\n          animation-name: slideUp;\n          animation-duration: 0.5s;\n          animation-delay: 0.1s;\n          animation-fill-mode: forwards;\n        }\n\n        &-info {\n          margin-bottom: 30px;\n          font-size: 13px;\n          line-height: 21px;\n          color: $base-color-gray;\n          opacity: 0;\n          animation-name: slideUp;\n          animation-duration: 0.5s;\n          animation-delay: 0.2s;\n          animation-fill-mode: forwards;\n        }\n\n        &-return-home {\n          display: block;\n          float: left;\n          width: 110px;\n          height: 36px;\n          font-size: 14px;\n          line-height: 36px;\n          color: #fff;\n          text-align: center;\n          cursor: pointer;\n          background: $base-color-blue;\n          border-radius: 100px;\n          opacity: 0;\n          animation-name: slideUp;\n          animation-duration: 0.5s;\n          animation-delay: 0.3s;\n          animation-fill-mode: forwards;\n        }\n\n        @keyframes slideUp {\n          0% {\n            opacity: 0;\n            transform: translateY(60px);\n          }\n\n          100% {\n            opacity: 1;\n            transform: translateY(0);\n          }\n        }\n      }\n    }\n  }\n</style>\n"]}]}