From 19ee1b008758a1a8a03d616a5106a4a70df9401c Mon Sep 17 00:00:00 2001
From: zmj <1493694146@qq.com>
Date: Sat, 8 Jun 2024 17:56:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=B7=A5=E4=BD=9C=E5=8F=B0?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=EF=BC=8C=E4=BC=98=E5=8C=96=E4=BA=A4=E6=98=93?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=B1=95=E7=A4=BA=EF=BC=8C=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E6=A0=B8=E9=94=80=E8=AE=A2=E5=8D=95=E9=87=91=E9=A2=9D=E7=AD=89?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=B1=95=E7=A4=BA=E9=94=99=E8=AF=AF=EF=BC=8C?=
 =?UTF-8?q?=E5=B9=B6=E8=B0=83=E6=95=B4=E7=9B=B8=E5=85=B3API=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E8=B7=AF=E5=BE=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/statistics.ts                       | 27 +++++++++
 src/views/workbench/components/sendData.vue | 29 +++++----
 src/views/workbench/delivery/index.vue      | 66 ++++++++++++++++++++-
 src/views/workbench/product/index.vue       | 30 +++++++++-
 4 files changed, 136 insertions(+), 16 deletions(-)

diff --git a/src/api/statistics.ts b/src/api/statistics.ts
index a37d9f3..64ced21 100644
--- a/src/api/statistics.ts
+++ b/src/api/statistics.ts
@@ -14,3 +14,30 @@ export function apiStoreExtractRemarks(params: any) {
 export function apiStoreExtractCashs(params: any) {
     return request.post({ url: '/workbench/delivery', params })
 }
+
+
+
+// 门店提现列表
+export function apiGetBasic(params: any) {
+    return request.get({ url: '/workbench/get_basic', params })
+}
+
+// 门店提现列表
+export function apiGetTrend(params: any) {
+    return request.get({ url: '/workbench/get_trend', params })
+}
+
+// 门店提现列表
+export function apiGetProductRanking(params: any) {
+    return request.get({ url: '/workbench/get_product_ranking', params })
+}
+
+
+export function apidelivery(params: any) {
+    return request.get({ url: '/workbench/delivery', params })
+}
+
+
+export function apideliveryOrder(params: any) {
+    return request.get({ url: '/workbench/deliveryOrder', params })
+}
diff --git a/src/views/workbench/components/sendData.vue b/src/views/workbench/components/sendData.vue
index d55d4e3..c7d461b 100644
--- a/src/views/workbench/components/sendData.vue
+++ b/src/views/workbench/components/sendData.vue
@@ -1,12 +1,12 @@
 <template>
     <el-table :data="pager.lists">
-        <el-table-column label="订单号" prop="project_level_text" show-overflow-tooltip />
-        <el-table-column label="用户信息" prop="total_investment" show-overflow-tooltip />
-        <el-table-column label="实际支付" prop="total_investment" show-overflow-tooltip />
+        <el-table-column label="订单号" prop="order_id" show-overflow-tooltip />
+        <el-table-column label="用户信息" prop="nickname" show-overflow-tooltip />
+        <el-table-column label="实际支付" prop="pay_price" show-overflow-tooltip />
         <el-table-column label="订单类型" prop="total_investment" show-overflow-tooltip />
-        <el-table-column label="支付方式" prop="total_investment" show-overflow-tooltip />
+        <el-table-column label="支付方式" prop="pay_type" show-overflow-tooltip />
         <el-table-column label="配送员名称" prop="total_investment" show-overflow-tooltip />
-        <el-table-column label="下单时间" prop="total_investment" show-overflow-tooltip />
+        <el-table-column label="下单时间" prop="create_time" show-overflow-tooltip />
     </el-table>
     <div class="flex mt-4 justify-end">
         <pagination v-model="pager" @change="getLists" />
@@ -16,12 +16,21 @@
 <script lang="ts" setup name="manageProjectLists">
 import { ref, reactive } from "vue"
 import { usePaging } from '@/hooks/usePaging'
-import { apiGoodsListLists, apiStatus, apiGoodsTypeLists } from '@/api/goodsList'
-
-const { pager, getLists, resetParams, resetPage } = usePaging({
-    fetchFun: apiGoodsListLists,
+import { apideliveryOrder } from '@/api/statistics'
+const props = defineProps({
+    queryParams: {
+        type: Object,
+    }
 })
 
 
-// getLists()
+
+
+const { pager, getLists, resetParams, resetPage } = usePaging({
+    fetchFun: apideliveryOrder,
+    params: props.queryParams
+})
+
+
+getLists()
 </script>
\ No newline at end of file
diff --git a/src/views/workbench/delivery/index.vue b/src/views/workbench/delivery/index.vue
index bf69ffc..db7bb56 100644
--- a/src/views/workbench/delivery/index.vue
+++ b/src/views/workbench/delivery/index.vue
@@ -5,25 +5,66 @@
 <!-- 业绩统计 -->
 <template>
     <el-card>
+        <el-form class="mb-[-16px]" :model="queryParams" label-width="80px">
+            <el-col :span="6">
+                <el-form-item label="时间筛选">
+                    <el-date-picker v-model="date" type="daterange" value-format="YYYY-MM-DD" range-separator="-"
+                        start-placeholder="开始时间" end-placeholder="结束时间" @change="deteToQuery" />
+                </el-form-item>
+            </el-col>
+        </el-form>
+    </el-card>
+    <el-card :key="date">
         <template #header>
             配送订单统计
         </template>
         <v-charts style="height: 350px" :option="sendOption" :autoresize="true" />
     </el-card>
 
-    <el-card>
+    <el-card :key="date">
         <template #header>
             配送订单统计
         </template>
-        <sendData></sendData>
+        <sendData :query-params="queryParams" :key="date"></sendData>
     </el-card>
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive } from "vue"
+import { ref, reactive, onMounted } from "vue"
 import vCharts from 'vue-echarts'
 import sendData from "../components/sendData.vue"
+import { apidelivery } from '@/api/statistics'
 
+const date = ref([])
+const queryParams = reactive({
+    start_time: "",
+    end_time: "",
+})
+
+const deteToQuery = () => {
+    queryParams.start_time = date.value[0]
+    queryParams.end_time = date.value[1]
+    initPage()
+}
+
+function getFirstAndLastDayOfCurrentMonth() {
+    var today = new Date();
+    var firstDay = new Date(today.getFullYear(), today.getMonth(), 1);
+    var lastDay = new Date(today.getFullYear(), today.getMonth() + 1, 0);
+    var firstDayFormatted = formatDate(firstDay);
+    var lastDayFormatted = formatDate(lastDay);
+    return { firstDay: firstDayFormatted, lastDay: lastDayFormatted };
+}
+
+function formatDate(date) {
+    var year = date.getFullYear();
+    var month = (date.getMonth() + 1).toString().padStart(2, '0');
+    var day = date.getDate().toString().padStart(2, '0');
+    return `${year}-${month}-${day}`;
+}
+
+date.value[0] = getFirstAndLastDayOfCurrentMonth().firstDay;
+date.value[1] = getFirstAndLastDayOfCurrentMonth().lastDay;
 
 
 
@@ -53,5 +94,24 @@ const sendOption = reactive({
 
 })
 
+const getData = () => {
 
+    apidelivery(queryParams).then(res => {
+        console.log(res)
+        sendOption.xAxis.data = res.statistics.range
+        sendOption.series[0].data = res.statistics.data.order_amount
+        sendOption.series[1].data = res.statistics.data.user_number
+    })
+
+}
+
+
+const initPage = () => {
+    getData()
+}
+
+
+onMounted(() => {
+    deteToQuery()
+})
 </script>
\ No newline at end of file
diff --git a/src/views/workbench/product/index.vue b/src/views/workbench/product/index.vue
index aebbb94..f767d8d 100644
--- a/src/views/workbench/product/index.vue
+++ b/src/views/workbench/product/index.vue
@@ -5,6 +5,7 @@
                 <span class="text-2xl">商品概况</span>
                 <div class="flex items-center text-sm">
                     <span class="mr-4">时间筛选: </span>
+                    {{ startEndTime }}
                     <el-date-picker v-model="startEndTime" type="daterange" range-separator="至" start-placeholder="开始日期"
                         end-placeholder="结束日期" unlink-panels :shortcuts="shortcuts" />
                     <el-button type="primary" class="ml-4" @click="getData">查询</el-button>
@@ -67,7 +68,7 @@
 </template>
 
 <script lang="ts" setup name="product">
-// import { apiGetBasic, apiGetTrend, apiGetProductRanking } from '@/api/workbench'
+import { apiGetBasic, apiGetTrend, apiGetProductRanking } from '@/api/statistics'
 import moment from 'moment'
 import vCharts from 'vue-echarts'
 
@@ -231,12 +232,36 @@ const basicList = reactive([
     }
 ])
 const startEndTime = ref(['', '']);
+
+function getFirstAndLastDayOfCurrentMonth() {
+    var today = new Date();
+    var firstDay = new Date(today.getFullYear(), today.getMonth(), 1);
+    var lastDay = new Date(today.getFullYear(), today.getMonth() + 1, 0);
+    var firstDayFormatted = formatDate(firstDay);
+    var lastDayFormatted = formatDate(lastDay);
+    return { firstDay: firstDayFormatted, lastDay: lastDayFormatted };
+}
+
+function formatDate(date) {
+    var year = date.getFullYear();
+    var month = (date.getMonth() + 1).toString().padStart(2, '0');
+    var day = date.getDate().toString().padStart(2, '0');
+    return `${year}/${month}/${day}`;
+}
+
+startEndTime.value[0] = getFirstAndLastDayOfCurrentMonth().firstDay;
+startEndTime.value[1] = getFirstAndLastDayOfCurrentMonth().lastDay;
+
+
+
+
+
+
 // 获取数据
 const getData = () => {
     let date = '';
     if (startEndTime.value[0] && startEndTime.value[1]) date = moment(startEndTime.value[0]).format('YYYY/MM/DD') + '-' + moment(startEndTime.value[1]).format('YYYY/MM/DD');
 
-    return
     apiGetBasic({
         date: date
     }).then(res => {
@@ -273,7 +298,6 @@ const getList = () => {
     let date = '';
     if (startEndTime.value[0] && startEndTime.value[1]) date = moment(startEndTime.value[0]).format('YYYY/MM/DD') + '-' + moment(startEndTime.value[1]).format('YYYY/MM/DD');
 
-    return
     apiGetProductRanking({
         date: date
     }).then(res => {