70 lines
2.2 KiB
JavaScript
70 lines
2.2 KiB
JavaScript
class Edit {
|
|
constructor() {
|
|
this.principal = JSON.parse(localStorage.getItem("principal"));
|
|
this.additional = JSON.parse(localStorage.getItem("additional"));
|
|
header("分类编辑")
|
|
// console.log(this.principal)
|
|
// console.log(this.additional)
|
|
this.renderPrincipal();
|
|
this.renderAdditional();
|
|
}
|
|
|
|
// 已选菜单
|
|
renderPrincipal() {
|
|
$(".you_select ul").innerHTML = ""
|
|
this.principal.forEach((v,i) => {
|
|
$(".you_select ul").innerHTML += `
|
|
<li>${v.title}</li>
|
|
`
|
|
});
|
|
|
|
_(".you_select ul li").forEach((v,i) => {
|
|
v.onclick = () => {
|
|
if (i != 0) {
|
|
this.additional.push(this.principal[i])
|
|
localStorage.setItem("additional", JSON.stringify(this.additional))
|
|
this.renderAdditional()
|
|
|
|
|
|
this.principal = this.principal.filter((item,index) => {
|
|
if (this.principal[i].id != item.id) {
|
|
return item
|
|
}
|
|
})
|
|
localStorage.setItem("principal", JSON.stringify(this.principal))
|
|
this.renderPrincipal();
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
// 未选菜单
|
|
renderAdditional() {
|
|
$(".wait_select ul").innerHTML = ""
|
|
this.additional.forEach((v,i) => {
|
|
$(".wait_select ul").innerHTML += `
|
|
<li>${v.title}</li>
|
|
`
|
|
});
|
|
|
|
|
|
_(".wait_select ul li").forEach((v,i) => {
|
|
v.onclick = () => {
|
|
this.principal.splice(1,0,this.additional[i])
|
|
localStorage.setItem("principal", JSON.stringify(this.principal))
|
|
this.renderPrincipal()
|
|
|
|
this.additional = this.additional.filter((item,index) => {
|
|
if (this.additional[i].id != item.id) {
|
|
return item
|
|
}
|
|
})
|
|
localStorage.setItem("additional", JSON.stringify(this.additional))
|
|
this.renderAdditional();
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
new Edit() |