1.需求
点击不同的tab选项卡，会切换到不同的内容项目
2.实现
在成功调用接口后，数据展示如图所示
3.代码
以下为主要代码的逻辑 解读this.query.auditType = 4;意思就是访问后台的数据的状态类型为4（根据接口文档给出的），用Switch条件读出来。
代码语言：javascript复制// 访问后台的数据
query: {
current: 1,
auditType: "",
},
// 后台返回的数据
dataList: {
rows: [{}],
},
current: 0,
//查询当前登录用户需要审核的工单列表
getOrderAuditList() {
serve.getAuditList(this.query).then((res) => {
uni.stopPullDownRefresh();
this.dataList = res;
})
},
//切换tab
change(index) {
this.current = index;
this.query.current = 1;
switch (index) {
case 0:
this.query.auditType = "";
break;
case 1:
this.query.auditType = 6;
break;
case 2:
this.query.auditType = 5;
break;
case 3:
this.query.auditType = 1;
break;
case 4:
this.query.auditType = 4;
break;
case 5:
this.query.auditType = 2;
break;
case 6:
this.query.auditType = 3;
break;
default:
console.log("err");
}
this.getOrderAuditList();
},
