agilebuilder-ui 1.1.36 → 1.1.37-sit1

package/packages/department-user-tree-mobile/src/department-user-tree-inline-app.vue

@@ -2,122 +2,174 @@
   <div>
     <el-card class="card-content" style="height: 50px">
       <el-row class="item-row item-row-all">
-        <el-col style="width: 100%;">
+        <el-col style="width: 100%">
           <div style="display: flex">
-            <div style="flex: 0 0 20%;text-align:left">
-              <el-checkbox  v-if="multiple" v-model="checkAll" :label="$t('departmentTreeInline.allCheck')" value="all" @change="changeAllCheck" />
+            <div style="flex: 0 0 20%; text-align: left">
+              <el-checkbox
+                v-if="multiple"
+                v-model="checkAll"
+                :label="$t('departmentTreeInline.allCheck')"
+                value="all"
+                @change="changeAllCheck"
+              />
             </div>
-            <div style="flex: 0 0 80%;text-align:right">
-              <el-input v-model="searchParam.searchValue" :placeholder="$t('departmentUserTree.pleaseEnterUserInformation')" @clear="filterAppendNodes" @keyup.enter="filterAppendNodes" @blur="filterAppendNodes"  clearable>
-                  <template v-slot:suffix>
-                    <el-icon @click="filterAppendNodes"><Search /></el-icon>
+            <div style="flex: 0 0 80%; text-align: right">
+              <el-input
+                v-model="searchParam.searchValue"
+                :placeholder="$t('departmentUserTree.pleaseEnterUserInformation')"
+                @clear="filterAppendNodes"
+                @keyup.enter="filterAppendNodes"
+                @blur="filterAppendNodes"
+                clearable
+              >
+                <template v-slot:suffix>
+                  <el-icon @click="filterAppendNodes"><Search /></el-icon>
                 </template>
               </el-input>
             </div>
           </div>
-          </el-col>
+        </el-col>
       </el-row>
     </el-card>
-    <el-card  v-if="tenantName" class="card-content">
+    <el-card v-if="tenantName" class="card-content">
       <el-row class="item-row item-row-all">
-        <el-col class="item-label dept-path"><deptPath :tenantName="tenantName" :clickDepts="clickDepts" @clickBreadcrumb="clickBreadcrumb"/></el-col>
+        <el-col class="item-label dept-path"
+          ><deptPath :tenantName="tenantName" :clickDepts="clickDepts" @clickBreadcrumb="clickBreadcrumb"
+        /></el-col>
       </el-row>
     </el-card>
-    <el-card class="card-content org-tree" style="overflow: auto;">
+    <el-card class="card-content org-tree" style="overflow: auto">
       <el-tree
-      ref="orgTreeRef"
-      :data="departments"
-      :show-checkbox="multiple"
-      node-key="nodeId"
-      :props="defaultProps"
-      :default-checked-keys="defaultCheckedKeys"
-      @check-change="handleCheckNode"
-      @node-click="handleClickNode"
-    >
-      <template #default="{ node, data }">
-        <div class="item-row">
-          <div v-if="data.nodeType && data.nodeType === 'USER'" class="item-label">{{ data.showName }}
-           <span style="color:#999">({{ data.loginName }}{{ getUserMainDeptName(data) ? '/'+getUserMainDeptName(data): ''}})</span>
-          </div> 
-          <div v-else class="item-label"  @click="loadChildren(data,false)">{{ data.showName }}<span v-if="data.parentNodeId !== '-1' && getDeptNamePath(data)" style="color:#999">({{ getDeptNamePath(data) }})</span></div>
-          <div v-if="!data.nodeType || data.nodeType !== 'USER'" class="item-side" @click="loadChildren(data,false)">
-           <el-icon><ArrowRight /></el-icon>
+        ref="orgTreeRef"
+        :data="departments"
+        :show-checkbox="multiple"
+        node-key="nodeId"
+        :props="defaultProps"
+        :default-checked-keys="defaultCheckedKeys"
+        @check-change="handleCheckNode"
+        @node-click="handleClickNode"
+      >
+        <template #default="{ node, data }">
+          <div class="item-row">
+            <div v-if="data.nodeType && data.nodeType === 'USER'" class="item-label">
+              {{ data.showName }}
+              <span style="color: #999"
+                >({{ data.loginName }}{{ getUserMainDeptName(data) ? '/' + getUserMainDeptName(data) : '' }})</span
+              >
+            </div>
+            <div v-else class="item-label" @click="loadChildren(data, false)">
+              {{ data.showName
+              }}<span v-if="data.parentNodeId !== '-1' && getDeptNamePath(data)" style="color: #999"
+                >({{ getDeptNamePath(data) }})</span
+              >
+            </div>
+            <div v-if="!data.nodeType || data.nodeType !== 'USER'" class="item-side" @click="loadChildren(data, false)">
+              <el-icon><ArrowRight /></el-icon>
+            </div>
           </div>
