SpringBlade AVUE 拖拽排序

原文：
https://avuejs.com/doc/crud/crud-sortable
https://avuejs.com/doc/crud/crud-export

一、前言

排序沒有直接保存，而是通過點擊按鈕再保存的排序

二、后端

	/**
	 * 保存 排序
	 */
	@PostMapping("/saveSort")
	@ApiOperationSupport(order = 9)
	@ApiOperation(value = "保存排序", notes = "傳入pictureTypes")
	public R saveSort(@Valid @RequestBody List<PictureType> pictureTypes) {
		return R.status(pictureTypeService.saveSort(pictureTypes));
	}

三、前端

1、引用js

2、api中添加接口調用

3、增加配置項

4、增加排序保存方法

5、增加排序保存按鈕

四、倒序查詢問題

1、查詢方法

/**
	 * 分頁 文檔

	 */

	@GetMapping("/list")
	@ApiOperationSupport(order = 2)
	@ApiOperation(value = "分頁", notes = "傳入document")
	public R<IPage<Document>> list(Document document, Query query) {
		if (StrUtil.isBlank(query.getAscs()) && StrUtil.isBlank(query.getDescs())) {
			query.setDescs(CommonConstant.FIELD_SORT);// sort字段排序
		}
		IPage<Document> pages = documentService.page(Condition.getPage(query), Condition.getQueryWrapper(document));
		return R.data(pages);

	}

2、保存排序方法

/**

	 * 保存 排序
	 */
	@PostMapping("/saveSort")
	@ApiOperationSupport(order = 8)
	@ApiOperation(value = "保存排序", notes = "傳入entities")
	public R saveSort(@Valid @RequestBody List<Document> entities) {
		Collections.reverse(entities);// 因為前端是倒序查詢的 所以這里要倒序配合一下
		return R.status(documentService.saveSort(entities));
}