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));
}