-        </div>
-      </template>
-    </el-tree>
+        </template>
+      </el-tree>
     </el-card>
-    <el-card  class="card-footer">
-    <div  style="display: flex;">
-      <div  class="select-result" >
-        <!-- 已选择:{useNum}个用户,{deptNum}个部门(含子部门) -->
-        <!-- {{$t('departmentUserTree.selectResultInfo',{userNum: selectUsers.length, deptNum: selectDepts.length})}} -->
-        <span v-if="multiple" @click="showResult">
-          <span v-if="selectUsers.length > 0 && selectDepts.length > 0">{{$t('departmentTreeInline.selectResultInfoHasSelect')}}{{$t('departmentUserTree.selectUserResultInfo',{userNum: selectUsers.length })}}, {{$t('departmentUserTree.selectDeptResultInfo',{deptNum: selectDepts.length })}}</span>
-          <span v-else-if="selectUsers.length > 0">{{$t('departmentTreeInline.selectResultInfoHasSelect')}}{{$t('departmentUserTree.selectUserResultInfo',{userNum: selectUsers.length })}}</span>
-          <span v-else-if="selectDepts.length > 0">{{$t('departmentTreeInline.selectResultInfoHasSelect')}}{{$t('departmentUserTree.selectDeptResultInfo',{deptNum: selectDepts.length })}}</span>
-          <span v-if="selectUsers.length > 0 || selectDepts.length > 0" style="padding-left: 10px"><el-icon><ArrowUpBold /></el-icon></span>
-        </span>
-        <span v-else-if="selectUsers.length > 0">
-          {{$t('departmentTreeInline.selectResultInfoHasSelect')}}{{selectUsers[0].showName }}<span style="color:#999">({{ selectUsers[0].loginName }}{{ getUserMainDeptName(selectUsers[0]) ? '/'+getUserMainDeptName(selectUsers[0]): ''}})</span>
-        </span>
-        
-      </div>
-      <div class="button-area">
-        <el-button size="large" type="primary" @click="saveDept">{{$t('imatrixUIPublicModel.sure')}}</el-button>
+    <el-card class="card-footer">
+      <div style="display: flex">
+        <div class="select-result">
+          <!-- 已选择:{useNum}个用户,{deptNum}个部门(含子部门) -->
+          <!-- {{$t('departmentUserTree.selectResultInfo',{userNum: selectUsers.length, deptNum: selectDepts.length})}} -->
+          <span v-if="multiple" @click="showResult">
+            <span v-if="selectUsers.length > 0 && selectDepts.length > 0"
+              >{{ $t('departmentTreeInline.selectResultInfoHasSelect')
+              }}{{ $t('departmentUserTree.selectUserResultInfo', { userNum: selectUsers.length }) }},
+              {{ $t('departmentUserTree.selectDeptResultInfo', { deptNum: selectDepts.length }) }}</span
+            >
+            <span v-else-if="selectUsers.length > 0"
+              >{{ $t('departmentTreeInline.selectResultInfoHasSelect')
+              }}{{ $t('departmentUserTree.selectUserResultInfo', { userNum: selectUsers.length }) }}</span
+            >
+            <span v-else-if="selectDepts.length > 0"
+              >{{ $t('departmentTreeInline.selectResultInfoHasSelect')
+              }}{{ $t('departmentUserTree.selectDeptResultInfo', { deptNum: selectDepts.length }) }}</span
+            >
+            <span v-if="selectUsers.length > 0 || selectDepts.length > 0" style="padding-left: 10px"
+              ><el-icon><ArrowUpBold /></el-icon
+            ></span>
+          </span>
+          <span v-else-if="selectUsers.length > 0">
+            {{ $t('departmentTreeInline.selectResultInfoHasSelect') }}{{ selectUsers[0].showName
+            }}<span style="color: #999"
+              >({{ selectUsers[0].loginName
+              }}{{ getUserMainDeptName(selectUsers[0]) ? '/' + getUserMainDeptName(selectUsers[0]) : '' }})</span
+            >
+          </span>
+        </div>
+        <div class="button-area">
+          <el-button size="large" type="primary" @click="saveDept">{{ $t('imatrixUIPublicModel.sure') }}</el-button>
+        </div>
       </div>
