实现换床位号的功能。
2020-01-15 本文已影响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;
}
});
}
},