feature 统计概览的中间实时部分接口对接

src/components/DateSearch/index.vue

@@ -109,8 +109,8 @@ const handleReset = () => {
     handleQuickSelect(7);
 };
 
-// 禁用未来日期
+// 禁用今天及未来日期
 const disabledDate = (time) => {
-    return dayjs(time).isAfter(dayjs(), "day");
+    return dayjs(time).isSameOrAfter(dayjs(), "day");
 };
 </script>

src/views/statistic/overview/index.vue

@@ -6,51 +6,51 @@
 
             <div class="flex gap-10">
                 <div class="flex-1 stat-card">
-                    <el-statistic title="总审核单量" :value="268500" value-style="font-size:30px;color:#409eef" />
+                    <el-statistic title="总审核单量" :value="realTimeData.auditNumTotal" value-style="font-size:30px;color:#409eef" />
                 </div>
                 <div class="flex-1 stat-card">
-                    <el-statistic title="总审核本数" :value="268500" value-style="font-size:30px;color:#409eef" />
+                    <el-statistic title="总审核本数" :value="realTimeData.auditBookNumTotal" value-style="font-size:30px;color:#409eef" />
                 </div>
                 <div class="flex-1 stat-card">
-                    <el-statistic title="总审核金额" :value="268500" value-style="font-size:30px;color:#409eef" />
+                    <el-statistic title="总审核金额" :value="realTimeData.auditMoneyTotal" value-style="font-size:30px;color:#409eef" />
                 </div>
                 <div class="flex-1 stat-card">
-                    <el-statistic title="总用户人数" :value="268500" value-style="font-size:30px;color:#409eef" />
+                    <el-statistic title="总用户人数" :value="realTimeData.userNumTotal" value-style="font-size:30px;color:#409eef" />
                 </div>
             </div>
             <el-divider></el-divider>
             <div class="flex gap-4">
                 <div class="flex-1 stat-card">
-                    <stat-card title="回收订单数" :data="historyData.orderNumCharts" :chatAxis="historyData.chatAxis"></stat-card>
+                    <stat-card title="回收订单数" :data="realTimeData.orderNumTodayCharts" :chatAxis="realTimeData.chatAxis"></stat-card>
                 </div>
                 <div class="flex-1 stat-card">
-                    <stat-card title="回收数量（本）"></stat-card>
+                    <stat-card title="回收数量（本）" :data="realTimeData.bookNumTodayCharts" :chatAxis="realTimeData.chatAxis"></stat-card>
                 </div>
                 <div class="flex-1 stat-card">
-                    <stat-card title="回收单本均价"></stat-card>
+                    <stat-card title="回收单本均价" :data="realTimeData.recycleAveragePriceTodayCharts" :chatAxis="realTimeData.chatAxis"></stat-card>
                 </div>
                 <div class="flex-1 stat-card">
-                    <stat-card title="待审核订单数"></stat-card>
+                    <stat-card title="待审核订单数" :data="realTimeData.waitAuditOrderNumTodayCharts" :chatAxis="realTimeData.chatAxis"></stat-card>
                 </div>
                 <div class="flex-1 stat-card">
-                    <stat-card title="待签收订单数"></stat-card>
+                    <stat-card title="待签收订单数" :data="realTimeData.waitSignOrderNumTodayCharts" :chatAxis="realTimeData.chatAxis"></stat-card>
                 </div>
             </div>
             <div class="flex gap-4 mt-4">
                 <div class="flex-1 stat-card">
-                    <stat-card title="今日扫描次数"></stat-card>
+                    <stat-card title="今日扫描次数" :data="realTimeData.scanTimesTodayCharts" :chatAxis="realTimeData.chatAxis"></stat-card>
                 </div>
                 <div class="flex-1 stat-card">
-                    <stat-card title="今日扫描人数"></stat-card>
+                    <stat-card title="今日扫描人数" :data="realTimeData.scanUserNumTodayCharts" :chatAxis="realTimeData.chatAxis"></stat-card>
                 </div>
                 <div class="flex-1 stat-card">
-                    <stat-card title="用户增长数"></stat-card>
+                    <stat-card title="用户增长数" :data="realTimeData.userRegNumTodayCharts" :chatAxis="realTimeData.chatAxis"></stat-card>
                 </div>
                 <div class="flex-1 stat-card">
-                    <stat-card title="待审核金额"></stat-card>
+                    <stat-card title="待审核金额" :data="realTimeData.waitAuditMoneyTodayCharts" :chatAxis="realTimeData.chatAxis"></stat-card>
                 </div>
                 <div class="flex-1 stat-card">
-                    <stat-card title="待打款金额"></stat-card>
+                    <stat-card title="待打款金额" :data="realTimeData.waitPayoutMoneyTodayCharts" :chatAxis="realTimeData.chatAxis"></stat-card>
                 </div>
             </div>
             <el-divider></el-divider>
@@ -174,9 +174,20 @@ const fetchProvinceData = async () => {
 
 };
 
+// 获取实时数据
+const realTimeData = ref({});
+const fetchRealTimeData = async () => {
+    request.get("/order/recycleStatisticOverview/realtime").then((res) => {
+        if (res.data.code === 200) {
+            realTimeData.value = res.data.data;
+        }
+    });
+};
+
 onMounted(() => {
     fetchProvinceData();
     fetchHistoryData();
+    fetchRealTimeData();
 });
 </script>