#

LSH

2023-11-09 affb9fbb6862699df4495517c41c62be7b5e10a6

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

@@ -34,6 +34,10 @@
            margin-left: 4px;
            line-height: 32px;
        }

        .testColorBlack{
            color: black;
        }
    </style>
</head>

@@ -43,88 +47,149 @@
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">

        <div class="layui-col-xs12 layui-col-md8">
            <div class="layui-card" style="">
                <div class="layui-card-header">团队活动实时交易情况</div>
                <div class="layui-card-body" style="padding-bottom: 20px;">
        <div class="layui-col-xs12 layui-col-md12" >
            <div class="layui-card" style="" id="popup1">
                <div class="layui-card-header testColorBlack" style="background-color: #FFFA1C1C">待处理任务</div>
                <div class="layui-card-body" style="padding-bottom: 20px;background-color: #FFC6A02D">
                    <div class="layui-row">
                        <div>团队数据</div>
                        <!--                        <div class="testColorBlack">团队数据</div>-->
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center">
                            <div class="numberInfoSubTitle testColorBlack">规划申请单</div>
                            <div class="numberInfoValue">
                                <a href="#" id="openPlanPendingTasks" style="color: #1E9FFF"><span id="planPendingTaskCount">666</span><em class="numberInfoSuffix">个</em></a>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center">
                            <div class="numberInfoSubTitle testColorBlack">核价审批</div>
                            <div class="numberInfoValue">
                                <a href="#" id="openPriOnlinePendingTasks" style="color: #1E9FFF"><span id="priOnlinePendingTaskCount">999</span><em class="numberInfoSuffix">个</em></a>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center">
                            <div class="numberInfoSubTitle testColorBlack">报价审批</div>
                            <div class="numberInfoValue">
                                <a href="#" id="openPriQuotePendingTasks" style="color: #1E9FFF"><span id="priQuotePendingTaskCount">777</span><em class="numberInfoSuffix">个</em></a>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center">
                            <div class="numberInfoSubTitle testColorBlack">出差审批</div>
                            <div class="numberInfoValue">
<!--                                <a href="#" id="openBusinessTripPendingTasks" style="color: #1E9FFF"><span id="businessTripPendingTaskCount">2333</span><em class="numberInfoSuffix">个</em></a>-->
                                <span id="businessTripPendingTaskCount">2333</span><em class="numberInfoSuffix">个</em>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center">
                            <div class="numberInfoSubTitle testColorBlack">报销审批</div>
                            <div class="numberInfoValue">
                                <a href="#" id="openReimburseOnlinePendingTasks" style="color: #1E9FFF"><span id="reimburseOnlinePendingTaskCount">12121</span><em class="numberInfoSuffix">个</em></a>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center">
                            <div class="numberInfoSubTitle testColorBlack">可接收核价任务</div>
                            <div class="numberInfoValue">
