From 02b19103dbb88effc5757bafc6d1fe226f883a88 Mon Sep 17 00:00:00 2001 From: kjh2064 Date: Sat, 25 Jul 2026 20:15:53 +0900 Subject: [PATCH] fix(wbs-ux): restore vertical scrollbar in App.vue and refactor TemplateGalleryView CSS with Vanilla Scoped CSS --- src/frontend/src/App.vue | 3 +- .../views/templates/TemplateGalleryView.vue | 150 +++++++++++++++--- 2 files changed, 131 insertions(+), 22 deletions(-) diff --git a/src/frontend/src/App.vue b/src/frontend/src/App.vue index a8cd1736..bdd5095c 100644 --- a/src/frontend/src/App.vue +++ b/src/frontend/src/App.vue @@ -31,10 +31,11 @@ const route = useRoute() -
+
+ diff --git a/src/frontend/src/views/templates/TemplateGalleryView.vue b/src/frontend/src/views/templates/TemplateGalleryView.vue index 6fb667c8..5dec0d97 100644 --- a/src/frontend/src/views/templates/TemplateGalleryView.vue +++ b/src/frontend/src/views/templates/TemplateGalleryView.vue @@ -3,35 +3,143 @@ import { ref } from 'vue'; const templates = ref([ - { id: 'factor-detail', title: '타입 A: 마스터-디테일 스플릿', path: '/templates/factor-detail', desc: 'factor_version_history 팩터 임계값 개별 상세 제어' }, - { id: 'ag-grid-market', title: '타입 B: AG Grid 대량 편집', path: '/templates/ag-grid-market', desc: 'market_raw_history 종가 정정 및 실시간 괴리율 리액티브 연산' }, - { id: 'rebalance-pipeline', title: '타입 C: 단계별 위저드', path: '/templates/rebalance-pipeline', desc: 'decision_result_history 수동 리밸런싱 실행 파이프라인' }, - { id: 'real-dashboard', title: '타입 D: KPI 대시보드', path: '/templates/real-dashboard', desc: '포트폴리오 즉시방어 자산 비율 및 Hangfire 배치 관제' }, - { id: 'waterfall-tree', title: '타입 E: 리스크 한도 트리', path: '/templates/waterfall-tree', desc: 'order_waterfall_execution 및 shadow_ledger_history 차단 게이트 스캔' }, - { id: 'maker-checker', title: '타입 F: Maker-Checker 결재', path: '/templates/maker-checker', desc: '주요 정보 변경 시 2차 Checker 이중 승인 대기 보관함' }, - { id: 'real-rollback', title: '타입 G: 감사 이력 및 롤백', path: '/templates/real-rollback', desc: '의사결정 패킷 이력 대조 및 특정 시점 원장 롤백 복구' }, - { id: 'excel-upload', title: '타입 H: 실시간 엑셀 검증', path: '/templates/excel-upload', desc: '브라우저 내 엑셀 파싱 및 정합성 위반 셀 실시간 하이라이팅 가드' }, - { id: 'olap-export', title: '타입 I: OLAP 및 엑셀 출력', path: '/templates/olap-export', desc: 'factor_output_history 피벗 연산 및 대용량 스트리밍 xlsx 다운로드' } + { id: 'factor-detail', title: '타입 A: 마스터-디테일 스플릿', path: '/templates/factor-detail', desc: 'factor_version_history 팩터 임계값 개별 상세 제어', typeBadge: 'Master-Detail' }, + { id: 'ag-grid-market', title: '타입 B: AG Grid 대량 편집', path: '/templates/ag-grid-market', desc: 'market_raw_history 종가 정정 및 실시간 괴리율 리액티브 연산', typeBadge: 'AG Grid' }, + { id: 'rebalance-pipeline', title: '타입 C: 단계별 위저드', path: '/templates/rebalance-pipeline', desc: 'decision_result_history 수동 리밸런싱 실행 파이프라인', typeBadge: 'Wizard' }, + { id: 'real-dashboard', title: '타입 D: KPI 대시보드', path: '/templates/real-dashboard', desc: '포트폴리오 즉시방어 자산 비율 및 Hangfire 배치 관제', typeBadge: 'KPI Card' }, + { id: 'waterfall-tree', title: '타입 E: 리스크 한도 트리', path: '/templates/waterfall-tree', desc: 'order_waterfall_execution 및 shadow_ledger_history 차단 게이트 스캔', typeBadge: 'Waterfall Tree' }, + { id: 'maker-checker', title: '타입 F: Maker-Checker 결재', path: '/templates/maker-checker', desc: '주요 정보 변경 시 2차 Checker 이중 승인 대기 보관함', typeBadge: 'Approval' }, + { id: 'real-rollback', title: '타입 G: 감사 이력 및 롤백', path: '/templates/real-rollback', desc: '의사결정 패킷 이력 대조 및 특정 시점 원장 롤백 복구', typeBadge: 'Audit-Rollback' }, + { id: 'excel-upload', title: '타입 H: 실시간 엑셀 검증', path: '/templates/excel-upload', desc: '브라우저 내 엑셀 파싱 및 정합성 위반 셀 실시간 하이라이팅 가드', typeBadge: 'Excel Parser' }, + { id: 'olap-export', title: '타입 I: OLAP 및 엑셀 출력', path: '/templates/olap-export', desc: 'factor_output_history 피벗 연산 및 대용량 스트리밍 xlsx 다운로드', typeBadge: 'OLAP Export' } ]); + +