From 716a653d2861873efd4a5bca29d7162c782c8107 Mon Sep 17 00:00:00 2001
From: zmj <1493694146@qq.com>
Date: Thu, 20 Jun 2024 17:31:40 +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/views/workbench/delivery/index.vue | 35 ++++--------
 src/views/workbench/earnings/index.vue | 28 ++++------
 src/views/workbench/index.vue          | 77 +++++++++++---------------
 3 files changed, 55 insertions(+), 85 deletions(-)

diff --git a/src/views/workbench/delivery/index.vue b/src/views/workbench/delivery/index.vue
index db7bb56..ac8f24c 100644
--- a/src/views/workbench/delivery/index.vue
+++ b/src/views/workbench/delivery/index.vue
@@ -1,30 +1,17 @@
-<!-- 业绩统计 -->
-<!-- 业绩统计 -->
-<!-- 业绩统计 -->
-<!-- 业绩统计 -->
-<!-- 业绩统计 -->
 <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>
+    <el-card shadow="never" class="!border-none mb-5">
+        <div class="flex justify-between items-center">
+            <span class="text-2xl">配送订单统计</span>
+            <div class="flex items-center text-sm">
+                <span class="mr-4">时间筛选: </span>
+                <el-date-picker v-model="date" type="daterange" value-format="YYYY-MM-DD" range-separator="-"
+                    start-placeholder="开始时间" end-placeholder="结束时间" @change="deteToQuery" />
+            </div>
+        </div>
         <v-charts style="height: 350px" :option="sendOption" :autoresize="true" />
     </el-card>
-
-    <el-card :key="date">
-        <template #header>
-            配送订单统计
-        </template>
+    <el-card :key="date" shadow="never" class="mb-4">
+        <div class="text-2xl mb-4">订单统计</div>
         <sendData :query-params="queryParams" :key="date"></sendData>
     </el-card>
 </template>
diff --git a/src/views/workbench/earnings/index.vue b/src/views/workbench/earnings/index.vue
index e887ab0..ade04bf 100644
--- a/src/views/workbench/earnings/index.vue
+++ b/src/views/workbench/earnings/index.vue
@@ -1,7 +1,7 @@
 <template>
-    <el-card>
-        <template #header>今日</template>
-        <el-row class="flex">
+    <el-card shadow="never" class="mb-4">
+        <span class="text-2xl">今日</span>
+        <el-row class="flex mt-4">
             <div class="flex " style="flex:1" v-for="(item, index) in statisticLists" :key="index">
                 <div class="mr-2">
                     <img class="w-[50px] h-[50px] mr-2" :src="item.src" />
@@ -13,14 +13,11 @@
             </div>
         </el-row>
     </el-card>
-    <el-card>
-        <template #header>
-            <div class="flex justify-between">
-                <span>累计</span>
-                <el-date-picker v-model="month" type="month" placeholder="选择月份" @change="monthChange"
-                    value-format="YYYY-MM" />
-            </div>
-        </template>
+    <el-card shadow="never" class="mb-4">
+        <div class="flex justify-between mb-4">
+            <span class="text-2xl">累计</span>
+            <el-date-picker v-model="month" type="month" placeholder="选择月份" @change="monthChange" value-format="YYYY-MM" />
+        </div>
         <el-row class="flex">
             <div class="flex " style="flex:1" v-for="(item, index) in statisticLists2" :key="index">
                 <div class="mr-2">
@@ -34,11 +31,10 @@
         </el-row>
     </el-card>
 
-    <el-card v-loading="loading">
-        <template #header>
-            营业趋势
-        </template>
-        <v-charts style="height: 350px" :option="visitorOption" :autoresize="true" />
+    <el-card v-loading="loading" shadow="never">
+        <span class="text-2xl">营业趋势</span>
+
+        <v-charts style="height: 350px" class="mt-4" :option="visitorOption" :autoresize="true" />
     </el-card>
 </template>
 