<!--                                <a href="#" id="openPlanPriOnlinePendingTasks" style="color: #1E9FFF"><span id="planPriOnlinePendingTaskCount">888</span><em class="numberInfoSuffix">个</em></a>-->
                                <span id="planPriOnlinePendingTaskCount">888</span><em class="numberInfoSuffix">个</em>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-col-xs12 layui-col-md8" >
            <div class="layui-card" style="" id="popup">
                <div class="layui-card-header testColorBlack" style="background-color: #FFFA1C1C">团队活动实时交易情况</div>
                <div class="layui-card-body" style="padding-bottom: 20px;background-color: #FFC6A02D">
                    <div class="layui-row">
                        <div class="testColorBlack">团队数据</div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center">
                            <div class="numberInfoSubTitle">年度销售目标</div>
                            <div class="numberInfoSubTitle testColorBlack" >年度销售目标</div>
                            <div class="numberInfoValue">
                                <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 testColorBlack">已完成销售任务</div>
                            <div class="numberInfoValue">
                                <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 testColorBlack">未完成销售任务</div>
                            <div class="numberInfoValue">
                                <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 testColorBlack">完成率</div>
                            <div class="numberInfoValue"><span id="companyRate">92</span>%</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card" style="">
                <div class="layui-card-header">个人活动实时交易情况</div>
                <div class="layui-card-body" style="padding-bottom: 20px;">
            <div class="layui-card" style="background-color: #ffffff">
                <div class="layui-card-header testColorBlack" style="background-color: #FFFA1C1C">实时销售情况</div>
                <div class="layui-card-body" style="padding-bottom: 20px;background-color: #FFC6A02D">
                    <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="testColorBlack" style="">个人数据</div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
                            <div class="numberInfoSubTitle testColorBlack">年度销售目标</div>
                            <div class="numberInfoValue">
                                <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="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
                            <div class="numberInfoSubTitle testColorBlack">已完成销售任务</div>
                            <div class="numberInfoValue">
                                <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="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
                            <div class="numberInfoSubTitle testColorBlack">未完成销售任务</div>
                            <div class="numberInfoValue">
                                <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="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
                            <div class="numberInfoSubTitle testColorBlack">完成率</div>
                            <div class="numberInfoValue"><span id="personRate">92</span>%</div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
                            <div class="numberInfoSubTitle testColorBlack">个人项目实际收款</div>
                            <div class="numberInfoValue">
                                <span id="successMoney2">124,543,233</span><em class="numberInfoSuffix">万元</em>
                            </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="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
                            <div class="numberInfoSubTitle testColorBlack">跟踪项目数量</div>
                            <div class="numberInfoValue">
                                <a href="#" id="openProgress" style="color: #1E9FFF"><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="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
                            <div class="numberInfoSubTitle testColorBlack">跟踪项目金额</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="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
                            <div class="numberInfoSubTitle testColorBlack">成交项目数量</div>
                            <div class="numberInfoValue">
                                <a href="#" id="openSuccess" style="color: #1E9FFF"><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="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
                            <div class="numberInfoSubTitle testColorBlack">成交项目金额</div>
                            <div class="numberInfoValue">
                                <span id="successMoney">124,543,233</span><em class="numberInfoSuffix">万元</em>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6 layui-col-lg2 text-center" style="margin-left: 3%">
                            <div class="numberInfoSubTitle testColorBlack">个人项目应收款</div>
                            <div class="numberInfoValue">
                                <span id="successMoney1">124,543,233</span><em class="numberInfoSuffix">万元</em>
                            </div>
                        </div>
                    </div>
@@ -133,15 +198,14 @@
        </div>

        <div class="layui-col-xs12 layui-col-md4">
            <div class="layui-card" style="height: 403px;overflow: hidden;">
            <div class="layui-card" style="height: 403px;overflow: hidden;background-color: #FFFA1C1C;height: 438px">
                <div class="layui-card-header" style="display: flex;justify-content: space-between;">
                    <div>公司公告</div>
                    <div><a href="#" id="openCompanyPost" style="color: #1E9FFF">查看更多</a></div>
                    <div><a href="#" id="openCompanyPost" style="color: #1E9FFF">查看更多>></a></div>
                </div>
                <div class="layui-card-body" id="companyPostId">
                <div class="layui-card-body" id="companyPostId" style="background-color: #FFC6A02D">
                </div>
            </div>

        </div>

        <div class="layui-col-xs12">
@@ -149,7 +213,7 @@
                <div class="layui-card-body">
                    <div class="layui-tab layui-tab-brief" lay-filter="tabZZT">
                        <ul class="layui-tab-title">
                            <li class="layui-this">交易额</li>
                            <li class="layui-this">销售额</li>
<!--                            <li>访问量</li>-->
                        </ul>
                        <div class="layui-tab-content">
@@ -167,7 +231,7 @@
                                            </colgroup>
                                            <thead>
                                            <tr style="background: none;color: #333;">
                                                <th colspan="3">员工销售业绩排行</th>
                                                <th colspan="3">销售业绩排行榜</th>
                                            </tr>
                                            </thead>
                                            <tbody id="staffRankId">
@@ -191,7 +255,7 @@
                                            </colgroup>
                                            <thead>
                                            <tr style="background: none;color: #333;">
                                                <th colspan="3">员工销售额排行</th>
                                                <th colspan="3">销售业绩排行榜</th>
                                            </tr>
                                            </thead>
                                            <tbody>
