|
@ -30,7 +30,7 @@ |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { getCategoryTree, getCategoryType } from '@/api/category/category' |
|
|
import { getCategoryTree, getCategoryType } from '@/api/category/category' |
|
|
import CRUD, { form } from '@crud/crud' |
|
|
|
|
|
|
|
|
import { form } from '@crud/crud' |
|
|
import Treeselect from '@riophae/vue-treeselect' |
|
|
import Treeselect from '@riophae/vue-treeselect' |
|
|
import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
|
|
import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
|
|
|
|
|
|
|
@ -67,31 +67,35 @@ export default { |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
// 新建时,判断当前节点类型,“门类类型” option区分可选 |
|
|
// 新建时,判断当前节点类型,“门类类型” option区分可选 |
|
|
[CRUD.HOOK.beforeToAdd]() { |
|
|
|
|
|
|
|
|
beforeToAdd() { |
|
|
this.form.isType = null |
|
|
this.form.isType = null |
|
|
this.selectOptions.forEach(item => { |
|
|
|
|
|
if (this.selectedCategory.isType === 1) { |
|
|
if (this.selectedCategory.isType === 1) { |
|
|
|
|
|
this.selectOptions.forEach(item => { |
|
|
if (item.value === 4) { |
|
|
if (item.value === 4) { |
|
|
item.typeState = true |
|
|
item.typeState = true |
|
|
|
|
|
} else { |
|
|
|
|
|
item.typeState = false |
|
|
} |
|
|
} |
|
|
|
|
|
}) |
|
|
} else if (this.selectedCategory.isType === 2) { |
|
|
} else if (this.selectedCategory.isType === 2) { |
|
|
|
|
|
this.selectOptions.forEach(item => { |
|
|
if (item.value !== 3) { |
|
|
if (item.value !== 3) { |
|
|
item.typeState = true |
|
|
item.typeState = true |
|
|
|
|
|
} else { |
|
|
|
|
|
item.typeState = false |
|
|
} |
|
|
} |
|
|
|
|
|
}) |
|
|
this.form.isType = 3 |
|
|
this.form.isType = 3 |
|
|
} else if (this.selectedCategory.isType === 3) { |
|
|
} else if (this.selectedCategory.isType === 3) { |
|
|
|
|
|
this.selectOptions.forEach(item => { |
|
|
if (item.value !== 4) { |
|
|
if (item.value !== 4) { |
|
|
item.typeState = true |
|
|
item.typeState = true |
|
|
|
|
|
} else { |
|
|
|
|
|
item.typeState = false |
|
|
} |
|
|
} |
|
|
|
|
|
}) |
|
|
this.form.isType = 4 |
|
|
this.form.isType = 4 |
|
|
} |
|
|
} |
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
// 表单取消之后,“门类类型”可选状态恢复默认 |
|
|
|
|
|
[CRUD.HOOK.beforeAddCancel]() { |
|
|
|
|
|
this.selectOptions.forEach(item => { |
|
|
|
|
|
item.typeState = false |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
}, |
|
|
changeType() { |
|
|
changeType() { |
|
|
if (this.form.isType === 6) { |
|
|
if (this.form.isType === 6) { |
|
|