From 4b945339d02ab7ae62d0294f2d7b1943c416f8f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wei=5F=E4=BD=B3?= <weijia.svip@gmail.com>
Date: Wed, 26 Nov 2025 12:01:03 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20CrudTable=20=E6=96=B0=E5=A2=9E=E9=87=8D?=
 =?UTF-8?q?=E7=BD=AE=E4=BA=8B=E4=BB=B6=EF=BC=8C=E5=B9=B6=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E6=A0=8F=E6=97=A5=E6=9C=9F=E8=8C=83=E5=9B=B4?=
 =?UTF-8?q?=E7=9A=84=E9=87=8D=E7=BD=AE=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/table/CrudTable.vue        |  3 ++-
 .../views/user-management/user-list/index.vue | 22 +++++++++++++++++--
 web/src/views/valuation/audit/index.vue       |  6 +++++
 3 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/web/src/components/table/CrudTable.vue b/web/src/components/table/CrudTable.vue
index 238b01e..b01a1ee 100644
--- a/web/src/components/table/CrudTable.vue
+++ b/web/src/components/table/CrudTable.vue
@@ -77,7 +77,7 @@ const props = defineProps({
   },
 })
 
-const emit = defineEmits(['update:queryItems', 'onChecked', 'onDataChange'])
+const emit = defineEmits(['update:queryItems', 'onChecked', 'onDataChange', 'onReset'])
 const loading = ref(false)
 const initQuery = { ...props.queryItems }
 const tableData = ref([])
@@ -132,6 +132,7 @@ async function handleReset() {
     queryItems[key] = null
   }
   emit('update:queryItems', { ...queryItems, ...initQuery })
+  emit('onReset')
   await nextTick()
   pagination.page = 1
   handleQuery()
diff --git a/web/src/views/user-management/user-list/index.vue b/web/src/views/user-management/user-list/index.vue
index a63bb3d..33adf9e 100644
--- a/web/src/views/user-management/user-list/index.vue
+++ b/web/src/views/user-management/user-list/index.vue
@@ -1,5 +1,6 @@
 <script setup>
 import { h, onMounted, ref, resolveDirective, withDirectives } from 'vue'
+import dayjs from 'dayjs'
 import { NButton, NForm, NFormItem, NInput, NDatePicker } from 'naive-ui'
 
 import CommonPage from '@/components/page/CommonPage.vue'
@@ -18,6 +19,7 @@ defineOptions({ name: '用户管理' })
 
 const $table = ref(null)
 const queryItems = ref({})
+const createdDateRange = ref(null)
 const vPermission = resolveDirective('permission')
 
 // 次数设置弹窗相关状态
@@ -56,6 +58,21 @@ onMounted(() => {
   $table.value?.handleSearch()
 })
 
+const handleDateRangeChange = (val) => {
+  if (val && val.length === 2) {
+    queryItems.value.created_start = dayjs(val[0]).startOf('day').format('YYYY-MM-DD HH:mm:ss')
+    queryItems.value.created_end = dayjs(val[1]).endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  } else {
+    queryItems.value.created_start = null
+    queryItems.value.created_end = null
+  }
+  $table.value?.handleSearch()
+}
+
+const handleReset = () => {
+  createdDateRange.value = null
+}
+
 const columns = [
   {
     title: 'ID',
@@ -232,6 +249,7 @@ const validateForm = {
       v-model:query-items="queryItems"
       :columns="columns"
       :get-data="api.getAppUserList"
+      @on-reset="handleReset"
     >
       <template #queryBar>
         <QueryBarItem label="手机号" :label-width="60">
@@ -266,12 +284,12 @@ const validateForm = {
         </QueryBarItem>
         <QueryBarItem label="注册时间" :label-width="70">
           <NDatePicker
-            v-model:value="queryItems.created_at"
+            v-model:value="createdDateRange"
             type="daterange"
             clearable
             placeholder="请选择注册时间"
             style="width: 280px"
-            @update:value="$table?.handleSearch()"
+            @update:value="handleDateRangeChange"
           />
         </QueryBarItem>
       </template>
diff --git a/web/src/views/valuation/audit/index.vue b/web/src/views/valuation/audit/index.vue
index d8cb5c1..8a4daa3 100644
--- a/web/src/views/valuation/audit/index.vue
+++ b/web/src/views/valuation/audit/index.vue
@@ -55,6 +55,11 @@ const handleAuditedDateRangeChange = (val) => {
   $table.value?.handleSearch()
 }
 
+const handleReset = () => {
+  submittedDateRange.value = null
+  auditedDateRange.value = null
+}
+
 // 列表与详情公共方法
 const renderStatus = (status) => {
   const config = getStatusConfig(status)
@@ -313,6 +318,7 @@ watch(
         v-model:query-items="queryItems"
         :columns="columns"
         :get-data="api.getValuationList"
+        @on-reset="handleReset"
       >
         <template #queryBar>
           <QueryBarItem label="手机号" :label-width="80">