linx6g/skt-vuetify-templates
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: abort機制

Browse Source
This commit is contained in:
skytek_xinliang
2026-06-01 14:50:47 +08:00
parent f61432ad8a
commit 915f3b7f2f
9 changed files with 70 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/architecture-strategy.md
+4 -4
View File
@@ -183,7 +183,7 @@ src/
```vue
<!-- views/maint/SingleRecord.vue（優化後） -->
<script setup lang="ts">
import MaintShell from '@/components/MaintShell.vue'
import MaintShell from '@/components/maint/MaintShell.vue'
import { useSingleRecordMaintenancePage } from '@/composables/page-drivers/useSingleRecordMaintenancePage'
const { commands, formPanelEvents, formPanelProps, pageModel, searchPanelOpen } = useSingleRecordMaintenancePage()
@@ -203,7 +203,7 @@ const { commands, formPanelEvents, formPanelProps, pageModel, searchPanelOpen }
```vue
<!-- views/maint/SingleRecord.vue -->
<script setup lang="ts">
import MaintShell from '@/components/MaintShell.vue'
import MaintShell from '@/components/maint/MaintShell.vue'
import { useSingleRecordMaintenancePage } from '@/composables/page-drivers/useSingleRecordMaintenancePage'
const { pageModel, searchPanelOpen, commands, search, students, ... } = useSingleRecordMaintenancePage()
@@ -347,7 +347,7 @@ views/xxx.vue
- View 中不再直接定義 `<teleport>`、`<v-overlay>` 或多個確認 dialog。
5. [x] 將表單欄位抽出到 `src/components/items/ItemFormFieldGroup.vue`。
- 只呈現欄位與欄位錯誤，透過 `v-model` 與 `clear-field-error` 與上層互動。
6. [x] 將 CRUD command 流程抽出到 `src/composables/commands/useCrudCommands.ts`。
6. [x] 將 CRUD command 流程抽出到 `src/composables/useCrudCommands.ts`。
- 負責新增、載入編輯/檢視資料、儲存前確認、實際儲存與 highlight 流程。
7. [x] 新增 `src/composables/page-drivers/useSingleRecordMaintenancePage.ts` 作為本頁協調層。
- 集中組裝 page model、搜尋狀態、表格分頁、表單狀態、CRUD command 與 dialog flow。
@@ -402,7 +402,7 @@ views/xxx.vue
| Layout | `src/components/layouts/` | `MainLayout.vue`（維持） |
| Base | `src/components/base/` | `DraggableDialog.vue`（維持） |
| Page Driver Composable | `src/composables/page-drivers/` | `useSingleRecordMaintenancePage.ts` |
| Command Composable | `src/composables/commands/` | `useCrudCommands.ts` |
| Command Composable | `src/composables/` | `useCrudCommands.ts` |
| Form Composable | `src/composables/forms/` | `useForm.ts` |
| Domain Store | `src/stores/` | `students.ts`（維持） |
| Service Module | `src/services/modules/` | `students.ts`（維持） |