{"version":3,"sources":["webpack:///./src/views/errorPage/index.vue","webpack:///src/views/errorPage/index.vue","webpack:///./src/views/errorPage/index.vue?fc31","webpack:///./src/views/errorPage/index.vue?52fe","webpack:///./src/views/errorPage/index.vue?66d5","webpack:///./src/assets/img/404_cloud.png","webpack:///./src/assets/img/404.png"],"names":["render","_vm","this","_c","_self","staticClass","attrs","img_404","img_404_cloud","_v","_s","message","on","logout","staticRenderFns","name","data","computed","methods","$tim","logoutIM","$cookie","remove","$router","push","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkBC,MAAM,CAAC,IAAML,EAAIM,QAAQ,IAAM,SAASJ,EAAG,MAAM,CAACE,YAAY,sBAAsBC,MAAM,CAAC,IAAML,EAAIO,cAAc,IAAM,SAASL,EAAG,MAAM,CAACE,YAAY,qBAAqBC,MAAM,CAAC,IAAML,EAAIO,cAAc,IAAM,SAASL,EAAG,MAAM,CAACE,YAAY,uBAAuBC,MAAM,CAAC,IAAML,EAAIO,cAAc,IAAM,WAAWL,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACJ,EAAIQ,GAAG,YAAYN,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,YAAYR,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACJ,EAAIQ,GAAG,eAAeN,EAAG,SAAS,CAACE,YAAY,6BAA6BO,GAAG,CAAC,MAAQX,EAAIY,SAAS,CAACZ,EAAIQ,GAAG,mCAE/2BK,EAAkB,G,0CCuBP,GACfC,KAAA,UACAC,KAAA,WACA,OACAT,YACAC,oBAGAS,SAAA,CACAN,QAAA,WACA,yBAGAO,QAAA,CACAL,OAAA,WACA,KAAAM,KAAAC,WACA,KAAAC,QAAAC,OAAA,SACA,KAAAC,QAAAC,KAAA,CAAAT,KAAA,aC1C6V,I,wBCQzVU,EAAY,eACd,EACAzB,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAW,E,6CCnBf,W,uBCAAC,EAAOC,QAAU,IAA0B,8B,gDCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-7639d957.74a1b602.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"errorPage app-container\"},[_c('div',{staticClass:\"errorPage-404\"},[_c('div',{staticClass:\"pic-404\"},[_c('img',{staticClass:\"pic-404__parent\",attrs:{\"src\":_vm.img_404,\"alt\":\"404\"}}),_c('img',{staticClass:\"pic-404__child left\",attrs:{\"src\":_vm.img_404_cloud,\"alt\":\"404\"}}),_c('img',{staticClass:\"pic-404__child mid\",attrs:{\"src\":_vm.img_404_cloud,\"alt\":\"404\"}}),_c('img',{staticClass:\"pic-404__child right\",attrs:{\"src\":_vm.img_404_cloud,\"alt\":\"404\"}})]),_c('div',{staticClass:\"errorPage-msg\"},[_c('div',{staticClass:\"errorPage-msg__oops\"},[_vm._v(\"ERROR!\")]),_c('div',{staticClass:\"errorPage-msg__headline\"},[_vm._v(_vm._s(_vm.message))]),_c('div',{staticClass:\"errorPage-msg__info\"},[_vm._v(\"请联系系统管理员！\")]),_c('button',{staticClass:\"errorPage-msg__return-home\",on:{\"click\":_vm.logout}},[_vm._v(\"\\n        返回登录\\n      \")])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"errorPage app-container\">\n    <div class=\"errorPage-404\">\n      <div class=\"pic-404\">\n        <img class=\"pic-404__parent\" :src=\"img_404\" alt=\"404\" />\n        <img class=\"pic-404__child left\" :src=\"img_404_cloud\" alt=\"404\" />\n        <img class=\"pic-404__child mid\" :src=\"img_404_cloud\" alt=\"404\" />\n        <img class=\"pic-404__child right\" :src=\"img_404_cloud\" alt=\"404\" />\n      </div>\n      <div class=\"errorPage-msg\">\n        <div class=\"errorPage-msg__oops\">ERROR!</div>\n        <div class=\"errorPage-msg__headline\">{{ message }}</div>\n        <div class=\"errorPage-msg__info\">请联系系统管理员！</div>\n        <button class=\"errorPage-msg__return-home\" @click=\"logout\">\n          返回登录\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport img_404 from \"@/assets/img/404.png\";\nimport img_404_cloud from \"@/assets/img/404_cloud.png\";\n\nexport default {\n  name: \"page404\",\n  data() {\n    return {\n      img_404,\n      img_404_cloud\n    };\n  },\n  computed: {\n    message() {\n      return \"没有权限进入页面......\";\n    }\n  },\n  methods: {\n    logout() {\n      this.$tim.logoutIM();\n      this.$cookie.remove(\"token\");\n      this.$router.push({ name: \"login\" });\n    }\n  }\n};\n</script>\n\n<style rel=\"stylesheet/scss\" lang=\"scss\" scoped>\n.errorPage {\n  background: $mainBGColor;\n}\n.errorPage-404 {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  .pic-404 {\n    position: relative;\n    width: 600px;\n    // padding: 150px 0;\n    overflow: hidden;\n    &__parent {\n      width: 100%;\n    }\n    &__child {\n      position: absolute;\n      &.left {\n        width: 80px;\n        top: 17px;\n        left: 220px;\n        opacity: 0;\n        animation-name: cloudLeft;\n        animation-duration: 2s;\n        animation-timing-function: linear;\n        animation-fill-mode: forwards;\n        animation-delay: 1s;\n      }\n      &.mid {\n        width: 46px;\n        top: 10px;\n        left: 420px;\n        opacity: 0;\n        animation-name: cloudMid;\n        animation-duration: 2s;\n        animation-timing-function: linear;\n        animation-fill-mode: forwards;\n        animation-delay: 1.2s;\n      }\n      &.right {\n        width: 62px;\n        top: 100px;\n        left: 500px;\n        opacity: 0;\n        animation-name: cloudRight;\n        animation-duration: 2s;\n        animation-timing-function: linear;\n        animation-fill-mode: forwards;\n        animation-delay: 1s;\n      }\n      @keyframes cloudLeft {\n        0% {\n          top: 17px;\n          left: 220px;\n          opacity: 0;\n        }\n        20% {\n          top: 33px;\n          left: 188px;\n          opacity: 1;\n        }\n        80% {\n          top: 81px;\n          left: 92px;\n          opacity: 1;\n        }\n        100% {\n          top: 97px;\n          left: 60px;\n          opacity: 0;\n        }\n      }\n      @keyframes cloudMid {\n        0% {\n          top: 10px;\n          left: 420px;\n          opacity: 0;\n        }\n        20% {\n          top: 40px;\n          left: 360px;\n          opacity: 1;\n        }\n        70% {\n          top: 130px;\n          left: 180px;\n          opacity: 1;\n        }\n        100% {\n          top: 160px;\n          left: 120px;\n          opacity: 0;\n        }\n      }\n      @keyframes cloudRight {\n        0% {\n          top: 100px;\n          left: 500px;\n          opacity: 0;\n        }\n        20% {\n          top: 120px;\n          left: 460px;\n          opacity: 1;\n        }\n        80% {\n          top: 180px;\n          left: 340px;\n          opacity: 1;\n        }\n        100% {\n          top: 200px;\n          left: 300px;\n          opacity: 0;\n        }\n      }\n    }\n  }\n  .errorPage-msg {\n    position: relative;\n    width: 300px;\n    overflow: hidden;\n    &__oops {\n      font-size: 32px;\n      font-weight: bold;\n      line-height: 40px;\n      color: #1482f0;\n      opacity: 0;\n      margin-bottom: 20px;\n      animation-name: slideUp;\n      animation-duration: 0.5s;\n      animation-fill-mode: forwards;\n    }\n    &__headline {\n      font-size: 20px;\n      line-height: 24px;\n      color: #1482f0;\n      opacity: 0;\n      margin-bottom: 10px;\n      animation-name: slideUp;\n      animation-duration: 0.5s;\n      animation-delay: 0.1s;\n      animation-fill-mode: forwards;\n    }\n    &__info {\n      font-size: 13px;\n      line-height: 21px;\n      color: $globalFontSizeColor;\n      opacity: 0;\n      margin-bottom: 30px;\n      animation-name: slideUp;\n      animation-duration: 0.5s;\n      animation-delay: 0.2s;\n      animation-fill-mode: forwards;\n    }\n    &__return-home {\n      display: block;\n      float: left;\n      width: 110px;\n      height: 36px;\n      background: #1482f0;\n      border-radius: 100px;\n      text-align: center;\n      color: #ffffff;\n      opacity: 0;\n      font-size: 14px;\n      line-height: 36px;\n      cursor: pointer;\n      animation-name: slideUp;\n      animation-duration: 0.5s;\n      animation-delay: 0.3s;\n      animation-fill-mode: forwards;\n    }\n    @keyframes slideUp {\n      0% {\n        transform: translateY(60px);\n        opacity: 0;\n      }\n      100% {\n        transform: translateY(0);\n        opacity: 1;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=3afd4f06&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=3afd4f06&prod&rel=stylesheet%2Fscss&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3afd4f06\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=3afd4f06&prod&rel=stylesheet%2Fscss&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/404_cloud.0f4bc32b.png\";","module.exports = __webpack_public_path__ + \"img/404.a57b6f31.png\";"],"sourceRoot":""}