fix:项目/学习路径图添加学员-添加组织删除问题、组织搜索问题、关闭清空问题

This commit is contained in:
wyx
2023-02-24 18:22:28 +08:00
parent 9aebd2b520
commit 57c8d3074f

View File

@@ -85,7 +85,7 @@
<div class="tab2">
<a-form-item label="组织:">
<a-input v-model:value="searchOrgName.keyword"
style="width: 230px; height: 40px; border-radius: 8px" placeholder="请输入组织" />
style="width: 230px; height: 40px; border-radius: 8px" placeholder="请输入组织" @click="orgValue"/>
<a-button type="primary" @click="searchOrg" style="margin-left: 20px; border-radius: 4px">
<template #icon>
<SearchOutlined />
@@ -97,13 +97,13 @@
</a-form-item>
</div>
<div class="boeTree">
<a-tree :tree-data="searchOrgName.keyword ? orgData : treeOrgData" @select="onOrgSelectChange"
<a-tree v-model:selectedKeys="selectedOrgKeys" :tree-data="searchOrgName.keyword ? orgData : treeOrgData" @select="onOrgSelectChange"
:loading="orgOrgLoading" :load-data="onLoadOrgData" :fieldNames="{
children: 'treeChildList',
key: 'id',
title: 'name',
value: 'name',
}" row-key="id" :row-selection="orgRowSelection" multiple>
}" row-key="id" :row-selection="orgRowSelection" multiple>
</a-tree>
</div>
</div>
@@ -196,7 +196,7 @@
<div v-if="i < 11">
<div class="chose1">
<div class="span">{{ item.name }}</div>
<div class="ch1" @click="orgDel(i)"></div>
<div class="ch1" @click="orgDel(i)" style="cursor: pointer;"></div>
</div>
</div>
<div v-else>
@@ -661,8 +661,16 @@ function stuDel(i) {
selectsData.value.studentList.splice(i, 1);
}
const selectedOrgKeys = ref([]);
watch(selectedOrgKeys, () => {
console.log('selectedKeys', selectedOrgKeys);
});
function orgDel(i) {
console.log(selectedOrgKeys.value)
orgSelectKeys.value = orgSelectKeys.value.filter(e => e !== selectsData.value.deptList[i].id)
selectedOrgKeys.value.splice(i, 1)
selectsData.value.deptList.splice(i, 1)
}
@@ -685,8 +693,12 @@ function onStuSelectChange(e, l) {
}
function onOrgSelectChange(e, l) {
orgRowSelection.value = e;
selectsData.value.deptList = l.selectedNodes;
// 获取被点击的树节点
}
function onAuditSelectChange(e, l) {
@@ -821,6 +833,12 @@ function handleStageOk() {
// }
}
// 搜索受众值发生变化
function orgValue(value) {
console.log("", value.target.value);
searchOrgName.value.keyword = value.target.value;
}
watch(visiable, () => {
stuSelectKeys.value = [];
orgSelectKeys.value = [];