맨위에 '1차_' 삭제
계약 아래 적격심사 - 계약 체결은 위 흐름표 처럼 가로로 진행현황을 표현하고 싶고, 계약의 큰 객체 옆에는 담당자 : ㅇㅇㅇ/ 연락처 : 000 이런식으로 넣고 싶어
적격심사 단계에서 버튼을 누르면 계약 소규모로 만들어진 프로세스가 버튼 아래 큰 화면으로 매뉴얼이 구현되도록
납품도 첨부된 프로세스처럼 가로형식으로 구현하고 1차 정산이 완료 되었는데 아래 화살표 버튼을 누르면 프로세스가 그대로 확인 가능하도록
전체적으로 위 내용 흐름을 계약이랑 납품으로 한번 나누고 납품에서는 분할납품의 경우 1차 2차 나누려고 하는거야
이미지를 확인했습니다. 가로형 프로세스 바(발주계획 - 요청접수 - 사전규격 - 입찰공고 - 개찰 - 계약 - 검사검수 - 대금지급)로 진행 상태를 표시하는 디자인입니다.
요청하신 구조로 전체 컴포넌트를 재구성하겠습니다.
이제 요청하신 내용으로 수정하겠습니다. 제목에서 '1차_' 제거, 계약/납품 섹션에 담당자 정보 추가, 가로형 프로세스 바 구현, 완료된 납품 차수도 펼쳐볼 수 있도록 수정합니다.
요청하신 구조로 전체 컴포넌트를 재구성했습니다. 제목에서 '1차_'를 제거하고, 계약과 납품 섹션을 분리하여 각 섹션 옆에 담당자/연락처 정보를 표시합니다. 계약 섹션에서는 적격심사-계약체결-수주하도계약이 가로형 프로세스 바로 표시되고 클릭 시 아래로 매뉴얼이 펼쳐집니다. 납품 섹션에서는 1차/2차/3차가 접이식으로 표시되며, 완료된 1차는 "정산 완료" 배지와 함께 화살표를 눌러 프로세스를 확인할 수 있습니다.
이제 계약 섹션도 납품처럼 접었다 펼칠 수 있도록 수정하겠습니다.
계약 섹션도 납품처럼 접었다 펼칠 수 있도록 수정했습니다. 계약 헤더를 클릭하면 전체 영역이 접히거나 펼쳐지며, 접힌 상태에서는 현재 진행 중인 단계(적격심사/계약 체결/수주하도 계약)가 배지로 표시됩니다.
