From 69da1cb54fcfa6ef0695d691b42030c0c1f35d13 Mon Sep 17 00:00:00 2001
From: zmj <1493694146@qq.com>
Date: Thu, 13 Jun 2024 15:49:13 +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

---
 .env.development                       |   4 +-
 src/views/workbench/earnings/index.vue | 151 +++++++++++++++++++++++++
 src/views/workbench/index.vue          |   1 -
 3 files changed, 153 insertions(+), 3 deletions(-)
 create mode 100644 src/views/workbench/earnings/index.vue

diff --git a/.env.development b/.env.development
index 88427e6..982083f 100644
--- a/.env.development
+++ b/.env.development
@@ -1,6 +1,6 @@
 NODE_ENV = 'development'
 
 # Base API
-VITE_APP_BASE_URL='https://multi-store.lihaink.cn'
-# VITE_APP_BASE_URL='https://test-multi-store.lihaink.cn'
+# VITE_APP_BASE_URL='https://multi-store.lihaink.cn'
+VITE_APP_BASE_URL='https://test-multi-store.lihaink.cn'
 # VITE_APP_BASE_URL='https://ceshi-logistics.lihaink.cn/'
diff --git a/src/views/workbench/earnings/index.vue b/src/views/workbench/earnings/index.vue
new file mode 100644
index 0000000..1276d84
--- /dev/null
+++ b/src/views/workbench/earnings/index.vue
@@ -0,0 +1,151 @@
+<template>
+    <el-card :key="date">
+        <template #header>今日</template>
+        <el-row>
+            <el-col :span="6" class="flex" v-for="(item, index) in statisticLists" :key="index">
+                <img class="w-[50px] h-[50px] mr-2" :src="item.src" />
+                <div>
+                    <el-statistic :title="item.title" :value="item.value()" />
+                    <p style="font-size: 11px;color: #FBCE6B;" v-if="item.footer">{{ item.footer }}</p>
+                </div>
+            </el-col>
+        </el-row>
+    </el-card>
+    <el-card :key="date">
+        <template #header>累计</template>
+        <el-row>
+            <el-col :span="6" class='flex' v-for="(item, index) in statisticLists" :key="index">
+                <img class="w-[50px] h-[50px] mr-2" :src="item.src" />
+                <div>
+                    <el-statistic :title="item.title" :value="item.value()" />
+                    <p style="font-size: 11px;color: #FBCE6B;" v-if="item.footer">{{ item.footer }}</p>
+                </div>
+            </el-col>
+        </el-row>
+    </el-card>
+
+    <el-card :key="date">
+        <template #header>
+            营业趋势
+        </template>
+        <v-charts style="height: 350px" :option="visitorOption" :autoresize="true" />
+    </el-card>
+</template>
+
+<script lang="ts" setup name="manageProjectLists">
+import { ref, reactive } from "vue"
+// import { apiTradStatisApi } from '@/api/statistics'
+import vCharts from 'vue-echarts'
+
+const date = ref([])
+const queryParams = reactive({
+    start_time: "",
+    end_time: "",
+})
+
+
+
+
+const formData = ref({
+    order_amount: 0,
+    verify_amount: 0,
+    balance_amount: 0,
+    income_amount: 0,
+    cashier_amount: 0,
+})
+
+
+const statisticLists = reactive([
+    {
+        src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701552002039.png',
+        title: "营业额",
+        value: () => {
+            return String(formData.value.verify_amount)
+        }
+    },
+    {
+        src: "https://ceshi-engineering.lihaink.cn/uploads/files/20240604/2024060417170150a511510.png",
+        title: "利润",
+        value: () => {
+            return String(formData.value.balance_amount)
+        }
+    },
+    {
+        src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701594ff8897.png',
+        title: "成本",
+        value: () => {
+            return String(formData.value.income_amount)
+        }
+    },
+    {
+        src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/202406041717018a22e1161.png',
+        title: "保证金",
+        value: () => {
+            return String(formData.value.cashier_amount)
+        },
+        footer: "当保证金金额补缴齐后不再扣除"
+    },
+
+])
+
+
+const visitorOption = reactive({
+    tooltip: {
+        trigger: 'axis'
+    },
+    xAxis: {
+        type: 'category',
+        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+    },
+    yAxis: {
+        type: 'value'
+    },
+    series: [
+        {
+            data: [82, 92, 91, 94, 129, 133, 130],
+            type: 'line',
+            smooth: true,
+            name: "营业额"
+        },
+        {
+            data: [15, 12, 14, 78, 96, 54, 85],
+            type: 'line',
+            smooth: true,
+            name: '利润'
+        },
+        {
+            data: [36, 52, 94, 76, 85, 24, 35],
+            type: 'line',
+            smooth: true,
+            name: '成本'
+        },
+        {
+            data: [63, 25, 36, 64, 33, 24, 15],
+            type: 'line',
+            smooth: true,
+            name: '保证金'
+        }
+    ]
+})
+
+
+const getData = async () => {
+    // let res = await apiTradStatisApi(queryParams)
+    // formData.value = res
+    // visitorOption.xAxis.data = res.statistics.range
+    // visitorOption.series[0].data = res.statistics.data.order_amount
+    // visitorOption.series[1].data = res.statistics.data.user_number
+    // tradTypeOption.series[0].data = res.pay_type
+}
+
+
+const initPage = () => {
+    getData()
+}
+
+
+onMounted(() => {
+    initPage()
+})
+
+</script>
\ No newline at end of file
diff --git a/src/views/workbench/index.vue b/src/views/workbench/index.vue
index 456307a..e8e8573 100644
--- a/src/views/workbench/index.vue
+++ b/src/views/workbench/index.vue
@@ -1,6 +1,5 @@
 <template>
     <el-card>
-        {{ formData.order_amount }}
         <el-form class="mb-[-16px]" :model="queryParams" label-width="80px">
             <el-col :span="6">
                 <el-form-item label="时间筛选">