From 67ac563ddbc451a170f4a99afbfccfbba2fb0395 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wei=5F=E4=BD=B3?= <weijia.svip@gmail.com>
Date: Mon, 17 Nov 2025 14:01:44 +0800
Subject: [PATCH] =?UTF-8?q?feat(web):=20=E6=B7=BB=E5=8A=A0=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E5=88=97=E8=A1=A8=E6=B3=A8=E5=86=8C=E6=97=B6=E9=97=B4?=
 =?UTF-8?q?=E7=AD=9B=E9=80=89=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/api/index.js                          | 10 +++++++
 .../views/user-management/user-list/index.vue | 27 ++++++++++++++-----
 2 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/web/src/api/index.js b/web/src/api/index.js
index 875d817..461a67a 100644
--- a/web/src/api/index.js
+++ b/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
diff --git a/web/src/views/user-management/user-list/index.vue b/web/src/views/user-management/user-list/index.vue
index 750b4fc..b2d29fe 100644
--- a/web/src/views/user-management/user-list/index.vue
+++ b/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>