From f936328a66f0fcd1032f8ee8d18fb111ceffba02 Mon Sep 17 00:00:00 2001
From: YeMingfei666 <1619116647@qq.com>
Date: Mon, 10 Mar 2025 13:30:34 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=EF=BC=8C=E9=94=80=E9=87=8F=E7=BB=9F=E8=AE=A1?=
 =?UTF-8?q?=EF=BC=8C=E6=A1=8C=E5=8F=B0=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/coup/index.js                         |   10 +-
 src/api/order/data-summary.ts                 |   41 +
 src/api/order/sale-summary.ts                 |   33 +
 src/api/order/table-summary.ts                |   25 +
 src/router/index.ts                           |   10 +
 src/store/modules/user.ts                     |    7 +-
 src/utils/auth.ts                             |   12 +-
 src/utils/request-php.js                      |    4 +-
 src/views/application/marketing/index.vue     |    2 +-
 src/views/application/marketing/invite.vue    |    3 +
 src/views/data/index.vue                      | 1480 ++++++++++++++++-
 src/views/data/sales.vue                      |  450 ++++-
 src/views/data/table.vue                      |  372 ++++-
 src/views/inventory/operation_in/index.vue    |    4 +-
 src/views/login/index.vue                     |   18 +-
 src/views/system-setting/pay-types/index.vue  |    7 +-
 .../Instead/components/popup-quan-hexiao.vue  |   16 +-
 17 files changed, 2466 insertions(+), 28 deletions(-)
 create mode 100644 src/api/order/data-summary.ts
 create mode 100644 src/api/order/sale-summary.ts
 create mode 100644 src/api/order/table-summary.ts
 create mode 100644 src/views/application/marketing/invite.vue

diff --git a/src/api/coup/index.js b/src/api/coup/index.js
index a2e900b..66cd018 100644
--- a/src/api/coup/index.js
+++ b/src/api/coup/index.js
@@ -1,13 +1,7 @@
 // 代客下单
 import request from "@/utils/request-php";
-import { getToken } from "@/utils/auth";
-import { useUserStore } from "@/store";
+import { getDouyinToken, getToken } from "@/utils/auth";
 
