实现换床位号的功能。

  • 2020 年 2 月 13 日
  • 筆記
  • 业务需求: 接收后台传递的已经分配的学生,床位号号不能重复。 也就是已经选择的床位,不能在重新选择。

选中.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;          }        });      }    },