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

新设计规范下业务组件库

import React from 'react';
import { Button, Layout } from 'antd';
import { useHistory } from 'react-router-dom';
import './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: '亲，您好像没有查看页面的权限呢'
  }
};
export default (function (_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 = useHistory(),
    replace = _useHistory.replace;
  var pageInfo = PAGE_CONFIG["" + code] || {};
  return /*#__PURE__*/React.createElement(Layout.Content, {
    className: "umui-page umui-error-page",
    style: style
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    className: "umui-error-page-img",
    style: {
      backgroundImage: "url(" + pageInfo.img + ")"
    }
  }), /*#__PURE__*/React.createElement("div", {
    className: "umui-error-page-text"
  }, pageInfo.text), /*#__PURE__*/React.createElement(Button, {
    type: "primary",
    onClick: function onClick() {
      replace(homeURL);
    }
  }, "\u8FD4\u56DE\u9996\u9875")));
});