diff --git a/src/main/java/cn/palmte/work/controller/backend/MonthlySettleStatisticsController.java b/src/main/java/cn/palmte/work/controller/backend/MonthlySettleStatisticsController.java
new file mode 100644
index 0000000..53ae2e0
--- /dev/null
+++ b/src/main/java/cn/palmte/work/controller/backend/MonthlySettleStatisticsController.java
@@ -0,0 +1,67 @@
+package cn.palmte.work.controller.backend;
+
+import cn.palmte.work.bean.SettleBean;
+import cn.palmte.work.model.Admin;
+import cn.palmte.work.pojo.MonthlySettleCount;
+import cn.palmte.work.service.MonthlySettleStatisticsService;
+import cn.palmte.work.utils.DateKit;
+import cn.palmte.work.utils.InterfaceUtil;
+import com.alibaba.fastjson.JSONObject;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.ResponseBody;
+
+import java.util.Calendar;
+import java.util.Date;
+import java.util.List;
+import java.util.Map;
+import java.util.concurrent.ConcurrentHashMap;
+
+@Controller
+@RequestMapping("/monthlySettleStatistics")
+public class MonthlySettleStatisticsController extends BaseController {
+
+    @Autowired
+    private MonthlySettleStatisticsService monthlySettleStatisticsService;
+
+    /**
+     * 开卡订单图表
+     *
+     * @param keywords
+     * @param pageNumber
+     * @param pageSize
+     * @param model
+     * @return
+     */
+    @RequestMapping("/list")
+    public String list(@RequestParam(value = "keywords", required = false) String keywords,
+                       @RequestParam(value = "pageNumber", defaultValue = "1") int pageNumber,
+                       @RequestParam(value = "pageSize", defaultValue = "10") int pageSize,
+                       Map<String, Object> model) {
+        //当前登录人的角色类型
+        Admin admin = getAdmin();
+        model.put("keywords",keywords);
+        ConcurrentHashMap<String, String> searchInfo = getSearchInfo(keywords,model);
+        String time;
+        if (!searchInfo.containsKey("time")) {
+            Calendar instance = Calendar.getInstance();
+            instance.setTime(new Date());
+            instance.set(Calendar.MONTH, instance.get(Calendar.MONTH));
+            Date current = instance.getTime();
+            time = DateKit.toStr(current, DateKit.DATE_FORMAT_YEAR_MONTH2);
+            model.put("time", time);
+        }
+        return "/admin/monthly_settle_statistics";
+    }
+
+    @RequestMapping("/listData")
+    @ResponseBody
+    public String listData(@RequestParam(value = "time", required = false) String time,
+                           Map<String, Object> model) {
+        // 初始化参数
+        List<MonthlySettleCount> countList = monthlySettleStatisticsService.getListData(time);
+        return JSONObject.toJSONString(countList);
+    }
+}
diff --git a/src/main/java/cn/palmte/work/pojo/MonthlySettleCount.java b/src/main/java/cn/palmte/work/pojo/MonthlySettleCount.java
new file mode 100644
index 0000000..5bbb2a5
--- /dev/null
+++ b/src/main/java/cn/palmte/work/pojo/MonthlySettleCount.java
@@ -0,0 +1,57 @@
+package cn.palmte.work.pojo;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+public class MonthlySettleCount {
+
+    private String manager;
+
+    private BigDecimal totalCollect;
+
+    private BigDecimal totalPurchasedPaid;
+
+    private BigDecimal collectActualAmount;
+
+    private BigDecimal uncollectActualAmount;
+
+    public String getManager() {
+        return manager;
+    }
+
+    public void setManager(String manager) {
+        this.manager = manager;
+    }
+
+    public BigDecimal getTotalCollect() {
+        return totalCollect;
+    }
+
+    public void setTotalCollect(BigDecimal totalCollect) {
+        this.totalCollect = totalCollect;
+    }
+
+    public BigDecimal getTotalPurchasedPaid() {
+        return totalPurchasedPaid;
+    }
+
+    public void setTotalPurchasedPaid(BigDecimal totalPurchasedPaid) {
+        this.totalPurchasedPaid = totalPurchasedPaid;
+    }
+
+    public BigDecimal getCollectActualAmount() {
+        return collectActualAmount;
+    }
+
+    public void setCollectActualAmount(BigDecimal collectActualAmount) {
+        this.collectActualAmount = collectActualAmount;
+    }
+
+    public BigDecimal getUncollectActualAmount() {
+        return uncollectActualAmount;
+    }
+
+    public void setUncollectActualAmount(BigDecimal uncollectActualAmount) {
+        this.uncollectActualAmount = uncollectActualAmount;
+    }
+}
diff --git a/src/main/java/cn/palmte/work/service/MonthlySettleStatisticsService.java b/src/main/java/cn/palmte/work/service/MonthlySettleStatisticsService.java
new file mode 100644
index 0000000..2e974a6
--- /dev/null
+++ b/src/main/java/cn/palmte/work/service/MonthlySettleStatisticsService.java
@@ -0,0 +1,40 @@
+package cn.palmte.work.service;
+
+import cn.palmte.work.model.MonthlySettle;
+import cn.palmte.work.pojo.MonthlySettleCount;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import top.jfunc.common.db.QueryHelper;
+import top.jfunc.common.db.utils.Pagination;
+
+import java.math.BigDecimal;
+import java.util.List;
+
+@Service
+public class MonthlySettleStatisticsService {
+    private static final Logger logger = LoggerFactory.getLogger(MonthlySettleStatisticsService.class);
+
+    @Autowired
+    private Pagination pagination;
+
+    public List<MonthlySettleCount> getListData(String time) {
+
+        QueryHelper helper = new QueryHelper("sum(total_collect) as totalCollect, sum(total_purchased_paid) as totalPurchasedPaid, sum(collect_actual_amount) as collectActualAmount, " +
+                "sum(uncollect_actual_amount) as uncollectActualAmount, sale_manager as manager", "monthly_settle", "ms");
+        helper.addCondition("ms.month = ?", time);
+        helper.addGroupProperty("ms.sale_manager");
+
+        List<MonthlySettleCount> monthlySettleCounts = pagination.find(helper.getSql(), MonthlySettleCount.class);
+
+        for (MonthlySettleCount monthlySettleCount : monthlySettleCounts) {
+            monthlySettleCount.setTotalCollect(monthlySettleCount.getTotalCollect().divide(new BigDecimal(10000), 2, BigDecimal.ROUND_HALF_UP));
+            monthlySettleCount.setTotalPurchasedPaid(monthlySettleCount.getTotalPurchasedPaid().divide(new BigDecimal(10000), 2, BigDecimal.ROUND_HALF_UP));
+            monthlySettleCount.setCollectActualAmount(monthlySettleCount.getCollectActualAmount().divide(new BigDecimal(10000), 2, BigDecimal.ROUND_HALF_UP));
+            monthlySettleCount.setUncollectActualAmount(monthlySettleCount.getUncollectActualAmount().divide(new BigDecimal(10000), 2, BigDecimal.ROUND_HALF_UP));
+        }
+
+        return monthlySettleCounts;
+    }
+}
diff --git a/src/main/resources/templates/admin/monthly_settle_statistics.ftl b/src/main/resources/templates/admin/monthly_settle_statistics.ftl
new file mode 100644
index 0000000..b44c78b
--- /dev/null
+++ b/src/main/resources/templates/admin/monthly_settle_statistics.ftl
@@ -0,0 +1,334 @@
+<#assign base=request.contextPath />
+<#import "../common/defaultLayout.ftl" as defaultLayout>
+<@defaultLayout.layout>
+    <link rel="stylesheet" href="../assets/css/amazeui.switch.css"/>
+    <div class="admin-content">
+        <div class="admin-content-body">
+            <div class="am-cf am-padding">
+                <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">项目统计</strong> /
+                    <small>项目汇总统计</small></div>
+            </div>
+
+            <div class="am-u-sm-10">
+                <div class="am-form am-form-inline">
+                    <div class="am-form-group am-form-icon">
+                        <input type="text" id="time" name="time" autocomplete="off" readonly value="${time!}">
+                    </div>
+                </div>
+            </div>
+            <br/>
+            <br/>
+
+            <div class="am-u-sm-12 am-u-md-12" style="padding:0 1.6rem 1.6rem 1rem;margin:0;">
+                <form class="am-form" id="listForm" action="#" method="POST">
+                    <input type="hidden" id="keywords" name="keywords" value='${keywords!""}'/>
+                    <div class="am-btn-toolbar" style="padding-left:.5rem;">
+                        <div class="am-btn-group am-btn-group-xs">
+                            <div class="am-btn-group am-btn-group-xs am-form-file">
+                                <div id="chartmain" style="width:800px; height: 400px;margin:20px auto"></div>
+                                <div id="chartmain2" style="width:800px; height: 400px;margin:20px auto"></div>
+                                <div id="chartmain3" style="width:800px; height: 400px;margin:20px auto"></div>
+                                <div id="chartmain4" style="width:800px; height: 400px;margin:20px auto"></div>
+                            </div>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</@defaultLayout.layout>
+<script src="${base}/assets/js/echarts.min.js"></script>
+<script src="${base}/layui/layui.js"></script>
+<script type="text/javascript">
+    layui.use('laydate', function(){
+        var laydate = layui.laydate;
+
+        laydate.render({
+            elem: '#time',
+            type: 'month',
+            btns: ['confirm'],
+            trigger: 'click',
+            ready: function(){
+                console.log($(this.elem).val());
+            },
+            done: function() {
+                var time = $(this.elem).val();
+                console.log("time:" + time)
+                setKeywords(time);
+                $("#listForm").attr("action","${base}/monthlySettleStatistics/list");
+                $("#listForm").submit();
+            }
+        });
+    });
+
+    function setKeywords(time) {
+        var keywordsObj = {};
+        keywordsObj.time = time;
+        var keywords = "";
+        if (!$.isEmptyObject(keywordsObj)) {
+            keywords = JSON.stringify(keywordsObj);
+        }
+        console.log("keywords = " + keywords);
+
+        $("#keywords").val(keywords);
+    }
+
+    $(function () {
+        $("body").on('click', '.list-item', function () {
+            $(".list-item").removeClass("tr-selected");
+            $(this).addClass('tr-selected');
+        });
+    });
+
+    const colors = ['#5470C6', '#91CC75', '#EE6666'];
+    var option = {
+        title: {
+            text: '累计已收款'
+        },
+        tooltip: {
+            trigger: 'axis'
+        },
+        xAxis: {
+            type: 'category',
+            axisLabel: {
+                interval:0,
+                rotate:40
+            },
+            data: []
+        },
+        yAxis: [
+            {
+                type: 'value',
+                name: '万元',
+                position: 'left',
+                alignTicks: true,
+                axisLine: {
+                    show: true,
+                    lineStyle: {
+                        color: colors[0]
+                    }
+                },
+                axisLabel: {
+                    formatter: '{value}'
+                },
+                minInterval: 1,
+                max: function(value) {
+                    return value.max + 5;
+                }
+            }
+        ],
+        series: [
+            {
+                type: 'bar',
+                yAxisIndex: 0,
+                data: []
+            }
+        ]
+    };
+
+    var option2 = {
+        title: {
+            text: '已采购累计付款'
+        },
+        tooltip: {
+            trigger: 'axis'
+        },
+        xAxis: {
+            type: 'category',
+            axisLabel: {
+                interval:0,
+                rotate:40
+            },
+            data: []
+        },
+        yAxis: [
+            {
+                type: 'value',
+                name: '万元',
+                position: 'left',
+                alignTicks: true,
+                axisLine: {
+                    show: true,
+                    lineStyle: {
+                        color: colors[0]
+                    }
+                },
+                axisLabel: {
+                    formatter: '{value}'
+                },
+                minInterval: 1,
+                max: function(value) {
+                    return value.max + 5;
+                }
+            }
+        ],
+        series: [
+            {
+                type: 'bar',
+                yAxisIndex: 0,
+                data: []
+            }
+        ]
+    };
+
+    var option3 = {
+        title: {
+            text: '实际收款金额'
+        },
+        tooltip: {
+            trigger: 'axis'
+        },
+        xAxis: {
+            type: 'category',
+            axisLabel: {
+                interval:0,
+                rotate:40
+            },
+            data: []
+        },
+        yAxis: [
+            {
+                type: 'value',
+                name: '万元',
+                position: 'left',
+                alignTicks: true,
+                axisLine: {
+                    show: true,
+                    lineStyle: {
+                        color: colors[0]
+                    }
+                },
+                axisLabel: {
+                    formatter: '{value}'
+                },
+                minInterval: 1,
+                max: function(value) {
+                    return value.max + 5;
+                }
+            }
+        ],
+        series: [
+            {
+                type: 'bar',
+                yAxisIndex: 0,
+                data: []
+            }
+        ]
+    };
+
+    var option4 = {
+        title: {
+            text: '实际欠收金额'
+        },
+        tooltip: {
+            trigger: 'axis'
+        },
+        xAxis: {
+            type: 'category',
+            axisLabel: {
+                interval:0,
+                rotate:40
+            },
+            data: []
+        },
+        yAxis: [
+            {
+                type: 'value',
+                name: '万元',
+                position: 'left',
+                alignTicks: true,
+                axisLine: {
+                    show: true,
+                    lineStyle: {
+                        color: colors[0]
+                    }
+                },
+                axisLabel: {
+                    formatter: '{value}'
+                },
+                minInterval: 1,
+                max: function(value) {
+                    return value.max + 5;
+                }
+            }
+        ],
+        series: [
+            {
+                type: 'bar',
+                yAxisIndex: 0,
+                data: []
+            }
+        ]
+    };
+
+    window.onload = function(){
+        loadDate(option, option2, option3, option4);
+    };
+    //初始化echarts实例
+    var myChart = echarts.init(document.getElementById('chartmain'));
+    var myChart2 = echarts.init(document.getElementById('chartmain2'));
+    var myChart3 = echarts.init(document.getElementById('chartmain3'));
+    var myChart4 = echarts.init(document.getElementById('chartmain4'));
+    function loadDate(option){
+        var time  = $("#time").val();
+        var params = {
+            time : time
+        };
+        $.ajax({
+            url : "${base}/monthlySettleStatistics/listData",
+            dataType : "json",
+            type : "post",
+            data : params,
+            async:false,
+            success : function(data){
+                $.each(data, function (index, value) {
+                    option.xAxis.data.push(value.manager);
+                    option2.xAxis.data.push(value.manager);
+                    option3.xAxis.data.push(value.manager);
+                    option4.xAxis.data.push(value.manager);
+                });
+
+                $.each(data, function (index, value) {
+                    option.series[0].data.push(value.totalCollect);
+                });
+
+                $.each(data, function (index, value) {
+                    option2.series[0].data.push(value.totalPurchasedPaid);
+                });
+
+                $.each(data, function (index, value) {
+                    option3.series[0].data.push(value.collectActualAmount);
+                });
+
+                $.each(data, function (index, value) {
+                    option4.series[0].data.push(value.uncollectActualAmount);
+                });
+
+                myChart.setOption(option);
+                myChart2.setOption(option2);
+                myChart3.setOption(option3);
+                myChart4.setOption(option4);
+            },
+            error : function(msg) { // 若Ajax处理失败后回调函数，msg是返回的错误信息
+                console.log(msg);
+            }
+        });
+    }
+
+</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+