项目应用系统排序功能本地联调测试示例

一. 页面提示信息

• 排序图标
  图标↑：升序
  图标↓：降序

• 控制台打印：
  ifColumnSort：1------>升序
  ifColumnSort：2------>降序

• 参数数据格式为：

// 默认排序方式
[{"propertyCode":"applicationSystemName","ifColumnSort":"1"},
{"propertyCode":"customerName","ifColumnSort":"1"},
{"propertyCode":"resourceUsageType","ifColumnSort":"1"},
{"propertyCode":"createTime","ifColumnSort":"2"}]

• 多列排序参数处理：
  对应列的key发生变化，移动到数组最前面，最后点击的放在最前面；

---

二. 加载应用系统页面，第一次触发，默认排序为：

• 应用系统名称=====》 升序↑；
• 部署环境 =====》 升序↑；
• 另外租户列=====》不显示，默认一直为升序↑；
• 创建日期=====》 降序↓；

页面第一次加载，根据接口返回的默认排序，显示对应的默认排序图标

---

三. 本地测试数据示例如下：

判断是否触发点击排序事件，如果未发生，按默认的排序方式排序；
否则，第一次点击，获取默认值，并将默认值 1变2，2变1，图标切换，并触发指令回掉查询后台；

---

3.1 测试示例1：

• 手动第一次触发=====》创建日期 ：降序变升序

页面数据变化情况：

• 图标切换
• 传给后台的参数，修改点击列对应的this.obj参数，修改this.obj.ifColumnSort的值， 并移动到数组最前面；
  
  

---

3.2 测试示例2：

• 先触发=====》创建日期 ： 降序变升序
• 再触发=====》部署环境 ： 升序变降序

---

3.3 测试示例3：

• 先触发 =====》创建日期： 降序变升序
• 触发=====》 部署环境 ： 升序变降序

• 最后触发=====》 应用系统名称： 升序变降序

  
  
  

---

3.4 测试4：

• 先触发 =====》创建日期： 降序变升序
• 触发=====》 部署环境 ： 升序变降序
• 触发=====》应用系统名称 ：升序变降序
• 最后触发 =====》创建日期 ：升序变降序

---

四. 测试小结

• 传递给后台的参数都是正确的，
• 单列排序，数据测试显示正常；
• 多列组合排序，数据还需确认是否正确；