caiping/app/admin/view/datastat/datastat/cost.html

{extend name="common/base"/}
<!-- 主体 -->
{block name="body"}

<style>
    /* Border styles */
#table-1 thead, #table-1 tr {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(127 195 227);
}
#table-1 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(76 177 248);
    width: 100%;
}

/* Padding and font style */
#table-1 td, #table-1 th {
    padding: 5px 10px;
    font-size: 14px;
    font-family: Verdana;
    color: rgb(87 163 205);
}

/* Alternating background colors */
#table-1 tr:nth-child(even) {
    background: rgb(221 236 254)
}
#table-1 tr:nth-child(odd) {
    background: #FFF;

}
.layui-card-body {
    overflow: auto;
}
</style>


<link rel="stylesheet" href="{__DATA__}/css/cost.css">

<div class="p-3">
    <form id="taskForm" class="layui-form" lay-filter="barsearchformbarsearchform">
        <div class="layui-inline">
            <label class="layui-form-label">年选择器</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="ID-laydate-type-year" placeholder="yyyy" name="today">
            </div>
        </div>

        <div class="layui-input-inline" style="width:150px;">
            <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform"><i
                    class="layui-icon layui-icon-search mr-1"></i>搜索
            </button>
            <button class="layui-btn layui-btn-reset" lay-submit="" lay-filter="reset1">清空</button>
        </div>
    </form>
</div>

