#

Junjie

2023-09-08 d7fbde6bbd576a17b16aaad87c8ab23e1ea42d09

 src/main/webapp/views/home/dashboard.html

@@ -50,51 +50,77 @@
                    <div class="layui-row">
                        <div>团队数据</div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                            <div class="numberInfoSubTitle">全年目标</div>
                            <div class="numberInfoSubTitle">年度销售目标</div>
                            <div class="numberInfoValue">
                                <span id="companyYearTarget">124,543,233</span><em class="numberInfoSuffix">元</em>
                                <span id="companyYearTarget">124,543,233</span><em class="numberInfoSuffix">万元</em>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                            <div class="numberInfoSubTitle">已完成交易</div>
                            <div class="numberInfoSubTitle">已完成销售任务</div>
                            <div class="numberInfoValue">
                                <span id="companySuccess">124,543,233</span><em class="numberInfoSuffix">元</em>
                                <span id="companySuccess">124,543,233</span><em class="numberInfoSuffix">万元</em>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                            <div class="numberInfoSubTitle">未完成交易</div>
                            <div class="numberInfoSubTitle">未完成销售任务</div>
                            <div class="numberInfoValue">
                                <span id="companyProgress">124,543,233</span><em class="numberInfoSuffix">元</em>
                                <span id="companyProgress">124,543,233</span><em class="numberInfoSuffix">万元</em>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                            <div class="numberInfoSubTitle">交易率</div>
                            <div class="numberInfoSubTitle">完成率</div>
                            <div class="numberInfoValue"><span id="companyRate">92</span>%</div>
                        </div>
                    </div>
                    <div class="layui-row" style="margin-top: 50px;">
                        <div>个人数据</div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                            <div class="numberInfoSubTitle">全年目标</div>
                            <div class="numberInfoSubTitle">年度销售目标</div>
                            <div class="numberInfoValue">
                                <span id="personYearTarget">124,543,233</span><em class="numberInfoSuffix">元</em>
                                <span id="personYearTarget">124,543,233</span><em class="numberInfoSuffix">万元</em>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                            <div class="numberInfoSubTitle">已完成交易</div>
                            <div class="numberInfoSubTitle">已完成销售任务</div>
                            <div class="numberInfoValue">
                                <span id="personSuccess">124,543,233</span><em class="numberInfoSuffix">元</em>
                                <span id="personSuccess">124,543,233</span><em class="numberInfoSuffix">万元</em>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                            <div class="numberInfoSubTitle">未完成交易</div>
                            <div class="numberInfoSubTitle">未完成销售任务</div>
                            <div class="numberInfoValue">
                                <span id="personProgress">124,543,233</span><em class="numberInfoSuffix">元</em>
                                <span id="personProgress">124,543,233</span><em class="numberInfoSuffix">万元</em>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                            <div class="numberInfoSubTitle">交易率</div>
                            <div class="numberInfoSubTitle">完成率</div>
                            <div class="numberInfoValue"><span id="personRate">92</span>%</div>
                        </div>
                    </div>
                    <div class="layui-row" style="margin-top: 40px;">
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                            <div class="numberInfoSubTitle">跟踪项目数量</div>
                            <div class="numberInfoValue">
                                <a href="#" id="openProgress"><span id="progressCount">124</span><em class="numberInfoSuffix">个</em></a>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                            <div class="numberInfoSubTitle">金额</div>
                            <div class="numberInfoValue">
                                <span id="progressMoney">124,543,233</span><em class="numberInfoSuffix">万元</em>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                            <div class="numberInfoSubTitle">成交项目数量</div>
                            <div class="numberInfoValue">
                                <a href="#" id="openSuccess"><span id="successCount">121</span><em class="numberInfoSuffix">个</em></a>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                            <div class="numberInfoSubTitle">金额</div>
                            <div class="numberInfoValue">
                                <span id="successMoney">124,543,233</span><em class="numberInfoSuffix">万元</em>
                            </div>
                        </div>
                    </div>
                </div>
@@ -102,8 +128,11 @@
        </div>

        <div class="layui-col-xs12 layui-col-md4">
            <div class="layui-card" style="height: 299px;overflow: hidden;">
                <div class="layui-card-header">公司公告</div>
            <div class="layui-card" style="height: 403px;overflow: hidden;">
                <div class="layui-card-header" style="display: flex;justify-content: space-between;">
                    <div>公司公告</div>
                    <div><a href="#" id="openCompanyPost">查看更多</a></div>
                </div>
                <div class="layui-card-body" id="companyPostId">
                </div>
            </div>
@@ -133,7 +162,7 @@
                                            </colgroup>
                                            <thead>
                                            <tr style="background: none;color: #333;">
                                                <th colspan="3">员工交易额排行</th>
                                                <th colspan="3">员工销售业绩排行</th>
                                            </tr>
                                            </thead>
                                            <tbody id="staffRankId">
@@ -222,6 +251,7 @@
        var $ = layui.jquery;
        var layer = layui.layer;
        var element = layui.element;
        element.init();

        //获取团队数据
        $.ajax({
@@ -252,6 +282,10 @@
                $("#personSuccess").text(res.data.successMoney)
                $("#personProgress").text(res.data.progressMoney)
                $("#personRate").text(res.data.yearTransactionRate)
                $("#progressCount").text(res.data.progressCount)
                $("#successCount").text(res.data.successCount)
                $("#progressMoney").text(res.data.progressMoney)
                $("#successMoney").text(res.data.successMoney)
            }
        });

@@ -274,7 +308,7 @@
                    }

                    div += "<td>" + data[i].username + "</td>"
                    div += "<td>" + data[i].money + "</td>"
                    div += "<td>" + data[i].money + "万元</td>"
                    div += "</tr>"

                    $("#staffRankId").append(div)
@@ -293,9 +327,10 @@
            success: function (res) {
                let data = res.data.records
                for (var i = 0; i < data.length; i++) {
                    let div = "<div style='margin-top: 10px;'>";
                    div += '<span class="layui-badge-dot layui-bg-green" style="margin-right: 10px;"></span>'
                    div += data[i].content
                    let div = "<div style='margin-top: 10px;display: flex;justify-content: space-between;'>";
                    div += '<div><span class="layui-badge-dot layui-bg-green" style="margin-right: 10px;"></span>'
                    div += data[i].content + "</div>"
                    div += "<div>" + data[i].createTime$ + "</div>"
                    div += "</div>"

                    $("#companyPostId").append(div)
@@ -388,6 +423,48 @@
            myCharts3.resize();
        };

        $("#openProgress").on("click", () => {
            layer.open({
                type: 2,
                title: '跟踪项目',
                maxmin: true,
                area: [top.detailWidth, top.detailHeight],
                shadeClose: true,
                content: '../order/order.html?status=0',
                success: function(layero, index){

                }
            });
        });

        $("#openSuccess").on("click", () => {
            layer.open({
                type: 2,
                title: '跟踪项目',
                maxmin: true,
                area: [top.detailWidth, top.detailHeight],
                shadeClose: true,
                content: '../order/order.html?status=1',
                success: function(layero, index){

                }
            });
        });

        $("#openCompanyPost").on("click", () => {
            layer.open({
                type: 2,
                title: '公告',
                maxmin: true,
                area: [top.detailWidth, top.detailHeight],
                shadeClose: true,
                content: '../companyPost/companyPost_view.html',
                success: function(layero, index){

                }
            });
        });

    });
</script>
</body>