feat(web): 添加用户列表注册时间筛选功能

web/src/api/index.js

@@ -447,6 +447,16 @@ export default {
         user.wechat && user.wechat.includes(params.wechat)
       )
     }
+    
+    // 注册时间筛选（日期范围）
+    if (params.created_at && Array.isArray(params.created_at) && params.created_at.length === 2) {
+      const [startTime, endTime] = params.created_at
+      filteredUsers = filteredUsers.filter(user => {
+        if (!user.created_at) return false
+        const userTime = new Date(user.created_at).getTime()
+        return userTime >= startTime && userTime <= endTime
+      })
+    }
 
     // 分页处理
     const page = Number(params.page) || 1

web/src/views/user-management/user-list/index.vue

@@ -9,6 +9,7 @@ import {
   NSwitch,
   NTag,
   NPopconfirm,
+  NDatePicker,
 } from 'naive-ui'
 
 import CommonPage from '@/components/page/CommonPage.vue'
@@ -69,21 +70,21 @@ const columns = [
   {
     title: 'ID',
     key: 'id',
-    width: 80,
+    width: 100,
     align: 'center',
     ellipsis: { tooltip: true },
   },
   {
     title: '手机号',
     key: 'phone',
-    width: 120,
+    width: 140,
     align: 'center',
     ellipsis: { tooltip: true },
   },
   {
     title: '微信号',
     key: 'wechat',
-    width: 120,
+    width: 140,
     align: 'center',
     ellipsis: { tooltip: true },
     render(row) {
@@ -94,7 +95,7 @@ const columns = [
     title: '注册时间',
     key: 'created_at',
     align: 'center',
-    width: 160,
+    width: 180,
     ellipsis: { tooltip: true },
     render(row) {
       return row.created_at ? formatDate(row.created_at) : '-'
@@ -116,7 +117,7 @@ const columns = [
     width: 120,
     align: 'center',
     render(row) {
-      return row.remaining_count || 0
+      return row.remaining_count !== undefined ? row.remaining_count : 0
     },
   },
   {
@@ -248,24 +249,36 @@ const validateForm = {
       :get-data="api.getAppUserList"
     >
       <template #queryBar>
-        <QueryBarItem label="手机号" :label-width="50">
+        <QueryBarItem label="手机号" :label-width="60">
           <NInput
             v-model:value="queryItems.phone"
             clearable
             type="text"
             placeholder="请输入手机号"
+            style="width: 200px"
             @keypress.enter="$table?.handleSearch()"
           />
         </QueryBarItem>
-        <QueryBarItem label="微信号" :label-width="50">
+        <QueryBarItem label="微信号" :label-width="60">
           <NInput
             v-model:value="queryItems.wechat"
             clearable
             type="text"
             placeholder="请输入微信号"
+            style="width: 200px"
             @keypress.enter="$table?.handleSearch()"
           />
         </QueryBarItem>
+        <QueryBarItem label="注册时间" :label-width="70">
+          <NDatePicker
+            v-model:value="queryItems.created_at"
+            type="daterange"
+            clearable
+            placeholder="请选择注册时间"
+            style="width: 280px"
+            @update:value="$table?.handleSearch()"
+          />
+        </QueryBarItem>
       </template>
     </CrudTable>