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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM