修改

src/views/system/userManage/index.vue

     }
       ">
       <template #search>
-        <el-input v-trim clearable v-model="searchForm.serviceHallName" style="width: 180px" placeholder="请输入网点名" />
-        <el-input v-trim clearable v-model="searchForm.agencyId" style="width: 180px" placeholder="请输入渠道编号" />
-        <el-input v-trim clearable v-model="searchForm.agencyName" style="width: 180px" placeholder="请输入渠道名称" />
+        <el-select clearable filterable v-model="searchForm.agencyId" style="width: 180px" @change="agencyIdChange" placeholder="请选择渠道名称">
+          <el-option v-for="item in agencyAllList" :key="item.value" :label="item.label" :value="item.value"/>
+        </el-select>
+
+        <el-tree-select class="my-tree-select" :data="treeData" filterable style="width: 180px" placeholder="请选择网点名称"
+                        v-model="searchForm.serviceHallIds" :props="{
+                    label: 'servicehallName',
+                    children: 'childrens',
+                    value: 'servicehallId',
+                  }" value-key="servicehallId"
+                        :check-strictly="true" :render-after-expand="false"
+                        :collapse-tags="true" :max-collapse-tags="1"
+                        node-key="servicehallId" multiple clearable />
+
+<!--        <el-input v-trim clearable v-model="searchForm.serviceHallName" style="width: 180px" placeholder="请输入网点名" />-->
         <el-input v-trim clearable v-model="searchForm.staffName" style="width: 180px" placeholder="请输入员工姓名" />
         <el-input v-trim clearable v-model="searchForm.mobile" style="width: 180px" placeholder="请输入手机号" />
         <!-- <el-select clearable v-model="searchForm.rbacSource" style="width: 180px" placeholder="请选择所属来源方">
           <el-option v-for="item in rbacSourceList" :key="item.value" :label="item.label" :value="item.value" />
         </el-select> -->
-        <el-select clearable v-model="searchForm.identityType" style="width: 180px" placeholder="请选择身份标识">
-          <el-option v-for="item in STAFF_IDENTITY_TYPE" :key="item.value" :label="item.label" :value="item.value" />
-        </el-select>
+<!--        <el-select clearable v-model="searchForm.identityType" style="width: 180px" placeholder="请选择身份标识">-->
+<!--          <el-option v-for="item in STAFF_IDENTITY_TYPE" :key="item.value" :label="item.label" :value="item.value" />-->
+<!--        </el-select>-->
         <el-select clearable v-model="searchForm.status" style="width: 180px" placeholder="请选择状态">
           <el-option v-for="item in STATUS" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
     tableData: [] as IObject[],
     formLoding: false,
     searchForm: {
-      serviceHallName: '',
+      serviceHallIds: [],
       mobile: '',
-      agencyName: '',
+      agencyIds: '',
       staffName: '',
       staffId: '',
       rbacSource: '',
       value: 2,
     },
   ]
+  const agencyAllList: any = ref([])
+  function getAgencyAll() {
+    BaseService.postN('/userw/agency/queryAgencyqueryAll').then((res: any) => {
+      if (res && res.code === 0) {
+        //数据渲染
+        //data为
+        let data = res.data || []
+        agencyAllList.value = data.map(item => ({
+          label: item.name,
+          value: item.agencyId,
+        }))
+      }
+    })
+  }
+
+  const treeData = ref<any>([])
+  const agencyIdChange = (value) => {
+    // console.log('====>value', value)
+    treeData.value = []
+    searchForm.value.serviceHallIds = []
+    if (!value) {
+      return
+    }
+    BaseService.postN('/userw/serviceHall/serviceHallSonSelect', {agencyId: value}).then((res: any) => {
+      if (res?.code === 0) {
+        let bizContent = res.data
+        let data = bizContent || []
+        let list = [] as IObject[]
+        data.map((item) => {
+          list.push({
+            servicehallName: item.servicehallName,
+            childrens: item.childrens || [],
+            servicehallId: item.servicehallId,
+          })
+        })
+        treeData.value = list
+      }
+    })
+  }
   //表单数据配置
   const field = ref({
     tabSize: 'small', //Table 的尺寸 large / default /small (默认default)
   function refreshLeft() {
     field.value.paging.currentPage = 1
     searchForm.value = {
-      serviceHallName: '',
+      serviceHallIds: [],
       mobile: '',
       agencyId: '',
-      agencyName: '',
       staffName: '',
       staffId: '',
       rbacSource: '',
     getList()
   }
   function getList() {
+    getAgencyAll()
     if(!IsPermission(route, 'QUERY_BASE')){
       ElMessage.error('您没有权限，请联系管理员！')
       return
         params[key] = searchFormList[key]
       }
     }
+    let agencyIds = []
+    if (searchFormList.agencyId) {
+      agencyIds = [searchFormList.agencyId]
+    }else {
+      agencyIds = []
+    }
+    params.agencyIds = agencyIds
     BaseService.postN('/userw/staff/page', params).then((res: any) => {
       if (res && res.code === 0) {
         let bizContent = res.data
   bottom: 20px;
   right: 20px;
 }
+::v-deep .my-tree-select .el-tag{
+  max-width: 80px!important;
+}
 </style>