实现换床位号的功能。

• 业务需求： 接收后台传递的已经分配的学生，床位号号不能重复。 也就是已经选择的床位，不能在重新选择。

选中.png

选.png

不能选.png

代码语言：javascript复制

 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;
      //   }

      // });
    },

代码语言：javascript复制

  watch: {
    getActiveList(val) {
      this.getActiveList.map((item, i) => {
        if (item !== "") {
          let a = this.bedList[item];
          this.bedList[item].disabled = true;
        }
      });
    }
  },

png 后台

0 人点赞