부서를 추가, 편집, 삭제하고 끌어서 정렬할 수 있는 부서의 편집 인터페이스를 어떻게 구현해야 합니까?

렌더링:

질문:
1. 위 그림은 부서 편집을 클릭한 후의 렌더링입니다. 부서 편집을 클릭하면 현재 페이지에서 부서를 끌어서 정렬할 수 있습니다. 함수에 대한 인터페이스는 어떻게 작성되어야 합니까? 트랜잭션을 사용해야 합니까?
2. 취소를 클릭하면 모든 작업을 취소할 수 있습니다. 이런 경우 부서 추가, 편집, 삭제, 정렬 등 이전에 수행한 작업을 어디에 저장해야 하나요? 실행 취소를 해야 원본 데이터를 얻을 수 있나요?