fix(knowledge): 修复知识详情页面的人员选择功能

- 添加 cascaderProps 属性,将 multiple 设置为 false
- 移除 computed 中的 cascaderProps 方法- 优化选择人员后的逻辑,确保正确更新 values 数组
- 修改 visibleChange 方法,使用 setTimeout展开下拉面板
This commit is contained in:
陈昱达
2025-05-14 11:32:12 +08:00
parent 22be175e5d
commit f43d3c45ce

View File

@@ -6,11 +6,11 @@
size="medium" size="medium"
ref="selectRef" ref="selectRef"
@change="handleChange" @change="handleChange"
@visible-change="visibleChange"
:options="options" :options="options"
:teleported="false" :teleported="false"
:show-all-levels="false" :show-all-levels="false"
:props="cascaderProps" :props="cascaderProps"
:key="cascaderProps.multiple"
:filterable="values[0] !== 1 && values[0] !== 0" :filterable="values[0] !== 1 && values[0] !== 0"
:filter-method="filterMethod" :filter-method="filterMethod"
@remove-tag="removeTag" @remove-tag="removeTag"
@@ -38,6 +38,12 @@ export default {
name: 'otherIndex', name: 'otherIndex',
data() { data() {
return { return {
cascaderProps: {
multiple: false,
label: 'realName',
value: 'id'
// checkStrictly: true
},
values: [], values: [],
userInfo: {}, userInfo: {},
options: [ options: [
@@ -72,19 +78,6 @@ export default {
default: 'visibleRange' default: 'visibleRange'
} }
}, },
computed: {
cascaderProps() {
return {
multiple: () => {
return false
},
label: 'realName',
value: 'id'
// checkStrictly: true
}
}
},
methods: { methods: {
removeTag(tag) { removeTag(tag) {
// 不能删除自己 // 不能删除自己
@@ -136,9 +129,11 @@ export default {
} else { } else {
this.values = [] this.values = []
this.$set(this.cascaderProps, 'multiple', true) this.$set(this.cascaderProps, 'multiple', true)
if (this.values.length === 0) { if (this.values.length === 0) {
this.values.push([2, userInfo.id]) this.values.push([2, userInfo.id])
} }
this.visibleChange()
} }
} else { } else {
// 去重 如果包含就删除 // 去重 如果包含就删除
@@ -156,7 +151,9 @@ export default {
}, },
visibleChange() { visibleChange() {
this.$refs.selectRef.visible = true // 重新展开下拉面板 setTimeout(() => {
this.$refs.selectRef.dropDownVisible = true // 重新展开下拉面板
}, 300)
}, },
handleChange(value) {} handleChange(value) {}
}, },