scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
							{extend name="public/layout" /} {block name="title"}客服业务员报表{/block}
{block name="body"}
<link rel="stylesheet" href="__LAYUI__/layui/css/layui.css" media="all">
<link rel="stylesheet" href=" /static/css/common.css">
<script src="/static/js/jquery.min.js"></script>
<style>
    .cardheader {
        padding-left: 10px;
    }

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

    .layui-search {
        width: 100%;
        padding: 10px 0px 0px;
        height: 50px;
    }

    .layui-search-box {
        float: right;
    }

    #select-org {
        display: inline-block;
    }

    .search-left {
        float: left;
    }

    .search-left .tip {
        color: #FF0000;
        font-weight: bold;
    }
</style>

<body>
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-search">
                <div class="layui-form layui-search-box">
                    <div id="select-org">
                    </div>
                    <div class="layui-inline">
                        <div class="layui-input-inline select-date">
                            <input style="width: 180px;" type="text" name="date" id="select_date"
                                placeholder="开始时间 - 结束时间" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <button class="layui-btn layuiadmin-btn-course searchBtn submitbtn" lay-submit
                            lay-filter="LAY-user-front-search">
                            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                        </button>
                    </div>
                </div>
            </div>
            <table id="operater" lay-filter="operater" style="margin-top:15px;"></table>
        </div>
    </div>
    {/block}
    {block name="js"}
    <script>
        layui.config({
            base: '__LAYUI__/',
            urlbase: '/sys'
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'table', 'laydate'], function () {
            var $ = layui.$,
                table = layui.table,
                form = layui.form,
                laydate = layui.laydate;
            var org = JSON.parse('{:json_encode($org)}');
            var select_org = '';
            var orgInit = function (n, xin = false) {
                var html = '<div class="layui-inline"><select class="select-org">';
                html += '<option value="">部门</option>';
                let h = 0;
                for (i in org) {
                    if (n == 0) n = org[i]['pid'];
                    if (n != org[i]['pid']) continue;
                    html += '<option value="' + org[i]['id'] + '">' + org[i]['name'] + '</option>';
                    h++;
                }
                html += '</select></div>';
                if (h == 0) return;
                if (xin) return html;
                $('#select-org').html(html);
                form.render('select');
            }
            orgInit(0);
            form.on('select', function (data) {
                if (data.value == '') {
                    select_org = '';
                    return;
                }
                select_org = data.value
                let next = orgInit(data.value, true);
                let parent = $(data.elem).closest('.layui-inline');
                parent.nextAll().remove();
                $('#select-org').append(next);
                form.render('select');
            });

            //日期范围
            laydate.render({
                elem: '#select_date',
                range: true,
            });
            //监听搜索
            form.on('submit(LAY-user-front-search)', function (data) {
                //执行重载
                table.reload('operater', {
                    where: { org_id: select_org, date: data.field.date }
                });
            });
            document.onkeydown = function (event) {
                var e = event || window.event || arguments.callee.caller.arguments[0];
                if (e && e.keyCode == 13) {
                    $(".submitbtn").trigger("click");
                }
            };
            table.render({
                elem: '#operater',
                url: '{:url("statistics2/sale")}',
                page: false,
                height: 'full-120',
                cols: [
                    [{
                        field: 'name',
                        title: '客服专员',
                    }, {
                        field: 'clue',
                        title: '线索量',
                    }, {
                        field: 'valid',
                        title: '有效线索量',
                    }, {
                        field: 'valid_percen',
                        title: '有效率',
                    }, {
                        field: 'to_be_confirmed',
                        title: '待确认',
                    }, {
                        field: 'valid_check_num',
                        title: '有效客户量',
                    }, {
                        field: 'meet',
                        title: '见面量',
                    }, {
                        field: 'meet_percen',
                        title: '见面率',
                    }, {
                        field: 'grant',
                        title: '毛线索见面率',
                    }, {
                        field: 'deposit',
                        title: '定金量',
                    }, {
                        field: 'deposit_percen',
                        title: '成单率',
                    }, {
                        field: 'sign',
                        title: '合同量',
                    }, {
                        field: 'sign_money',
                        title: '业绩总额',
                    }]
                ],
                text: '对不起，加载出现异常！'
            });
        });
    </script>
    {/block}