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>
  • 相关阅读:
    PHP学习笔记(一)
    切记数据类型的最大范围
    (转)女程序员的生活,真苦涩。
    向模态窗体传递参数和获取返回值
    在ASP.NET 中实现单点登录(单域名)
    错误:访问IIS 元数据库失败
    Page.registerstartupscript方法用法介绍
    IIS安装配置的问题
    GridView的双击等几个事件
    解决IIS不能启动,提示服务器没有及时响应启动或控制请求
  • 原文地址:https://www.cnblogs.com/home-/p/11979112.html
Copyright © 2011-2022 走看看