diff --git "a/.Net6\347\211\210\346\234\254/VOL.Core/BaseProvider/ServiceBase.cs" "b/.Net6\347\211\210\346\234\254/VOL.Core/BaseProvider/ServiceBase.cs" index 22116c21ab83651b5f08d653e7970c01d7ca04c2..504e8e04bf0059bd9f9fca9e45423b2895b5a922 100644 --- "a/.Net6\347\211\210\346\234\254/VOL.Core/BaseProvider/ServiceBase.cs" +++ "b/.Net6\347\211\210\346\234\254/VOL.Core/BaseProvider/ServiceBase.cs" @@ -1,3 +1,4 @@ +using KR.CoreBase.Extensions; using Microsoft.EntityFrameworkCore; using Newtonsoft.Json; using System; @@ -151,63 +152,78 @@ namespace VOL.Core.BaseProvider } private const string _asc = "asc"; - /// - /// 生成排序字段 - /// - /// - /// private Dictionary GetPageDataSort(PageDataOptions pageData, PropertyInfo[] propertyInfo) { if (base.OrderByExpression != null) { return base.OrderByExpression.GetExpressionToDic(); } - if (!string.IsNullOrEmpty(pageData.Sort)) + //如果没有排序字段,则使用主键作为排序字段 + Dictionary sort = new Dictionary(); + + if (!string.IsNullOrEmpty(pageData.Sort) && pageData.Sort != "{}") { - if (pageData.Sort.Contains(",")) + if (pageData.Sort.IsJson()) { - var sortArr = pageData.Sort.Split(",").Where(x => propertyInfo.Any(c => c.Name == x)).Select(s => s).Distinct().ToList(); - Dictionary sortDic = new Dictionary(); - foreach (var name in sortArr) + var thisSort = pageData.Sort.DeserializeObject>(); + if (pageData.Sort != null && thisSort.Count > 0) { - sortDic[name] = pageData.Order?.ToLower() == _asc ? QueryOrderBy.Asc : QueryOrderBy.Desc; + foreach (var item in thisSort) + { + if (propertyInfo.Any(x => x.Name == item.Key)) + { + sort.Add(item.Key, item.Value.ToString() == _asc ? QueryOrderBy.Asc : QueryOrderBy.Desc); + } + } + + if (sort.Count > 0) + { + return sort; + } } - return sortDic; } - else if (propertyInfo.Any(x => x.Name == pageData.Sort)) + else { - return new Dictionary() { { - pageData.Sort, - pageData.Order?.ToLower() == _asc? QueryOrderBy.Asc: QueryOrderBy.Desc - } }; + string thisSort = pageData.Sort.ToString(); + if (propertyInfo.Any(x => x.Name == thisSort)) + { + sort.Add(thisSort, pageData.Order == _asc ? QueryOrderBy.Asc : QueryOrderBy.Desc); + return sort; + } } } - //如果没有排序字段,则使用主键作为排序字段 PropertyInfo property = propertyInfo.GetKeyProperty(); //如果主键不是自增类型则使用appsettings.json中CreateMember->DateField配置的创建时间作为排序 if (property.PropertyType == typeof(int) || property.PropertyType == typeof(long)) { - if (!propertyInfo.Any(x => x.Name.ToLower() == pageData.Sort)) - { - pageData.Sort = propertyInfo.GetKeyName(); - } + sort = new Dictionary { + { + propertyInfo.GetKeyName(),pageData.Order== _asc ? QueryOrderBy.Asc : QueryOrderBy.Desc + } + }; } else { if (!string.IsNullOrEmpty(AppSetting.CreateMember.DateField) && propertyInfo.Any(x => x.Name == AppSetting.CreateMember.DateField)) { - pageData.Sort = AppSetting.CreateMember.DateField; + sort = new Dictionary { + { + AppSetting.CreateMember.DateField,pageData.Order== _asc ? QueryOrderBy.Asc : QueryOrderBy.Desc + } + }; } else { - pageData.Sort = propertyInfo.GetKeyName(); + sort = new Dictionary { + { + propertyInfo.GetKeyName(),pageData.Order== _asc ? QueryOrderBy.Asc : QueryOrderBy.Desc + } + }; } } - return new Dictionary() { { - pageData.Sort, pageData.Order?.ToLower() == _asc? QueryOrderBy.Asc: QueryOrderBy.Desc - } }; + return sort; } /// diff --git "a/.Net6\347\211\210\346\234\254/VOL.Core/Extensions/JsonSplitExtention.cs" "b/.Net6\347\211\210\346\234\254/VOL.Core/Extensions/JsonSplitExtention.cs" new file mode 100644 index 0000000000000000000000000000000000000000..3eac756af4e13147856f909aa887145c48c1028e --- /dev/null +++ "b/.Net6\347\211\210\346\234\254/VOL.Core/Extensions/JsonSplitExtention.cs" @@ -0,0 +1,412 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Text; +using System.Threading.Tasks; + +namespace KR.CoreBase.Extensions +{ + public static class JsonSplitExtention + { + public static bool IsJson(this string json) + { + return JsonSplit.IsJson(json); + } + } + + public class JsonSplit + { + private static bool IsJsonStart(ref string json) + { + if (!string.IsNullOrEmpty(json)) + { + json = json.Trim('\r', '\n', ' '); + if (json.Length > 1) + { + char s = json[0]; + char e = json[json.Length - 1]; + return (s == '{' && e == '}') || (s == '[' && e == ']'); + } + } + return false; + } + public static bool IsJson(string json) + { + int errIndex; + return IsJson(json, out errIndex); + } + public static bool IsJson(string json, out int errIndex) + { + errIndex = 0; + if (IsJsonStart(ref json)) + { + CharState cs = new CharState(); + char c; + for (int i = 0; i < json.Length; i++) + { + c = json[i]; + if (SetCharState(c, ref cs) && cs.childrenStart)//设置关键符号状态。 + { + string item = json.Substring(i); + int err; + int length = GetValueLength(item, true, out err); + cs.childrenStart = false; + if (err > 0) + { + errIndex = i + err; + return false; + } + i = i + length - 1; + } + if (cs.isError) + { + errIndex = i; + return false; + } + } + + return !cs.arrayStart && !cs.jsonStart; + } + return false; + } + + /// + /// 获取值的长度(当Json值嵌套以"{"或"["开头时) + /// + private static int GetValueLength(string json, bool breakOnErr, out int errIndex) + { + errIndex = 0; + int len = 0; + if (!string.IsNullOrEmpty(json)) + { + CharState cs = new CharState(); + char c; + for (int i = 0; i < json.Length; i++) + { + c = json[i]; + if (!SetCharState(c, ref cs))//设置关键符号状态。 + { + if (!cs.jsonStart && !cs.arrayStart)//json结束,又不是数组,则退出。 + { + break; + } + } + else if (cs.childrenStart)//正常字符,值状态下。 + { + int length = GetValueLength(json.Substring(i), breakOnErr, out errIndex);//递归子值,返回一个长度。。。 + cs.childrenStart = false; + cs.valueStart = 0; + //cs.state = 0; + i = i + length - 1; + } + if (breakOnErr && cs.isError) + { + errIndex = i; + return i; + } + if (!cs.jsonStart && !cs.arrayStart)//记录当前结束位置。 + { + len = i + 1;//长度比索引+1 + break; + } + } + } + return len; + } + /// + /// 字符状态 + /// + private class CharState + { + public bool jsonStart = false;//以 "{"开始了... + public bool setDicValue = false;// 可以设置字典值了。 + public bool escapeChar = false;//以"\"转义符号开始了 + /// + /// 数组开始【仅第一开头才算】,值嵌套的以【childrenStart】来标识。 + /// + public bool arrayStart = false;//以"[" 符号开始了 + public bool childrenStart = false;//子级嵌套开始了。 + /// + /// 【0 初始状态,或 遇到“,”逗号】;【1 遇到“:”冒号】 + /// + public int state = 0; + + /// + /// 【-1 取值结束】【0 未开始】【1 无引号开始】【2 单引号开始】【3 双引号开始】 + /// + public int keyStart = 0; + /// + /// 【-1 取值结束】【0 未开始】【1 无引号开始】【2 单引号开始】【3 双引号开始】 + /// + public int valueStart = 0; + public bool isError = false;//是否语法错误。 + + public void CheckIsError(char c)//只当成一级处理(因为GetLength会递归到每一个子项处理) + { + if (keyStart > 1 || valueStart > 1) + { + return; + } + //示例 ["aa",{"bbbb":123,"fff","ddd"}] + switch (c) + { + case '{'://[{ "[{A}]":[{"[{B}]":3,"m":"C"}]}] + isError = jsonStart && state == 0;//重复开始错误 同时不是值处理。 + break; + case '}': + isError = !jsonStart || (keyStart != 0 && state == 0);//重复结束错误 或者 提前结束{"aa"}。正常的有{} + break; + case '[': + isError = arrayStart && state == 0;//重复开始错误 + break; + case ']': + isError = !arrayStart || jsonStart;//重复开始错误 或者 Json 未结束 + break; + case '"': + case '\'': + isError = !(jsonStart || arrayStart); //json 或数组开始。 + if (!isError) + { + //重复开始 [""",{"" "}] + isError = (state == 0 && keyStart == -1) || (state == 1 && valueStart == -1); + } + if (!isError && arrayStart && !jsonStart && c == '\'')//['aa',{}] + { + isError = true; + } + break; + case ':': + isError = !jsonStart || state == 1;//重复出现。 + break; + case ',': + isError = !(jsonStart || arrayStart); //json 或数组开始。 + if (!isError) + { + if (jsonStart) + { + isError = state == 0 || (state == 1 && valueStart > 1);//重复出现。 + } + else if (arrayStart)//["aa,] [,] [{},{}] + { + isError = keyStart == 0 && !setDicValue; + } + } + break; + case ' ': + case '\r': + case '\n'://[ "a",\r\n{} ] + case '\0': + case '\t': + break; + default: //值开头。。 + isError = (!jsonStart && !arrayStart) || (state == 0 && keyStart == -1) || (valueStart == -1 && state == 1);// + break; + } + //if (isError) + //{ + + //} + } + } + /// + /// 设置字符状态(返回true则为关键词,返回false则当为普通字符处理) + /// + private static bool SetCharState(char c, ref CharState cs) + { + cs.CheckIsError(c); + switch (c) + { + case '{'://[{ "[{A}]":[{"[{B}]":3,"m":"C"}]}] + #region 大括号 + if (cs.keyStart <= 0 && cs.valueStart <= 0) + { + cs.keyStart = 0; + cs.valueStart = 0; + if (cs.jsonStart && cs.state == 1) + { + cs.childrenStart = true; + } + else + { + cs.state = 0; + } + cs.jsonStart = true;//开始。 + return true; + } + #endregion + break; + case '}': + #region 大括号结束 + if (cs.keyStart <= 0 && cs.valueStart < 2 && cs.jsonStart) + { + cs.jsonStart = false;//正常结束。 + cs.state = 0; + cs.keyStart = 0; + cs.valueStart = 0; + cs.setDicValue = true; + return true; + } + // cs.isError = !cs.jsonStart && cs.state == 0; + #endregion + break; + case '[': + #region 中括号开始 + if (!cs.jsonStart) + { + cs.arrayStart = true; + return true; + } + else if (cs.jsonStart && cs.state == 1) + { + cs.childrenStart = true; + return true; + } + #endregion + break; + case ']': + #region 中括号结束 + if (cs.arrayStart && !cs.jsonStart && cs.keyStart <= 2 && cs.valueStart <= 0)//[{},333]//这样结束。 + { + cs.keyStart = 0; + cs.valueStart = 0; + cs.arrayStart = false; + return true; + } + #endregion + break; + case '"': + case '\'': + #region 引号 + if (cs.jsonStart || cs.arrayStart) + { + if (cs.state == 0)//key阶段,有可能是数组["aa",{}] + { + if (cs.keyStart <= 0) + { + cs.keyStart = (c == '"' ? 3 : 2); + return true; + } + else if ((cs.keyStart == 2 && c == '\'') || (cs.keyStart == 3 && c == '"')) + { + if (!cs.escapeChar) + { + cs.keyStart = -1; + return true; + } + else + { + cs.escapeChar = false; + } + } + } + else if (cs.state == 1 && cs.jsonStart)//值阶段必须是Json开始了。 + { + if (cs.valueStart <= 0) + { + cs.valueStart = (c == '"' ? 3 : 2); + return true; + } + else if ((cs.valueStart == 2 && c == '\'') || (cs.valueStart == 3 && c == '"')) + { + if (!cs.escapeChar) + { + cs.valueStart = -1; + return true; + } + else + { + cs.escapeChar = false; + } + } + + } + } + #endregion + break; + case ':': + #region 冒号 + if (cs.jsonStart && cs.keyStart < 2 && cs.valueStart < 2 && cs.state == 0) + { + if (cs.keyStart == 1) + { + cs.keyStart = -1; + } + cs.state = 1; + return true; + } + // cs.isError = !cs.jsonStart || (cs.keyStart < 2 && cs.valueStart < 2 && cs.state == 1); + #endregion + break; + case ',': + #region 逗号 //["aa",{aa:12,}] + + if (cs.jsonStart) + { + if (cs.keyStart < 2 && cs.valueStart < 2 && cs.state == 1) + { + cs.state = 0; + cs.keyStart = 0; + cs.valueStart = 0; + //if (cs.valueStart == 1) + //{ + // cs.valueStart = 0; + //} + cs.setDicValue = true; + return true; + } + } + else if (cs.arrayStart && cs.keyStart <= 2) + { + cs.keyStart = 0; + //if (cs.keyStart == 1) + //{ + // cs.keyStart = -1; + //} + return true; + } + #endregion + break; + case ' ': + case '\r': + case '\n'://[ "a",\r\n{} ] + case '\0': + case '\t': + if (cs.keyStart <= 0 && cs.valueStart <= 0) //cs.jsonStart && + { + return true;//跳过空格。 + } + break; + default: //值开头。。 + if (c == '\\') //转义符号 + { + if (cs.escapeChar) + { + cs.escapeChar = false; + } + else + { + cs.escapeChar = true; + return true; + } + } + else + { + cs.escapeChar = false; + } + if (cs.jsonStart || cs.arrayStart) // Json 或数组开始了。 + { + if (cs.keyStart <= 0 && cs.state == 0) + { + cs.keyStart = 1;//无引号的 + } + else if (cs.valueStart <= 0 && cs.state == 1 && cs.jsonStart)//只有Json开始才有值。 + { + cs.valueStart = 1;//无引号的 + } + } + break; + } + return false; + } + } +} diff --git "a/.Net6\347\211\210\346\234\254/VOL.Core/Extensions/LambdaExtensions.cs" "b/.Net6\347\211\210\346\234\254/VOL.Core/Extensions/LambdaExtensions.cs" index 71d6f89d169f4afc91c57edaa6871aa20a444347..077a784cd1b7e73ca8fecf7f0c020b7d8dbda527 100644 --- "a/.Net6\347\211\210\346\234\254/VOL.Core/Extensions/LambdaExtensions.cs" +++ "b/.Net6\347\211\210\346\234\254/VOL.Core/Extensions/LambdaExtensions.cs" @@ -318,7 +318,7 @@ namespace VOL.Core.Extensions /// /// /// - /// string=排序的字段,bool=true降序/false升序 + /// /// public static IQueryable GetIQueryableOrderBy(this IQueryable queryable, Dictionary orderBySelector) { @@ -327,12 +327,12 @@ namespace VOL.Core.Extensions IOrderedQueryable queryableOrderBy = null; // string orderByKey = orderByKeys[^1]; - string orderByKey = orderByKeys[orderByKeys.Length - 1]; + string orderByKey = orderByKeys[0]; queryableOrderBy = orderBySelector[orderByKey] == QueryOrderBy.Desc ? queryableOrderBy = queryable.OrderByDescending(orderByKey.GetExpression()) : queryable.OrderBy(orderByKey.GetExpression()); - for (int i = orderByKeys.Length - 2; i >= 0; i--) + for (int i = 1; i < orderByKeys.Length; i++) { queryableOrderBy = orderBySelector[orderByKeys[i]] == QueryOrderBy.Desc ? queryableOrderBy.ThenByDescending(orderByKeys[i].GetExpression()) diff --git a/README.md b/README.md index af5d2ea5bb5b4b3a38771451b5d489e97b0e1930..278a0dd300b7339cde2f78d2be9c0ac67426883c 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -## Vue + .NetCore前后端分离,不一样的快速发开框架(提供Vue2/Vue3版本) +## Vue + .NetCore前后端分离,不一样的快速开发框架(提供Vue2/Vue3版本) ## 框架核心 - 快速开发(基础功能全部由代码生成器生成) @@ -42,83 +42,83 @@ App、H5、微信小程序: [http://v2.volcore.xyz/app/guide](http://v2.volcore. sqlsugar: [https://www.donet5.com/](https://www.donet5.com/) ## 2023.05.13增加审批流程分支、条件功能 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/flow.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/flow2.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/flow3.png) +![Home](/imgs/flow.png) +![Home](/imgs/flow2.png) +![Home](/imgs/flow3.png) ## 框架移动端(uniapp)已发布,同样全自动生成代码,扫描小程序二维码即可查看 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/qrcode.png) +![Home](/imgs/qrcode.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/app-01.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/app-02.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/m001.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/m002.png) +![Home](/imgs/app-01.png) +![Home](/imgs/app-02.png) +![Home](/imgs/m001.png) +![Home](/imgs/m002.png) ## 框架已支持Vue3版本 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/v3.png) +![Home](/imgs/v3.png) ## 框架已增加低代码设计器 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/fd01.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/fd02.png) +![Home](/imgs/fd01.png) +![Home](/imgs/fd02.png) ## 框架2.0已更新(部分新增功能截图) 增加切换皮肤功能 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/h.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/home_them.png) +![Home](/imgs/h.png) +![Home](/imgs/home_them.png) 增加可复用的后台请求参数校验 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/validator.png) +![Home](/imgs/validator.png) 增加树形菜单与代码生成页面使用 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/x7tree.png) +![Home](/imgs/x7tree.png) 增加文本编辑器直接发布静态页面功能 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/editor.png) +![Home](/imgs/editor.png) 一对一多从表显示(只需要少量代码就可完成成,其他都由代码生成器生成) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/m1.png) +![Home](/imgs/m1.png) 表合并显示 (只需要几行代码完成代码生成器生成的页面实现扩展) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/span.png) +![Home](/imgs/span.png) 从图上传图片 (只需要几行代码完成代码生成器生成的页面实现扩展) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/p1.png) +![Home](/imgs/p1.png) 一对多从表(不限从表数量)扩展 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/multi.png) +![Home](/imgs/multi.png) 图表 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/charts.png) +![Home](/imgs/charts.png) ## 1、只读基础表单 整个只读的基础表单的所有前后端代码,全部由代码生成器生成,代码生成器中几乎不需要配置,并支持并后端业务代码扩展,直接生成代码后,配置菜单权限即可 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/table1.png) +![Home](/imgs/table1.png) ## 2、自动绑定下拉框数据表单 整个自动绑定下拉框数据表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,在代码生成器中只需要指定数据源编号,页面加载时会根据编号自动加载数据源并绑定 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/table2.png) +![Home](/imgs/table2.png) ## 3、启用图片支持、审核表单 整个启用图片支持、审核表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,审核功能需要在菜单配置权限、代码生成器中勾选启用图片支持 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/table3.png) +![Home](/imgs/table3.png) ## 4、高级查询 整个表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,查询字段、类型(下拉框、日期、TextArea等)、所在行与列都由代码生成器完成,不需要写任何代码 - ![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/tablesearch4.png) + ![Home](/imgs/tablesearch4.png) ## 5、主从表新建、编辑 主从表新建、编辑所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,新建、编辑从表配置、字段、类型(下拉框、日期、TextArea等)、所在行与列、字段是否只读、标签显示的长度等都由代码生成器完成,不需要写任何代码 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/editTbale2.png) +![Home](/imgs/editTbale2.png) ## 6、excel导入 excel导入整个页面都由代码生成器生成,导入的字段、字段是否必填,下载模板也由代码生成器上配置(自己根据实际需要决定是否采用此方法),导入时会验证是否为空与数据的合法性,逻辑校验自己实现扩展方法即可 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/importTable1.png) +![Home](/imgs/importTable1.png) ## 7、H5开发 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/h5.jpg) +![Home](/imgs/h5.jpg) ## 8、权限分配 目前只实现了对用户的角色的Action进行权限分配 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/auth.png) +![Home](/imgs/auth.png) ## 9、代码生成器 代码生成器提供了20多种可配置的属性,可灵活配置显示、查询、编辑、导入、导出、主从关系等功能点击看代码生成器文档 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/coder.png) +![Home](/imgs/coder.png) 其他功能。。。。。 diff --git "a/Vol.Vue3\347\211\210\346\234\254/src/components/basic/VolTable.vue" "b/Vol.Vue3\347\211\210\346\234\254/src/components/basic/VolTable.vue" index 8cd83c3df6ae4607c82b3a3e5e83fce08919d5c5..be8b14c02f4806d4f763a383e53cc446225b8638 100644 --- "a/Vol.Vue3\347\211\210\346\234\254/src/components/basic/VolTable.vue" +++ "b/Vol.Vue3\347\211\210\346\234\254/src/components/basic/VolTable.vue" @@ -42,6 +42,7 @@ :scrollbar-always-on="true" :span-method="spanMethod" @expand-change="expandChange" + :header-cell-style='headerCellStyle' > { + if (item.order != null) { + a[item.sort] = item.order + } else { + delete a[item.sort] + } + }) + this.paginations.sort = Object.keys(a).length > 0 ? JSON.stringify(a) : '' + this.load(); + } }, rowDbClick(row, column, event) { //2021.05.23增加双击行事件 @@ -1544,11 +1563,59 @@ export default defineComponent({ this.paginations.page = val; this.load(); }, - sortChange(sort) { - this.paginations.sort = sort.prop; - this.paginations.order = sort.order == 'ascending' ? 'asc' : 'desc'; - this.load(); - }, + // 监听排序 + sortChange (sort) { + // console.log(sort); + if (sort.column != null) { + if (sort.column.sortable !== 'custom') { + return; + } + } + if (sort.prop != null) { + this.handleOrderChange(sort.prop, sort.order) + // 处理参数为后台要的格式 + let a = {} + this.ordersList.forEach(item => { + if (item.order != null) { + a[item.sort] = item.order + } else { + delete a[item.sort] + } + }) + this.paginations.sort = Object.keys(a).length > 0 ? JSON.stringify(a) : '' + this.load(); + } + }, + // 处理参数存入this.ordersList + handleOrderChange (sort, order) { + let result = this.ordersList.find(e => e.sort === sort) + let a = '' + if (order == 'ascending') { + a = "asc" + } + if (order == 'descending') { + a = "desc" + } + if (order == null) { + a = null + } + if (result) { + result.order = a + } else { + this.ordersList.push({ + sort: sort, + order: a + }) + } + }, + // 设置排序角标高亮 这个设置了可以规避点击小三角拿不到colmun的问题。导致清空不掉this.ordersList的上一次排序.总之有了它功能就完美了 + headerCellStyle ({ row, column, rowIndex, columnIndex }) { + this.ordersList.forEach(item => { + if (item.sort == column.property) { + column.order = item.order ? `${item.order}ending` : '' + } + }) + }, resetPage() { // 重置查询分页 // this.paginations.rows = 30;