diff --git a/src/project/qianxinan/AppResidentsType/AppResidentsType.vue b/src/project/qianxinan/AppResidentsType/AppResidentsType.vue
index 2a550883..1c6fc0eb 100644
--- a/src/project/qianxinan/AppResidentsType/AppResidentsType.vue
+++ b/src/project/qianxinan/AppResidentsType/AppResidentsType.vue
@@ -29,9 +29,14 @@
           </AiAreaPicker>
         </div>
         <div class="item">
-          <div v-if="deptId" class="gateway-name">{{deptName || '部门'}}</div>
+          <!-- <div v-if="deptId" class="gateway-name">{{deptName || '部门'}}</div>
           <u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" v-if="deptId" />
-          <span v-else>部门<u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" /></span>
+          <span v-else>部门<u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" /></span> -->
+          <AiPagePicker type="dept" :selected.sync="deptList" single nodeKey="id">
+            <span class="label" v-if="deptList.length">{{deptList[0].name}}</span>
+            <span v-else>部门</span>
+            <u-icon name="arrow-down" color="#666" size="28" style="margin-left:4px;"/>
+          </AiPagePicker>
         </div>
       </div>
     </AiTopFixed>
@@ -88,8 +93,7 @@
         keyword: '',
         areaId: '',
         areaName: '',
-        deptId: '',
-        deptName: ''
+        deptList: []
       }
     },
 
@@ -122,6 +126,10 @@
         // })
         // this.getTotal()
       },
+      clearDept() {
+        this.deptList = []
+        this.getListInit()
+      }
     },
   }
 </script>