scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
							{extend name="public/layout" /} {block name="title"}数据统计{/block} {block name="body"}

<style type="text/css">
    html,
    body {
        display: block;
        width: 100%;
        background-color: #fff;
        min-width:750px ;
    }

    .layui-table thead tr,
    .layui-table-header {
        background-color: #D8E6F1 !important;
    }

    .layui-fluid {
        display: block;
        border-radius: 5px;
        background-color: #ffffff;
        padding: 15px 30px;
    }

    .layui-tab {
        padding: 15px;
        height: 100%;
    }

    .layui-form-item {
        width: 100%;
    }

    .layui-form-item .layui-inline {
        display: block;
        float: left;
        width: 145px;
        height: 38px;
        line-height: 38px;
        background: #FFFFFF;
        margin-right: 16px;
    }

    .layui-form-item .layui-input-inline {
        width: 145px;
        height: 38px;
        line-height: 38px;
        margin-bottom: 0;
    }

    .layui-icon {
        font-size: 20px !important;
    }

    .layui-form-item .layui-input-inline .layui-input {
        border: 1px solid #9DB6CF;
        border-radius: 5px;
    }

    .layui-form-select dl dd.layui-this {
        background-color: #249EFB;
    }

    .layui-form-item div.searchBox {
        width: 320px;
        background: #FFFFFF;
        border: 1px solid #B6CADE;
        border-radius: 24px;
        height: 38px;
        overflow: hidden;
        padding-left: 18px;
        position: relative;
        margin-bottom: 0px;
        float: right;
    }

    .searchBox .inputBox {
        width: 240px;
        float: left;
        height: 36px;
        line-height: 36px;
        border-width: 0;
    }

    .searchBtn {
        position: absolute;
        top: 0;
        right: 0;
        width: 51px;
        height: 38px;
        background-color: #fff;
    }

    .searchBtn img {
        position: absolute;
        width: 26px;
        top: 6px;
        left: 0;
    }

    .layui-card .layui-tab {
        margin: 0;
        height: 50px;
        width: 100%;
        padding: 1px;
    }

    .layui-btn-primary {
        color: #249EFB;
        border: 1px solid #249EFB;
    }

    .layui-btn-primary:hover {
        background-color: #E3F7FF;
        color: #249EFB;
    }

    .border {
        border: 1px solid #f2f2f2;
    }

    .line {
        width: 90%;
        height: 1px;
        background-color: #f2f2f2;
        margin: auto;
    }

    .layui-card .layui-tab-brief .layui-tab-title li.layui-this {
        background-color: #249EFB;
        color: #fff;
    }

    .layui-tab-brief>.layui-tab-more li.layui-this:after,
    .layui-tab-brief>.layui-tab-title .layui-this:after {
        border-bottom: none;
    }

    .layui-card .layui-tab-brief .layui-tab-title li {
        background-color: #F2F2F2;
        margin: 0px 5px;
    }

    .layui-card-body {
        padding: 15px 0px 0px;
    }

    .layuiadmin-card-header-auto {
        padding: 30px 30px !important;
    }

    .border {
        border: 1px solid #CCCCCC;
    }
    .layui-btn-primary {
        color: #249EFB;
        border: 1px solid #249EFB;
    }

    .layui-btn-primary:hover {
        background-color: #E3F7FF;
        color: #249EFB;
    }
</style>

<body>
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-header layuiadmin-card-header-auto border">
                <div style="display:flex;">
                    <div style="flex:1;display:flex;justify-content:center;align-items:center;">训练人次：{$data.count}次</div>
                    <div style="flex:1;display:flex;justify-content:center;align-items:center;">训练完成人次：{$data.passed_count}次</div>
                    <div style="flex:1;display:flex;justify-content:center;align-items:center;">训练达标人次：{$data.zhuanzheng_count}次</div>
                </div>
                <div style="display:flex;">
                    <div style="flex:1;display:flex;justify-content:center;align-items:center;">训练达标率：{$data.gathw}</div>
                    <div style="flex:1;"></div>
                    <div style="flex:1;"></div>
                </div>
            </div>

            <div class="layui-tab layui-tab-brief layui-form" lay-filter="docDemoTabBrief" style="margin-top: 10px;">
                <div class="layui-inline layui-form" style="width: 240px;margin: 10px 0px 0px;float: left;">
                    <select name="state" id="org_id" lay-filter="stateFilter" lay-search>
                        <option value="">部门筛选</option>
                        {volist name="org" id="i"}
                            <option value="{$i.id}">{$i.name}</option>
                        {/volist}
                    </select>
                </div>
                <div class="layui-inline" style="float: right;margin-top:10px;">
                    <button class="layui-btn" id="LAY-app-contlist-searchs">
                    <i class="layui-icon layui-icon-search"></i>
                    </button>
                </div>
                <div class="layui-inline" style="float: right;margin-right: 5px;margin-top:10px;">
                    <label class="layui-form-label">姓名</label>
                    <div class="layui-input-inline">
                        <input type="text" id="keyword" name="keyword" placeholder="请输入人员姓名" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <p style="clear:bold;"></p>
            </div>

            <div class="layui-card-body">
                <table id="evidence-table" lay-filter="evidence-table"></table>
            </div>
        </div>
    </div>
</body>
{/block} {block name="js"}
<script>
    layui.config({
        base: '__LAYUI__/',
        urlbase: '/sys'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'element'], function () {
        var $ = layui.$,
            form = layui.form,
            element = layui.element,
            table = layui.table;
            
        //客户见证列表
        table.render({
            elem: '#evidence-table',
            autoSort: false,
            url: '{:url("camp/datastatistics_list")}?id='+"{$camp_id}",
            cols: [
                [{
                    field: 'name',
                    title: '姓名',
                    align: 'center',
                },{
                    field: 'org_name',
                    title: '部门',
                    align: 'center',
                }, {
                    field: 'speed',
                    title: '学习进度',
                    align: 'center',
                }, {
                    field: 'addtime',
                    title: '加入时间',
                    align: 'center',
                }]
            ],
            page: true,
            limit: 10,
            height: 'full-220',
            text: '对不起，加载出现异常！'
        });
        form.on('select(stateFilter)',function(data){
            var org_id = data.value;
            var field = {}; 
            field['org_id'] = org_id;
            //执行重载
            table.reload('evidence-table', {
                where: field,
                page: {
                    curr: 1
                }
            });
        })
        $('#LAY-app-contlist-searchs').click(function(){
            var field = {}; 
            var org_id = $('#org_id').val();
            field['keyword'] = $('#keyword').val();
            field['org_id'] = org_id;
            //执行重载
            table.reload('evidence-table', {
                where: field,
                page: {
                    curr: 1
                }
            });
        })

    });
</script>
{/block}