<?php use \common\libs\MyLib; ?> <?php $this->beginBlock('header_css'); ?> <link href="/assets/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"> <style> .btn-group .btn-white.active{ background: #1ab394; color: #fff; } </style> <?php $this->endBlock(); ?> <div class="wrapper wrapper-content animated fadeInRight"> <div class="ibox float-e-margins"> <div class="ibox-title"> <h5>工作量统计</h5> </div> <div class="ibox-content"> <form role="form" id="search" class="form-inline" onsubmit="return search();"> <div class="form-group col-md-6" style="margin-bottom: 8px;"> <label for="datepicker1">提单日期</label> <div class="input-group" id="datepicker1"> <input type="text" class="form-control" id="date_begin" name="date_begin" value="" autocomplete="off" /> <span class="input-group-addon">到</span> <input type="text" class="form-control" id="date_end" name="date_end" value="" autocomplete="off" /> </div> </div> <div class="form-group col-md-6" style="margin-bottom: 8px;"> <label for="datepicker1">正本日期</label> <div class="input-group" id="datepicker1"> <input type="text" class="form-control" id="date2_begin" name="date2_begin" value="" autocomplete="off" /> <span class="input-group-addon">到</span> <input type="text" class="form-control" id="date2_end" name="date2_end" value="" autocomplete="off" /> </div> </div> <hr> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label for="username">工号</label> <input type="text" id="username" name="username" class="form-control"> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">级别</label> <select name="group_id" id="group_info" class="form-control"> </select> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">保险公司</label> <select name="company_id" id="company_info" class="form-control"> </select> </div> <hr> <div class="form-group col-md-12 text-center" style="margin-bottom: 8px;"> <a class="btn btn-primary edit-btn m-r" data-id="0" href="javascript:void(0);" onclick="print_infos('insurer')"> <i class="fa fa-search"></i> 搜索 </a> <a class="btn btn-primary edit-btn m-l" data-id="0" href="javascript:void(0);" onclick="print_infos('insurer')"> <i class="fa fa-outdent"></i> 导出 </a> </div> <div class="clearfix"></div> </form> </div> </div> <div class="ibox float-e-margins"> <div class="ibox-title"> <h5>工作量统计</h5> <div class="ibox-tools btn-group" id="date_ranges"> <button class="btn btn-white active" data-range="today" type="button">当天</button> <button class="btn btn-white" data-range="week" type="button">近七天</button> <button class="btn btn-white" data-range="month" type="button">近一月</button> <button class="btn btn-white" data-range="third-month" type="button">近三月</button> </div> <div class="clearfix"></div> </div> <div class="ibox-content"> <div class="d-flex justify-content-between"> <div class="ibox"> <div class="ibox-content"> <h5>提车总数</h5> <h1 class="no-margins summary-info" data-name="total_car">738,200</h1> </div> </div> <div class="ibox"> <div class="ibox-content"> <h5>提单总数</h5> <h1 class="no-margins summary-info" data-name="total_order">738,200</h1> </div> </div> <div class="ibox"> <div class="ibox-content"> <h5>商业总净保费</h5> <h1 class="no-margins summary-info" data-name="total_insurer_business">738,200</h1> </div> </div> <div class="ibox"> <div class="ibox-content"> <h5>交强总净保费</h5> <h1 class="no-margins summary-info" data-name="total_insurer_compulsory">738,200</h1> </div> </div> <div class="ibox"> <div class="ibox-content"> <h5>商业已收净保费</h5> <h1 class="no-margins summary-info" data-name="total_insurer_business_received">738,200</h1> </div> </div> <div class="ibox"> <div class="ibox-content"> <h5>交强已收净保费</h5> <h1 class="no-margins summary-info" data-name="total_insurer_compulsory_received">738,200</h1> </div> </div> <div class="ibox"> <div class="ibox-content"> <h5>总签单净保费</h5> <h1 class="no-margins summary-info" data-name="total_insurer">738,200</h1> </div> </div> </div> <div class="row"> <div class="col-md-12"> <table id="listTable"> <thead> <tr> <th data-field="id">ID</th> <th data-field="username">工号</th> <th data-field="truename">真实姓名</th> <th data-field="total_talk">通话时长</th> <th data-field="total_car">提车总数</th> <th data-field="total_order">提单总数</th> <th data-field="total_insurer_business">商业总净保费</th> <th data-field="total_insurer_compulsory">交强总净保费</th> <th data-field="total_insurer_business_received">商业已收净保费</th> <th data-field="total_insurer_compulsory_received">交强已收净保费</th> <th data-field="total_insurer">总签单净保费</th> <th data-formatter="opFormatter">操作</th> </tr> </thead> </table> </div> </div> </div> </div> </div> <?php $this->beginBlock('footer_js'); ?> <script src="/assets/js/plugins/bootstrap-table/bootstrap-table.min.js"></script> <script src="/assets/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script> <script src="/assets/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script> <script> function opFormatter(value, row, index) { var opStr = []; opStr.push('<a href="javascript:void(0);" onclick="info(' + row.id + ')">'); opStr.push('<i class="fa fa-plus" title="详情"> 详情</i>'); opStr.push('</a>'); return opStr.join(' '); } function info(id) { layer_show('工作量信息','/insurer/info?id=' + id + '&' + $('#search').serialize();); } function refreshList() { $('#listTable').bootstrapTable('refresh'); } function search() { $('#listTable').bootstrapTable('destroy'); $('#listTable').bootstrapTable({ url: "/statistics/work-search-json", pagination: true, showFooter: true, sidePagination: 'server', queryParams: function(params) { $('#search').find(':input:not(input[type=button],input[type=submit],button)').each(function(index,item){ params[$(item).attr('name')] = $(item).val(); }); params['range'] = $('#date_ranges.active').data('range'); return params; }, responseHandler: function (res) { console.log(res); selectInfoInit('company',res['company_info']); return res } }); return false; } // 品牌选项初始化 function selectInfoInit(selectName,options,default_val,data){ var html = '<option value="'+ (default_val?default_val:'') +'">---请选择---</option>'; $.each(options,function(i,item){ var val = item['code']?item['code']:item['id']; var selected = data && data[selectName + '_id'] && data[selectName + '_id'] == val? 'selected': ''; html += '<option value="'+ val +'" '+ selected +'>'+ item.name +'</option>' }); $('#'+ selectName + '_info').html(html); } $(function() { search(); }); </script> <?php $this->endBlock(); ?>