From 77121a63d2e9b669936ca2321bf48579b26a154c Mon Sep 17 00:00:00 2001
From: nisen <laonisen@icloud.com>
Date: Wed, 13 Sep 2023 11:31:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A1=88=E4=BE=8B=E9=80=89=E6=89=80=E6=9C=89?=
 =?UTF-8?q?=E4=BA=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/case.js                               |   4 +-
 src/components/CaseManage/CommonRecommend.vue | 120 +++++++++++-------
 2 files changed, 77 insertions(+), 47 deletions(-)

diff --git a/src/api/case.js b/src/api/case.js
index affec704..3bfcbd40 100644
--- a/src/api/case.js
+++ b/src/api/case.js
@@ -33,4 +33,6 @@ export const caseRecommend = (data) => http.post('/xboe/m/boe/cases/recommend/la
 })
 
 //案例推荐选人的查询列表
-export const userList = (data) => httpUserbase.post('/user/list', data)
\ No newline at end of file
+export const userList = (data) => httpUserbase.post('/user/list', data)
+//案例查询组织所有人数
+export const getOrgUsers = (data) => httpUserbase.post('/user/getOrgUsers', data)
\ No newline at end of file
diff --git a/src/components/CaseManage/CommonRecommend.vue b/src/components/CaseManage/CommonRecommend.vue
index 4c5e2a42..0b330a00 100644
--- a/src/components/CaseManage/CommonRecommend.vue
+++ b/src/components/CaseManage/CommonRecommend.vue
@@ -98,15 +98,17 @@
                     </a-form-item>
                   </div>
                   <div class="boeTree">
-                    <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>
-                    </a-tree>
+                    <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="{
+                          children: 'treeChildList',
+                          key: 'id',
+                          title: 'name',
+                          value: 'name',
+                        }" row-key="id" :row-selection="orgRowSelection" multiple>
+                      </a-tree>
+                    </a-spin>
                   </div>
                 </div>
               </a-tab-pane>
@@ -129,7 +131,7 @@
                   </div>
                   <div class="tableBox tabb">
                     <BaseTable ref="auditTableRef" :columns="audiColums" :url="AUDIENCE_LIST" page-key="pageNo"
-                     v-model:params="audienceName" :request="useTotalPage" v-model:selectedRows="auditSelectRows"
+                      v-model:params="audienceName" :request="useTotalPage" v-model:selectedRows="auditSelectRows"
                       v-model:selectedRowKeys="auditSelectRowKeys" type="checkbox"></BaseTable>
                   </div>
                 </div>
@@ -311,12 +313,12 @@
 <script setup>
 import { message } from "ant-design-vue";
 import { computed, defineEmits, defineProps, ref, watch, onMounted, reactive, nextTick } from "vue";
-import {useNewRowsPageNoInit, useBoeApiAuditPage,request,useRequest ,useTotalPage } from "@/api/request";
+import { useNewRowsPageNoInit, useBoeApiAuditPage, request, useRequest, useTotalPage } from "@/api/request";
 import dialog from "@/utils/dialog";
-import {AUDIENCE_LIST, ORG_CHILD_LIST, ORG_LIST, STUDENT_LIST, USER_LIST_PAGE} from "@/api/apis";
+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 = "";
@@ -742,7 +771,7 @@ function handleDialogOk() {
   console.log(props.id, '选择案例的id');
   console.log(stuSelectRows.value, '快速选人的id');
   console.log(count.value);
-  if(!count.value){
+  if (!count.value) {
     return message.warning('请选择学员或组织')
   }
   handleStageOk();
@@ -750,7 +779,6 @@ function handleDialogOk() {
 //清空计数，关闭弹窗
 const clear = () => {
   counts.value = 0
-  keysId.value = []
   state.recBtnvisible = false
   stageVisible.value = false;
   visiable.value = false;