From addb27be82618be9b48295595958b74c6db730fb Mon Sep 17 00:00:00 2001
From: YeMingfei666 <1619116647@qq.com>
Date: Sat, 6 Jul 2024 14:48:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E6=8A=A5=E8=A1=A8=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E4=BC=9A=E5=91=98=E5=85=85=E5=80=BC=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=EF=BC=8C=E7=94=A8=E6=88=B7=E5=88=97=E8=A1=A8=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E5=85=A8=E9=83=A8=E4=BC=9A=E5=91=98=E6=95=B0=E5=92=8C=E4=BC=9A?=
 =?UTF-8?q?=E5=91=98=E4=BD=99=E9=A2=9D=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                           |  7 ++++++
 src/api/shop.js                     | 15 +++++++++++
 src/views/home/data_forms.vue       |  7 +++++-
 src/views/user_manage/user_list.vue | 39 +++++++++++++++++++++--------
 4 files changed, 56 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index 3e031e8..e304a16 100644
--- a/README.md
+++ b/README.md
@@ -38,6 +38,13 @@ npm run build:prod
 
 #### 常见问题
 
+0、运行报错
+解决方案：
+```
+$env:NODE_OPTIONS="--openssl-legacy-provider"
+```
+
+
 1、linux 系统在安装依赖的时候会出现 node-sass 无法安装的问题
 
 解决方案：
diff --git a/src/api/shop.js b/src/api/shop.js
index 5891ae2..3a7a91c 100644
--- a/src/api/shop.js
+++ b/src/api/shop.js
@@ -443,6 +443,21 @@ export function queryAllShopUser(params) {
     }
   });
 }
+/**
+ * 查询商家用户概述信息
+ * @returns
+ */
+export function queryAllShopInfo(params) {
+  return request({
+    url: `/api/tbShopUser/summary`,
+    method: "get",
+    params: {
+      shopId: localStorage.getItem("shopId"),
+      ...params
+    }
+  });
+}
+
 
 /**
  * 修改商品排序
diff --git a/src/views/home/data_forms.vue b/src/views/home/data_forms.vue
index 2da8c3c..670e4cf 100644
--- a/src/views/home/data_forms.vue
+++ b/src/views/home/data_forms.vue
@@ -81,11 +81,16 @@
             ￥{{ scope.row.cash }}
           </template>
         </el-table-column>
-        <el-table-column label="充值金额" prop="cash">
+        <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.refund }}
diff --git a/src/views/user_manage/user_list.vue b/src/views/user_manage/user_list.vue
index 59ba3bc..fc83cf4 100644
--- a/src/views/user_manage/user_list.vue
+++ b/src/views/user_manage/user_list.vue
@@ -23,29 +23,29 @@
                 添加活动
             </el-button>
         </div> -->
-        <!-- <div class="head-container">
+        <div class="head-container">
             <div class="card">
-                <div class="title">统计数据</div>
+                <!-- <div class="title">统计数据</div> -->
                 <div class="row">
                     <div class="item">
-                        <div class="t">用户数</div>
-                        <div class="n">13</div>
+                        <!-- <div class="t">用户数</div>
+                        <div class="n">13</div> -->
                     </div>
                     <div class="item">
                         <div class="t">会员数</div>
-                        <div class="n">1</div>
+                        <div class="n">{{ shopInfo.userTotal }}</div>
                     </div>
                     <div class="item">
-                        <div class="t">总余额</div>
-                        <div class="n">0.00</div>
+                        <div class="t">会员余额</div>
+                        <div class="n">{{ shopInfo.chageTotal }}</div>
                     </div>
                     <div class="item">
-                        <div class="t">总积分</div>
-                        <div class="n">0</div>
+                        <!-- <div class="t">总积分</div>
+                        <div class="n">0</div> -->
                     </div>
                 </div>
             </div>
-        </div> -->
+        </div>
         <div class="head-container">
             <el-table :data="tableData.data" v-loading="tableData.loading">
                 <el-table-column label="ID" prop="id"></el-table-column>
@@ -106,7 +106,7 @@
 </template>
 
 <script>
-import { queryAllShopUser } from '@/api/shop'
+import { queryAllShopUser ,queryAllShopInfo} from '@/api/shop'
 import dayjs from 'dayjs'
 export default {
     data() {
@@ -115,6 +115,10 @@ export default {
                 name: '',
                 isVip: ''
             },
+            shopInfo:{
+                userTotal:0,
+                chageTotal:0
+            },
             tableData: {
                 data: [],
                 page: 0,
@@ -131,8 +135,18 @@ export default {
     },
     mounted() {
         this.getTableData()
+        this.getShopInfo()
     },
     methods: {
+        // 获取商家用户概述信息
+        async getShopInfo(){
+            try {
+                const res = await queryAllShopInfo()
+                this.shopInfo=res
+            } catch (error) {
+                console.log(error)
+            }
+        },
         // 切换状态
         async statusChange(e, row) {
             try {
@@ -179,6 +193,7 @@ export default {
 
     .name {
         margin-left: 10px;
+       
     }
 }
 
@@ -210,6 +225,7 @@ export default {
             flex: 1;
 
             .t {
+                text-align: center;
                 color: #555;
             }
 
@@ -218,6 +234,7 @@ export default {
                 font-size: 20px;
                 font-weight: bold;
                 padding-top: 6px;
+                text-align: center;
             }
         }
     }