diff --git a/.vscode/settings.json b/.vscode/settings.json
index ecadbef1c35693704dee396722b716fc6ab7380f..ba2dad46fbead7e9cc53073139e91e79d358ba01 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -22,7 +22,7 @@
     "editor.defaultFormatter": "foxundermoon.shell-format"
   },
   "[vue]": {
-    "editor.defaultFormatter": "octref.vetur"
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[typescript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
diff --git a/src/pages.json b/src/pages.json
index 2479eed0fdc0e3cdf2fcd4ebd552390c8b848b64..de19bf0f2dcdb8a8eda91e73dae9355508f8a1cf 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -167,6 +167,14 @@
       "path": "pages/role/show",
       "type": "page"
     },
+    {
+      "path": "pages/user/edit",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationBarTitleText": "新增用户"
+      }
+    },
     {
       "path": "pages/user/index",
       "type": "page",
diff --git a/src/pages/user/components/filterDrawer.vue b/src/pages/user/components/filterDrawer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..5d9c27b9c170556c0b8decd17a68d6135b0bec70
--- /dev/null
+++ b/src/pages/user/components/filterDrawer.vue
@@ -0,0 +1,38 @@
+<template>
+  <view>
+    <view
+      class="px-5 bg-white flex items-center justify-center"
+      @click="showPop = true"
+    >
+      <wd-icon name="filter" size="22px" custom-style="filter-custom-style" />
+    </view>
+
+    <wd-popup
+      v-model="showPop"
+      position="right"
+      custom-style="border-radius:32rpx; width: 80%;"
+      @close="closeDrawer"
+    >
+      <wd-checkbox-group v-model="value2" cell shape="button">
+        <wd-checkbox modelValue="1" disabled>选项一</wd-checkbox>
+        <wd-checkbox modelValue="2">选项二</wd-checkbox>
+        <wd-checkbox modelValue="3">选项三</wd-checkbox>
+        <wd-checkbox modelValue="4">选项四</wd-checkbox>
+        <wd-checkbox modelValue="5">选项五</wd-checkbox>
+        <wd-checkbox modelValue="6">选项六</wd-checkbox>
+        <wd-checkbox modelValue="7">选项七</wd-checkbox>
+      </wd-checkbox-group>
+    </wd-popup>
+  </view>
+</template>
+
+<script lang="ts" setup>
+  defineOptions({ name: 'filterDrawer' })
+
+  const showPop = ref<boolean>(false)
+  const value2 = ref([])
+
+  function closeDrawer() {
+    showPop.value = false
+  }
+</script>
diff --git a/src/pages/user/edit.vue b/src/pages/user/edit.vue
new file mode 100644
index 0000000000000000000000000000000000000000..345c0a251e732722a85093d2018a23c3deed5acb
--- /dev/null
+++ b/src/pages/user/edit.vue
@@ -0,0 +1,20 @@
+<route lang="json5" type="page">
+{
+  layout: 'default',
+  style: {
+    navigationBarTitleText: '新增用户'
+  }
+}
+</route>
+
+<template>
+  <view class="">新增用户 </view>
+</template>
+
+<script lang="ts" setup>
+  //
+</script>
+
+<style lang="scss" scoped>
+  //
+</style>
diff --git a/src/pages/user/index.vue b/src/pages/user/index.vue
index ea6ef6977af320d46e36d99229fed0a8b4173eb7..cf689f31e8c02567e699eec4279deb7e9471d8d2 100644
--- a/src/pages/user/index.vue
+++ b/src/pages/user/index.vue
@@ -19,16 +19,8 @@
         @search="getUserList"
       >
         <template #suffix>
-          <view
-            class="px-5 bg-white flex items-center justify-center"
-            @click="showFilter"
-          >
-            <wd-icon
-              name="filter"
-              size="22px"
-              custom-style="filter-custom-style"
-            />
-          </view>
+          <!-- 筛选的弹窗 -->
+          <filterDrawer />
         </template>
       </wd-search>
     </wd-sticky>
@@ -63,13 +55,23 @@
         </view>
       </view>
     </wd-card>
+    <!-- 加载更多 -->
     <wd-loadmore :state="loadMoreState" @reload="getUserList" />
+    <!-- 用户新增按钮 -->
+    <wd-fab
+      :expandable="false"
+      type="primary"
+      draggable
+      position="right-bottom"
+      @click="toUserForm"
+    />
   </view>
 </template>
 
 <script lang="ts" setup>
   import { getList, UserVO } from '@/service/user/UserApi'
   import { LoadMoreState } from '@/types/enums'
+  import filterDrawer from './components/filterDrawer.vue'
 
   const keyword = ref()
   const loadMoreState = ref(LoadMoreState.loading)
@@ -93,10 +95,6 @@
     }
   }
 
-  // TODO @xiaohong：坐等实现！
-  /** 筛选 */
-  function showFilter() {}
-
   /** 跳转到用户详情 */
   function toUserDetail(user: UserVO) {
     uni.navigateTo({
@@ -104,6 +102,12 @@
     })
   }
 
+  function toUserForm() {
+    uni.navigateTo({
+      url: '/pages/user/edit'
+    })
+  }
+
   onReachBottom(() => {
     if (userList.value.length >= totalCount.value) {
       loadMoreState.value = LoadMoreState.finished
diff --git a/src/types/uni-pages.d.ts b/src/types/uni-pages.d.ts
index e8bce39991e2683c103fbf4d1f451a5638663661..3ba2f337ac8967398d86c12aeb040976e9848216 100644
--- a/src/types/uni-pages.d.ts
+++ b/src/types/uni-pages.d.ts
@@ -19,6 +19,7 @@ interface NavigateToOptions {
        "/pages/role/edit" |
        "/pages/role/index" |
        "/pages/role/show" |
+       "/pages/user/edit" |
        "/pages/user/index" |
        "/pages/user/show" |
        "/pages/colab/detail/index" |