[회사일] CRUD 화면 디자인 수정





목록에서 + 버튼을 누르면 추가 팝업이 뜨고 만약 거기서 잘 입력하면 다시 팝업이 닫히면서 그리드가 갱신 됩니다. 만약 이때 엉뚱한 값을 입력해서 검증 에러가 발생하면 팝업이 아니라 전체 메뉴 속에서 에러와 함께 폼을 보여줍니다.
그리드 목록 중 하나를 더블클릭하면 뷰 화면으로 이동하고 여기서 수정 화면으로 넘어가거나 삭제를 할 수 있습니다.
수정화면에서는 내용을 편집할 수 있고 저장, 삭제를 할 수 있습니다. 또한 다시 원래 값으로 되돌릴수도 있고 목록으로 돌아가거나 뷰 화면으로 돌아갈 수도 있습니다.
네비게이션 관련 버튼은 오른쪽에 두었고 기능 버튼은 왼쪽에 두었습니다.
이제 Enum을 추가해서 CodeCate를 선택할 수 있게 해야겠습니다.