<div class="p-3">
    <div class="layui-row layui-col-space12">
        <div class="layui-col-xs12">
            <div class="layui-card">
                <div class="layui-card-body table">
                    <table id='table-1' style="width: 100vw;">
                        <tr>
                            <th>项目数量</th>
                            <th>1月</th>
                            <th>2月</th>
                            <th>3月</th>
                            <th>4月</th>
                            <th>5月</th>
                            <th>6月</th>
                            <th>7月</th>
                            <th>8月</th>
                            <th>9月</th>
                            <th>10月</th>
                            <th>11月</th>
                            <th>12月</th>
                        </tr>
                        <tr>
                            <th>{$sent.all.project_number}</th>
                            <th>{$sent.1.project_number}</th>
                            <th>{$sent.2.project_number}</th>
                            <th>{$sent.3.project_number}</th>
                            <th>{$sent.4.project_number}</th>
                            <th>{$sent.5.project_number}</th>
                            <th>{$sent.6.project_number}</th>
                            <th>{$sent.7.project_number}</th>
                            <th>{$sent.8.project_number}</th>
                            <th>{$sent.9.project_number}</th>
                            <th>{$sent.10.project_number}</th>
                            <th>{$sent.11.project_number}</th>
                            <th>{$sent.12.project_number}</th>
                        </tr>
                        <tr>
                            <th>送审总额</th>
                            <th>1月</th>
                            <th>2月</th>
                            <th>3月</th>
                            <th>4月</th>
                            <th>5月</th>
                            <th>6月</th>
                            <th>7月</th>
                            <th>8月</th>
                            <th>9月</th>
                            <th>10月</th>
                            <th>11月</th>
                            <th>12月</th>
                        </tr>
                        <tr>
                            <th>{$sent.all.all_sent_amount}</th>
                            <th>{$sent.1.all_sent_amount}</th>
                            <th>{$sent.2.all_sent_amount}</th>
                            <th>{$sent.3.all_sent_amount}</th>
                            <th>{$sent.4.all_sent_amount}</th>
                            <th>{$sent.5.all_sent_amount}</th>
                            <th>{$sent.6.all_sent_amount}</th>
                            <th>{$sent.7.all_sent_amount}</th>
                            <th>{$sent.8.all_sent_amount}</th>
                            <th>{$sent.9.all_sent_amount}</th>
                            <th>{$sent.10.all_sent_amount}</th>
                            <th>{$sent.11.all_sent_amount}</th>
                            <th>{$sent.12.all_sent_amount}</th>
                        </tr>
                        <tr>
                            <th>审定总额</th>
                            <th>1月</th>
                            <th>2月</th>
                            <th>3月</th>
                            <th>4月</th>
                            <th>5月</th>
                            <th>6月</th>
                            <th>7月</th>
                            <th>8月</th>
                            <th>9月</th>
                            <th>10月</th>
                            <th>11月</th>
                            <th>12月</th>
                        </tr>
                        <tr>
                            <th>{$sent.all.all_authorize_amount}</th>
                            <th>{$sent.1.all_authorize_amount}</th>
                            <th>{$sent.2.all_authorize_amount}</th>
                            <th>{$sent.3.all_authorize_amount}</th>
                            <th>{$sent.4.all_authorize_amount}</th>
                            <th>{$sent.5.all_authorize_amount}</th>
                            <th>{$sent.6.all_authorize_amount}</th>
                            <th>{$sent.7.all_authorize_amount}</th>
                            <th>{$sent.8.all_authorize_amount}</th>
                            <th>{$sent.9.all_authorize_amount}</th>
                            <th>{$sent.10.all_authorize_amount}</th>
                            <th>{$sent.11.all_authorize_amount}</th>
                            <th>{$sent.12.all_authorize_amount}</th>
                        </tr>
                        <tr>
                            <th>服务费总额</th>
                            <th>1月</th>
                            <th>2月</th>
                            <th>3月</th>
                            <th>4月</th>
                            <th>5月</th>
                            <th>6月</th>
                            <th>7月</th>
                            <th>8月</th>
                            <th>9月</th>
                            <th>10月</th>
                            <th>11月</th>
                            <th>12月</th>
                        </tr>
                        <tr>
                            <th>{$sent.all.all_sent_review_cost}</th>
                            <th>{$sent.1.all_sent_review_cost}</th>
                            <th>{$sent.2.all_sent_review_cost}</th>
                            <th>{$sent.3.all_sent_review_cost}</th>
                            <th>{$sent.4.all_sent_review_cost}</th>
                            <th>{$sent.5.all_sent_review_cost}</th>
                            <th>{$sent.6.all_sent_review_cost}</th>
                            <th>{$sent.7.all_sent_review_cost}</th>
                            <th>{$sent.8.all_sent_review_cost}</th>
                            <th>{$sent.9.all_sent_review_cost}</th>
                            <th>{$sent.10.all_sent_review_cost}</th>
                            <th>{$sent.11.all_sent_review_cost}</th>
                            <th>{$sent.12.all_sent_review_cost}</th>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row layui-col-space12">
        <div class="layui-col-xs12">
            <div class="layui-card">
                <div class="layui-card-body table">
                     <table id='table-1'>
                        <thead>
                        <tr>
                            <th>评审机构</th>
                            <th>项目数量</th>
                            <th>送审总额</th>
                            <th>审定总额</th>
                            <th>总审增减率</th>
                            <th>预算总额</th>
                            <th>结算总额</th>
                            <th>送审服务费</th>
                        </tr>
                        </thead>
                        <tbody>
                        {volist name="review_poportion" id="vo"}
                        <tr>
                            <th>{$vo.review_unit_name}</th>
                            <th>{$vo.project_number}</th>
                            <th>{$vo.all_sent_amount}</th>
                            <th>{$vo.all_authorize_amount}</th>
                           {if $vo.increaseOrdecrease == null}
                             <th>0.00</th>
                            {else}
                             <th>{$vo.increaseOrdecrease}</th>
                            {/if}
                            <th>{$vo.budget_amount}</th>
                            <th>{$vo.settlement_amount}</th>
                            <th>{$vo.all_sent_review_cost}</th>
                        </tr>
                        {/volist}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        
    </div>

    <div class="layui-row layui-col-space12">
        <div class="layui-col-xs12">
            <div class="layui-card">
                <div class="layui-card-body table-bottom">

                     <table id='table-1'>
                        <thead>
                        <tr>
                            <th>建设单位</th>
                            <th>项目数量</th>
                            <th>送审总额</th>
                            <th>预算总额</th>
                            <th>结算总额</th>
                        </tr>
                        </thead>
                        <tbody>
                        {volist name="sent_poportion" id="vo"}
                        <tr>
                            <th>{$vo.sent_review_unit_name}</th>
                            <th>{$vo.project_number}</th>
                            <th>{$vo.all_sent_amount}</th>
                            <th>{$vo.budget_amount}</th>
                            <th>{$vo.settlement_amount}</th>
                        </tr>
                        {/volist}
                        </tbody>

                    </table>

                </div>
            </div>
        </div>

        <div class="layui-col-xs6">
            <div class="layui-card">
                <div class="layui-card-header">
                    <span id="time1"></span><span>年项目分布统计图</span>
                </div>
                <div class="layui-card-body">
                    <div id="main1" style="height: 100%"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6">
            <div class="layui-card">
                <div class="layui-card-header">
                    <span id="time2"></span><span>年项目送审、审定总额分布图</span>
                </div>
                <div class="layui-card-body">
                    <div id="main2" style="height: 100%;"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6">
            <div class="layui-card">
                <div class="layui-card-header">
                    <span id="time3"></span><span>年项目送审服务费分布图</span>
                </div>
                <div class="layui-card-body">
                    <div id="main3" style="height: 100%;"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6">
            <div class="layui-card">
                <div class="layui-card-header">
                    <span id="time4"></span><span>年送审总额占比分布图</span>
                </div>
                <div class="layui-card-body">
                    <div id="main4" style="height: 100%;"></div>
                </div>
            </div>
        </div>

        <div class="layui-col-xs6">
            <div class="layui-card">
                <div class="layui-card-header">
                    <span>评审机构项目数量排行</span>
                </div>
                <div class="layui-card-body">
                    <div id="main5" style="height: 100%"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6">
            <div class="layui-card">
                <div class="layui-card-header">
                    <span>评审机构送审总额排行</span>
                </div>
                <div class="layui-card-body">
                    <div id="main6" style="height: 100%;"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6">
            <div class="layui-card">
                <div class="layui-card-header">
                    <span>评审机构审定总额排行</span>
                </div>
                <div class="layui-card-body">
                    <div id="main7" style="height: 100%;"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6">
            <div class="layui-card">
                <div class="layui-card-header">
                    <span>建设单位项目数量排行</span>
                </div>
                <div class="layui-card-body">
                    <div id="main8" style="height: 100%;"></div>
                </div>
            </div>
        </div>

        <div class="layui-col-xs6">
            <div class="layui-card">
                <div class="layui-card-header">
                    <span>建设单位送审总额排行</span>
                </div>
                <div class="layui-card-body">
                    <div id="main9" style="height: 100%"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6">
            <div class="layui-card">
                <div class="layui-card-header">
                    <span>建设单位送审总额占比图</span>
                </div>
                <div class="layui-card-body">
                    <div id="main10" style="height: 100%;"></div>
                </div>
            </div>
        </div>


    </div>

