feat(expense): 첨부 뷰어 모달 — 이미지 미리보기 + 펜 주석

승인 대기 페이지의 "첨부" 텍스트 링크를 클립 아이콘 버튼으로 교체. 클릭 시 모달 팝업으로 이미지 미리보기 + 마우스 펜 주석 + 다운로드. 뷰어 컴포넌트 (전역, 다른 페이지에서도 재사용 가능): - 좌측: 첨부 목록 (썸네일/메타) - 우측: 캔버스 스택 (img + 투명 canvas) - 도구: 펜/지우개, 색상 4종, 굵기 3종, 전체 지우기, 합성 PNG 저장, 원본 열기 - 이미지 외 파일은 다운로드 링크만 표시 - ESC/배경 클릭으로 닫기, pointer events 지원 전역 노출: window.ErpAttachViewer.{open, openFor, close}
2026-05-29 03:40:03 +09:00
parent d4af2dc064
commit 151de492ad
4 changed files with 450 additions and 1 deletions
@@ -6,6 +6,7 @@
    <title>{{ page_title or "ERP" }} — DBX Corporation</title>
    <link rel="stylesheet" href="/static/erp.css" />
    <link rel="stylesheet" href="/static/erp-shell.css" />
+    <link rel="stylesheet" href="/static/erp-attach-viewer.css" />
    {% block head_extra %}{% endblock %}
  </head>
  <body class="erp-body erp-app-body">
@@ -159,6 +160,7 @@
      })();
    </script>

+    <script src="/static/erp-attach-viewer.js" defer></script>
    {% block scripts %}{% endblock %}
  </body>
 </html>