diff --git a/src/views/workbench/index.vue b/src/views/workbench/index.vue
index 4791eab..43f2fde 100644
--- a/src/views/workbench/index.vue
+++ b/src/views/workbench/index.vue
@@ -1,51 +1,40 @@
 <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">
-        <div class="flex flex-wrap">
-            <div class="w-1/5 flex mb-6" v-for="(item, index) in statisticLists.filter(item => item.row == 1)" :key="index">
-                <div class="mr-2">
-                    <img class="w-[50px] h-[50px] mr-2" :src="item.src" />
-                </div>
-                <div>
-                    <div class="text-info">{{ item.title }}</div>
-                    <div class="text-6xl">{{ item.value() }}</div>
-                </div>
-            </div>
-        </div>
-        <div class="flex flex-wrap">
-            <div class="w-1/5 flex mb-6" v-for="(item, index) in statisticLists.filter(item => item.row != 1)" :key="index">
-                <div class="mr-2">
-                    <img class="w-[50px] h-[50px] mr-2" :src="item.src" />
-                </div>
-                <div>
-                    <div class="text-info ">{{ item.title }}</div>
-                    <div class="text-6xl">{{ item.value() }}</div>
-                </div>
+    <el-card shadow="never" class=" !border-none">
+        <div class="flex justify-between items-center">
+            <span class="text-2xl">营业趋势</span>
+            <div class="flex items-center text-sm">
+                <span class="mr-4">时间筛选: </span>
+                <el-date-picker v-model="date" type="daterange" range-separator="至" start-placeholder="开始日期"
+                    end-placeholder="结束日期" unlink-panels @change="deteToQuery" />
             </div>
         </div>
     </el-card>
-    <el-card :key="date" v-loading="!visitorOption.xAxis.data.length">
-        <template #header>
-            营业趋势
-        </template>
+
+    <div class="flex flex-wrap box-border mt-4">
+        <div class="box-border w-1/5" v-for="(item, index) in statisticLists" :key="index">
+            <el-card class="!border-none ml-4 mb-4 flex" :class="{ '!ml-0': index % 5 === 0 }" shadow="never">
+                <div class="flex">
+                    <div class="mr-2">
+                        <img class="w-[50px] h-[50px] mr-2" :src="item.src" />
+                    </div>
+                    <div>
+                        <div class="text-info">{{ item.title }}</div>
+                        <div class="text-6xl">{{ item.value() }}</div>
+                    </div>
+                </div>
+            </el-card>
+        </div>
+    </div>
+
+    <el-card :key="date" v-loading="!visitorOption.xAxis.data.length" shadow="never" class="mb-4">
+        <span class="text-2xl mb-2">营业趋势</span>
         <v-charts style="height: 350px" :option="visitorOption" :autoresize="true" />
     </el-card>
     <el-row :key="date">
         <el-col :span="14">
-            <el-card class="h-[100%]">
-                <template #header>
-                    交易数据
-                </template>
-                <el-table :data="formData.order_list">
+            <el-card class="h-[100%]" shadow="never">
+                <span class="text-2xl">交易数据</span>
+                <el-table :data="formData.order_list" class="mt-4">
                     <el-table-column label="头像" prop="build_area_text" show-overflow-tooltip>
                         <template #default="{ row }">
                             <el-image style="width: 50px; height: 50px" :src="row.avatar" />
@@ -59,11 +48,9 @@
             </el-card>
         </el-col>
         <el-col :span="10">
-            <el-card style="height: 100%;">
-                <template #header>
-                    交易类型
-                </template>
-                <v-charts style="height:700px" :option="tradTypeOption" :autoresize="true" />
+            <el-card style="height: 100%;" shadow="never" class="ml-4">
+                <span class="text-2xl">交易类型</span>
+                <v-charts style="height:700px" class="mt-4" :option="tradTypeOption" :autoresize="true" />
             </el-card>
         </el-col>
     </el-row>