数据报表增加会员充值展示，用户列表增加全部会员数和会员余额展示

README.md

@@ -38,6 +38,13 @@ npm run build:prod
 
 #### 常见问题
 
+0、运行报错
+解决方案：
+```
+$env:NODE_OPTIONS="--openssl-legacy-provider"
+```
+
+
 1、linux 系统在安装依赖的时候会出现 node-sass 无法安装的问题
 
 解决方案：

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
+    }
+  });
+}
+
 
 /**
  * 修改商品排序

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 }}

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="t">用户数</div>
-                        <div class="n">13</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="t">会员余额</div>
-                        <div class="n">0.00</div>
+                        <div class="n">{{ shopInfo.chageTotal }}</div>
                     </div>
                     <div class="item">
-                        <div class="t">总积分</div>
+                        <!-- <div class="t">总积分</div>
-                        <div class="n">0</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;
             }
         }
     }