requiredDisabledStyleChange() { this.$nextTick(() => { // 初始全部栏位背景 白色 设置 //.box是整个父级结构 let eleInputAll = document.querySelectorAll(".box .el-input__inner"); let eleTextareaAll = document.querySelectorAll( ".box .el-textarea__inner" ); eleInputAll.forEach((item, index) => { item.style.background = "#fff"; }); eleTextareaAll.forEach((item, index) => { item.style.background = "#fff"; }); let disabledList = document.querySelectorAll(".box .is-disabled"); disabledList.forEach((item, index) => { if (item.querySelector(".el-input__inner")) { item.querySelector(".el-input__inner").style.background = "#c0c4cc"; } if (item.querySelector(".el-textarea__inner")) { item.querySelector(".el-textarea__inner").style.background = "#c0c4cc"; } }); let requiredList = document.querySelectorAll( ".box .is-required .el-form-item__content .filter-item" ); requiredList.forEach((item, index) => { if (item.querySelectorAll(".el-input__inner").length) { let inputInner = item.querySelectorAll(".el-input__inner"); inputInner.forEach((inner, index) => { inner.style.background = "#0099cc"; }); } if (item.querySelector(".el-textarea__inner")) { item.querySelector(".el-textarea__inner").style.background = "#0099cc"; } }); }); },
