美文网首页
实现换床位号的功能。

实现换床位号的功能。

作者: 冬天的_太阳 | 来源:发表于2020-01-15 13:58 被阅读0次
    • 业务需求:
      接收后台传递的已经分配的学生,床位号号不能重复。
      也就是已经选择的床位,不能在重新选择。


      选中.png
      选.png
      不能选.png
     selectCode(codeid) {
          // 获得已经选中的床位
       // dormAddStuList  右侧的列表
          var shopMs = this.dormAddStuList.reduce((list, item) => {
            list.push(item.nums); ///
            return list;
          }, []);
    
          // 获得列表返回的床位
          shopMs = shopMs.concat(...this.getActiveList);
    
          // 上一次已经选中的床位,现在又重新修改。
          let gg;
          this.activeList.forEach(item => {
            if (shopMs.indexOf(item) < 0) {
              gg = item;
            }
          });
          //  如果是上一次选过的床位
          if (gg) {
            this.bedList[gg].disabled = false;
          }
          // 所有不能选的床位号  为true
          shopMs.map((item, i) => {
            if (item !== "") {
              let a = this.bedList[item];
              this.bedList[item].disabled = true;
            }
          });
    
          this.activeList = shopMs; ///
    
          // this.bedList.map((item, index) => {
          //   if (item.value == codeid ) {
          //     this.num = item.num;
          //     item.disabled = true;
    
          //   } else {
          //     item.disabled = false;
          //   }
    
          // });
        },
    
      watch: {
        getActiveList(val) {
          this.getActiveList.map((item, i) => {
            if (item !== "") {
              let a = this.bedList[item];
              this.bedList[item].disabled = true;
            }
          });
        }
      },
    

    相关文章

      网友评论

          本文标题:实现换床位号的功能。

          本文链接:https://www.haomeiwen.com/subject/yrjtzctx.html