qt-public-ui/lib/Default/errorPage.js

新设计规范下业务组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _antd = require("antd");
var _reactRouterDom = require("react-router-dom");
require("./style");
var PAGE_CONFIG = {
  404: {
    img: '//img.alicdn.com/tfs/TB1sAiFE.T1gK0jSZFrXXcNCXXa-500-400.png',
    text: '恭喜您找到了一个不存在的页面'
  },
  403: {
    img: '//img.alicdn.com/tfs/TB1UWbgKrj1gK0jSZFOXXc7GpXa-424-320.png',
    text: '亲，您好像没有查看页面的权限呢'
  }
};
var _default = exports["default"] = function _default(_ref) {
  var code = _ref.code,
    _ref$homeURL = _ref.homeURL,
    homeURL = _ref$homeURL === void 0 ? '/' : _ref$homeURL,
    _ref$style = _ref.style,
    style = _ref$style === void 0 ? {} : _ref$style;
  var _useHistory = (0, _reactRouterDom.useHistory)(),
    replace = _useHistory.replace;
  var pageInfo = PAGE_CONFIG["".concat(code)] || {};
  return /*#__PURE__*/_react["default"].createElement(_antd.Layout.Content, {
    className: "umui-page umui-error-page",
    style: style
  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
    className: "umui-error-page-img",
    style: {
      backgroundImage: "url(".concat(pageInfo.img, ")")
    }
  }), /*#__PURE__*/_react["default"].createElement("div", {
    className: "umui-error-page-text"
  }, pageInfo.text), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
    type: "primary",
    onClick: function onClick() {
      replace(homeURL);
    }
  }, "\u8FD4\u56DE\u9996\u9875")));
};