fix: 错误页面优化

km-console/packages/layout-clusters-fe/src/pages/ErrorPages/NoLicense.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import pageNoLicense from '@src/assets/page-no-license.png';
+
+export default () => {
+  return (
+    <div className="error-page">
+      <img width={230} height={150} src={pageNoLicense} />
+      <div className="title">license 限制</div>
+    </div>
+  );
+};

km-console/packages/layout-clusters-fe/src/pages/ErrorPages/Page403.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import page403 from '@src/assets/page403.png';
+
+export default () => {
+  return (
+    <div className="error-page">
+      <img width={230} height={150} src={page403} />
+      <div className="title">抱歉，您没有权限访问该页面～</div>
+      <a className="link" href="/">
+        返回首页
+      </a>
+    </div>
+  );
+};

km-console/packages/layout-clusters-fe/src/pages/ErrorPages/Page404.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import page404 from '@src/assets/page404.png';
+
+export default () => {
+  return (
+    <div className="error-page">
+      <img width={230} height={150} src={page404} />
+      <div className="title">很抱歉，页面走丢了～</div>
+      <div className="desc">请检查页面地址是否正确或刷新页面</div>
+      <a className="link" href="/">
+        返回首页
+      </a>
+    </div>
+  );
+};

km-console/packages/layout-clusters-fe/src/pages/ErrorPages/index.less

@@ -0,0 +1,25 @@
+.error-page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: calc(100% - 48px);
+  > img {
+    margin-top: 165px;
+  }
+  .title {
+    margin: 16px 0;
+    font-family: @font-family-bold;
+    font-size: 18px;
+    color: #495057;
+    line-height: 25px;
+  }
+  .desc {
+    margin-bottom: 12px;
+    font-size: 13px;
+    color: #74788d;
+    font-weight: 400;
+  }
+  .link {
+    font-size: 15px;
+  }
+}

km-console/packages/layout-clusters-fe/src/pages/ErrorPages/index.tsx

@@ -0,0 +1,4 @@
+import './index.less';
+export { default as Page403 } from './Page403';
+export { default as Page404 } from './Page404';
+export { default as NoLicense } from './NoLicense';

km-console/packages/layout-clusters-fe/src/pages/NoLicense/index.tsx

@@ -1,4 +0,0 @@
-import { Result } from 'knowdesign';
-import React from 'react';
-
-export default () => <Result status="403" title="No License" subTitle="很抱歉，您的 Licence 无法使用" />;