部门的编辑接口，里边可对部门新增，编辑，删除，拖动排序应该怎么实现？

效果图：

问题：
1、上图是点击部门编辑后看到的效果图，点击部门编辑时在当前页面可新增部门，编辑部门，删除部门，以及拖动排序部门，要实现这么一个功能的话接口应该怎么写？需要用事务吗？
2、点击取消的时候可对所有操作撤销。那么这样的话，我前面操作的，比如部门新增，编辑，删除，排序这些我要存到哪?在撤销的时候我才能获取到原先的数据。