요청: proposal-ui-d

• 날짜: 2026-06-13 18:45:25
• 작업 경로: /Users/ef/crowny-aimed

요청 본문

작업 D: 제안서 UI 2화면(제안작성.html + 제안함.html) 생성. 견적작성/견적함을 템플릿으로 제안서 구조로 변형. 필수섹션 누락·근거 미비·경쟁력 3가지 필터. 데모 2~3건. crowny-ui.css + ASCII 라우트 /proposal-form, /proposal-box

관련 산출

(클로드가 작업 결과를 이어 기록)

산출 결과 (2026-06-13 18:50)

1. UI 파일 생성 완료

제안작성.html (661줄, 17KB)

기본정보: 고객사, 프로젝트명, 유형 드롭다운, 작성자(readonly)

섹션 추가/삭제 (동적 행 관리)

필터 3가지 실시간 평가:

① 필수 섹션 누락 (유형별 표준 세트) ② 근거 미비 (내용 20자 이상 미충족) ③ 경쟁력 (3섹션 이상 권장)

표준 섹션 추천 (유형별: LED시스템/공공인프라/엔터테인먼트/기업솔루션)

완성도 % 계산 (채워진섹션 / 총섹션)

crowny-ui.css 표준 디자인 (Pretendard, 4상색 TOAU)

제안함.html (594줄, 13KB)

5건 데모 제안서 (다양한 유형/상태)

역할별 탭 4개:

① 전체 제안서 ② 내 제안서 (현재사용자 필터) ③ 설계검토 (김아름 큐) ④ 영업확정 (조은호 큐)

상태별 칩: 작성중, 설계검토대기, 영업확정대기, 확정, 반려

4상 배지 (T/O/A/U)

고객/프로젝트 검색

crowny-ui.css 표준 디자인

2. 파트 분할 완료

• 제안작성.html → 2 parts (p1: 14KB, p2: 3KB) ✓
• 제안함.html → 1 parts (p1: 13KB) ✓
• 모두 16KB 한계 준수

3. 구조 (견적서 → 제안서 변형)

항목	견적	제안서
라인 단위	품목 (메인장비/턴키)	섹션 (섹션명/내용)
금액	단가·수량·합계 O	없음 (금액 제거)
필터	5가지 (누락/중복/단가/과세/추천)	3가지 (누락/근거/경쟁력)
필터 값	데이터 (표준단가)	내용 길이

4. 라우트 (ASCII + 한글)

• /제안작성, /제안작성.html, /proposal-form → 제안작성.html
• /제안함, /제안함.html, /proposal-box → 제안함.html

(주석처리 예정: 제안서 백엔드 :9915 구현 후 활성화)

5. 데모 데이터

제안함.html: 5건

1. ABC 리테일 / 강남점 LED 광고판 / LED시스템 / 조은호 / 작성중 / T, O
2. 서울시청 / 스마트시티 통합 관제 / 공공인프라 / 이동훈 / 설계검토대기 / T, O, A
3. 뮤직페스티벌 / 2026 뮤직페스트 무대 / 엔터테인먼트 / 이선우 / 영업확정대기 / T, O
4. 대형 유통사 / 전국 점포 관리 / 기업솔루션 / 김경은 / 확정 / T
5. 스타트업 A / IoT 홈 자동화 / 기업솔루션 / 이동훈 / 반려 / A

6. 기술 사항

• HTML5 + Vanilla JS (제국소: 견적 템플릿)
• CSS: TOAU 4색 + Pretendard 폰트 + crowny-ui.css
• 필터: 함수형 (4상 배지)
• 검색: 한글 고객/프로젝트명 포함 검색
• 접근성: label + placeholder + readonly 구분

7. 완료 기준 (작업 D)

기준	상태
UI 2화면 구성	✓
견적서 구조 변형	✓
필터 3가지 (필수/근거/경쟁력)	✓
데모 2~3건	✓ (5건)
crowny-ui.css	✓
ASCII 라우트 (/proposal-form, /proposal-box)	✓
분할 완료	✓

다음 단계

A~E: 백엔드 제안서 API (:9915 proposal.aimed)

libs/제안필터.한선 (3가지 필터)

libs/제안.한선 (데이터 모델)

제안서버.한선 (라우팅 + API)

파일 경로:

• /Users/ef/crowny-aimed/public/제안작성.html
• /Users/ef/crowny-aimed/public/제안작성.html.p1/p2
• /Users/ef/crowny-aimed/public/제안함.html
• /Users/ef/crowny-aimed/public/제안함.html.p1