[CLAUDE] FE-Admin: Chunk C — Mig 31 K3 Designer 7th checkbox AllowApproverSkipToFinal + banner rewrite
ApprovalWorkflowsV2Page Designer inline panel mỗi Level entry thêm checkbox thứ 7: "Cho phép duyệt thẳng Cấp cuối khi đang duyệt" (F2 admin opt-in per-slot Approver). Group cuối list sau F4 AllowApproverEditBudget (Mig 30) — pattern mirror Mig 29/30 admin opt-in reinforced 3× cumulative. Types LevelDto + EditLevelEntry +allowApproverSkipToFinal: boolean field. Helper makeDefaultLevelEntry default false (opt-out — admin tick explicit). Helper copyFromDefinition propagate flag từ workflow cũ. POST/PATCH mutation body propagate 7th flag mỗi Level entry. Banner line ~623-631 rewrite: "F2 cấu hình ở User Management" (Plan D S22 wire) → "Cấu hình quyền duyệt riêng cho từng NV trong slot Approver bên dưới" — phản ánh schema Mig 31 (F2 storage moved per-slot). Per bro decision S23 t1 Plan K: "Tất cả đều cấu hình ngay trong chỗ setup quy trình duyệt". Verify: - npm run build fe-admin pass clean - 0 TS error - Bundle size 1395.74 KB (unchanged trivial) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
pqhuy1987
@ -43,12 +43,14 @@ type LevelDto = {
|
||||
approverEmail: string | null
|
||||
// Mig 29 (S21 t5) — 5 Allow* options per slot Approver
|
||||
// Mig 30 (S22+5) — +AllowApproverEditBudget cho Section ngân sách
|
||||
// Mig 31 (S23 t1) — +AllowApproverSkipToFinal F2 storage swap Users→Level (per-Approver-slot)
|
||||
allowReturnOneLevel: boolean
|
||||
allowReturnOneStep: boolean
|
||||
allowReturnToAssignee: boolean
|
||||
allowReturnToDrafter: boolean
|
||||
allowApproverEditDetails: boolean
|
||||
allowApproverEditBudget: boolean
|
||||
allowApproverSkipToFinal: boolean
|
||||
}
|
||||
type StepDto = {
|
||||
id: string
|
||||
@ -89,12 +91,14 @@ type EditLevelEntry = {
|
||||
// Mig 29 (S21 t5) — 5 Allow* per slot (default backward compat S17: chỉ
|
||||
// AllowReturnToDrafter=true, 4 còn lại false).
|
||||
// Mig 30 (S22+5) — +AllowApproverEditBudget cho Section ngân sách (default false).
|
||||
// Mig 31 (S23 t1) — +AllowApproverSkipToFinal F2 admin opt-in per-Approver-slot (default false).
|
||||
allowReturnOneLevel: boolean
|
||||
allowReturnOneStep: boolean
|
||||
allowReturnToAssignee: boolean
|
||||
allowReturnToDrafter: boolean
|
||||
allowApproverEditDetails: boolean
|
||||
allowApproverEditBudget: boolean
|
||||
allowApproverSkipToFinal: boolean
|
||||
}
|
||||
type EditStep = { name: string; departmentId: string | null; levelEntries: EditLevelEntry[] }
|
||||
|
||||
@ -142,6 +146,7 @@ function copyFromDefinition(d: DefinitionDto): EditStep[] {
|
||||
allowReturnToDrafter: l.allowReturnToDrafter ?? true,
|
||||
allowApproverEditDetails: l.allowApproverEditDetails ?? false,
|
||||
allowApproverEditBudget: l.allowApproverEditBudget ?? false,
|
||||
allowApproverSkipToFinal: l.allowApproverSkipToFinal ?? false,
|
||||
})),
|
||||
}))
|
||||
}
|
||||
@ -158,6 +163,7 @@ function makeDefaultLevelEntry(order: LevelOrder, approverUserId: string): EditL
|
||||
allowReturnToDrafter: true,
|
||||
allowApproverEditDetails: false,
|
||||
allowApproverEditBudget: false,
|
||||
allowApproverSkipToFinal: false,
|
||||
}
|
||||
}
|
||||
|
||||
@ -550,6 +556,8 @@ function Designer({
|
||||
// Mỗi entry → 1 Level row. Multiple rows cùng Order = same Cấp với
|
||||
// N approvers (BE iterate group by Order).
|
||||
// Mig 29 (S21 t5) — 5 Allow* options per slot Approver.
|
||||
// Mig 30 (S22+5) — +AllowApproverEditBudget.
|
||||
// Mig 31 (S23 t1) — +AllowApproverSkipToFinal F2 storage swap per-slot.
|
||||
levels: s.levelEntries.map(e => ({
|
||||
order: e.order,
|
||||
name: `Cấp ${e.order}`,
|
||||
@ -560,6 +568,7 @@ function Designer({
|
||||
allowReturnToDrafter: e.allowReturnToDrafter,
|
||||
allowApproverEditDetails: e.allowApproverEditDetails,
|
||||
allowApproverEditBudget: e.allowApproverEditBudget,
|
||||
allowApproverSkipToFinal: e.allowApproverSkipToFinal,
|
||||
})),
|
||||
})),
|
||||
})
|
||||
@ -620,14 +629,13 @@ function Designer({
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Mig 29 (S21 t5) — 6 Allow* options MOVED per-NV:
|
||||
- 5 flag F1+F3 xuống mỗi Level row (xem level entry inline below).
|
||||
- 1 flag F2 AllowDrafterSkipToFinal xuống Users page (System → Users).
|
||||
Section "Cấu hình nâng cao" workflow-level cũ Mig 28 đã DROP. */}
|
||||
{/* Mig 29 (S21 t5) — 5 Allow* F1+F3 per slot Approver.
|
||||
Mig 30 (S22+5) — +AllowApproverEditBudget per slot.
|
||||
Mig 31 (S23 t1) — F2 storage swap Users→Level: per-Approver-slot.
|
||||
ALL Allow* options now configured PER NV trong slot Approver dưới đây. */}
|
||||
<div className="rounded-lg border border-violet-200 bg-violet-50/30 px-3 py-2 text-[11px] leading-relaxed text-violet-800">
|
||||
ⓘ Cấu hình quyền duyệt (Trả lại modes + Edit Section 2) đặt RIÊNG cho từng NV ở mỗi
|
||||
Cấp dưới đây. F2 "Gửi thẳng Cấp cuối" (Drafter) cấu hình ở
|
||||
<span className="font-medium"> User Management</span> (mỗi NV global).
|
||||
ⓘ Cấu hình quyền duyệt riêng cho từng NV trong slot Approver bên dưới
|
||||
(Trả lại / Edit Section 2 / Edit Budget / Duyệt thẳng Cấp cuối).
|
||||
</div>
|
||||
|
||||
<div className="space-y-2 rounded-lg border border-slate-200 p-3">
|
||||
@ -927,6 +935,17 @@ function Designer({
|
||||
/>
|
||||
<span>Cho phép chỉnh sửa Section ngân sách lúc đang duyệt</span>
|
||||
</label>
|
||||
{/* Mig 31 (S23 t1) — F2 AllowApproverSkipToFinal admin opt-in per-slot.
|
||||
Approver tick = skip thẳng Cấp cuối khi đang ChoDuyet. */}
|
||||
<label className="col-span-2 flex items-center gap-1 text-[11px] text-slate-700">
|
||||
<input
|
||||
type="checkbox"
|
||||
className="h-3 w-3"
|
||||
checked={entry.allowApproverSkipToFinal}
|
||||
onChange={e => updateField('allowApproverSkipToFinal', e.target.checked)}
|
||||
/>
|
||||
<span>Cho phép duyệt thẳng Cấp cuối khi đang duyệt</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user