From 15364635feabb5def28b51eeca609da883b35276 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=80=97=E5=AD=90?= <haozi@loli.email>
Date: Sun, 4 Jan 2026 18:06:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A8=A1=E7=89=88=E5=88=9D=E5=A7=8B?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/app/{AllView.vue => AppView.vue} |  0
 web/src/views/app/EnvironmentView.vue          |  7 +++++++
 web/src/views/app/IndexView.vue                | 16 ++++++++++------
 web/src/views/app/TemplateView.vue             |  7 +++++++
 4 files changed, 24 insertions(+), 6 deletions(-)
 rename web/src/views/app/{AllView.vue => AppView.vue} (100%)
 create mode 100644 web/src/views/app/EnvironmentView.vue
 create mode 100644 web/src/views/app/TemplateView.vue

diff --git a/web/src/views/app/AllView.vue b/web/src/views/app/AppView.vue
similarity index 100%
rename from web/src/views/app/AllView.vue
rename to web/src/views/app/AppView.vue
diff --git a/web/src/views/app/EnvironmentView.vue b/web/src/views/app/EnvironmentView.vue
new file mode 100644
index 00000000..ea8bac01
--- /dev/null
+++ b/web/src/views/app/EnvironmentView.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <n-empty></n-empty>
+</template>
+
+<style scoped lang="scss"></style>
diff --git a/web/src/views/app/IndexView.vue b/web/src/views/app/IndexView.vue
index a307da45..b2066ae6 100644
--- a/web/src/views/app/IndexView.vue
+++ b/web/src/views/app/IndexView.vue
@@ -7,11 +7,13 @@ import { NButton } from 'naive-ui'
 import { useGettext } from 'vue3-gettext'
 
 import app from '@/api/panel/app'
-import AllView from '@/views/app/AllView.vue'
+import AppView from '@/views/app/AppView.vue'
+import EnvironmentView from '@/views/app/EnvironmentView.vue'
+import TemplateView from '@/views/app/TemplateView.vue'
 
 const { $gettext } = useGettext()
 
-const currentTab = ref('all')
+const currentTab = ref('app')
 
 const handleUpdateCache = () => {
   useRequest(app.updateCache()).onSuccess(() => {
@@ -25,15 +27,17 @@ const handleUpdateCache = () => {
     <template #tabbar>
       <div class="flex items-center justify-between">
         <n-tabs v-model:value="currentTab" animated class="flex-1">
-          <n-tab name="all" :tab="$gettext('All')" />
-          <n-tab name="environment" :tab="$gettext('Environment')" />
-          <n-tab name="compose" :tab="$gettext('Compose Templates')" />
+          <n-tab name="app" :tab="$gettext('Native App')" />
+          <n-tab name="environment" :tab="$gettext('Operating Environment')" />
+          <n-tab name="template" :tab="$gettext('Container Template')" />
         </n-tabs>
         <n-button v-if="currentTab != 'installed'" type="primary" @click="handleUpdateCache">
           {{ $gettext('Update Cache') }}
         </n-button>
       </div>
     </template>
-    <all-view v-if="currentTab === 'all'" />
+    <app-view v-if="currentTab === 'app'" />
+    <environment-view v-if="currentTab === 'environment'" />
+    <template-view v-if="currentTab === 'template'" />
   </common-page>
 </template>
diff --git a/web/src/views/app/TemplateView.vue b/web/src/views/app/TemplateView.vue
new file mode 100644
index 00000000..ea8bac01
--- /dev/null
+++ b/web/src/views/app/TemplateView.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <n-empty></n-empty>
+</template>
+
+<style scoped lang="scss"></style>