iview表格根据条件对应显示---更新
2019年的最后一个月,这一年故事简单,经历一般遇到的所有事情见到的人刚好我都喜欢。
表格根据条件对应显示也就是拿到已知条件操作数据
处理数据:
data中:
cardManagementVal:[]
事件 :
// 查看接口 显示数据
getList() {
const req = {传参};
adminUserLook(req).then(res => {
//定义一个空数组用于接收不同数据
let data_value = [];
//因为根据条件插入的数据是push进去的,push一次累加改变数组,所以数据一加载,清空以前的数据,保证push一次就是新数据
data_value = [];
if (res.data.code == "200") {
// 根据场馆显示出对应数据 门店级显示出门店下 平台级显示所有
res.data.data.rows.map(item => {
//取出该登录用户的所属场馆id
this.gymnasium_id = localStorage.getItem("gymnasiumIdLogin");
//判断所有数据中是否有该登录用户的场馆
if (item.gymnasiumId == this.gymnasium_id) {
//把用到的数据单独拿出来
let gymnasiumIdData = {
name: item.name,
account: item.account,
roleId: item.roleId,
gymnasiumId: item.gymnasiumId,
phoneNumber: item.phoneNumber,
department: item.department,
headPortrait: item.headPortrait,
createdTime: item.createdTime
};
//如果有该场馆就把对应数据push到定义的数组里( 数据加载先清空 )
data_value.push(gymnasiumIdData);
} else if (!this.gymnasium_id) {
//如果没有就拿到所有数据
data_value = res.data.data.rows;
}
});
//只要保证这两种数据都放到一个数组里就可以( 用的话直接传cardManagementVal )( 要跳出map遍历在进行赋值 )
this.cardManagementVal = data_value;
// 执行分页方法
setTimeout(() => {
this.myChild();
}, 0.01);
} else {
return false;
}
});
}
显示数据:
//我的分页是封装的所以需要传数据,正常传就可以( 因为这两种情况已经都在这个数组里了 ) <com-page :pageCount="pageCount" :cardManagementVal="cardManagementVal" @pageHandel="pageHandel" @pageIndex="pageIndex2(arguments)" ref="myChild" @abcClick="say()" ></com-page>