diff --git a/ui/src/layout/components/top-bar/index.vue b/ui/src/layout/components/top-bar/index.vue
index 87834104d..1fe02c89a 100644
--- a/ui/src/layout/components/top-bar/index.vue
+++ b/ui/src/layout/components/top-bar/index.vue
@@ -35,7 +35,7 @@
           @click="toUrl('https://bbs.fit2cloud.com/c/mk/11')"
         ></AppIcon>
       </el-tooltip>
-      <el-dropdown v-if="false" trigger="click" type="primary">
+      <el-dropdown v-if="true" trigger="click" type="primary">
         <template #dropdown>
           <el-dropdown-menu>
             <el-dropdown-item
diff --git a/ui/src/locales/lang/en_US/index.ts b/ui/src/locales/lang/en_US/index.ts
index 16bd5f6bb..371a3a424 100644
--- a/ui/src/locales/lang/en_US/index.ts
+++ b/ui/src/locales/lang/en_US/index.ts
@@ -1,12 +1,12 @@
 import en from 'element-plus/es/locale/lang/en';
 import components from './components';
 import layout from './layout';
-import pages from './pages';
+import views from './views';
 
 export default {
     lang: 'English',
     layout,
-    pages,
+    views,
     components,
     en,
 };
diff --git a/ui/src/locales/lang/en_US/pages/index.ts b/ui/src/locales/lang/en_US/pages/index.ts
deleted file mode 100644
index bd77588db..000000000
--- a/ui/src/locales/lang/en_US/pages/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-
-export default {
-
-};
diff --git a/ui/src/locales/lang/en_US/views/404/index.ts b/ui/src/locales/lang/en_US/views/404/index.ts
new file mode 100644
index 000000000..c63711136
--- /dev/null
+++ b/ui/src/locales/lang/en_US/views/404/index.ts
@@ -0,0 +1,5 @@
+export default {
+    title: "404",
+    message: "Unable to Access Application",
+    operate: "Back to Home",
+};
diff --git a/ui/src/locales/lang/en_US/views/index.ts b/ui/src/locales/lang/en_US/views/index.ts
new file mode 100644
index 000000000..d961ddb62
--- /dev/null
+++ b/ui/src/locales/lang/en_US/views/index.ts
@@ -0,0 +1,5 @@
+import notFound from './404';
+
+export default {
+    notFound,
+};
diff --git a/ui/src/locales/lang/zh_CN/index.ts b/ui/src/locales/lang/zh_CN/index.ts
index db4da9942..dc182c7f0 100644
--- a/ui/src/locales/lang/zh_CN/index.ts
+++ b/ui/src/locales/lang/zh_CN/index.ts
@@ -1,12 +1,12 @@
 import zhCn from 'element-plus/es/locale/lang/zh-cn';
 import components from './components';
 import layout from './layout';
-import pages from './pages';
+import views from './views';
 
 export default {
     lang: '简体中文',
     layout,
-    pages,
+    views,
     components,
     zhCn,
 };
diff --git a/ui/src/locales/lang/zh_CN/pages/index.ts b/ui/src/locales/lang/zh_CN/pages/index.ts
deleted file mode 100644
index bd77588db..000000000
--- a/ui/src/locales/lang/zh_CN/pages/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-
-export default {
-
-};
diff --git a/ui/src/locales/lang/zh_CN/views/404/index.ts b/ui/src/locales/lang/zh_CN/views/404/index.ts
new file mode 100644
index 000000000..44562310c
--- /dev/null
+++ b/ui/src/locales/lang/zh_CN/views/404/index.ts
@@ -0,0 +1,5 @@
+export default {
+        title: "404",
+        Message: "无法访问应用",
+        operate: "返回首页",
+};
diff --git a/ui/src/locales/lang/zh_CN/views/index.ts b/ui/src/locales/lang/zh_CN/views/index.ts
new file mode 100644
index 000000000..d961ddb62
--- /dev/null
+++ b/ui/src/locales/lang/zh_CN/views/index.ts
@@ -0,0 +1,5 @@
+import notFound from './404';
+
+export default {
+    notFound,
+};
diff --git a/ui/src/views/404/index.vue b/ui/src/views/404/index.vue
index 4c7350ca1..bb00f107e 100644
--- a/ui/src/views/404/index.vue
+++ b/ui/src/views/404/index.vue
@@ -2,10 +2,10 @@
   <el-row class="not-found-container">
     <el-col class="img" :xs="0" :sm="0" :md="12" :lg="12" :xl="12"> </el-col>
     <el-col class="message-container" :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-      <div class="title">404</div>
-      <div class="message">很抱歉，无法访问应用！</div>
+      <div class="title">{{ $t('views.notFound.title')}}</div>
+      <div class="message">{{ $t('views.notFound.message') }}</div>
       <!-- TODO 暂时不处理 -->
-      <!-- <div class="operate"><el-button type="primary" @click="router.push('/')">返回首页</el-button></div> -->
+      <!-- <div class="operate"><el-button type="primary" @click="router.push('/')">{{ $t('views.notFound.operate') }}</el-button></div> -->
     </el-col>
   </el-row>
 </template>
@@ -42,6 +42,7 @@ const router = useRouter()
     }
   }
 }
+
 @media only screen and (max-width: 1000px) {
   .not-found-container .message-container {
     text-align: center;