재고관리 기능 추가

[jimin52]

재고관리 컨셉

기능

백엔드 api 추가

• 재고 확인 필요한 책 목록 불러오는 api
  https://server.42library.kr/api/stock/search?page=0&limit=10

• 재고 확인 처리 하는 api 추가
  https://server.42library.kr/api/stock/update?id=1397

• 분실 상태로 update 하는 api 는 기존에 있음

[jimin52]

만들어 보자는 것입니다

[jimin52]

백엔드 이슈 jiphyeonjeon-42/backend#348
프론트엔드 이슈 jiphyeonjeon-42/frontend#359

[not-using]

화면 설계 초안

변경점

• update api 호출 전 도서 정보를 먼저 노출합니다.
• 사용자는 재고확인할 도서의 QR 인식 -> 재고 확인 버튼 클릭 -> 확인 완료 목록에 추가된 점 확인 하는 단계를 거쳐야 합니다.

기대효과

• 실제 재고와 DB의 내용이 일치하는지 한번 더 확인할 수 있습니다.
• DB를 수정하는 api는 사용자의 명확한 의사표시가 있어야만 호출됩니다.

화면 구성

바코드 리더기

• 대출/반납 등에서 사용하는 리더기와 동일

확인 완료 목록

• 로컬 기기에서 방금 처리한 도서의 목록
• 리액트 앱에서 임시저장하는 데이터로 새로고침시 사라짐

확인 필요 목록

• 비치중인 책목록
• /stock/search 에서 받아온 데이터

도서 상세 모달

• QR코드로 인식한 도서의 상세 정보 확인용
• 도서관리 페이지의 모달 css 재사용

화면 동작

QR 인식시

리더기로 QR의 id 추출하여 /books/id api 호출-> 받아온 책 정보로 모달

도서정보 모달의 재고 확인 버튼 클릭시

/stock/update/id 호출 후 모달 닫힘

성공 -> 확인목록에 추가
실패 -> 에러알림

확인 필요 목록에서 분실처리 버튼

/books/info/update 호출, status 1(분실)

Preview

재고관리 페이지

도서 정보 모달

분실처리 확인 및 처리완료 모달

[jimin52]

와! 디자인이 기대 이상입니다 swagger 빨리 작성해서 올릴게요!

[scarf005]

jiphyeonjeon-42/frontend#362 에서 해결