zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    电容的用法:去耦、旁路、滤波等
    成为出色工程师的十大要素
    常用三极管的区别 9012 9013 9014 9015 8550 8050
    照明的几个光学概念
    PCB元件封装
    为什么诈骗短信看上去那么弱智
    摄像·镜头
    LED家居照明
    光色的应用与照度范围
    PowerPCB(PADS)常见问题全集
  • 原文地址:https://www.cnblogs.com/home-/p/11979112.html
Copyright © 2011-2022 走看看