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>