-    </div>
     </el-card>
-    <deptResult ref="deptResultRef" :selectUsers="selectUsers.concat(selectDepts)" @removeResult="removeResultDept"/>
+    <deptResult ref="deptResultRef" :selectUsers="selectUsers.concat(selectDepts)" @removeResult="removeResultDept" />
   </div>
 </template>
 
-<script  setup lang="ts">
-import { reactive,ref,onMounted, defineEmits,Ref } from 'vue'
+<script setup lang="ts">
+import { reactive, ref, onMounted, defineEmits, Ref } from 'vue'
+import { ArrowRight, Search, ArrowUpBold } from '@element-plus/icons-vue'
+import {
+  getTenant,
+  getTenantChildren,
+  checkedDeptDefault,
+  loadDepartment,
+  getUserInDepartments
+} from './department-user-tree-service.ts'
 import {
-  ArrowRight,
-  Search,
-  ArrowUpBold
-} from '@element-plus/icons-vue'
-import {getTenant, getTenantChildren, checkedDeptDefault, loadDepartment, getUserInDepartments} from './department-user-tree-service.ts'
-import {resizeScrollTargetHeightUtil, getUserMainDeptName, getDeptNamePath,initSelectUsers, addSelectedUserInfo, packageSelectResult} from '../../utils/organization.ts'
+  resizeScrollTargetHeightUtil,
+  getUserMainDeptName,
+  getDeptNamePath,
+  initSelectUsers,
+  addSelectedUserInfo,
+  packageSelectResult
+} from '../../utils/organization.ts'
 import deptPath from './dept-path.vue'
 import deptResult from './dept-result.vue'
-import {ElMessage} from 'element-plus'
-import {useI18n} from "vue-i18n"
+import { ElMessage } from 'element-plus'
+import { useI18n } from 'vue-i18n'
 const props = defineProps<{
-    // 是否是多选树，默认是true
-    multiple: {
-      type: Boolean,
-      default: true,
-    },
-    // 显示指定部门节点及其子节点，不传该属性，表示显示整个组织结构树
-    departmentInfo: {
-      type: Array<any>,
-      default: null,
-    },
-		// 多选用户树时，已选择用户id或登录名集合，多个之间以逗号隔开
-		selectUserInfo: {
-			type: [String, Number],
-			default: null,
-		},
-		// 移除用户时，用户属性名称：id、loginName、email、telephone，默认是loginName
-		searchField: {
-			type: String,
-			default: 'loginName',
-		},
-    // 多选树时结果之间的分隔符，默认是逗号分隔
-    separator: {
-      type: String,
-      default: ','
-    }
-  }>()
-const emits = defineEmits(["close"])
+  // 是否是多选树，默认是true
+  multiple: {
+    type: Boolean
+    default: true
+  }
+  // 显示指定部门节点及其子节点，不传该属性，表示显示整个组织结构树
+  departmentInfo: {
+    type: Array<any>
+    default: null
+  }
+  // 多选用户树时，已选择用户id或登录名集合，多个之间以逗号隔开
+  selectUserInfo: {
+    type: [String, Number]
+    default: null
+  }
+  // 移除用户时，用户属性名称：id、loginName、email、telephone，默认是loginName
+  searchField: {
+    type: String
+    default: 'loginName'
+  }
+  // 多选树时结果之间的分隔符，默认是逗号分隔
+  separator: {
+    type: String
+    default: ','
+  }
+  // 根据变量限制部门时，根据部门表的哪个字段进行过滤，默认是code
+  limitFilterColumn: {
+    type: String
+    default: 'code'
+  }
+}>()
+const emits = defineEmits(['close'])
 const orgTreeRef = ref(null)
 let tenantInfo = ref(null)
 let containBranch = ref(false)
 let tenantName = ref(null)