@@ -245,6 +309,23 @@

</div>


<script>
    // 显示团队数据
    function showPopup(res) {
        if (res==="true"){
            document.getElementById('popup').style.display = 'block';
        }else {
            // 隐藏团队数据
            document.getElementById('popup').style.display = 'none';
        }
    }
    // 隐藏团队数据
    function hidePopup() {
        document.getElementById('popup').style.display = 'none';
    }
</script>

<!-- js部分 -->
<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/echarts/echarts.min.js" charset="utf-8"></script>
@@ -252,6 +333,7 @@
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>

<script>
    f()
    layui.use(['layer', 'element'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
@@ -289,8 +371,16 @@
                $("#personRate").text(res.data.yearTransactionRate)
                $("#progressCount").text(res.data.progressCount)
                $("#successCount").text(res.data.successCount)
                $("#progressMoney").text(res.data.progressMoney)
                $("#progressMoney").text(res.data.progressMoney2)
                $("#successMoney").text(res.data.successMoney)
                $("#planPendingTaskCount").text(res.data.planPendingTaskCount)
                $("#priOnlinePendingTaskCount").text(res.data.priOnlinePendingTaskCount)
                $("#priQuotePendingTaskCount").text(res.data.priQuotePendingTaskCount)
                $("#businessTripPendingTaskCount").text(res.data.businessTripPendingTaskCount)
                $("#reimburseOnlinePendingTaskCount").text(res.data.reimburseOnlinePendingTaskCount)
                $("#planPriOnlinePendingTaskCount").text(res.data.planPriOnlinePendingTaskCount)
                $("#successMoney1").text(res.data.successMoney1)
                $("#successMoney2").text(res.data.successMoney2)
            }
        });

@@ -305,7 +395,16 @@
            success: function (res) {
                let data = res.data
                for (var i = 0; i < data.length; i++) {
                    let div = "<tr>";
                    let div = "";
                    if (i==0){
                        div += "<tr style='color: red'>";
                    }else if (i==1){
                        div += "<tr style='color: blueviolet'>";
                    }else if (i==2){
                        div += "<tr style='color: #0181ee'>";
                    }else {
                        div += "<tr>";
                    }
                    if (i < 3) {
                        div += "<td><span class='layui-badge layui-bg-cyan'>" + (i+1) + "</span></td>"
                    }else {
@@ -468,6 +567,61 @@
                }
            });
        });
        $("#openPlanPendingTasks").on("click", () => {
            layer.open({
                type: 2,
                title: '规划申请单',
                maxmin: true,
                area: [top.detailWidth, top.detailHeight],
                shadeClose: true,
                content: '../plan/plan.html?status=4',
                success: function(layero, index){

                }
            });
        });

        $("#openPriOnlinePendingTasks").on("click", () => {
            layer.open({
                type: 2,
                title: '核价任务',
                maxmin: true,
                area: [top.detailWidth, top.detailHeight],
                shadeClose: true,
                content: '../priOnline2/priOnline.html?status=4',
                success: function(layero, index){

                }
            });
        });

        $("#openPriQuotePendingTasks").on("click", () => {
            layer.open({
                type: 2,
                title: '报价任务',
                maxmin: true,
                area: [top.detailWidth, top.detailHeight],
                shadeClose: true,
                content: '../priQuote/priQuote.html?status=4',
                success: function(layero, index){

                }
            });
        });

        $("#openReimburseOnlinePendingTasks").on("click", () => {
            layer.open({
                type: 2,
                title: '报销任务',
                maxmin: true,
                area: [top.detailWidth, top.detailHeight],
                shadeClose: true,
                content: '../reimburseOnline/reimburseOnline.html?status=4',
                success: function(layero, index){

                }
            });
        });

        $("#openCompanyPost").on("click", () => {
            layer.open({
@@ -484,6 +638,20 @@
        });

    });

    function f() {
        let token = localStorage.getItem("token");
        layui.jquery.ajax({
            url: baseUrl + "/dashboard/popup/auth",
            data:{token : token},
            method: 'GET',
            success: function (res) {
                if (res.code === 200) {
                    showPopup(res.msg)
                }
            }
        })
    }
</script>
</body>
</html>