案例选所有人

src/api/case.js

@@ -34,3 +34,5 @@ export const caseRecommend = (data) => http.post('/xboe/m/boe/cases/recommend/la
 
 //案例推荐选人的查询列表
 export const userList = (data) => httpUserbase.post('/user/list', data)
+//案例查询组织所有人数
+export const getOrgUsers = (data) => httpUserbase.post('/user/getOrgUsers', data)

src/components/CaseManage/CommonRecommend.vue

@@ -98,6 +98,7 @@
                     </a-form-item>
                   </div>
                   <div class="boeTree">
+                    <a-spin :spinning="orgLoding" tip="Loding...">
                       <a-tree v-model:selectedKeys="selectedOrgKeys"
                         :tree-data="searchOrgName.keyword ? orgData : treeOrgData" @select="onOrgSelectChange"
                         :loading="orgOrgLoading" :load-data="onLoadOrgData" :fieldNames="{
@@ -107,6 +108,7 @@
                           value: 'name',
                         }" row-key="id" :row-selection="orgRowSelection" multiple>
                       </a-tree>
+                    </a-spin>
                   </div>
                 </div>
               </a-tab-pane>
@@ -316,7 +318,7 @@ import dialog from "@/utils/dialog";
 import { AUDIENCE_LIST, ORG_CHILD_LIST, ORG_LIST, STUDENT_LIST, USER_LIST_PAGE } from "@/api/apis";
 import BaseTable from "@/components/common/BaseTable";
 // 推荐接口
-import { caseRecommend, userList } from '@/api/case'
+import { caseRecommend, userList, getOrgUsers } from '@/api/case'
 
 const emit = defineEmits({});
 const props = defineProps({
@@ -587,7 +589,6 @@ const closeDrawer = () => {
   selectedOrgKeys.value = [];
 
   counts.value = 0
-  keysId.value = []
 };
 
 function searchAudi() {
@@ -636,6 +637,7 @@ function stuStuOrgSelect(e) {
 }
 
 const selectedOrgKeys = ref([]);
+const orgLoding = ref(false)
 
 watch(selectedOrgKeys, () => {
   // console.log("selectedKeys", selectedOrgKeys);
@@ -643,7 +645,7 @@ watch(selectedOrgKeys, () => {
 
 function orgDel(i) {
   // 移除的时候删除人数
-  listData.departId = deptList.value[i].id
+  listData.organizationId = deptList.value[i].id
   httpList(false)
   orgSelectKeys.value = orgSelectKeys.value.filter(e => e !== deptList.value[i].id);
   selectedOrgKeys.value.splice(i, 1);
@@ -652,45 +654,72 @@ function orgDel(i) {
 
 // 传递的参数
 const listData = reactive({
-  departId: '',
+  // departId: '',
+  organizationId: '',
   keyword: "",
   pageNo: 1,
-  pageSize: 10,
+  pageSize: 1,
 })
-
-const keysId = ref([])
+//计算组织人数
 const counts = ref(0)
-const addOrMinus = ref(false)
-
+//记录所有选中列的对应人数
+const addObjOrgId = ref({})
 const onOrgSelectChange = async (e, l) => {
-  const uniqueElements = keysId.value.filter(element => !e.includes(element))
-    .concat(e.filter(element => !keysId.value.includes(element)));
-
-
-  if (keysId.value.length < e.length) {
-    addOrMinus.value = true
-  } else {
-    addOrMinus.value = false
+  console.log(l);
+  console.log(e);
+  selectedOrgKeys.value = e;
+  deptList.value = l.selectedNodes
+  listData.organizationId = l.node.id
+  let parentList = l.node.parent ? l.node.parent.nodes : []
+  if (parentList.length > 0 && parentList.some((item) => e.includes(item.id))) {
+    selectedOrgKeys.value = e.slice(0, -1)
+    deptList.value = l.selectedNodes.slice(0, -1)
+    console.log(selectedOrgKeys);
+    return message.warning('已选中父节点，请取消父节点')
   }
-  keysId.value = e
-  listData.departId = uniqueElements[0]
-
-  orgRowSelection.value = e;
-  deptList.value = l.selectedNodes;
-  httpList(addOrMinus.value)
+  let treeChildList = l.node.treeChildList ? l.node.treeChildList : []
+  httpList(l.selected, treeChildList)
 }
-const httpList = (addOrMinus) => {
-  userList(listData).then((res) => {
-    if (res.status == 200) {
-      if (!addOrMinus) {
-        counts.value -= res.data.result.total
-      } else {
-        counts.value += res.data.result.total
+// 记录所有当时选中子列表的id
+const selectChildrenId = ref([])
+//递归取消所有子列表数据
+const recursionTreeList = (treeChildList) => {
+  console.log('递归');
+  treeChildList.forEach((element) => {
+    if (selectedOrgKeys.value.indexOf(element.id) > -1) {
+      selectChildrenId.value.push(element.id)
+      selectedOrgKeys.value.splice(selectedOrgKeys.value.indexOf(element.id), 1)
+      deptList.value = deptList.value.filter((item) => item.id !== element.id)
     }
-    }
-    console.log(counts.value);
+    if (!element.treeChildList) return
+    recursionTreeList(element.treeChildList)
   })
 }
+const httpList = (addOrMinus, treeChildList) => {
+  if (addOrMinus) {
+    recursionTreeList(treeChildList)
+    console.log(selectChildrenId.value);
+    orgLoding.value = true
+    getOrgUsers(listData).then((res) => {
+      if (res.status == 200) {
+        orgLoding.value = false
+        counts.value += res.data.result.total || 0
+        addObjOrgId.value = Object.assign(addObjOrgId.value, { [listData.organizationId]: res.data.result.total })
+        selectChildrenId.value.forEach((item) => {
+          counts.value -= (addObjOrgId.value[item]  || 0)
+        })
+        selectChildrenId.value = []
+        console.log(counts.value, 'jia');
+        console.log(selectedOrgKeys.value, 'jia');
+      }
+    })
+  } else {
+    console.log(addObjOrgId.value[listData.organizationId]);
+    counts.value -= (addObjOrgId.value[listData.organizationId] || 0)
+    console.log(counts.value, 'JIAN');
+    console.log(selectedOrgKeys.value, 'JIAN');
+  }
+}
 
 const resetStu = () => {
   nameSearch.value.keyword = "";
@@ -750,7 +779,6 @@ function handleDialogOk() {
 //清空计数，关闭弹窗
 const clear = () => {
   counts.value = 0
-  keysId.value = []
   state.recBtnvisible = false
   stageVisible.value = false;
   visiable.value = false;