-let tenantNodeId = "-1"
+let tenantNodeId = '-1'
 let departments = ref([])
 let checkedKeys = ref([])
 let selectUsers = ref([])
@@ -125,7 +177,7 @@ let selectDepts = ref([])
 let selectDeptNodeIds = ref([])
 let clickDepts = ref([])
 let defaultCheckedKeys = ref([])
-let deptResultRef:Ref<any> = ref(null)
+let deptResultRef: Ref<any> = ref(null)
 let checkAll = ref(false)
 let searchParam = ref({
   userField: 'name',
@@ -134,20 +186,19 @@ let searchParam = ref({
   departmentInfo: null
 })
 let defaultProps = ref({
-	disabled: 'disable'
-
+  disabled: 'disable'
 })
 let loading = ref(false)
-const {t} = useI18n()
-onMounted(()=>{
-  initSelectUsers(props.searchField, props.selectUserInfo, props.separator ).then((departments)=>{
+const { t } = useI18n()
+onMounted(() => {
+  initSelectUsers(props.searchField, props.selectUserInfo, props.separator).then((departments) => {
     selectUsers.value = departments
     getTenantInfo()
   })
   resizeScrollTargetHeight()
 })
 function getTenantInfo() {
-  getTenant().then(data=>{
+  getTenant().then((data) => {
     const tenantData = data[0].data
     tenantInfo.value = JSON.parse(tenantData)
     containBranch.value = data[0].containBranch
@@ -157,59 +208,59 @@ function getTenantInfo() {
 }
 
 function getTenantChildrenDept() {
-    getTenantChildren(props.departmentInfo, tenantNodeId).then(children=>{
-        departments.value = children
-        checkedDeptDefault(selectUsers.value, defaultCheckedKeys.value)
-    })
+  getTenantChildren(props.departmentInfo, tenantNodeId, props.limitFilterColumn).then((children) => {
+    departments.value = children
+    checkedDeptDefault(selectUsers.value, defaultCheckedKeys.value)
+  })
 }
 
-function  resizeScrollTargetHeight () {
-    const scrollTarget = document.querySelector('.org-tree')
-    let height = resizeScrollTargetHeightUtil(scrollTarget)
-    const titleArea = 110
-    const deptPathArea = 60
-    const allCheckArea = 60
-    const buttonArea = 60
-    height = height - titleArea - deptPathArea - allCheckArea - buttonArea
-    scrollTarget['style'].height = height + 'px'
-    scrollTarget['style'].minHeight =  '300px'
-    // scrollTarget.style.maxHeight = height + 'px'
+function resizeScrollTargetHeight() {
+  const scrollTarget = document.querySelector('.org-tree')
+  let height = resizeScrollTargetHeightUtil(scrollTarget)
+  const titleArea = 110
+  const deptPathArea = 60
+  const allCheckArea = 60
+  const buttonArea = 60
+  height = height - titleArea - deptPathArea - allCheckArea - buttonArea
+  scrollTarget['style'].height = height + 'px'
+  scrollTarget['style'].minHeight = '300px'
+  // scrollTarget.style.maxHeight = height + 'px'
 }
 // 点击复选框时处理
 function handleCheckNode(data, check, isChildrenCheck) {
-    if(props.multiple) {
-      if(check) {
-        // 表示选择节点时
-        if(props.multiple) {
-          // 表示是复选组织树
-          addToSelectDept(data)
-        }
-      } else {
-        // 表示取消选择
-        if(props.multiple || (data.nodeType && data.nodeType === 'USER')) {
-          removeSelectDept(data)
-        }
+  if (props.multiple) {
+    if (check) {
+      // 表示选择节点时
+      if (props.multiple) {
+        // 表示是复选组织树
+        addToSelectDept(data)
+      }
+    } else {
+      // 表示取消选择
+      if (props.multiple || (data.nodeType && data.nodeType === 'USER')) {
+        removeSelectDept(data)
       }
     }
+  }
 }
 
 function handleClickNode(data, node, treenode, events) {
-  if(!props.multiple && data.nodeType && data.nodeType === 'USER') {
+  if (!props.multiple && data.nodeType && data.nodeType === 'USER') {
     selectUsers.value = [data]
   }
 }
 function addToSelectDept(dept) {
-  if(dept.nodeType && dept.nodeType === 'USER') {
+  if (dept.nodeType && dept.nodeType === 'USER') {
     // 表示是用户
-    const filterValue = selectUsers.value.filter(item=> item.nodeId === dept.nodeId )
-    if(!filterValue || filterValue.length === 0) {
+    const filterValue = selectUsers.value.filter((item) => item.nodeId === dept.nodeId)
+    if (!filterValue || filterValue.length === 0) {
       // 表示集合中没有该记录，需要记录到结果集合中
       selectUsers.value.push(JSON.parse(JSON.stringify(dept)))
     }
   } else {
     // 表示是部门
-    const filterValue = selectDepts.value.filter(item=> item.nodeId === dept.nodeId)
-    if(!filterValue || filterValue.length === 0) {
+    const filterValue = selectDepts.value.filter((item) => item.nodeId === dept.nodeId)
+    if (!filterValue || filterValue.length === 0) {
       // 表示集合中没有该记录，需要记录到结果集合中
       selectDepts.value.push(JSON.parse(JSON.stringify(dept)))
     }
@@ -217,35 +268,35 @@ function addToSelectDept(dept) {
 }
 
 function removeSelectDept(dept) {
-  if(dept.nodeType && dept.nodeType === 'USER') {
-    const index = selectUsers.value.findIndex(selectItem=> selectItem.nodeId === dept.nodeId)
+  if (dept.nodeType && dept.nodeType === 'USER') {
+    const index = selectUsers.value.findIndex((selectItem) => selectItem.nodeId === dept.nodeId)
     // 删除指定元素
     selectUsers.value.splice(index, 1)
   } else {
-    const index = selectDepts.value.findIndex(selectItem=> selectItem.nodeId === dept.nodeId)
+    const index = selectDepts.value.findIndex((selectItem) => selectItem.nodeId === dept.nodeId)
     // 删除指定元素
     selectDepts.value.splice(index, 1)
   }
-    
-    checkAll.value =false
+
+  checkAll.value = false
 }
 function changeAllCheck(value: boolean) {
   console.log('changeCheck====value=', value)
-  if(props.multiple) {
+  if (props.multiple) {
     // 表示是复选组织树
-    if(value){
+    if (value) {
       // 表示全选时
-      const allNodeIds = departments.value.map((item)=>{
-          return item['nodeId'];
+      const allNodeIds = departments.value.map((item) => {
+        return item['nodeId']
       })
       orgTreeRef.value.setCheckedKeys(allNodeIds, false)
-      departments.value.forEach(item=>{
+      departments.value.forEach((item) => {
         addToSelectDept(item)
       })
     } else {
       // 表示取消全选时
-      departments.value.forEach(item=>{
-       removeSelectDept(item)
+      departments.value.forEach((item) => {
+        removeSelectDept(item)
       })
       orgTreeRef.value.setCheckedKeys([], false)
     }
@@ -253,25 +304,25 @@ function changeAllCheck(value: boolean) {
 }
 
 function loadChildrenDept(dept) {
-  loadDepartment(dept.id, dept.branchId).then(children=>{
+  loadDepartment(dept.id, dept.branchId).then((children) => {
     departments.value = children
-    checkedDeptDefault(selectUsers.value,  defaultCheckedKeys.value)
+    checkedDeptDefault(selectUsers.value, defaultCheckedKeys.value)
   })
 }
-function  loadChildren (dept, isBreadcrumb) {
-    clickDepts.value.push(dept)
-    loadChildrenDept(dept)
+function loadChildren(dept, isBreadcrumb) {
+  clickDepts.value.push(dept)
+  loadChildrenDept(dept)
 }
 
 function clickBreadcrumb(item, isTenant, index) {
-  if(isTenant) {
+  if (isTenant) {
     // 表示点击的时公司节点
     clickDepts.value = []
     getTenantChildrenDept()
   } else {
     // 表示点击的是部门节点
     // 删除指定元素
-    clickDepts.value.splice(index+1, clickDepts.value.length - (index + 1) )
+    clickDepts.value.splice(index + 1, clickDepts.value.length - (index + 1))
     loadChildrenDept(item)
   }
 }
@@ -281,17 +332,17 @@ function showResult() {
 }
 
 function removeResultDept(dept) {
-  const removeDeptInDepts = departments.value.filter(item=>item.nodeId === dept.nodeId)
-  if(removeDeptInDepts && removeDeptInDepts.length > 0) {
+  const removeDeptInDepts = departments.value.filter((item) => item.nodeId === dept.nodeId)
+  if (removeDeptInDepts && removeDeptInDepts.length > 0) {
     // departments结果存在当前移除的节点时，check-change事件会走removeSelectDept的逻辑
     const selectNodeIds = []
-    selectUsers.value.forEach(item=>{
-      if(item.nodeId !== dept.nodeId) {
+    selectUsers.value.forEach((item) => {
+      if (item.nodeId !== dept.nodeId) {
         selectNodeIds.push(item.nodeId)
       }
     })
-    selectDepts.value.forEach(item=>{
-      if(item.nodeId !== dept.nodeId) {
+    selectDepts.value.forEach((item) => {
+      if (item.nodeId !== dept.nodeId) {
         selectNodeIds.push(item.nodeId)
       }
     })
@@ -300,96 +351,103 @@ function removeResultDept(dept) {
   removeSelectDept(dept)
 }
 
-function saveDept () {
-      if (selectDepts.value.length === 0 && selectUsers.value.length === 0 ) {
-        ElMessage({
-              message: t('imatrixUIMessage.pleaseSelectPersonnel'),
-              type: 'warning',
+function saveDept() {
+  if (selectDepts.value.length === 0 && selectUsers.value.length === 0) {
+    ElMessage({
+      message: t('imatrixUIMessage.pleaseSelectPersonnel'),
+      type: 'warning'
+    })
+    return
+  }
+  if (props.multiple) {
+    const selectNodeInfo = {
+      userIds: [],
+      userNames: [],
+      loginNames: [],
+      userZhNames: [],
+      userEnNames: [],
+      emails: [],
+      telephones: [],
+      users: []
+    }
+    const departmentIds = []
+    selectDepts.value.forEach((node) => {
+      // 部门集合，最后确定时会使用该集合去后台获得用户集合
+      departmentIds.push(node.id)
+    })
+    selectUsers.value.forEach((node) => {
+      // 用户集合
+      // node.data是部门对象的json字符串信息，通过JSON.parse(node.data)将json字符串转为对象
+      const userData = JSON.parse(node.data)
+      addSelectedUserInfo(selectNodeInfo, userData, containBranch.value)
+    })
+    loading.value = true
+    if (departmentIds.length > 0) {
+      getUserInDepartments(departmentIds)
+        .then((users) => {
+          if (users) {
+            users.forEach((user) => {
+              addSelectedUserInfo(selectNodeInfo, user, containBranch.value)
             })
-        return
-      }
-      if (props.multiple) {
-        const selectNodeInfo = {
-          userIds: [],
-          userNames: [],
-          loginNames: [],
-          userZhNames: [],
-          userEnNames: [],
-          emails: [],
-          telephones: [],
-          users: []
-        }
-        const departmentIds = []
-        selectDepts.value.forEach(node => {
-          // 部门集合，最后确定时会使用该集合去后台获得用户集合
-            departmentIds.push(node.id)
-        })
-        selectUsers.value.forEach(node => {
-            // 用户集合
-            // node.data是部门对象的json字符串信息，通过JSON.parse(node.data)将json字符串转为对象
-            const userData = JSON.parse(node.data)
-            addSelectedUserInfo(selectNodeInfo, userData, containBranch.value)
-        })
-        loading.value = true
-        if (departmentIds.length > 0) {
-          getUserInDepartments(departmentIds).then(users => {
-            if (users) {
-              users.forEach(user => {
-                addSelectedUserInfo(selectNodeInfo, user, containBranch.value)
-              })
-            }
-            loading.value  = false
-            if (selectNodeInfo.userIds.length > 0) {
-              emits('close', selectNodeInfo)
-            } else {
-               ElMessage({
-                message: t('imatrixUIMessage.pleaseSelectPersonnel'),
-                type: 'warning',
-              })
-            }
-          }).catch(() => {
-            loading.value  = false
-          })
-        } else {
-          loading.value  = false
+          }
+          loading.value = false
           if (selectNodeInfo.userIds.length > 0) {
             emits('close', selectNodeInfo)
           } else {
-               ElMessage({
-                message: t('imatrixUIMessage.pleaseSelectPersonnel'),
-                type: 'warning',
-              })
+            ElMessage({
+              message: t('imatrixUIMessage.pleaseSelectPersonnel'),
+              type: 'warning'
+            })
           }
-        }
-      } else {
-        const user = JSON.parse(selectUsers.value[0].data)
-        const selectNodeInfo = packageSelectResult(user, containBranch.value)
+        })
+        .catch(() => {
+          loading.value = false
+        })
+    } else {
+      loading.value = false
+      if (selectNodeInfo.userIds.length > 0) {
         emits('close', selectNodeInfo)
+      } else {
+        ElMessage({
+          message: t('imatrixUIMessage.pleaseSelectPersonnel'),
+          type: 'warning'
+        })
       }
     }
+  } else {
+    const user = JSON.parse(selectUsers.value[0].data)
+    const selectNodeInfo = packageSelectResult(user, containBranch.value)
+    emits('close', selectNodeInfo)
+  }
+}
 
-  function filterAppendNodes ( ) {
-    if (searchParam.value.searchValue) {
-      searchParam.value.searchValue = searchParam.value.searchValue.trim()
-      searchParam.value.departmentInfo = props.departmentInfo
-      window['$vueApp'].config.globalProperties.$http.post(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/search-users-mobile', searchParam.value).then(result => {
+function filterAppendNodes() {
+  if (searchParam.value.searchValue) {
+    searchParam.value.searchValue = searchParam.value.searchValue.trim()
+    searchParam.value.departmentInfo = props.departmentInfo
+    window['$vueApp'].config.globalProperties.$http
+      .post(
+        window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/search-users-mobile',
+        searchParam.value
+      )
+      .then((result) => {
         if (result) {
           if (result.length === 0) {
             ElMessage({
               message: t('imatrixUIMessage.queryResultIsEmpty'),
-              type: 'warning',
+              type: 'warning'
             })
           }
           departments.value = result
         } else {
           ElMessage({
             message: t('imatrixUIMessage.queryResultIsEmpty'),
-            type: 'warning',
+            type: 'warning'
           })
         }
       })
-    } else {
-     getTenantChildrenDept()
-    }
+  } else {
+    getTenantChildrenDept()
+  }
 }
-</script>
+</script>