移动端vue3 通讯录 啊啊啊

const a = [ { "id": "1545328846997954561", "tenantId": "000000", "code": "20220421231848010012", "parentId": "0", "deptName": "经开区水务和湖泊局", "fullName": "经开区水务和湖泊局", "ancestors": "", "deptCategory": 1, "sort": 1, "remark": "", "isDeleted": 0, "thirdPartyId": "2077095e-4c81-49b5-aba7-0f35bbd7b56f", "thirdPartyParentId": "0", "isHide": "0", "number": "215", "title": "经开区水务和湖泊局", "key": "1545328846997954561", "value": "1545328846997954561", "children": [ { "id": "1545328846914068482", "tenantId": "000000", "code": "", "parentId": "1545328846997954561", "deptName": "城市排水工作中心", "fullName": "", "ancestors": "", "deptCategory": 1, "sort": "", "remark": "", "isDeleted": 0, "thirdPartyId": "1ea3b366-5afc-44e8-87ab-d5380bf31b46", "thirdPartyParentId": "2077095e-4c81-49b5-aba7-0f35bbd7b56f", "isHide": "0", "number": "16", "title": "城市排水工作中心", "key": "1545328846914068482", "value": "1545328846914068482", "hasChildren": false, "parentName": "", "deptCategoryName": "", "virtualId": 433270, "parentIds": "0" }, { "id": "1545328849023803393", "tenantId": "000000", "code": "20220414143645010002", "parentId": "1545328846997954561", "deptName": "局领导", "fullName": "", "ancestors": "", "deptCategory": 1, "sort": "", "remark": "", "isDeleted": 0, "thirdPartyId": "ee37e36c-5608-4076-907a-4e37a65c7006", "thirdPartyParentId": "2077095e-4c81-49b5-aba7-0f35bbd7b56f", "isHide": "0", "number": "6", "title": "局领导", "key": "1545328849023803393", "value": "1545328849023803393", "hasChildren": false, "parentName": "", "deptCategoryName": "", "virtualId": 433271, "parentIds": "0" }, { "id": "1545328847933284353", "tenantId": "000000", "code": "", "parentId": "1545328846997954561", "deptName": "河道堤防管理总段", "fullName": "", "ancestors": "", "deptCategory": 1, "sort": "", "remark": "", "isDeleted": 0, "thirdPartyId": "74cee260-fef9-466b-bb9d-a2466fcedf85", "thirdPartyParentId": "2077095e-4c81-49b5-aba7-0f35bbd7b56f", "isHide": "0", "number": "58", "title": "河道堤防管理总段", "key": "1545328847933284353", "value": "1545328847933284353", "children": [{ "id": "1545328848323354626", "tenantId": "000000", "code": "", "parentId": "1545328847933284353", "deptName": "江滩公园", "fullName": "", "ancestors": "", "deptCategory": 1, "sort": "", "remark": "", "isDeleted": 0, "thirdPartyId": "93a0f4e7-46c9-4ee4-a329-7e30e0f825d1", "thirdPartyParentId": "74cee260-fef9-466b-bb9d-a2466fcedf85", "isHide": "0", "number": "5", "title": "江滩公园", "key": "1545328848323354626", "value": "1545328848323354626", "hasChildren": false, "parentName": "", "deptCategoryName": "", "virtualId": 433272, "parentIds": "0" }, { "id": "1592750018154528769", "tenantId": "000000", "code": "", "parentId": "1545328847933284353", "deptName": "沌☐堤防所", "fullName": "沌☐堤防所", "ancestors": "null,1545328847933284353", "deptCategory": 1, "sort": 1, "remark": "", "isDeleted": 0, "thirdPartyId": "", "thirdPartyParentId": "", "isHide": "0", "number": "1", "title": "沌☐堤防所", "key": "1592750018154528769", "value": "1592750018154528769", "hasChildren": false, "parentName": "", "deptCategoryName": "", "virtualId": 433273, "parentIds": "0" }, { "id": "1592750121225355265", "tenantId": "000000", "code": "", "parentId": "1545328847933284353", "deptName": "纱帽分段", "fullName": "纱帽分段", "ancestors": "null,1545328847933284353", "deptCategory": 1, "sort": 2, "remark": "", "isDeleted": 0, "thirdPartyId": "", "thirdPartyParentId": "", "isHide": "0", "number": "0", "title": "纱帽分段", "key": "1592750121225355265", "value": "1592750121225355265", "hasChildren": false, "parentName": "", "deptCategoryName": "", "virtualId": 433274, "parentIds": "0" }, { "id": "1592750194092998657", "tenantId": "000000", "code": "", "parentId": "1545328847933284353", "deptName": "邓南分段", "fullName": "邓南分段", "ancestors": "null,1545328847933284353", "deptCategory": 1, "sort": 3, "remark": "", "isDeleted": 0, "thirdPartyId": "", "thirdPartyParentId": "", "isHide": "0", "number": "0", "title": "邓南分段", "key": "1592750194092998657", "value": "1592750194092998657", "hasChildren": false, "parentName": "", "deptCategoryName": "", "virtualId": 433275, "parentIds": "0" }, { "id": "1592750314683432962", "tenantId": "000000", "code": "", "parentId": "1545328847933284353", "deptName": "东荆河分段", "fullName": "东荆河分段", "ancestors": "null,1545328847933284353", "deptCategory": 1, "sort": 4, "remark": "", "isDeleted": 0, "thirdPartyId": "", "thirdPartyParentId": "", "isHide": "0", "number": "0", "title": "东荆河分段", "key": "1592750314683432962", "value": "1592750314683432962", "hasChildren": false, "parentName": "", "deptCategoryName": "", "virtualId": 433276, "parentIds": "0" }, { "id": "1592750396363309057", "tenantId": "000000", "code": "", "parentId": "1545328847933284353", "deptName": "东城垸分段", "fullName": "东城垸分段", "ancestors": "null,1545328847933284353", "deptCategory": 1, "sort": 5, "remark": "", "isDeleted": 0, "thirdPartyId": "", "thirdPartyParentId": "", "isHide": "0", "number": "0", "title": "东城垸分段", "key": "1592750396363309057", "value": "1592750396363309057", "hasChildren": false, "parentName": "", "deptCategoryName": "", "virtualId": 433277, "parentIds": "0" }, { "id": "1592750542002126849", "tenantId": "000000", "code": "", "parentId": "1545328847933284353", "deptName": "汉南分段", "fullName": "汉南分段", "ancestors": "null,1545328847933284353", "deptCategory": 1, "sort": 6, "remark": "", "isDeleted": 0, "thirdPartyId": "", "thirdPartyParentId": "", "isHide": "0", "number": "0", "title": "汉南分段", "key": "1592750542002126849", "value": "1592750542002126849", "hasChildren": false, "parentName": "", "deptCategoryName": "", "virtualId": 433278, "parentIds": "0" }], "hasChildren": false, "parentName": "", "deptCategoryName": "", "virtualId": 433279, "parentIds": "0" }, { "id": "1545328847295750146", "tenantId": "000000", "code": "", "parentId": "1545328846997954561", "deptName": "局办公室", "fullName": "", "ancestors": "", "deptCategory": 1, "sort": "", "remark": "", "isDeleted": 0, "thirdPartyId": "3d815061-821b-40a3-8172-216297a14ea5", "thirdPartyParentId": "2077095e-4c81-49b5-aba7-0f35bbd7b56f", "isHide": "0", "number": "14", "title": "局办公室", "key": "1545328847295750146", "value": "1545328847295750146", "hasChildren": false, "parentName": "", "deptCategoryName": "", "virtualId": 433280, "parentIds": "0" }, { "id": "1545328847228641282", "tenantId": "000000", "code": "", "parentId": "1545328846997954561", "deptName": "水务工程质量安全服务中心", "fullName": "", "ancestors": "", "deptCategory": 1, "sort": "", "remark": "", "isDeleted": 0, "thirdPartyId": "347f8d80-49f0-4ff8-8b0d-f1d14880bbfd", "thirdPartyParentId": "2077095e-4c81-49b5-aba7-0f35bbd7b56f", "isHide": "0", "number": "9", "title": "水务工程质量安全服务中心", "key": "1545328847228641282", "value": "1545328847228641282", "hasChildren": false, "parentName": "", "deptCategoryName": "", "virtualId": 433281, "parentIds": "0" }, { "id": "1545328847417384962", "tenantId": "000000", "code": "", "parentId": "1545328846997954561", "deptName": "水资源管理中心", "fullName": "", "ancestors": "", "deptCategory": 1, "sort": "", "remark": "", "isDeleted": 0, "thirdPartyId": "445aa580-b2f7-4ec9-a9e0-77d7affe46ac", "thirdPartyParentId": "2077095e-4c81-49b5-aba7-0f35bbd7b56f", "isHide": "0", "number": "15", "title": "水资源管理中心", "key": "1545328847417384962", "value": "1545328847417384962", "hasChildren": false, "parentName": "", "deptCategoryName": "", "virtualId": 433282, "parentIds": "0" },