初始化 ui.

orion-ops-ui/src/views/exception/403/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <div class="container">
+    <Breadcrumb :items="['menu.exception', 'menu.exception.403']" />
+    <div class="content">
+      <a-result
+        class="result"
+        status="403"
+        :subtitle="$t('exception.result.403.description')"
+      />
+      <a-button key="back" type="primary">
+        {{ $t('exception.result.403.back') }}
+      </a-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup></script>
+
+<script lang="ts">
+  export default {
+    name: '403',
+  };
+</script>
+
+<style scoped lang="less">
+  .container {
+    padding: 0 20px 20px 20px;
+    height: calc(100% - 40px);
+    :deep(.content) {
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      text-align: center;
+      background-color: var(--color-bg-1);
+      border-radius: 4px;
+    }
+  }
+</style>

orion-ops-ui/src/views/exception/403/locale/en-US.ts

@@ -0,0 +1,6 @@
+export default {
+  'menu.exception.403': '403',
+  'exception.result.403.description':
+    'Access to this resource on the server is denied.',
+  'exception.result.403.back': 'Back',
+};

orion-ops-ui/src/views/exception/403/locale/zh-CN.ts

@@ -0,0 +1,5 @@
+export default {
+  'menu.exception.403': '403',
+  'exception.result.403.description': '对不起，您没有访问该资源的权限',
+  'exception.result.403.back': '返回',
+};