#

LSH

2023-10-16 a96bfff22df5598476f600ffb1d720668f0a2948

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

@@ -47,8 +47,55 @@
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">

        <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 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>
                            </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>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-col-xs12 layui-col-md8" >
            <div class="layui-card" style="">
            <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">
@@ -248,6 +295,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>
@@ -255,6 +319,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;
@@ -294,6 +359,12 @@
                $("#successCount").text(res.data.successCount)
                $("#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)
            }
        });

@@ -496,6 +567,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>