-const userStore = useUserStore();
-
-function getLoginName() {
-  return userStore.userInfo.phone;
-}
 // 抖音团购核销准备
 export function $douyin_fulfilmentcertificateprepare(data) {
   return request({
@@ -90,7 +84,7 @@ export function $douyin_checkIn(data) {
     data: {
       clientType: "ADMIN",
       token: getToken(),
-      loginName: getLoginName(),
+      loginName: localStorage.getItem("userInfo").phone,
       ...data,
     },
   });
diff --git a/src/api/order/data-summary.ts b/src/api/order/data-summary.ts
new file mode 100644
index 0000000..07db384
--- /dev/null
+++ b/src/api/order/data-summary.ts
@@ -0,0 +1,41 @@
+import request from "@/utils/request";
+import { Order_BaseUrl } from "@/api/config";
+const baseURL = Order_BaseUrl + "/admin/data/summary";
+// 数据统计
+const Api = {
+  // 营业板块-上半部分
+  trade(params: any) {
+    return request<any>({
+      url: `${baseURL}/trade`,
+      method: "get",
+      params
+    });
+  },
+  // 商品销售 右下
+  productSaleDate(params: any) {
+    return request<any>({
+      url: `${baseURL}/productSaleDate`,
+      method: "get",
+      params
+    });
+  },
+  // 销售趋势柱状图 左下
+  dateAmount(params: any) {
+    return request<any>({
+      url: `${baseURL}/dateAmount`,
+      method: "get",
+      params
+    });
+  },
+  // 支付占比饼图 左下
+  datePayType(params: any) {
+    return request<any>({
+      url: `${baseURL}/datePayType`,
+      method: "get",
+      params
+    });
+  },
+};
+
+export default Api;
+
diff --git a/src/api/order/sale-summary.ts b/src/api/order/sale-summary.ts
new file mode 100644
index 0000000..f8a8600
--- /dev/null
+++ b/src/api/order/sale-summary.ts
@@ -0,0 +1,33 @@
+import request from "@/utils/request";
+import { Order_BaseUrl } from "@/api/config";
+const baseURL = Order_BaseUrl + "/admin/sale/summary";
+// 销量统计
+const Api = {
+  // 统计
+  count(params: any) {
+    return request<any>({
+      url: `${baseURL}/count`,
+      method: "get",
+      params
+    });
+  },
+  // 分页
+  page(params: any) {
+    return request<any>({
+      url: `${baseURL}/page`,
+      method: "get",
+      params
+    });
+  },
+  // 导出
+  export(params: any) {
+    return request<any>({
+      url: `${baseURL}/export`,
+      method: "get",
+      params
+    });
+  },
+};
+
+export default Api;
+
diff --git a/src/api/order/table-summary.ts b/src/api/order/table-summary.ts
new file mode 100644
index 0000000..35bbee7
--- /dev/null
+++ b/src/api/order/table-summary.ts
@@ -0,0 +1,25 @@
+import request from "@/utils/request";
+import { Order_BaseUrl } from "@/api/config";
+const baseURL = Order_BaseUrl + "/admin/table/summary";
+// 台桌统计
+const Api = {
+  // 统计
+  list(params: any) {
+    return request<any>({
+      url: `${baseURL}/list`,
+      method: "get",
+      params
+    });
+  },
+  // 导出
+  export(params: any) {
+    return request<any>({
+      url: `${baseURL}/export`,
+      method: "get",
+      params
+    });
+  },
+};
+
+export default Api;
+
diff --git a/src/router/index.ts b/src/router/index.ts
index f662e19..c5d9867 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -384,6 +384,16 @@ export const constantRoutes: RouteRecordRaw[] = [
           hidden: true
         },
       },
+      {
+        path: "invite",
+        component: () => import("@/views/application/marketing/invite.vue"),
+        name: "invite",
+        meta: {
+          title: "邀请裂变",
+          affix: false,
+          hidden: true
+        },
+      },
       {
         path: "points",
         component: () => import("@/views/application/marketing/points/index.vue"),
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 7f3d75a..ea766a4 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -13,6 +13,9 @@ export const useUserStore = defineStore("user", () => {
   const isShopAdmin = useStorage("isShopAdmin", false) // 0商户 1员工
   const userInfo = useStorage<UserInfo>("userInfo", {} as UserInfo);
   const promissionList = useStorage<string[]>("promissionList", [] as string[]);
+  //美团抖音核销店铺信息
+  const meituan_douyin_info = useStorage<any>("meituan_douyin_info", {});
+
 
   localStorage.setItem("shopId", "" + userInfo.value.shopId);
   if (userInfo.value.shopId) {
@@ -28,11 +31,12 @@ export const useUserStore = defineStore("user", () => {
     return new Promise<void>((resolve, reject) => {
       AuthAPI.login(loginRequest)
         .then((data) => {
+
           isShopAdmin.value = data.loginType == 0 ? true : false;
           Object.assign(userInfo.value, { ...data.shopInfo, shopId: data.shopInfo.id });
           promissionList.value = data.promissionList;
           const token = data.tokenInfo.tokenValue;
-          setToken(token); // Bearer eyJhbGciOiJIUzI1NiJ9.xxx.xxx
+          setToken(token);
           setRefreshToken(token);
           resolve();
         })
@@ -119,6 +123,7 @@ export const useUserStore = defineStore("user", () => {
 
   return {
     isShopAdmin,
+    meituan_douyin_info,
     userInfo,
     promissionList,
     getUserInfo,
diff --git a/src/utils/auth.ts b/src/utils/auth.ts
index bd3e9b3..c971914 100644
--- a/src/utils/auth.ts
+++ b/src/utils/auth.ts
@@ -1,12 +1,22 @@
 // 访问 token 缓存的 key
 const ACCESS_TOKEN_KEY = "access_token";
+// 访问 抖音token 缓存的 key
+const DOUYIN_ACCESS_TOKEN_KEY = "douyin_access_token";
 // 刷新 token 缓存的 key
 const REFRESH_TOKEN_KEY = "refresh_token";
 
+//抖音 token
+function getDouyinToken() {
+  return localStorage.getItem(DOUYIN_ACCESS_TOKEN_KEY) || "";
+}
+function setDouyinToken(token: string) {
+  return localStorage.setItem(DOUYIN_ACCESS_TOKEN_KEY, token);
+}
 function getToken(): string {
   return localStorage.getItem(ACCESS_TOKEN_KEY) || "";
 }
 
+
 function setToken(token: string) {
   localStorage.setItem(ACCESS_TOKEN_KEY, token);
 }
@@ -24,4 +34,4 @@ function clearToken() {
   localStorage.removeItem(REFRESH_TOKEN_KEY);
 }
 
-export { getToken, setToken, clearToken, getRefreshToken, setRefreshToken };
+export { getToken, setToken, clearToken, getRefreshToken, setRefreshToken, getDouyinToken, setDouyinToken };
diff --git a/src/utils/request-php.js b/src/utils/request-php.js
index 8e70537..999020a 100644
--- a/src/utils/request-php.js
+++ b/src/utils/request-php.js
@@ -1,6 +1,6 @@
 import axios from "axios";
 import router from "@/router";
-import { getToken } from "@/utils/auth";
+import { getDouyinToken, getToken } from "@/utils/auth";
 
 // 创建axios实例
 const service = axios.create({
@@ -12,7 +12,7 @@ const service = axios.create({
 service.interceptors.request.use(
   (config) => {
     if (getToken()) {
-      config.headers["bausertoken"] = getToken();
+      config.headers["bausertoken"] = getDouyinToken();
     }
     config.headers["Content-Type"] = "application/json";
     // 添加可取消请求配置
diff --git a/src/views/application/marketing/index.vue b/src/views/application/marketing/index.vue
index 7ece955..db77641 100644
--- a/src/views/application/marketing/index.vue
+++ b/src/views/application/marketing/index.vue
@@ -27,7 +27,7 @@ const to = (item) => {
 const list = ref([
   { name: "优惠券", icon: card, path: "coupon" },
   { name: "霸王餐", icon: charge, path: "bwc" },
-  { name: "邀请裂变", icon: invite, path: "" },
+  { name: "邀请裂变", icon: invite, path: "invite" },
   { name: "积分锁客", icon: score, path: "points" },
 ]);
 </script>
diff --git a/src/views/application/marketing/invite.vue b/src/views/application/marketing/invite.vue
new file mode 100644
index 0000000..663dc90
--- /dev/null
+++ b/src/views/application/marketing/invite.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>邀请</div>
+</template>
\ No newline at end of file
diff --git a/src/views/data/index.vue b/src/views/data/index.vue
index 41a40c8..762f4e8 100644
--- a/src/views/data/index.vue
+++ b/src/views/data/index.vue
@@ -1 +1,1479 @@
-<template></template>
\ No newline at end of file
+<template>
+  <div class="app-container" style="padding-bottom: 100px">
+    <!-- <div class="card_wrap">
+      <div class="card">
+        <div class="header">
+          <div class="card_title">总销售额</div>
+          <el-tooltip effect="dark" content="订单支付金额" placement="top">
+            <i class="icon el-icon-warning-outline"></i>
+          </el-tooltip>
+        </div>
+        <div class="number">{{ topData.totalSales || 0 }}</div>
+        <div class="row">平均每单{{ topData.averageSales || 0 }}</div>
+        <div class="row">今日销售额{{ topData.totalSalesToday || 0 }}</div>
+      </div>
+      <div class="card">
+        <div class="header">
+          <div class="card_title">支付笔数</div>
+        </div>
+        <div class="number">{{ topData.paymentsNumber }}</div>
+        <div class="row" ref="cardPayChart" style="padding-bottom: 2px;"></div>
+        <div class="row">
+          今日支付笔数{{ topData.paymentsNumberToday || 0 }}
+        </div>
+      </div>
+      <div class="card">
+        <div class="header">
+          <div class="card_title">访问量</div>
+        </div>
+        <div class="number">{{ topData.totalVisits }}</div>
+        <div class="row" ref="cardCountChart" style="padding-bottom: 2px;"></div>
+        <div class="row">
+          <div class="dot"></div>
+          今日访问 {{ topData.totalVisitsToday || 0 }}
+        </div>
+      </div>
+      <div class="card">
+        <div class="header">
+          <div class="card_title">用户数</div>
+        </div>
+        <div class="number">{{ topData.totalUser }}</div>
+        <div class="row" ref="cardUserChart" style="padding-bottom: 2px;"></div>
+        <div class="row">
+          今日新增 {{ topData.userToday || 0 }}
+          <i class="icon el-icon-caret-top"></i>
+        </div>
+      </div>
+    </div> -->
+    <div class="h_card_wrap">
+      <div class="status_wrap">
+        <div class="left">
+          <div class="dot"></div>
+          <span>营业</span>
+        </div>
+        <div class="time_wrap">
+          <el-radio-group v-model="timeValue" @change="timeChange">
+            <el-radio-button label="0">今天</el-radio-button>
+            <el-radio-button label="-1">昨天</el-radio-button>
+            <el-radio-button label="-7">最近7天</el-radio-button>
+            <el-radio-button label="-30">最近30天</el-radio-button>
+            <el-radio-button label="week">本周</el-radio-button>
+            <el-radio-button label="month">本月</el-radio-button>
+            <el-radio-button label="custom">自定义</el-radio-button>
+          </el-radio-group>
+          <el-date-picker
+            v-model="query.createdAt"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            :default-time="['00:00:00', '23:59:59']"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            v-if="timeValue == 'custom'"
+            @change="summarytrade"
+          ></el-date-picker>
+        </div>
+      </div>
+      <div class="content" v-loading="tradeLoading">
+        <div class="top">
+          <div class="item earnings">
+            <div class="num_wrap">
+              <div class="num">{{ formatDecimal(tradeSale.incomeAmountAll || 0) }}</div>
+              <div class="tips">
+                营业实收（元）
+                <el-tooltip popper-class="popper" effect="light" placement="bottom">
+                  <template #content>
+                    <div class="tips_row">
+                      <div class="item" v-for="(item, index) in tradeSale.payCount" :key="index">
+                        <div class="left">
+                          <img class="icon" :src="item.icon" />
+                          <span>{{ item.payType }}</span>
+                        </div>
+                        <span class="num">{{ item.payAmount }}</span>
+                      </div>
+                    </div>
+                  </template>
+                  <el-icon><QuestionFilled /></el-icon>
+                </el-tooltip>
+              </div>
+            </div>
+            <div class="line_wrap">
+              <div class="line_item">
+                <div class="line_item_top">
+                  <div>销售金额（元）</div>
+                  <!-- <div class="t">{{ formatDecimal(tradeSale.totalSaleAmount || 0) }}</div> -->
+                </div>
+                <div class="line_gropress">
+                  <div
+                    class="gropress l"
+                    :style="{
+                      width: `${
+                        tradeSale.incomeAmount
+                          ? (tradeSale.incomeAmount / tradeSale.totalSaleAmount) * 100
+                          : 0
+                      }%`,
+                    }"
+                  ></div>
+                  <div
+                    class="gropress r"
+                    :style="{
+                      width: `${
+                        tradeSale.refundAmount
+                          ? (tradeSale.refundAmount / tradeSale.totalSaleAmount) * 100
+                          : 0
+                      }%`,
+                    }"
+                  ></div>
+                </div>
+                <div class="line_btm">
+                  <el-icon class="icon el-icon-caret-right" />
+                  <div class="info">
+                    <span class="l_t">收：{{ formatDecimal(tradeSale.incomeAmount || 0) }}</span>
+                    <span class="l_r">退：{{ formatDecimal(tradeSale.refundAmount || 0) }}</span>
+                  </div>
+                </div>
+              </div>
+              <div class="line_item">
+                <div class="line_item_top">
+                  <div>充值金额（元）</div>
+                  <!-- <div class="t">{{ formatDecimal(tradeSale.totalVipAmount || 0) }}</div> -->
+                </div>
+                <div class="line_gropress">
+                  <div
+                    class="gropress l"
+                    :style="{
+                      width: `${
+                        tradeSale.inAmount
+                          ? (tradeSale.inAmount / tradeSale.totalVipAmount) * 100
+                          : 0
+                      }%`,
+                    }"
+                  ></div>
+                  <div
+                    class="gropress r"
+                    :style="{
+                      width: `${
+                        tradeSale.inAmount
+                          ? (tradeSale.outAmount / tradeSale.totalVipAmount) * 100
+                          : 0
+                      }%`,
+                    }"
+                  ></div>
+                </div>
+                <div class="line_btm">
+                  <el-icon class="icon el-icon-caret-right" />
+                  <div class="info">
+                    <span class="l_t">收：{{ formatDecimal(tradeSale.inAmount || 0) }}</span>
+                    <span class="l_r">退：{{ formatDecimal(tradeSale.outAmount || 0) }}</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="item data">
+            <div class="data_item">
+              <div class="num_wrap">
+                <div class="num">{{ formatDecimal(tradeVip.useAmount || 0) }}</div>
+                <div class="tips">会员消费（元）</div>
+              </div>
+            </div>
+            <div class="data_item_right">
+              <div class="t">
+                <span>新增会员数</span>
+                <span class="n">{{ tradeVip.newFlow || 0 }}(人)</span>
+              </div>
+              <div class="t">
+                <span>会员消费笔数</span>
+                <span class="n">{{ tradeVip.useNum || 0 }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="btm">
+          <div class="item item1">
+            <div class="title">客单价</div>
+            <div class="icon_wrap">
+              <img class="img" src="@/assets/images/data_home_item1_icon.png" />
+              <div class="t">{{ formatDecimal(tradeCount.unitPrice || 0) }}</div>
+            </div>
+          </div>
+          <div class="item item2">
+            <div class="title">
+              翻台率
+              <el-tooltip
+                effect="dark"
+                content="翻台率=（客单数-桌台数）/桌台数*100%"
+                placement="top"
+              >
+                <el-icon><QuestionFilled /></el-icon>
+              </el-tooltip>
+            </div>
+            <div class="icon_wrap">
+              <img class="img" src="@/assets/images/data_home_item2_icon.png" />
+              <div class="t">{{ tradeCount.turnoverRate }}</div>
+            </div>
+          </div>
+          <div class="item item3">
+            <div class="title">优惠金额</div>
+            <div class="icon_wrap">
+              <img class="img" src="@/assets/images/data_home_item3_icon.png" />
+              <div class="t">{{ formatDecimal(tradeCount.saveAmount || 0) }}</div>
+            </div>
+          </div>
+          <div class="item item4">
+            <div class="title">优惠笔数</div>
+            <div class="icon_wrap">
+              <img class="img" src="@/assets/images/data_home_item4_icon.png" />
+              <div class="t">{{ tradeCount.saveNum || 0 }}</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 销售额 -->
+    <div class="chart_wrap" style="display: flex">
+      <div class="item">
+        <div class="header">
+          <div class="tab_wrap">
+            <div
+              class="item"
+              :class="{ active: lineChartType == 0 }"
+              @click="lineChartTypeChange(0)"
+            >
+              销售趋势
+            </div>
+            <div
+              class="item"
+              :class="{ active: lineChartType == 1 }"
+              @click="lineChartTypeChange(1)"
+            >
+              支付占比
+            </div>
+          </div>
+          <el-radio-group v-model="saleActive" @change="lineChartTypeChange(lineChartType)">
+            <el-radio-button label="7">近7天</el-radio-button>
+            <el-radio-button label="30">30天</el-radio-button>
+          </el-radio-group>
+        </div>
+        <div
+          class="chart"
+          ref="saleChart"
+          v-loading="saleLoading"
+          style="height: 350px"
+          v-show="lineChartType == 0"
+        ></div>
+        <div
+          class="chart"
+          ref="payChart"
+          v-loading="payChartLoading"
+          style="height: 350px"
+          v-show="lineChartType == 1"
+        ></div>
+      </div>
+      <!-- 商品销售排行 -->
+      <div class="item" style="margin-left: 20px">
+        <div class="header">
+          <div class="tab_wrap">
+            <div class="item active">商品销售排行</div>
+          </div>
+          <el-radio-group v-model="saleTableActive" @change="rankChange">
+            <!-- <el-radio-button label="1">今天</el-radio-button> -->
+            <el-radio-button label="7">近7天</el-radio-button>
+            <el-radio-button label="30">30天</el-radio-button>
+          </el-radio-group>
+        </div>
+        <div class="sale_data">
+          <!-- <div class="card">
+            <div class="sale_data_header">
+              <div class="card_title">销售数量</div>
+            </div>
+            <div class="number">{{ productCount }}</div>
+            <div class="product_chart_wrap" ref="productCountChart"></div>
+          </div> -->
+          <!-- <div class="card">
+            <div class="sale_data_header">
+              <div class="card_title">销售金额</div>
+            </div>
+            <div class="number">￥{{ productSum }}</div>
+            <div class="product_chart_wrap" ref="productSumChart"></div>
+          </div> -->
+        </div>
+        <div class="table">
+          <el-table :data="saleTable" v-loading="saleTableLoading">
+            <!-- <el-table-column label="排名" prop="productId"></el-table-column> -->
+            <el-table-column label="商品名称" prop="productName"></el-table-column>
+            <el-table-column label="数量" prop="salesNum"></el-table-column>
+            <el-table-column label="金额" prop="salesAmount"></el-table-column>
+          </el-table>
+          <div
+            class="head-container"
+            style="padding-top: 20px; display: flex; justify-content: flex-end"
+          >
+            <el-pagination
+              :total="saleTableTotal"
+              :page-size="saleTableSize"
+              :current-page="saleTablePage + 1"
+              @current-change="paginationChange"
+              layout="total, prev, pager, next, jumper"
+            ></el-pagination>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- <div class="chart_wrap" style="display: flex;">
+      <div class="item" style="margin-left: 20px;">
+        <div class="header">
+          <div class="tab_wrap">
+            <div class="item active">支付占比类型</div>
+          </div>
+          <el-radio-group v-model="payChartDay" @change="datePayType">
+            <el-radio-button label="7">近7天</el-radio-button>
+            <el-radio-button label="30">30天</el-radio-button>
+          </el-radio-group>
+        </div>
+        <div style="height: 400px;margin-top: 30px;" ref="payChart" v-loading="payChartLoading"></div>
+      </div>
+    </div> -->
+  </div>
+</template>
+
+<script>
+import dataSummaryApi from "@/api/order/data-summary";
+import dayjs from "dayjs";
+import * as echarts from "echarts";
+import { debounce, formatDecimal } from "@/utils/tools";
+export default {
+  name: "home",
+  data() {
+    return {
+      formatDecimal,
+      topData: "",
+      saleTab: "sale",
+      saleActive: "7",
+      cardPayChart: null,
+      cardCountChart: null,
+      cardUserChart: null,
+      saleLoading: false,
+      saleChart: null,
+      payChartDay: "7",
+      payChartLoading: false,
+      payChart: null,
+      chartType: 1,
+      productCount: 0,
+      productSum: 0,
+      saleTableActive: "7",
+      saleTable: [],
+      saleTableLoading: false,
+      saleTablePage: 0,
+      saleTableTotal: 0,
+      saleTableSize: 5,
+      __resizeHandler: null,
+      productCountChart: null,
+      productSumChart: null,
+      lineChartType: 0,
+      timeValue: "0",
+      query: {
+        createdAt: "",
+      },
+      tradeLoading: false,
+      tradeSale: {
+        payCount: [],
+      },
+      tradeVip: "",
+      tradeCount: "",
+    };
+  },
+  mounted() {
+    // 增加首页提示是否账号30天过期
+    let date = dayjs(localStorage.getItem("expireDate")).diff(dayjs().format("YYYY-MM-DD"), "day");
+    if (date <= 30 && date >= 0) {
+      this.$alert(
+        `店铺账号有限期至${localStorage.getItem("expireDate")}，店铺账号到期剩余${date}天!`,
+        "提示"
+      );
+    }
+    // this.summaryGet();
+    this.dateAmount();
+    this.dateProduct();
+    // this.summaryDateGet();
+    this.timeChange("0");
+
+    this.__resizeHandler = debounce(() => {
+      if (this.saleChart) {
+        this.saleChart.resize();
+      }
+      if (this.payChart) {
+        this.payChart.resize();
+      }
+      if (this.cardPayChart) {
+        this.cardPayChart.resize();
+      }
+      if (this.cardUserChart) {
+        this.cardUserChart.resize();
+      }
+      if (this.productCountChart) {
+        this.productCountChart.resize();
+      }
+      // if (this.productSumChart) {
+      //   this.productSumChart.resize();
+      // }
+    }, 100);
+    window.addEventListener("resize", this.__resizeHandler);
+    // this.initCardUserChart();
+  },
+  methods: {
+    // 切换时间
+    timeChange(e) {
+      const format = ["YYYY-MM-DD 00:00:00", "YYYY-MM-DD 23:59:59"];
+      switch (e) {
+        case "":
+          // 全部
+          this.query.createdAt = [];
+          break;
+        case "0":
+          // 今天
+          this.query.createdAt = [dayjs().format(format[0]), dayjs().format(format[1])];
+          break;
+        case "-1":
+          // 昨天
+          this.query.createdAt = [
+            dayjs().add(-1, "d").format(format[0]),
+            dayjs().add(-1, "d").format(format[1]),
+          ];
+          break;
+        case "-7":
+          // 最近7天
+          this.query.createdAt = [
+            dayjs().add(-7, "d").format(format[0]),
+            dayjs().format(format[1]),
+          ];
+          break;
+        case "-30":
+          // 最近7天
+          this.query.createdAt = [
+            dayjs().add(-30, "d").format(format[0]),
+            dayjs().format(format[1]),
+          ];
+          break;
+        case "week":
+          // 本周
+          this.query.createdAt = [
+            dayjs().startOf("week").format(format[0]),
+            dayjs().endOf("week").format(format[1]),
+          ];
+          break;
+        case "month":
+          // 本周
+          this.query.createdAt = [
+            dayjs().startOf("month").format(format[0]),
+            dayjs().endOf("month").format(format[1]),
+          ];
+          break;
+        case "custom":
+          // 自定义
+          this.query.createdAt = [];
+          break;
+        default:
+          break;
+      }
+      if (e != "custom") {
+        this.summarytrade();
+      }
+    },
+    // 获取营业板块数据
+    async summarytrade() {
+      try {
+        this.tradeLoading = true;
+        const res = await dataSummaryApi.trade({
+          startTime: this.query.createdAt[0],
+          endTime: this.query.createdAt[1],
+        });
+        this.tradeLoading = false;
+        this.tradeSale = res.sale;
+        this.tradeVip = res.vip;
+        this.tradeCount = res.count;
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    lineChartTypeChange(i) {
+      this.lineChartType = i;
+      if (i == 0) {
+        this.dateAmount();
+      } else {
+        this.datePayType();
+      }
+    },
+    // 初始化支付笔数柱状图
+    initCardPayChart(time = [], data = []) {
+      this.cardPayChart = echarts.init(this.$refs.cardPayChart);
+      this.cardPayChart.setOption({
+        tooltip: {
+          trigger: "axis",
+        },
+        grid: {
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 0,
+        },
+        xAxis: [
+          {
+            type: "category",
+            data: time,
+            show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
+            axisTick: {
+              show: false, // 不显示坐标轴刻度线
+            },
+            axisLine: {
+              show: false, // 不显示坐标轴线
+            },
+            axisLabel: {
+              show: false, // 不显示坐标轴上的文字
+            },
+            splitLine: {
+              show: false, // 不显示网格线
+            },
+          },
+        ],
+        color: "#409eff",
+        yAxis: [
+          {
+            type: "value",
+            show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
+            axisTick: {
+              show: false, // 不显示坐标轴刻度线
+            },
+            axisLine: {
+              show: false, // 不显示坐标轴线
+            },
+            axisLabel: {
+              show: false, // 不显示坐标轴上的文字
+            },
+            splitLine: {
+              show: false, // 不显示网格线
+            },
+          },
+        ],
+        series: [
+          {
+            data: data,
+            type: "bar",
+            barWidth: "30%",
+          },
+        ],
+      });
+    },
+    // 初始化访问量柱状图
+    initCardCountChart(time = [], data = []) {
+      this.cardCountChart = echarts.init(this.$refs.cardCountChart);
+      this.cardCountChart.setOption({
+        tooltip: {
+          trigger: "axis",
+        },
+        grid: {
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 0,
+        },
+        xAxis: [
+          {
+            type: "category",
+            data: time,
+            show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
+            axisTick: {
+              show: false, // 不显示坐标轴刻度线
+            },
+            axisLine: {
+              show: false, // 不显示坐标轴线
+            },
+            axisLabel: {
+              show: false, // 不显示坐标轴上的文字
+            },
+            splitLine: {
+              show: false, // 不显示网格线
+            },
+          },
+        ],
+        color: "#409eff",
+        yAxis: [
+          {
+            type: "value",
+            show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
+            axisTick: {
+              show: false, // 不显示坐标轴刻度线
+            },
+            axisLine: {
+              show: false, // 不显示坐标轴线
+            },
+            axisLabel: {
+              show: false, // 不显示坐标轴上的文字
+            },
+            splitLine: {
+              show: false, // 不显示网格线
+            },
+          },
+        ],
+        series: [
+          {
+            data: data,
+            type: "bar",
+            barWidth: "30%",
+          },
+        ],
+      });
+    },
+    // 初始化用户数折线图
+    initCardUserChart(time = [], data = []) {
+      this.cardUserChart = echarts.init(this.$refs.cardUserChart);
+      this.cardUserChart.setOption({
+        tooltip: {
+          trigger: "axis",
+        },
+        grid: {
+          x: 0,
+          y: 10,
+          x2: 0,
+          y2: 2,
+        },
+        xAxis: [
+          {
+            type: "category",
+            data: time,
+            show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
+            axisTick: {
+              show: false, // 不显示坐标轴刻度线
+            },
+            axisLine: {
+              show: false, // 不显示坐标轴线
+            },
+            axisLabel: {
+              show: false, // 不显示坐标轴上的文字
+            },
+            splitLine: {
+              show: false, // 不显示网格线
+            },
+          },
+        ],
+        color: "#409eff",
+        yAxis: [
+          {
+            type: "value",
+            show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
+            axisTick: {
+              show: false, // 不显示坐标轴刻度线
+            },
+            axisLine: {
+              show: false, // 不显示坐标轴线
+            },
+            axisLabel: {
+              show: false, // 不显示坐标轴上的文字
+            },
+            splitLine: {
+              show: false, // 不显示网格线
+            },
+          },
+        ],
+        series: [
+          {
+            data: data,
+            type: "line",
+            symbol: "none",
+          },
+        ],
+      });
+    },
+    // 初始化销售额图标
+    initSaleChart(time, data) {
+      this.saleChart = null;
+      this.saleChart = echarts.init(this.$refs.saleChart);
+      this.saleChart.setOption({
+        title: {
+          text: "销售趋势",
+          x: "center",
+        },
+        tooltip: {
+          trigger: "axis",
+        },
+        xAxis: [
+          {
+            type: "category",
+            data: time,
+            axisTick: {
+              alignWithLabel: true,
+            },
+            axisLine: {
+              lineStyle: {
+                color: "#999",
+              },
+            },
+            axisLabel: {
+              rotate: time.length <= 7 ? 0 : 45,
+              interval: 0,
+              textStyle: {
+                fontSize: "9",
+              },
+            },
+          },
+        ],
+        color: ["#409eff", "#FFC83A", "#F98B26"],
+        yAxis: [
+          {
+            type: "value",
+            axisLine: {
+              lineStyle: {
+                color: "#999",
+              },
+            },
+            splitLine: {
+              lineStyle: {
+                type: "dashed",
+                color: "#ececec",
+              },
+            },
+          },
+        ],
+        series: [
+          {
+            name: "订单金额",
+            type: "bar",
+            barWidth: time.length <= 7 ? "50%" : "30%",
+            data: data.map((item) => item.orderAmount),
+          },
+          // {
+          //   name: '实收金额',
+          //   type: "bar",
+          //   barWidth: time.length <= 7 ? "30%" : "20%",
+          //   data: data.map(item => item.actualAmount),
+          // },
+          // {
+          //   name: '优惠金额',
+          //   type: "bar",
+          //   barWidth: time.length <= 7 ? "30%" : "20%",
+          //   data: data.map(item => item.discountAmount),
+          // }
+        ],
+      });
+    },
+    // 初始化销售额图表
+    initPayChart(data) {
+      this.payChart = echarts.init(this.$refs.payChart);
+      this.payChart.setOption({
+        tooltip: {
+          trigger: "item",
+          formatter: (params) => {
+            return `${params.name}：${params.value}笔`;
+          },
+        },
+        legend: {
+          top: "5%",
+          left: "center",
+        },
+        color: [
+          "#409eff",
+          "#91cc75",
+          "#fac858",
+          "#ee6666",
+          "#73c0de",
+          "#3ba272",
+          "#fc8452",
+          "#9a60b4",
+          "#ea7ccc",
+        ],
+        series: [
+          {
+            type: "pie",
+            radius: ["40%", "70%"],
+            avoidLabelOverlap: false,
+            label: {
+              show: false,
+              position: "center",
+            },
+            emphasis: {
+              label: {
+                show: true,
+                fontSize: 20,
+              },
+            },
+            labelLine: {
+              show: false,
+            },
+            data: data,
+          },
+        ],
+      });
+    },
+    // 获取销售额柱状图数据
+    async dateAmount() {
+      try {
+        this.saleLoading = true;
+        const res = await dataSummaryApi.dateAmount({ day: this.saleActive });
+        const data = res.total.map((item) => {
+          return {
+            orderAmount: item.orderAmount,
+            // actualAmount: item.actualAmount,
+            // discountAmount: item.discountAmount
+          };
+        });
+        const time = res.total.map((item) => item.tradeDay);
+        this.initSaleChart(time, data);
+        setTimeout(() => {
+          this.saleLoading = false;
+        }, 300);
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    paginationChange(e) {
+      this.saleTablePage = e - 1;
+      this.dateProduct();
+    },
+    // 获取销售额排行表格数据
+    async dateProduct() {
+      try {
+        this.saleTableLoading = true;
+        const res = await dataSummaryApi.productSaleDate(
+          this.saleTableActive,
+          this.saleTablePage,
+          this.saleTableSize
+        );
+        this.saleTable = res.productList.content;
+        this.saleTableTotal = res.productList.totalElements;
+        this.productCount = res.productCount.payAmount;
+        this.productSum = res.productSum.payAmount;
+
+        this.summaryDateGet(res.countList);
+        setTimeout(() => {
+          this.saleTableLoading = false;
+        }, 300);
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    // 支付类型占比 饼图
+    async datePayType() {
+      try {
+        this.payChartLoading = true;
+        const res = await dataSummaryApi.datePayType({ day: this.saleActive });
+        const data = res.countPayType.map((item) => {
+          return {
+            value: item.count,
+            name: item.payType,
+          };
+        });
+        setTimeout(() => {
+          this.payChartLoading = false;
+        }, 300);
+        this.initPayChart(data);
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    // 汇总数据
+    async summaryGet() {
+      try {
+        const res1 = await summaryGet();
+        const res2 = await summaryTodayGet();
+        this.topData = {
+          ...res1,
+          ...res2,
+        };
+        let payTime = res1.countDateList.map((item) => item.tradeDay);
+        let payData = res1.countDateList.map((item) => item.count);
+
+        let countTime = res1.visitsCountList.map((item) => item.tradeDay);
+        let countData = res1.visitsCountList.map((item) => item.count);
+
+        this.initCardPayChart(payTime, payData);
+        this.initCardCountChart(countTime, countData);
+        console.log(this.topData);
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    rankChange() {
+      this.dateProduct();
+      // this.summaryDateGet();
+    },
+    // 初始化销售图标
+    initProduceChart(p1, p2) {
+      this.productCountChart = echarts.init(this.$refs.productCountChart);
+      // this.productSumChart = echarts.init(this.$refs.productSumChart);
+
+      this.productCountChart.setOption({
+        tooltip: {
+          trigger: "axis",
+        },
+        grid: {
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 0,
+        },
+        xAxis: [
+          {
+            boundaryGap: false,
+            type: "category",
+            data: p1[0],
+            show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
+            axisTick: {
+              show: false, // 不显示坐标轴刻度线
+            },
+            axisLine: {
+              show: false, // 不显示坐标轴线
+            },
+            axisLabel: {
+              show: false, // 不显示坐标轴上的文字
+            },
+            splitLine: {
+              show: false, // 不显示网格线
+            },
+          },
+        ],
+        color: "#409eff",
+        yAxis: [
+          {
+            type: "value",
+            show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
+            axisTick: {
+              show: false, // 不显示坐标轴刻度线
+            },
+            axisLine: {
+              show: false, // 不显示坐标轴线
+            },
+            axisLabel: {
+              show: false, // 不显示坐标轴上的文字
+            },
+            splitLine: {
+              show: false, // 不显示网格线
+            },
+          },
+        ],
+        series: [
+          {
+            data: p1[1],
+            type: "line",
+            symbol: "none",
+            smooth: true,
+            areaStyle: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                {
+                  offset: 0,
+                  color: "#409eff", // 渐变颜色
+                },
+                {
+                  offset: 1,
+                  color: "#409eff", // 渐变颜色
+                },
+              ]),
+            },
+          },
+        ],
+      });
+
+      // this.productSumChart.setOption({
+      //   tooltip: {
+      //     trigger: "axis"
+      //   },
+      //   grid: {
+      //     x: 0,
+      //     y: 0,
+      //     x2: 0,
+      //     y2: 0
+      //   },
+      //   xAxis: [
+      //     {
+      //       boundaryGap: false,
+      //       type: "category",
+      //       data: p2[0],
+      //       show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
+      //       axisTick: {
+      //         show: false // 不显示坐标轴刻度线
+      //       },
+      //       axisLine: {
+      //         show: false // 不显示坐标轴线
+      //       },
+      //       axisLabel: {
+      //         show: false // 不显示坐标轴上的文字
+      //       },
+      //       splitLine: {
+      //         show: false // 不显示网格线
+      //       }
+      //     }
+      //   ],
+      //   color: "#409eff",
+      //   yAxis: [
+      //     {
+      //       type: "value",
+      //       show: false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
+      //       axisTick: {
+      //         show: false // 不显示坐标轴刻度线
+      //       },
+      //       axisLine: {
+      //         show: false // 不显示坐标轴线
+      //       },
+      //       axisLabel: {
+      //         show: false // 不显示坐标轴上的文字
+      //       },
+      //       splitLine: {
+      //         show: false // 不显示网格线
+      //       }
+      //     }
+      //   ],
+      //   series: [
+      //     {
+      //       data: p2[1],
+      //       type: "line",
+      //       symbol: "none",
+      //       smooth: true,
+      //       areaStyle: {
+      //         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+      //           {
+      //             offset: 0,
+      //             color: "#409eff" // 渐变颜色
+      //           },
+      //           {
+      //             offset: 1,
+      //             color: "#409eff" // 渐变颜色
+      //           }
+      //         ])
+      //       }
+      //     }
+      //   ]
+      // });
+    },
+    // 日期汇总数据
+    async summaryDateGet(res) {
+      try {
+        console.log(res);
+
+        // const res = await summaryDateGet(this.saleTableActive);
+        let p1 = [res.map((item) => item.tradeDay), res.map((item) => item.saleNum)];
+        let p2 = [res.map((item) => item.tradeDay), res.map((item) => item.saleAmount)];
+
+        // console.log(p1);
+        // console.log(p2);
+
+        // this.initProduceChart(p1, p2);
+      } catch (error) {
+        console.log(error);
+      }
+    },
+  },
+};
+</script>
+
+<style>
+.popper {
+  border: 1px solid #d9d9d9 !important;
+}
+</style>
+<style scoped lang="scss">
+.tips_row {
+  width: 300px;
+  padding: 0 10px;
+
+  .item {
+    height: 40px;
+    display: flex;
+    align-items: center;
+    color: #666;
+    justify-content: space-between;
+
+    &:not(:last-child) {
+      border-bottom: 1px solid #d9d9d9;
+    }
+
+    .left {
+      display: flex;
+      align-items: center;
+
+      .icon {
+        font-size: 20px;
+        margin-right: 10px;
+      }
+    }
+
+    .num {
+      color: #1890ff;
+    }
+  }
+}
+
+.app-container {
+  padding: 20px;
+  background-color: #f5f5f5;
+}
+
+.h_card_wrap {
+  .status_wrap {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .left {
+      display: flex;
+      align-items: center;
+
+      .dot {
+        $size: 6px;
+        width: $size;
+        height: $size;
+        border-radius: 50%;
+        background-color: #1890ff;
+        margin-right: 10px;
+      }
+    }
+
+    .time {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  .content {
+    background-color: #fff;
+    margin-top: 15px;
+    padding: 20px;
+
+    .top {
+      display: flex;
+
+      .item {
+        flex: 1;
+
+        &.earnings {
+          display: flex;
+        }
+
+        &.data {
+          margin-left: 40px;
+          background: url("../../assets/images/data_home_bg1.png") no-repeat center center / cover;
+          display: flex;
+          align-items: center;
+        }
+
+        .data_item {
+          flex: 1;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+
+        .data_item_right {
+          flex: 1;
+          display: flex;
+          flex-direction: column;
+
+          .t {
+            width: 200px;
+            color: #333;
+            display: flex;
+
+            &:not(:first-child) {
+              margin-top: 20px;
+            }
+          }
+
+          .n {
+            color: #1890ff;
+            margin-left: 20px;
+          }
+        }
+
+        .num_wrap {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+
+          .num {
+            font-size: 30px;
+            color: #1890ff;
+          }
+
+          .tips {
+            font-size: 12px;
+            margin-top: 10px;
+          }
+        }
+
+        .line_wrap {
+          flex: 1;
+          padding-left: 20px;
+
+          .line_item {
+            &:not(:first-child) {
+              margin-top: 20px;
+            }
+
+            .line_item_top {
+              display: flex;
+              justify-content: space-between;
+              font-size: 12px;
+
+              .t {
+                color: #999;
+              }
+            }
+
+            .line_gropress {
+              display: flex;
+              margin-top: 6px;
+              background-color: #f6f6f6;
+
+              .gropress {
+                height: 5px;
+
+                &.l {
+                  background-color: #1890ff;
+                }
+
+                &.r {
+                  background-color: #ff3f3f;
+                }
+              }
+            }
+
+            .line_btm {
+              display: flex;
+              justify-content: space-between;
+              margin-top: 5px;
+
+              .icon {
+                color: #a2a2a2;
+                position: relative;
+                left: -5px;
+                font-size: 12px;
+              }
+
+              .info {
+                font-size: 12px;
+
+                .l_t {
+                  color: #1890ff;
+                }
+
+                .l_r {
+                  color: #ff3f3f;
+                  margin-left: 10px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+
+    .btm {
+      display: flex;
+      justify-content: space-between;
+      margin-top: 20px;
+
+      .item {
+        width: 200px;
+        height: 83px;
+        background-repeat: no-repeat;
+        background-position: center center;
+        background-size: 100% 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        padding-left: 18px;
+
+        &.item1 {
+          background-image: url("../../assets/images/data_home_item1.png");
+        }
+
+        &.item2 {
+          background-image: url("../../assets/images/data_home_item2.png");
+        }
+
+        &.item3 {
+          background-image: url("../../assets/images/data_home_item3.png");
+        }
+
+        &.item4 {
+          background-image: url("../../assets/images/data_home_item4.png");
+        }
+
+        .title {
+          display: flex;
+          align-items: center;
+          color: #333;
+          font-size: 14px;
+
+          .icon {
+            font-size: 12px;
+            color: #999;
+            margin-left: 6px;
+          }
+        }
+
+        .icon_wrap {
+          display: flex;
+          align-items: center;
+          margin-top: 10px;
+
+          .img {
+            width: 36px;
+            height: 36px;
+          }
+
+          .t {
+            font-size: 24px;
+            margin-left: 10px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.card_wrap {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+
+  .card {
+    flex: 1;
+    background-color: #fff;
+    border-radius: 2px;
+    padding: 0 20px;
+
+    .header {
+      display: flex;
+      justify-content: space-between;
+      color: #999;
+      padding-top: 20px;
+
+      .card_title {
+        font-size: 14px;
+        flex: 1;
+      }
+    }
+
+    .number {
+      padding: 20px 0 10px 0;
+      font-size: 24px;
+      height: 60px;
+    }
+
+    .row {
+      height: 50px;
+      color: #555;
+      font-size: 14px;
+      display: flex;
+      align-items: center;
+
+      &:not(:last-child) {
+        border-bottom: 1px solid #ececec;
+      }
+
+      .icon {
+        color: rgb(255, 85, 85);
+        margin-left: 4px;
+      }
+
+      .dot {
+        $size: 6px;
+        width: $size;
+        height: $size;
+        border-radius: 50%;
+        background-color: #1890ff;
+        margin-right: 6px;
+      }
+    }
+  }
+}
+
+.chart_wrap {
+  margin-top: 20px;
+
+  .sale_data {
+    display: flex;
+
+    .card {
+      flex: 1;
+      background-color: #fff;
+      border-radius: 2px;
+      padding: 0 20px;
+
+      .sale_data_header {
+        display: flex;
+        justify-content: space-between;
+        color: #999;
+        padding-top: 20px;
+
+        .card_title {
+          font-size: 14px;
+          flex: 1;
+        }
+      }
+
+      .number {
+        padding-top: 10px;
+        font-size: 24px;
+        height: 60px;
+      }
+
+      .product_chart_wrap {
+        height: 50px;
+      }
+    }
+  }
+
+  .item {
+    flex: 1;
+    background-color: #fff;
+    border-radius: 2px;
+
+    .header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      border-bottom: 1px solid #ececec;
+      padding: 0 20px;
+
+      .tab_wrap {
+        display: flex;
+        $color: #1890ff;
+
+        .item {
+          padding: 0 10px;
+          height: 60px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 14px;
+          margin-right: 20px;
+
+          &.active {
+            position: relative;
+            color: $color;
+
+            &::after {
+              content: "";
+              width: 100%;
+              border-bottom: 2px solid $color;
+              position: absolute;
+              bottom: 0;
+              left: 0;
+            }
+          }
+        }
+      }
+    }
+
+    .chart {
+      padding: 20px 0;
+      height: 300px;
+    }
+
+    .table {
+      padding: 20px;
+    }
+  }
+}
+</style>
diff --git a/src/views/data/sales.vue b/src/views/data/sales.vue
index e5e6a79..a90584d 100644
--- a/src/views/data/sales.vue
+++ b/src/views/data/sales.vue
@@ -1,3 +1,449 @@
 <template>
-  <div></div>
-</template>
\ No newline at end of file
+  <div class="app-container">
+    <!-- <el-tabs v-model="orderType" @tab-click="getTableData">
+      <el-tab-pane label="收款" name="1"></el-tab-pane>
+      <el-tab-pane label="销量" name="2"></el-tab-pane>
+    </el-tabs> -->
+    <div class="head-container">
+      <el-form :model="query" inline label-position="left">
+        <template v-if="orderType == 2">
+          <el-form-item>
+            <el-input placeholder="商品名称" v-model="query.proName" />
+          </el-form-item>
+          <el-form-item>
+            <el-select v-model="query.cateId" placeholder="商品分类" style="width: 140px">
+              <el-option
+                :label="item.name"
+                :value="item.id"
+                v-for="item in categorys"
+                :key="item.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </template>
+        <el-form-item>
+          <el-radio-group v-model="timeValue" @change="timeChange">
+            <el-radio-button label="">全部</el-radio-button>
+            <el-radio-button label="0">今天</el-radio-button>
+            <el-radio-button label="-1">昨天</el-radio-button>
+            <el-radio-button label="-7">最近7天</el-radio-button>
+            <el-radio-button label="-30">最近30天</el-radio-button>
+            <el-radio-button label="week">本周</el-radio-button>
+            <el-radio-button label="month">本月</el-radio-button>
+            <el-radio-button label="custom">自定义</el-radio-button>
+          </el-radio-group>
+          <el-date-picker
+            v-model="query.createdAt"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            :default-time="['00:00:00', '23:59:59']"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            v-if="timeValue == 'custom'"
+          ></el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="getTableData">查询</el-button>
+          <el-button @click="resetHandle">重置</el-button>
+          <el-button icon="el-icon-download" v-loading="downloadLoading" @click="downloadHandle">
+            <span v-if="!downloadLoading">导出Excel</span>
+            <span v-else>下载中...</span>
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="head-container">
+      <div class="collect_wrap">
+        <div class="item" v-for="item in payCountList" :key="item.id">
+          <div class="icon_wrap" style="--bg-color: #c978ee">
+            <i class="icon" :class="item.icon"></i>
+          </div>
+          <div class="info">
+            <div class="m">
+              <template v-if="item.isAmount == 1">￥</template>
+              {{ item.payAmount }}
+            </div>
+            <div class="t">{{ item.payType }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="head-container">
+      <el-table :data="tableData.data" v-loading="tableData.loading" v-if="orderType == 1">
+        <el-table-column label="日期" prop="tradeDay"></el-table-column>
+        <el-table-column label="营业额" prop="total">
+          <template v-slot="scope">￥{{ scope.row.total }}</template>
+        </el-table-column>
+        <el-table-column label="销售额" prop="total">
+          <template v-slot="scope">
+            ￥{{ scope.row.total | totalfilter(scope.row.refund) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="微信小程序支付" prop="wxLite">
+          <template v-slot="scope">￥{{ scope.row.wxLite }}</template>
+        </el-table-column>
+        <el-table-column label="扫码支付金额" prop="scanCode">
+          <template v-slot="scope">￥{{ scope.row.scanCode }}</template>
+        </el-table-column>
+        <el-table-column label="现金支付金额" prop="cash">
+          <template v-slot="scope">￥{{ scope.row.cash }}</template>
+        </el-table-column>
+        <el-table-column label="会员充值" prop="cash">
+          <template v-slot="scope">￥{{ scope.row.recharge }}</template>
+        </el-table-column>
+        <el-table-column label="会员支付" prop="cash">
+          <template v-slot="scope">￥{{ scope.row.deposit }}</template>
+        </el-table-column>
+
+        <!-- <el-table-column label="充值金额" prop="cash">
+          <template v-slot="scope">
+            ￥{{ scope.row.recharge }}
+          </template>
+        </el-table-column> -->
+        <el-table-column label="退款金额" prop="cash">
+          <template v-slot="scope">￥{{ scope.row.refund }}</template>
+        </el-table-column>
+      </el-table>
+      <el-table :data="tableData.data" v-loading="tableData.loading" v-if="orderType == 2">
+        <!-- <el-table-column label="商品分类" prop="cateName"></el-table-column>
+        <el-table-column label="商品描述" prop="productSkuName"></el-table-column>
+        <el-table-column label="单价" prop="price"></el-table-column> -->
+        <el-table-column label="商品名称" prop="name"></el-table-column>
+        <el-table-column label="销量" prop="salesNum"></el-table-column>
+        <el-table-column label="销售金额" prop="salesAmount">
+          <template v-slot="scope">￥{{ scope.row.salesAmount }}</template>
+        </el-table-column>
+        <el-table-column label="退单量" prop="refNum"></el-table-column>
+        <el-table-column label="退款金额" prop="refAmount">
+          <template v-slot="scope">￥{{ scope.row.refAmount }}</template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div class="head-container">
+      <el-pagination
+        :total="tableData.total"
+        :current-page="tableData.page + 1"
+        :page-size="tableData.size"
+        @current-change="paginationChange"
+        @size-change="sizeChange"
+        layout="total, sizes, prev, pager, next, jumper"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import saleSummaryApi from "@/api/order/sale-summary";
+import categoryApi from "@/api/product/productclassification";
+import dayjs from "dayjs";
+import { downloadFile } from "@/utils/index";
+
+export default {
+  data() {
+    return {
+      timeValue: "",
+      resetQuery: null,
+      orderType: "2",
+      categorys: [],
+      query: {
+        createdAt: [],
+        proName: "",
+        cateId: "",
+      },
+      tableData: {
+        data: [],
+        page: 0,
+        size: 10,
+        loading: false,
+        total: 0,
+      },
+      downloadLoading: false,
+      payCountList: "",
+      payCountTotal: 0,
+    };
+  },
+  filters: {
+    timeFilter(time) {
+      return dayjs(time).format("YYYY-MM-DD HH:mm:ss");
+    },
+    totalfilter(item, d) {
+      let num = item + d;
+      return num.toFixed(2);
+    },
+  },
+  mounted() {
+    this.resetQuery = { ...this.query };
+    this.getTableData();
+    this.getCategory();
+  },
+  methods: {
+    // 获取商品分类
+    async getCategory() {
+      try {
+        const res = await categoryApi.getList({
+          page: 0,
+          size: 200,
+          orderBy: "name asc",
+        });
+        this.categorys = res;
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    // 获取订单汇总
+    async daycount() {
+      try {
+        const res = await saleSummaryApi.count({
+          startTime: this.query.createdAt[0],
+          endTime: this.query.createdAt[1],
+          cateId: this.query.cateId,
+          proName: this.query.proName,
+
+          type: this.orderType,
+        });
+        this.payCountList = res;
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    // 导出Excel
+    async downloadHandle() {
+      try {
+        this.downloadLoading = true;
+        const file = await daydownload({
+          type: this.orderType,
+          startTime: this.query.createdAt[0],
+          endTime: this.query.createdAt[1],
+          cateId: this.query.cateId,
+          proName: this.query.proName,
+        });
+        downloadFile(file, "数据", "xlsx");
+        this.downloadLoading = false;
+      } catch (error) {
+        this.downloadLoading = false;
+        console.log(error);
+      }
+    },
+    // 重置查询
+    resetHandle() {
+      this.timeValue = "";
+      this.query = { ...this.resetQuery };
+      this.page = 0;
+      this.getTableData();
+    },
+    // 分页大小改变
+    sizeChange(e) {
+      this.tableData.size = e;
+      this.getTableData();
+    },
+    // 分页回调
+    paginationChange(e) {
+      this.tableData.page = e - 1;
+      this.getTableData();
+    },
+    async getTableData() {
+      this.tableData.loading = true;
+      try {
+        this.daycount();
+        const res = await saleSummaryApi.page({
+          page: this.tableData.page,
+          size: this.tableData.size,
+          type: this.orderType,
+          startTime: this.query.createdAt[0],
+          endTime: this.query.createdAt[1],
+          proName: this.query.proName,
+          cateId: this.query.cateId,
+        });
+        this.tableData.loading = false;
+        this.tableData.data = res.records;
+        this.tableData.total = res.totalRow;
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    // 切换时间
+    timeChange(e) {
+      const format = ["YYYY-MM-DD 00:00:00", "YYYY-MM-DD 23:59:59"];
+      switch (e) {
+        case "":
+          // 全部
+          this.query.createdAt = [];
+          break;
+        case "0":
+          // 今天
+          this.query.createdAt = [dayjs().format(format[0]), dayjs().format(format[1])];
+          break;
+        case "-1":
+          // 昨天
+          this.query.createdAt = [
+            dayjs().add(-1, "d").format(format[0]),
+            dayjs().add(-1, "d").format(format[1]),
+          ];
+          break;
+        case "-7":
+          // 最近7天
+          this.query.createdAt = [
+            dayjs().add(-7, "d").format(format[0]),
+            dayjs().format(format[1]),
+          ];
+          break;
+        case "-30":
+          // 最近7天
+          this.query.createdAt = [
+            dayjs().add(-30, "d").format(format[0]),
+            dayjs().format(format[1]),
+          ];
+          break;
+        case "week":
+          // 本周
+          this.query.createdAt = [
+            dayjs().startOf("week").format(format[0]),
+            dayjs().endOf("week").format(format[1]),
+          ];
+          break;
+        case "month":
+          // 本周
+          this.query.createdAt = [
+            dayjs().startOf("month").format(format[0]),
+            dayjs().endOf("month").format(format[1]),
+          ];
+          break;
+        case "custom":
+          // 自定义
+          this.query.createdAt = [];
+          break;
+        default:
+          break;
+      }
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.collect_wrap {
+  display: flex;
+  gap: 14px;
+  justify-content: space-between;
+
+  .item:nth-child(1) {
+    background-image: url(../../assets/images/home/data_forms4.png);
+  }
+
+  .item:nth-child(2) {
+    background-image: url(../../assets/images/home/data_forms3.png);
+  }
+
+  .item:nth-child(3) {
+    background-image: url(../../assets/images/home/data_forms2.png);
+  }
+
+  .item:nth-child(4) {
+    background-image: url(../../assets/images/home/data_forms1.png);
+  }
+
+  .item {
+    background-size: 100% 100%;
+    width: 255px;
+    display: flex;
+    align-items: center;
+    background-color: #f5f5f5;
+    padding: 20px;
+
+    .icon_wrap {
+      $size: 34px;
+      $border: 6px;
+      width: $size;
+      height: $size;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-color: var(--bg-color);
+      border-radius: 50%;
+      position: relative;
+
+      &::after {
+        content: "";
+        width: $size + $border;
+        height: $size + $border;
+        border-radius: 50%;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        background-color: var(--bg-color);
+        opacity: 0.3;
+      }
+
+      .icon {
+        font-size: 16px;
+        color: #fff;
+      }
+
+      .img {
+        width: 20px;
+        height: 20px;
+      }
+    }
+
+    .info {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      padding-left: 10px;
+
+      .m {
+        font-weight: bold;
+      }
+
+      .t {
+        font-size: 12px;
+        color: #999;
+        padding-top: 4px;
+      }
+    }
+  }
+}
+
+.refund {
+  color: #ff9731;
+  font-weight: bold;
+}
+
+.table_order_info {
+  .order_no {
+    color: #999;
+  }
+
+  .type {
+    color: #e6a23c;
+  }
+}
+
+.goods_info {
+  .row {
+    display: flex;
+
+    &:not(:first-child) {
+      margin-top: 10px;
+    }
+
+    .cover {
+      width: 40px;
+      height: 40px;
+    }
+
+    .info {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      padding-left: 10px;
+
+      .sku {
+        color: #999;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/data/table.vue b/src/views/data/table.vue
index e5e6a79..9332f44 100644
--- a/src/views/data/table.vue
+++ b/src/views/data/table.vue
@@ -1,3 +1,371 @@
 <template>
-  <div></div>
-</template>
\ No newline at end of file
+  <div class="app-container">
+    <!-- <el-tabs v-model="orderType" @tab-click="getTableData">
+      <el-tab-pane label="收款" name="1"></el-tab-pane>
+      <el-tab-pane label="销量" name="2"></el-tab-pane>
+    </el-tabs> -->
+    <div class="head-container">
+      <el-form :model="query" inline label-position="left">
+        <el-radio-group v-model="timeValue" @change="timeChange">
+          <el-radio-button label="">全部</el-radio-button>
+          <el-radio-button label="0">今天</el-radio-button>
+          <el-radio-button label="-1">昨天</el-radio-button>
+          <el-radio-button label="-7">最近7天</el-radio-button>
+          <el-radio-button label="-30">最近30天</el-radio-button>
+          <el-radio-button label="week">本周</el-radio-button>
+          <el-radio-button label="month">本月</el-radio-button>
+          <el-radio-button label="custom">自定义</el-radio-button>
+        </el-radio-group>
+        <el-date-picker
+          v-model="query.createdAt"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          value-format="YYYY-MM-DD"
+        ></el-date-picker>
+        <el-form-item>
+          <el-button type="primary" @click="getTableData">查询</el-button>
+          <el-button @click="resetHandle">重置</el-button>
+          <el-button icon="el-icon-download" v-loading="downloadLoading" @click="downloadHandle">
+            <span v-if="!downloadLoading">导出Excel</span>
+            <span v-else>下载中...</span>
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <!-- <div class="head-container">
+      <div class="collect_wrap">
+        <div class="item" v-for="item in payCountList" :key="item.id">
+          <div class="icon_wrap" style="--bg-color:#C978EE">
+            <i class="icon" :class="item.icon"></i>
+          </div>
+          <div class="info">
+            <div class="m">
+              <template v-if="item.isAmount == 1">￥</template>
+{{ item.payAmount }}
+</div>
+<div class="t">{{ item.payType }}</div>
+</div>
+</div>
+</div>
+</div> -->
+    <div class="head-container">
+      <el-table :data="tableData.data" v-loading="tableData.loading" v-if="orderType == 1">
+        <el-table-column type="index" width="50"></el-table-column>
+        <!-- <el-table-column label="序号" prop="id"></el-table-column> -->
+        <!-- <el-table-column label="区域id" prop="areaId"></el-table-column> -->
+        <el-table-column label="区域名称" prop="areaName"></el-table-column>
+        <!-- <el-table-column label="门店id" prop="shopId"></el-table-column> -->
+        <!-- <el-table-column label="台桌Id" prop="tableId"></el-table-column> -->
+        <el-table-column label="台桌号" prop="tableName"></el-table-column>
+        <el-table-column label="订单数量" prop="orderCount">
+          <template v-slot="scope">
+            <div class="cursor-pointer" @click="toTableOrderList(scope.row)">
+              {{ scope.row.orderCount }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="订单金额" prop="orderAmount"></el-table-column>
+      </el-table>
+      <!-- <el-table :data="tableData.data" v-loading="tableData.loading" v-if="orderType == 2">
+        <el-table-column label="商品名称" prop="productName"></el-table-column>
+        <el-table-column label="商品分类" prop="cateName"></el-table-column>
+        <el-table-column label="商品描述" prop="productSkuName"></el-table-column>
+        <el-table-column label="销量" prop="salesNum"></el-table-column>
+        <el-table-column label="退单量" prop="refNum"></el-table-column>
+        <el-table-column label="销售金额" prop="salesAmount">
+          <template v-slot="scope">
+            ￥{{ scope.row.salesAmount }}
+          </template>
+        </el-table-column>
+        <el-table-column label="退款金额" prop="refAmount">
+          <template v-slot="scope">
+            ￥{{ scope.row.refAmount }}
+          </template>
+        </el-table-column>
+      </el-table> -->
+    </div>
+    <!-- <div class="head-container">
+      <el-pagination  :total="tableData.total" :current-page="tableData.page + 1" :page-size="tableData.size"
+        @current-change="paginationChange" @size-change="sizeChange"
+        layout="total, sizes, prev, pager, next, jumper"></el-pagination>
+    </div> -->
+  </div>
+</template>
+
+<script>
+import tableSummaryApi from "@/api/order/table-summary";
+import dayjs from "dayjs";
+import { downloadFile } from "@/utils/index";
+
+export default {
+  data() {
+    return {
+      timeValue: "",
+      resetQuery: null,
+      orderType: "1",
+      categorys: [],
+      query: {
+        createdAt: [],
+        proName: "",
+        cateId: "",
+      },
+      tableData: {
+        data: [],
+        page: 0,
+        size: 10,
+        loading: false,
+        total: 0,
+      },
+      downloadLoading: false,
+      payCountList: "",
+      payCountTotal: 0,
+    };
+  },
+  filters: {
+    timeFilter(time) {
+      return dayjs(time).format("YYYY-MM-DD HH:mm:ss");
+    },
+  },
+  mounted() {
+    this.resetQuery = { ...this.query };
+    this.getTableData();
+  },
+  methods: {
+    //携带table id跳转到订单列表页面
+    toTableOrderList(data) {
+      // console.log(data)
+      this.$router.push({
+        path: "/order_manage/order_list",
+        query: {
+          tableName: data.tableName,
+          timeValue: this.timeValue,
+        },
+      });
+    },
+    // 导出Excel
+    async downloadHandle() {
+      try {
+        this.downloadLoading = true;
+        const file = await tableSummaryApi.export({
+          startTime: this.query.createdAt[0],
+          endTime: this.query.createdAt[1],
+        });
+        downloadFile(file, "数据", "xlsx");
+        this.downloadLoading = false;
+      } catch (error) {
+        this.downloadLoading = false;
+        console.log(error);
+      }
+    },
+    // 重置查询
+    resetHandle() {
+      this.timeValue = "";
+      this.query = { ...this.resetQuery };
+      this.page = 0;
+      this.getTableData();
+    },
+    // 分页大小改变
+    sizeChange(e) {
+      this.tableData.size = e;
+      this.getTableData();
+    },
+    // 分页回调
+    paginationChange(e) {
+      this.tableData.page = e - 1;
+      this.getTableData();
+    },
+    async getTableData() {
+      this.tableData.loading = true;
+      try {
+        const res = await tableSummaryApi.list({
+          page: this.tableData.page + 1,
+          size: this.tableData.size,
+          startTime: this.query.createdAt[0],
+          endTime: this.query.createdAt[1],
+        });
+        this.tableData.loading = false;
+        this.tableData.data = res;
+        this.tableData.total = res.length;
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    // 切换时间
+    timeChange(e) {
+      const format = ["YYYY-MM-DD 00:00:00", "YYYY-MM-DD 23:59:59"];
+      switch (e) {
+        case "":
+          // 全部
+          this.query.createdAt = [];
+          break;
+        case "0":
+          // 今天
+          this.query.createdAt = [dayjs().format(format[0]), dayjs().format(format[1])];
+          break;
+        case "-1":
+          // 昨天
+          this.query.createdAt = [
+            dayjs().add(-1, "d").format(format[0]),
+            dayjs().add(-1, "d").format(format[1]),
+          ];
+          break;
+        case "-7":
+          // 最近7天
+          this.query.createdAt = [
+            dayjs().add(-7, "d").format(format[0]),
+            dayjs().format(format[1]),
+          ];
+          break;
+        case "-30":
+          // 最近7天
+          this.query.createdAt = [
+            dayjs().add(-30, "d").format(format[0]),
+            dayjs().format(format[1]),
+          ];
+          break;
+        case "week":
+          // 本周
+          this.query.createdAt = [
+            dayjs().startOf("week").format(format[0]),
+            dayjs().endOf("week").format(format[1]),
+          ];
+          break;
+        case "month":
+          // 本周
+          this.query.createdAt = [
+            dayjs().startOf("month").format(format[0]),
+            dayjs().endOf("month").format(format[1]),
+          ];
+          break;
+        case "custom":
+          // 自定义
+          this.query.createdAt = [];
+          break;
+        default:
+          break;
+      }
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.cursor-pointer {
+  cursor: pointer;
+  color: #1890ff;
+  transition: all 0.3s;
+}
+
+.cursor-pointer:hover {
+  opacity: 0.7;
+}
+
+.collect_wrap {
+  display: flex;
+  gap: 14px;
+
+  .item {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    background-color: #f5f5f5;
+    padding: 20px;
+
+    .icon_wrap {
+      $size: 34px;
+      $border: 6px;
+      width: $size;
+      height: $size;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-color: var(--bg-color);
+      border-radius: 50%;
+      position: relative;
+
+      &::after {
+        content: "";
+        width: $size + $border;
+        height: $size + $border;
+        border-radius: 50%;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        background-color: var(--bg-color);
+        opacity: 0.3;
+      }
+
+      .icon {
+        font-size: 16px;
+        color: #fff;
+      }
+
+      .img {
+        width: 20px;
+        height: 20px;
+      }
+    }
+
+    .info {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      padding-left: 10px;
+
+      .m {
+        font-weight: bold;
+      }
+
+      .t {
+        font-size: 12px;
+        color: #999;
+        padding-top: 4px;
+      }
+    }
+  }
+}
+
+.refund {
+  color: #ff9731;
+  font-weight: bold;
+}
+
+.table_order_info {
+  .order_no {
+    color: #999;
+  }
+
+  .type {
+    color: #e6a23c;
+  }
+}
+
+.goods_info {
+  .row {
+    display: flex;
+
+    &:not(:first-child) {
+      margin-top: 10px;
+    }
+
+    .cover {
+      width: 40px;
+      height: 40px;
+    }
+
+    .info {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      padding-left: 10px;
+
+      .sku {
+        color: #999;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/inventory/operation_in/index.vue b/src/views/inventory/operation_in/index.vue
index a50b74c..49a1937 100644
--- a/src/views/inventory/operation_in/index.vue
+++ b/src/views/inventory/operation_in/index.vue
@@ -67,8 +67,8 @@
               <el-date-picker
                 v-model="queryForm.paidAt"
                 type="date"
-                format="yyyy-MM-dd"
-                value-format="yyyy-MM-dd"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
                 placeholder="选择日期"
                 style="width: 220px"
               ></el-date-picker>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 94a1203..2f15e6c 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -79,12 +79,13 @@
 <script setup>
 import { encrypt } from "@/utils/rsaEncrypt";
 import $API_login from "@/api/account/login";
-import { $douyin_checkIn } from "@/api/coup/index";
 import Cookies from "js-cookie";
 import Background from "@/assets/images/background_img.jpg";
 import { useUserStore } from "@/store";
 import { useRoute } from "vue-router";
 import router from "@/router";
+import { $douyin_checkIn } from "@/api/coup/index";
+import { getToken, getDouyinToken, setDouyinToken } from "@/utils/auth";
 const route = useRoute();
 
 const state = reactive({
@@ -191,10 +192,21 @@ function handleLogin() {
       userStore
         .login(user)
         .then(async (res) => {
+          const token = getToken();
+          console.log("token", token);
+          $douyin_checkIn({
+            loginName: userStore.userInfo.phone,
+            token,
+          }).then((checkInfo) => {
+            console.log("checkInfo", checkInfo.userInfo);
+            userStore.meituan_douyin_info = checkInfo.userInfo;
+            setDouyinToken(checkInfo.userInfo.token);
+          });
           await userStore.getUserInfo();
-          await $douyin_checkIn();
+
           const { path, queryParams } = parseRedirect();
-          router.push({ path: path, query: queryParams });
+          console.log(path, queryParams);
+          router.replace({ path: path, query: queryParams });
         })
         .catch(() => {
           state.loading = false;
diff --git a/src/views/system-setting/pay-types/index.vue b/src/views/system-setting/pay-types/index.vue
index d21e249..8f34dca 100644
--- a/src/views/system-setting/pay-types/index.vue
+++ b/src/views/system-setting/pay-types/index.vue
@@ -29,7 +29,12 @@
         {{ returnOptionsLabel(scope.prop, scope.row[scope.prop]) }}
       </template>
       <template #switch="scope">
-        <el-switch v-model="scope.row[scope.prop]" disabled></el-switch>
+        <el-switch
+          v-model="scope.row[scope.prop]"
+          disabled
+          :inactive-value="0"
+          :active-value="1"
+        ></el-switch>
       </template>
       <template #mobile="scope">
         <el-text>{{ scope.row[scope.prop] }}</el-text>
diff --git a/src/views/tool/Instead/components/popup-quan-hexiao.vue b/src/views/tool/Instead/components/popup-quan-hexiao.vue
index d196af4..bdda3c1 100644
--- a/src/views/tool/Instead/components/popup-quan-hexiao.vue
+++ b/src/views/tool/Instead/components/popup-quan-hexiao.vue
@@ -39,6 +39,10 @@
   </div>
 </template>
 <script>
+import { useUserStore } from "@/store/modules/user";
+import { getDouyinToken, setDouyinToken } from "@/utils/auth";
+
+const user = useUserStore();
 import * as $Api from "@/api/coup/index.js";
 import orderApi from "@/api/order/order";
 import bindShop from "./douyin-quan-bind-shop.vue";
@@ -181,10 +185,14 @@ export default {
     },
     open(data) {
       this.show = true;
-      $Api.$douyin_checkIn().then((res) => {
-        console.log(res);
-        localStorage.setItem("bausertoken", res.userInfo.token);
-      });
+      $Api
+        .$douyin_checkIn({
+          loginName: user.userInfo.phone,
+        })
+        .then((res) => {
+          console.log(res);
+          setDouyinToken(res.userInfo.token);
+        });
       setTimeout(() => {
         this.$refs.refInputCode.focus();
       }, 100);