chore: add maintanance page (#146)

Author: uyarn

src/assets/assets-result-maintenance.svg

@@ -15,6 +15,7 @@ import Result404Icon from '@/assets/assets-result-404.svg?component';
 import Result500Icon from '@/assets/assets-result-500.svg?component';
 import ResultIeIcon from '@/assets/assets-result-ie.svg?component';
 import ResultWifiIcon from '@/assets/assets-result-wifi.svg?component';
+import ResultMaintenanceIcon from '@/assets/assets-result-maintenance.svg?component';
 
 const props = defineProps({
   bgUrl: String,
@@ -35,6 +36,8 @@ const dynamicComponent = computed(() => {
       return ResultIeIcon;
     case 'wifi':
       return ResultWifiIcon;
+    case 'maintenance':
+      return ResultMaintenanceIcon;
     default:
       return Result403Icon;
   }

src/components/result/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <result title="系统维护中" tip="系统维护中，请稍后再试" type="maintenance">
+    <t-button theme="default" @click="() => $router.push('/')">返回首页</t-button>
+  </result>
+</template>
+
+<script lang="ts">
+export default {
+  name: 'ResultMaintenance',
+};
+</script>
+<script setup lang="ts">
+import Result from '@/components/result/index.vue';
+</script>

src/pages/result/maintenance/index.vue

@@ -140,6 +140,12 @@ export default [
         component: () => import('@/pages/result/browser-incompatible/index.vue'),
         meta: { title: '浏览器不兼容页' },
       },
+      {
+        path: 'maintenance',
+        name: 'ResultMaintenance',
+        component: () => import('@/pages/result/maintenance/index.vue'),
+        meta: { title: '系统维护页' },
+      },
     ],
   },
 ];