admin模块接入数据库

pages/mall/admin/product/product-statistics/index.uvue

@@ -8,11 +8,13 @@
         <view class="info-icon">?</view>
       </view>
       <view class="header-right">
-        <view class="date-picker-wrap">
-          <text class="calendar-emoji">📅</text>
-          <text class="date-range">2026/01/04 - 2026/02/02</text>
-        </view>
-        <button class="btn-query">查询</button>
+        <AnalyticsDateRangePicker
+          :initialStartDate="startDate"
+          :initialEndDate="endDate"
+          @apply="onApplyRange"
+          @clear="onClearRange"
+        />
+        <button class="btn-query" @click="onQuery">查询</button>
         <button class="btn-export">导出</button>
       </view>
     </view>
@@ -122,6 +124,7 @@
 <script setup lang="uts">
 import { ref, onMounted } from 'vue'
 import EChartsView from '@/uni_modules/charts/EChartsView.vue'
+import AnalyticsDateRangePicker from '@/components/analytics/AnalyticsDateRangePicker.uvue'
 import { fetchAdminProductStats, fetchAdminProductTrend, fetchAdminProductRanking } from '@/services/admin/productService.uts'
 
 const statItems = ref([
@@ -137,14 +140,38 @@ const rankingList = ref<Array<any>>([])
 const chartOption = ref<any>({})
 const loading = ref(false)
 
+const startDate = ref<string>('')
+const endDate = ref<string>('')
+
 onMounted(() => {
+  // 默认最近 30 天（本地日期字符串）
+  const end = new Date()
+  const start = new Date(Date.now() - 30 * 24 * 60 * 60 * 1000)
+  startDate.value = start.toISOString().substring(0, 10)
+  endDate.value = end.toISOString().substring(0, 10)
   loadAllData()
 })
 
+function onApplyRange(payload: any) {
+  startDate.value = payload?.start ?? ''
+  endDate.value = payload?.end ?? ''
+  loadAllData()
+}
+
+function onClearRange() {
+  startDate.value = ''
+  endDate.value = ''
+  loadAllData()
+}
+
+function onQuery() {
+  loadAllData()
+}
+
 async function loadAllData() {
   loading.value = true
-  const endTime = new Date().toISOString()
-  const startTime = new Date(Date.now() - 30 * 24 * 60 * 60 * 1000).toISOString()
+  const startTime = startDate.value ? (startDate.value + ' 00:00:00') : new Date(Date.now() - 30 * 24 * 60 * 60 * 1000).toISOString()
+  const endTime = endDate.value ? (endDate.value + ' 23:59:59') : new Date().toISOString()
 
   try {
     // 1. 加载核心指标