diff --git a/src/App.vue b/src/App.vue
index de2acf6..e809c43 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -60,6 +60,6 @@
 </template>
 
 <script setup>
-import { useUiStore } from './store/ui'
+import { useUiStore } from '@/stores/modules/uiStore'
 const ui = useUiStore()
 </script>
diff --git a/src/components/DockEditModal.vue b/src/components/DockEditModal.vue
index f8ee47c..4c903fd 100644
--- a/src/components/DockEditModal.vue
+++ b/src/components/DockEditModal.vue
@@ -26,7 +26,7 @@
 
 <script setup>
 import { reactive, ref, watch } from 'vue'
-import request from '../api/request'
+import request from '@/utils/http'
 
 const props = defineProps({
   visible: Boolean,
diff --git a/src/layout/AppShell.vue b/src/layout/AppShell.vue
index 4e98f1e..2ddb48e 100644
--- a/src/layout/AppShell.vue
+++ b/src/layout/AppShell.vue
@@ -64,8 +64,8 @@
 <script setup>
 import { computed, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { useUserStore } from '../store/user'
-import { useUiStore } from '../store/ui'
+import { useUserStore } from '@/stores/modules/userStore'
+import { useUiStore } from '@/stores/modules/uiStore'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/src/main.js b/src/main.js
index 6f3dc12..7adf515 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,10 +1,10 @@
 import { createApp } from 'vue'
-import { createPinia } from 'pinia'
 import App from './App.vue'
 import router from './router'
+import { setupStore } from './stores'
 import './styles/prototype.css'
 
 const app = createApp(App)
-app.use(createPinia())
+setupStore(app)
 app.use(router)
 app.mount('#app')
diff --git a/src/router/index.js b/src/router/index.js
index 7725f81..3c2f427 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,27 +1,27 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import { useUserStore } from '../store/user'
+import { useUserStore } from '@/stores/modules/userStore'
 import AppShell from '../layout/AppShell.vue'
 
 const routes = [
-  { path: '/login', name: 'login', component: () => import('../views/Login.vue') },
+  { path: '/login', name: 'login', component: () => import('../views/LoginView/LoginView.vue') },
   {
     path: '/',
     component: AppShell,
     redirect: '/monitor',
     children: [
-      { path: 'monitor', name: 'monitor', component: () => import('../views/Monitor.vue') },
-      { path: 'devices', name: 'devices', component: () => import('../views/Devices.vue') },
-      { path: 'tasks', name: 'tasks', component: () => import('../views/Tasks.vue') },
-      { path: 'replay/:key', name: 'replay', component: () => import('../views/Replay.vue') },
-      { path: 'media', name: 'media', component: () => import('../views/Media.vue') },
-      { path: 'account', name: 'account', component: () => import('../views/Account.vue') },
-      { path: 'alarms', name: 'alarms', component: () => import('../views/Alarms.vue') },
-      { path: 'system', name: 'system', component: () => import('../views/System.vue'), meta: { admin: true } },
-      { path: 'users', name: 'users', component: () => import('../views/Users.vue'), meta: { admin: true } },
-      { path: 'firmwares', name: 'firmwares', component: () => import('../views/Firmwares.vue'), meta: { admin: true } },
-      { path: 'control/:id?', name: 'control', component: () => import('../views/Control.vue'), meta: { userOnly: true } },
-      { path: 'logs', name: 'logs', component: () => import('../views/OperationLogs.vue'), meta: { userOnly: true } },
-      { path: 'device/:id', name: 'device-detail', component: () => import('../views/DeviceDetail.vue') }
+      { path: 'monitor', name: 'monitor', component: () => import('../views/MonitorView/MonitorView.vue') },
+      { path: 'devices', name: 'devices', component: () => import('../views/DevicesView/DevicesView.vue') },
+      { path: 'tasks', name: 'tasks', component: () => import('../views/TasksView/TasksView.vue') },
+      { path: 'replay/:key', name: 'replay', component: () => import('../views/ReplayView/ReplayView.vue') },
+      { path: 'media', name: 'media', component: () => import('../views/MediaView/MediaView.vue') },
+      { path: 'account', name: 'account', component: () => import('../views/AccountView/AccountView.vue') },
+      { path: 'alarms', name: 'alarms', component: () => import('../views/AlarmsView/AlarmsView.vue') },
+      { path: 'system', name: 'system', component: () => import('../views/SystemView/SystemView.vue'), meta: { admin: true } },
+      { path: 'users', name: 'users', component: () => import('../views/UsersView/UsersView.vue'), meta: { admin: true } },
+      { path: 'firmwares', name: 'firmwares', component: () => import('../views/FirmwaresView/FirmwaresView.vue'), meta: { admin: true } },
+      { path: 'control/:id?', name: 'control', component: () => import('../views/ControlView/ControlView.vue'), meta: { userOnly: true } },
+      { path: 'logs', name: 'logs', component: () => import('../views/OperationLogsView/OperationLogsView.vue'), meta: { userOnly: true } },
+      { path: 'device/:id', name: 'device-detail', component: () => import('../views/DeviceDetailView/DeviceDetailView.vue') }
     ]
   },
   { path: '/:pathMatch(.*)*', redirect: '/monitor' }
diff --git a/src/stores/index.js b/src/stores/index.js
new file mode 100644
index 0000000..8ea3035
--- /dev/null
+++ b/src/stores/index.js
@@ -0,0 +1,9 @@
+import { createPinia } from 'pinia'
+
+export * from './modules/userStore'
+export * from './modules/devicesStore'
+export * from './modules/uiStore'
+
+export function setupStore(app) {
+  app.use(createPinia())
+}
diff --git a/src/store/devices.js b/src/stores/modules/devicesStore.js
similarity index 99%
rename from src/store/devices.js
rename to src/stores/modules/devicesStore.js
index b0f7c1d..c0103a3 100644
--- a/src/store/devices.js
+++ b/src/stores/modules/devicesStore.js
@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia'
 import { reactive, ref } from 'vue'
-import request from '../api/request'
+import request from '@/utils/http'
 
 // 后端 status 值 → 展示文案 + 状态样式
 const DOCK_STATUS = {
diff --git a/src/store/ui.js b/src/stores/modules/uiStore.js
similarity index 100%
rename from src/store/ui.js
rename to src/stores/modules/uiStore.js
diff --git a/src/store/user.js b/src/stores/modules/userStore.js
similarity index 100%
rename from src/store/user.js
rename to src/stores/modules/userStore.js
diff --git a/src/api/request.js b/src/utils/http.js
similarity index 90%
rename from src/api/request.js
rename to src/utils/http.js
index 79f6090..ba928cb 100644
--- a/src/api/request.js
+++ b/src/utils/http.js
@@ -1,6 +1,6 @@
 import axios from 'axios'
-import { useUserStore } from '../store/user'
-import { useUiStore } from '../store/ui'
+import { useUserStore } from '@/stores/modules/userStore'
+import { useUiStore } from '@/stores/modules/uiStore'
 import router from '../router'
 
 const request = axios.create({
diff --git a/src/views/Account.vue b/src/views/AccountView/AccountView.vue
similarity index 98%
rename from src/views/Account.vue
rename to src/views/AccountView/AccountView.vue
index 49f1130..de583f7 100644
--- a/src/views/Account.vue
+++ b/src/views/AccountView/AccountView.vue
@@ -202,10 +202,10 @@
 
 <script setup>
 import { computed, onMounted, ref } from 'vue'
-import { useUserStore } from '../store/user'
-import { useUiStore } from '../store/ui'
-import request from '../api/request'
-import { useDeviceStore } from '../store/devices'
+import { useUserStore } from '@/stores/modules/userStore'
+import { useUiStore } from '@/stores/modules/uiStore'
+import request from '@/utils/http'
+import { useDeviceStore } from '@/stores/modules/devicesStore'
 
 const userStore = useUserStore()
 const ui = useUiStore()
diff --git a/src/views/Alarms.vue b/src/views/AlarmsView/AlarmsView.vue
similarity index 98%
rename from src/views/Alarms.vue
rename to src/views/AlarmsView/AlarmsView.vue
index bcdb6ba..26b2959 100644
--- a/src/views/Alarms.vue
+++ b/src/views/AlarmsView/AlarmsView.vue
@@ -52,8 +52,8 @@
 
 <script setup>
 import { computed, onMounted, ref } from 'vue'
-import { useUiStore } from '../store/ui'
-import request from '../api/request'
+import { useUiStore } from '@/stores/modules/uiStore'
+import request from '@/utils/http'
 
 const ui = useUiStore()
 
diff --git a/src/views/Control.vue b/src/views/ControlView/ControlView.vue
similarity index 98%
rename from src/views/Control.vue
rename to src/views/ControlView/ControlView.vue
index 9156350..4d73c50 100644
--- a/src/views/Control.vue
+++ b/src/views/ControlView/ControlView.vue
@@ -97,8 +97,8 @@
 <script setup>
 import { computed, onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
-import { useDeviceStore } from '../store/devices'
-import { useUiStore } from '../store/ui'
+import { useDeviceStore } from '@/stores/modules/devicesStore'
+import { useUiStore } from '@/stores/modules/uiStore'
 
 const route = useRoute()
 const devices = useDeviceStore()
diff --git a/src/views/DeviceDetail.vue b/src/views/DeviceDetailView/DeviceDetailView.vue
similarity index 99%
rename from src/views/DeviceDetail.vue
rename to src/views/DeviceDetailView/DeviceDetailView.vue
index 4904c43..882cb9c 100644
--- a/src/views/DeviceDetail.vue
+++ b/src/views/DeviceDetailView/DeviceDetailView.vue
@@ -319,11 +319,11 @@
 <script setup>
 import { computed, onMounted, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { useDeviceStore } from '../store/devices'
-import { useUiStore } from '../store/ui'
-import { useUserStore } from '../store/user'
-import request from '../api/request'
-import DockEditModal from '../components/DockEditModal.vue'
+import { useDeviceStore } from '@/stores/modules/devicesStore'
+import { useUiStore } from '@/stores/modules/uiStore'
+import { useUserStore } from '@/stores/modules/userStore'
+import request from '@/utils/http'
+import DockEditModal from '@/components/DockEditModal.vue'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/src/views/Devices.vue b/src/views/DevicesView/DevicesView.vue
similarity index 98%
rename from src/views/Devices.vue
rename to src/views/DevicesView/DevicesView.vue
index 2d4503a..63ca735 100644
--- a/src/views/Devices.vue
+++ b/src/views/DevicesView/DevicesView.vue
@@ -255,12 +255,12 @@
 
 <script setup>
 import { computed, onMounted, reactive, ref } from 'vue'
-import { useDeviceStore } from '../store/devices'
-import { useUiStore } from '../store/ui'
+import { useDeviceStore } from '@/stores/modules/devicesStore'
+import { useUiStore } from '@/stores/modules/uiStore'
 import { useRouter } from 'vue-router'
-import { useUserStore } from '../store/user'
-import request from '../api/request'
-import DockEditModal from '../components/DockEditModal.vue'
+import { useUserStore } from '@/stores/modules/userStore'
+import request from '@/utils/http'
+import DockEditModal from '@/components/DockEditModal.vue'
 
 const devices = useDeviceStore()
 const ui = useUiStore()
diff --git a/src/views/Firmwares.vue b/src/views/FirmwaresView/FirmwaresView.vue
similarity index 99%
rename from src/views/Firmwares.vue
rename to src/views/FirmwaresView/FirmwaresView.vue
index 5aa4611..25d64b6 100644
--- a/src/views/Firmwares.vue
+++ b/src/views/FirmwaresView/FirmwaresView.vue
@@ -116,8 +116,8 @@
 
 <script setup>
 import { onMounted, reactive, ref } from 'vue'
-import { useUiStore } from '../store/ui'
-import request from '../api/request'
+import { useUiStore } from '@/stores/modules/uiStore'
+import request from '@/utils/http'
 
 const ui = useUiStore()
 const list = ref([])
diff --git a/src/views/Login.vue b/src/views/LoginView/LoginView.vue
similarity index 98%
rename from src/views/Login.vue
rename to src/views/LoginView/LoginView.vue
index 972b480..d8ec09b 100644
--- a/src/views/Login.vue
+++ b/src/views/LoginView/LoginView.vue
@@ -83,9 +83,9 @@
 <script setup>
 import { reactive, ref } from 'vue'
 import { useRouter } from 'vue-router'
-import request from '../api/request'
-import { useUserStore } from '../store/user'
-import { useUiStore } from '../store/ui'
+import request from '@/utils/http'
+import { useUserStore } from '@/stores/modules/userStore'
+import { useUiStore } from '@/stores/modules/uiStore'
 
 const router = useRouter()
 const userStore = useUserStore()
diff --git a/src/views/Media.vue b/src/views/MediaView/MediaView.vue
similarity index 98%
rename from src/views/Media.vue
rename to src/views/MediaView/MediaView.vue
index d30dda3..a71bf24 100644
--- a/src/views/Media.vue
+++ b/src/views/MediaView/MediaView.vue
@@ -67,8 +67,8 @@
 <script setup>
 import { onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { useUiStore } from '../store/ui'
-import request from '../api/request'
+import { useUiStore } from '@/stores/modules/uiStore'
+import request from '@/utils/http'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/src/views/Monitor.vue b/src/views/MonitorView/MonitorView.vue
similarity index 99%
rename from src/views/Monitor.vue
rename to src/views/MonitorView/MonitorView.vue
index f7ec6a9..ed1a7aa 100644
--- a/src/views/Monitor.vue
+++ b/src/views/MonitorView/MonitorView.vue
@@ -246,10 +246,10 @@
 <script setup>
 import { computed, onMounted, reactive, ref } from 'vue'
 import { useRoute } from 'vue-router'
-import { useDeviceStore } from '../store/devices'
-import { useUiStore } from '../store/ui'
+import { useDeviceStore } from '@/stores/modules/devicesStore'
+import { useUiStore } from '@/stores/modules/uiStore'
 import { useRouter } from 'vue-router'
-import { useUserStore } from '../store/user'
+import { useUserStore } from '@/stores/modules/userStore'
 
 const devices = useDeviceStore()
 const ui = useUiStore()
diff --git a/src/views/OperationLogs.vue b/src/views/OperationLogsView/OperationLogsView.vue
similarity index 98%
rename from src/views/OperationLogs.vue
rename to src/views/OperationLogsView/OperationLogsView.vue
index 355bd0f..bf8393f 100644
--- a/src/views/OperationLogs.vue
+++ b/src/views/OperationLogsView/OperationLogsView.vue
@@ -62,8 +62,8 @@
 
 <script setup>
 import { onMounted, ref } from 'vue'
-import { useUiStore } from '../store/ui'
-import request from '../api/request'
+import { useUiStore } from '@/stores/modules/uiStore'
+import request from '@/utils/http'
 
 const ui = useUiStore()
 const list = ref([])
diff --git a/src/views/Replay.vue b/src/views/ReplayView/ReplayView.vue
similarity index 98%
rename from src/views/Replay.vue
rename to src/views/ReplayView/ReplayView.vue
index 37e3cf0..4ab8429 100644
--- a/src/views/Replay.vue
+++ b/src/views/ReplayView/ReplayView.vue
@@ -54,8 +54,8 @@
 <script setup>
 import { computed, onMounted, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { useUiStore } from '../store/ui'
-import request from '../api/request'
+import { useUiStore } from '@/stores/modules/uiStore'
+import request from '@/utils/http'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/src/views/System.vue b/src/views/SystemView/SystemView.vue
similarity index 96%
rename from src/views/System.vue
rename to src/views/SystemView/SystemView.vue
index e1a8bfb..8ca9214 100644
--- a/src/views/System.vue
+++ b/src/views/SystemView/SystemView.vue
@@ -59,9 +59,9 @@
 
 <script setup>
 import { computed, onMounted, ref } from 'vue'
-import { useUiStore } from '../store/ui'
-import { useUserStore } from '../store/user'
-import request from '../api/request'
+import { useUiStore } from '@/stores/modules/uiStore'
+import { useUserStore } from '@/stores/modules/userStore'
+import request from '@/utils/http'
 
 const ui = useUiStore()
 const userStore = useUserStore()
diff --git a/src/views/Tasks.vue b/src/views/TasksView/TasksView.vue
similarity index 99%
rename from src/views/Tasks.vue
rename to src/views/TasksView/TasksView.vue
index 630e487..2cb67b4 100644
--- a/src/views/Tasks.vue
+++ b/src/views/TasksView/TasksView.vue
@@ -217,9 +217,9 @@
 <script setup>
 import { computed, onMounted, reactive, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { useUiStore } from '../store/ui'
-import request from '../api/request'
-import { useDeviceStore } from '../store/devices'
+import { useUiStore } from '@/stores/modules/uiStore'
+import request from '@/utils/http'
+import { useDeviceStore } from '@/stores/modules/devicesStore'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/src/views/Users.vue b/src/views/UsersView/UsersView.vue
similarity index 97%
rename from src/views/Users.vue
rename to src/views/UsersView/UsersView.vue
index 54566dc..2370d4b 100644
--- a/src/views/Users.vue
+++ b/src/views/UsersView/UsersView.vue
@@ -65,8 +65,8 @@
 
 <script setup>
 import { onMounted, ref } from 'vue'
-import { useUiStore } from '../store/ui'
-import request from '../api/request'
+import { useUiStore } from '@/stores/modules/uiStore'
+import request from '@/utils/http'
 
 const ui = useUiStore()
 const users = ref([])