From 18b469e54d5f0a89e3f9fd9a8404855d2fe3e094 Mon Sep 17 00:00:00 2001
From: KKSU <15274802129@163.com>
Date: Thu, 19 Dec 2024 10:10:15 +0800
Subject: [PATCH] feat(mall): 添加跑腿会员系统设置功能
---
src/main/resources/templates/febs/views/modules/mallMember/moneyFlowList.html | 106 +++++++++++++++++++++++++++++++++++++---------------
1 files changed, 75 insertions(+), 31 deletions(-)
diff --git a/src/main/resources/templates/febs/views/modules/mallMember/moneyFlowList.html b/src/main/resources/templates/febs/views/modules/mallMember/moneyFlowList.html
index c998a7d..3f9007c 100644
--- a/src/main/resources/templates/febs/views/modules/mallMember/moneyFlowList.html
+++ b/src/main/resources/templates/febs/views/modules/mallMember/moneyFlowList.html
@@ -8,26 +8,42 @@
<div class="layui-col-md10">
<div class="layui-form-item">
<div class="layui-inline">
+ <label class="layui-form-label layui-form-label-sm">手机号码</label>
<div class="layui-input-inline">
- <input type="text" placeholder="用户名" name="name" autocomplete="off" class="layui-input">
+ <input type="text" placeholder="手机号码" name="phone" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
+ <label class="layui-form-label layui-form-label-sm">流水类型</label>
<div class="layui-input-inline">
- <input type="text" placeholder="手机号" name="phone" autocomplete="off" class="layui-input">
- </div>
- </div>
- <div class="layui-inline">
- <label class="layui-form-label layui-form-label-sm">账户状态</label>
- <div class="layui-input-inline">
- <select name="type">
+ <select name="type" class="money-flow-type">
<option value="">请选择</option>
- <option value="1">分红收入</option>
- <option value="2">业绩奖励</option>
- <option value="3">订单支付</option>
- <option value="4">退款</option>
- <option value="5">转账</option>
</select>
+ </div>
+ </div>
+ <div class="layui-inline">
+ <label class="layui-form-label layui-form-label-sm">资金类型</label>
+ <div class="layui-input-inline">
+ <select name="flowType">
+ <option value="">请选择</option>
+ <option value="1">碳币</option>
+ <option value="2">碳积分</option>
+ </select>
+ </div>
+ </div>
+ <div class="layui-inline">
+ <label class="layui-form-label layui-form-label-sm">开始时间</label>
+ <div class="layui-input-inline">
+ <input type="text" name="startTime" id="febs-money-flow-start" lay-verify="date"
+ placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
+ </div>
+ </div>
+
+ <div class="layui-inline">
+ <label class="layui-form-label layui-form-label-sm">结束时间</label>
+ <div class="layui-input-inline">
+ <input type="text" name="endTime" id="febs-money-flow-end" lay-verify="date"
+ placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
</div>
</div>
</div>
@@ -51,7 +67,7 @@
<!-- 表格操作栏 end -->
<script data-th-inline="none" type="text/javascript">
// 引入组件并初始化
- layui.use([ 'jquery', 'form', 'table', 'febs'], function () {
+ layui.use([ 'jquery', 'form', 'table', 'febs','laydate'], function () {
var $ = layui.jquery,
febs = layui.febs,
form = layui.form,
@@ -61,9 +77,32 @@
$reset = $view.find('#reset'),
$searchForm = $view.find('form'),
sortObject = {field: 'phone', type: null},
+ laydate = layui.laydate,
tableIns;
+ //日期范围
+ laydate.render({
+ elem: '#febs-money-flow-start'
+ });
+
+ laydate.render({
+ elem: '#febs-money-flow-end'
+ });
+
form.render();
+
+ //(下拉框)
+ $.get(ctx + 'admin/runVip/allMoneyType', function (res) {
+ var data = res.data;
+ for (var k in data)
+ {
+ $(".money-flow-type").append("<option value='" + data[k].type + "'>" + data[k].remark + "</option>");
+ }
+ layui.use('form', function () {
+ var form = layui.form;
+ form.render();
+ });
+ });
// 表格初始化
initTable();
@@ -92,24 +131,21 @@
elem: $view.find('table'),
id: 'moneyFlowTable',
url: ctx + 'admin/mallMember/getMoneyFlowList',
+ totalRow : true,
cols: [[
- {field: 'name', title: '名称', minWidth: 100,align:'left'},
- {field: 'phone', title: '手机号', minWidth: 150,align:'left'},
- {field: 'amount', title: '金额', minWidth: 150,align:'left'},
- {field: 'type', title: '流水类型',
+ {field: 'orderNo', title: '订单编号', minWidth: 150,align:'left'},
+ {field: 'name', title: '用户昵称', minWidth: 100,align:'left',totalRowText:"合计"},
+ {field: 'phone', title: '手机号码', minWidth: 150,align:'left'},
+ {field: 'amount', title: '金额', minWidth: 150,align:'left', totalRow:true},
+ {field: 'description', title: '流水类型', minWidth: 150,align:'left', totalRow:true},
+ {field: 'flowType', title: '资金类型',
templet: function (d) {
- if (d.type === 1) {
- return '<span>分红收入</span>'
- } else if (d.type === 2) {
- return '<span>业绩奖励</span>'
- } else if (d.type === 3) {
- return '<span>订单支付</span>'
- } else if (d.type === 4) {
- return '<span>退款</span>'
- } else if (d.type === 5) {
- return '<span>转账</span>'
- } else{
- return ''
+ if (d.flowType === 1) {
+ return '碳币';
+ } else if(d.flowType === 2) {
+ return '碳积分'
+ } else {
+ return '-';
}
}, minWidth: 80,align:'center'},
{field: 'createdTime', title: '创建时间', minWidth: 180,align:'center'}
@@ -119,10 +155,18 @@
// 获取查询参数
function getQueryParams() {
+ let startTimestr = $searchForm.find('input[name="startTime"]').val().trim();
+ let endTimeStr = $searchForm.find('input[name="endTime"]').val().trim();
+ if(startTimestr != '' && endTimeStr != '' && startTimestr >= endTimeStr){
+ febs.alert.warn('开始时间需要小于结束时间');
+ return{};
+ }
return {
- name: $searchForm.find('input[name="name"]').val().trim(),
+ startTime: $searchForm.find('input[name="startTime"]').val().trim(),
+ endTime: $searchForm.find('input[name="endTime"]').val().trim(),
phone: $searchForm.find('input[name="phone"]').val().trim(),
type: $searchForm.find("select[name='type']").val(),
+ flowType: $searchForm.find("select[name='flowType']").val(),
};
}
--
Gitblit v1.9.1