</div>

<script type="text/html" id="barDemo"></script>

<script src="{__DATA__}/css/js/jquery.js"></script>
<script src="{__DATA__}/css/js/echarts.min.js"></script>
<script src="{__DATA__}/css/js/cost.js"></script>
<script>
    const moduleInit = ['tool', 'oaTool'];

    function getQuerys(e) {
        if (!e) return "";
        var t = {},
            r = [],
            n = "",
            a = "";
        try {
            var i = [];
            if (e.indexOf("?") >= 0 && (i = e.substring(e.indexOf("?") + 1, e.length).split("&")), i.length > 0) for (var o in i) n = (r = i[o].split("="))[0],
                a = r[1],
                t[n] = a
        } catch (s) {
            t = {}
        }
        return t
    }

    let datetime = getQuerys(window.location.href).today;
    if (!datetime) {
        datetime = 2024;
    }
    
    $.ajax({
        url: '/admin/datastat.datastat/cost_chat?today='+ datetime,
        async: false,
        success: function (res) {
          
            if(res.code == 0){
                console.log(res)
                echarts_1(res.data);
                echarts_2(res.data);
                echarts_3(res.data);
                echarts_4(res.data);
                echarts_5(res.data);
                echarts_6(res.data);
                echarts_7(res.data);
                echarts_8(res.data);
                echarts_9(res.data);
                echarts_10(res.data);
            }else{
                  layer.msg('请检查权限设置、网络或联系管理员！');
            }
         
        },
        error: function () {
            layer.msg('系统错误，请检查网络或联系管理员！');
        }
    })
    
    document.getElementById("time1").textContent = datetime; //it will print on html page
    document.getElementById("time2").textContent = datetime;
    document.getElementById("time3").textContent = datetime;
    document.getElementById("time4").textContent = datetime;

    function gouguInit() {
        var table = layui.table, tool = layui.tool, form = layui.form, oaTool = layui.oaTool;
        var laydate = layui.laydate;
        // 年选择器
        laydate.render({
            elem: '#ID-laydate-type-year',
            type: 'year',
            value: datetime
        });
        //监听搜索提交
        form.on('submit(webform)', function (data) {
            location.href = '/admin/datastat.datastat/cost?today=' + data.field.today;
            return false;
        });
    }

</script>


{/block}