余额列表

src/api/shop.js

@@ -625,10 +625,18 @@ export function tbShopUseredit(data) {
   });
 }
 // 通过活动id获取赠送商品列表
-
 export function activate(id) {
   return request({
     url: `shop/storage/activate/${id}`,
     method: "get"
   });
 }
+
+// 通过活动id获取赠送商品列表
+export function queryShopUserFlow(params) {
+  return request({
+    url: `/api/tbShopUser/queryShopUserFlow`,
+    method: "get",
+    params
+  });
+}

src/views/user_manage/user_list.vue

@@ -74,7 +74,7 @@
         </el-table-column>
         <el-table-column label="余额" prop="amount">
           <template v-slot="scope">
-            <span style="color: #1890ff;cursor: pointer;" >
+            <span style="color: #1890ff;cursor: pointer;" @click="moneyevent(scope.row)">
               {{ scope.row.amount }}
             </span>
           </template>
@@ -184,8 +184,29 @@
       </span>
     </el-dialog>
     <!-- 余额列表 -->
-    <el-dialog title="余额明细" :visible.sync="moneyvisible" width="30%">
+    <el-dialog title="余额明细" :visible.sync="moneyvisible" width="60%">
+      <div>
+        <el-table :data="moneyList.records" style="width: 100%">
+          <el-table-column label="变动金额">
+            <template v-slot="scope">
+              {{ scope.row.type }} {{ scope.row.amount }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="balance" label="余额">
+          </el-table-column>
+          <el-table-column prop="biz_name" label="业务名称">
+          </el-table-column>
+          <el-table-column prop="remark" label="备注">
+          </el-table-column>
+          <el-table-column prop="create_time" label="时间">
+          </el-table-column>
           
+        </el-table>
+        <div class="head-container">
+          <el-pagination :total="moneyList.total" :current-page="pages" @current-change="paginationChanges"
+            layout="total,  prev, pager, next, jumper"></el-pagination>
+        </div>
+      </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="moneyvisible = false">取 消</el-button>
       </span>
@@ -194,7 +215,7 @@
 </template>
 
 <script>
-import { queryAllShopUser, queryAllShopInfo, midfiyAccount, tbShopUseredit } from "@/api/shop";
+import { queryAllShopUser, queryAllShopInfo, midfiyAccount, tbShopUseredit, queryShopUserFlow } from "@/api/shop";
 import dayjs from "dayjs";
 let cacheData = {};
 export default {
@@ -229,7 +250,11 @@ export default {
         levelConsume: "0",
         sex: '1',
         status: '1'
-      }
+      },
+      // 余额分页
+      moneyList: [],
+      pages: 1,
+      moneyuserId: '', // 查询当前用户余额的id
     };
   },
   filters: {
@@ -245,6 +270,16 @@ export default {
   },
   methods: {
     moneyevent(d) {
+      this.moneyuserId = d.id
+      this.moneyevents()
+    },
+    async moneyevents() {
+      let res = await queryShopUserFlow({
+        userId: this.moneyuserId,
+        page: this.pages,
+        pageSize: 10,
+      })
+      this.moneyList = res
       this.moneyvisible = true
     },
     orderNumberevent(d) {
@@ -354,6 +389,10 @@ export default {
       this.tableData.page = e - 1;
       this.getTableData();
     },
+    paginationChanges(e) {
+      this.pages = e;
+      this.moneyevents()
+    },
     // 获取商品列表
     async getTableData() {
       this.tableData.loading = true;