<?php use \common\libs\MyLib; ?> <?php $this->beginBlock('header_css'); ?> <link href="/assets/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"> <style> label.control-label { width: 120px; } .form-inline .form-control { width: 180px; } </style> <?php $this->endBlock(); ?> <div class="wrapper wrapper-content animated fadeInRight"> <div class="ibox float-e-margins"> <div class="ibox-title fixed"> <h5>保单信息</h5> <div class="ibox-tools"> <a class="btn btn-primary btn-xs edit-btn" data-id="0" href="javascript:void(0);" onclick="print_infos('insurer')"> <i class="fa fa-plus"></i> 保单打印信息 </a> </div> </div> <div class="ibox-content"> <div class="row"> <div class="col-md-12"> <div class="container"> <input type="hidden" name="id" value="" class="form-control car-info"> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">车牌号</label> <span class="car-info" data-name="car_no"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">厂牌型号</label> <span class="car-info" data-name="factory_model"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">品牌</label> <span class="car-info" data-name="brand_txt"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">车系</label> <span class="car-info" data-name="series_txt"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">发动机号</label> <span class="car-info" data-name="engine_no"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">车架号</label> <span class="car-info" data-name="car_frame_no"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">初登日期</label> <span class="car-info" data-name="register_date"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">排量</label> <span class="car-info" data-name="displacement_txt"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">车辆类型</label> <span class="car-info" data-name="car_type_txt"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">运营性质</label> <span class="car-info" data-name="car_use_txt"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">座位数</label> <span class="car-info" data-name="seats"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">年份</label> <span class="car-info" data-name="car_year"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">车主</label> <span class="car-info" data-name="car_man"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">联系电话</label> <span class="car-info" data-name="phone"></span> </div> </div><hr> <div class="container"> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">业务分组</label> <span class="order-info" data-name="business_group_name"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">被保险人</label> <span class="order-info" data-name="id_man"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">证件号码</label> <span class="order-info" data-name="id_man_number"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">联系人</label> <span class="order-info" data-name="link_man"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">联系电话</label> <span class="order-info" data-name="link_man_phone"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">送单日期</label> <span class="order-info" data-name="send_date"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">保险公司</label> <span class="order-info" data-name="company_name"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">付款方式</label> <span class="order-info" data-name="pay_type_txt"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">收款人</label> <span class="order-info" data-name="payee_name"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">商业起保日期</label> <span class="order-info" data-name="insurer1_begin_date"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">交强起保日期</label> <span class="order-info" data-name="insurer2_begin_date"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">付款人</label> <span class="order-info" data-name="payer_name"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">缴费单号</label> <span class="order-info" data-name="pay_no"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">商业保单号</label> <span class="order-info" data-name="insurer1_no"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">交强保单号</label> <span class="order-info" data-name="insurer2_no"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">收款方式</label> <span class="order-info" data-name="payment_name"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">送单地址</label> <span class="order-info" data-name=""></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">备注</label> <span class="order-info" data-name=""></span> </div> <div class="form-group col-md-6" style="margin-bottom: 8px;"> <label class="control-label">正本送单地址</label> <span class="order-info" data-name="receiver_addr_txt"></span> </div> </div><hr> <div class="container"> <table id="insurer_type_table"> <thead> <tr> <th data-field="id">ID</th> <th data-field="show_name">险种</th> <th data-field="show_content">内容</th> <th data-field="is_nopay_txt">不计免赔</th> </tr> </thead> </table> </div><hr> <div class="container"> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">商业总净保费</label> <span class="order-info" data-name="total1_clear"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">商业含税总保费</label> <span class="order-info" data-name="total1"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">交强总净保费</label> <span class="order-info" data-name="total2_clear"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">交强含税总保费</label> <span class="order-info" data-name="total2"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">车船税</label> <span class="order-info" data-name="total3"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">共计签单</label> <span class="order-info" data-name="total_all"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">折扣后商业净保费</label> <span class="order-info" data-name="total1_real"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">减免金额</label> <span class="order-info" data-name="total1_dis"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">商业折扣率</label> <span class="order-info" data-name="total1_percent"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">应收</label> <span class="order-info" data-name="total_real"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">备注</label> <span class="order-info" data-name="price_remark"></span> </div> </div> </div> </div> </div> </div> <div class="ibox float-e-margins"> <div class="ibox-title fixed"> <h5>保单文件信息</h5> <div class="ibox-tools"> <a class="btn btn-primary btn-xs edit-btn" id="business_print_btn" href="javascript:void(0);" onclick="insurer_files_print('business')"> <i class="fa fa-search"></i> 查看商业保单并打印 </a> <a class="btn btn-primary btn-xs edit-btn" id="compulsory_print_btn" href="javascript:void(0);" onclick="insurer_files_print('compulsory')"> <i class="fa fa-search"></i> 查看交强保单并打印 </a> </div> </div> <div class="ibox-content"> <div class="row"> <div class="col-md-12"> <form method="get" class="form-horizontal"> <input type="hidden" name="id" class="form-control order-info"> <div class="form-group"> <label class="col-sm-4 control-label">商业保单文件</label> <div class="col-sm-8"> <div class="input-group"> <input type="text" data-name="shangye_src" name="shangye_src" class="form-control order-info" value=""> <a href="javascript:void(0);" class="input-group-addon upload"> 上传文件 </a> </div> </div> </div> <div class="hr-line-dashed"></div> <div class="form-group"> <label class="col-sm-4 control-label">交强保单文件</label> <div class="col-sm-8"> <div class="input-group"> <input type="text" data-name="jiaoqiang_src" name="jiaoqiang_src" class="form-control order-info" value=""> <a href="javascript:void(0);" class="input-group-addon upload"> 上传文件 </a> </div> </div> </div> <div class="hr-line-dashed"></div> <div class="form-group"> <div class="text-center"> <a class="btn btn-primary edit-btn" data-id="0" href="javascript:void(0);" onclick="insurer_files_save()"> <i class="fa fa-save"></i> 保存 </a> </div> </div> </form> </div> </div> </div> </div> <div class="ibox float-e-margins"> <div class="ibox-title fixed"> <h5>礼品信息</h5> </div> <div class="ibox-content"> <div class="row"> <div class="col-md-6"> <h4 class="title">免费礼品</h4> <table id="free_gift_table"> <thead> <tr> <th data-field="id">ID</th> <th data-field="group_name">组名</th> <th data-field="gift_name">礼品名</th> </tr> </thead> </table> </div> <div class="col-md-6"> <h4 class="title">自费礼品</h4> <table id="private_gift_table"> <thead> <tr> <th data-field="id">ID</th> <th data-field="group_name">组名</th> <th data-field="gift_name">礼品名</th> </tr> </thead> </table> </div> </div> </div> </div> <div class="ibox float-e-margins"> <div class="ibox-title fixed"> <h5>财务信息</h5> <div class="ibox-tools"> </div> </div> <div class="ibox-content"> <div class="row"> <div class="col-md-12"> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">领款人</label> <span class="order-insurer-info" data-name="money_man"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">开户行</label> <span class="order-insurer-info" data-name="money_bank"></span> </div> <div class="form-group col-md-3" style="margin-bottom: 8px;"> <label class="control-label">品牌</label> <span class="order-insurer-info" data-name="money_no"></span> </div> </div> </div> </div> </div> <div class="ibox float-e-margins"> <div class="ibox-title fixed"> <h5>操作记录</h5> <div class="ibox-tools"> </div> </div> <div class="ibox-content"> <div class="row"> <div class="col-md-12"> <table id="car_history_table"> <thead> <tr> <th data-field="id">ID</th> <th data-field="op_man">操作者</th> <th data-field="op_time_txt">操作时间</th> <th data-field="remark">操作内容</th> </th> </tr> </thead> </table> </div> </div> </div> </div> <div class="ibox float-e-margins"> <div class="ibox-title fixed"> <div class="ibox-tools"> <a class="btn btn-primary edit-btn" data-id="0" href="javascript:void(0);" onclick="reBack()"> <i class="fa fa-backward"></i> 退单 </a> <a class="btn btn-primary edit-btn" data-id="0" href="javascript:void(0);" onclick="goBack()"> <i class="fa fa-close"></i> 关闭 </a> </div> <div class="clearfix"></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 src="/assets/js/plugins/webuploader/webuploader.min.js"></script> <script type="text/javascript" language="javascript"> var params = {}; $(function () { layui.use(['upload'], function(){ var upload = layui.upload; var uploadInst = upload.render({ elem: '.upload' /*绑定元素*/, url: '/common/upload' /*上传接口*/, accept: 'file', done: function(res){ //上传完毕回调 if(res.status == 'SUCCESS') { $('#file').val(res.fileUrl); } }, error: function(){ //请求异常回调 } }); }); $('.input-date').datepicker({ keyboardNavigation: false, forceParse: false, autoclose: true }); // 获取数据,初始化 $.get('info-json' + window.location.search, function (obj) { if (obj.code == 200) { params = obj.data; init(); } else { alert('数据加载错误'); } }, 'json'); $('#pdate').blur(function () { var params = $("#appointmentFrm").serialize(); $.post('/appointment/count', params, function (obj) { if (obj.success) { $('#day_count').val(obj.count); } }, 'json'); }); $('#brand_info').change(function () { var brand_id = $(this).val(); $('#series_info').html('<option value="0">---请选择---</option>'); $('#displacement_info').html('<option value="0">---请选择---</option>'); if (brand_id > 0) { $.get('/car/series-fix', {brand_id: brand_id}, function (obj) { if (obj.success) { $('#series_info').html(obj.html); } }, 'json'); } }); $('#series_info').change(function () { var series_id = $(this).val(); $('#displacement_info').html('<option value="0">---请选择---</option>'); if (series_id > 0) { $.get('/car/displacements-fix', {series_id: series_id}, function (obj) { if (obj.success) { $('#displacement_info').html(obj.html); } }, 'json'); } }); }); function init(){ console.log(params); carInfoInit(params['car_info']); if(!params['order_info']['shangye_src']){ $('#business_print_btn').hide(); } if(!params['order_info']['jiaoqiang_src']){ $('#compulsory_print_btn').hide(); } orderInfoInit(params['order_info']); orderInsurerInfoInit(params['order_insurer_info']); var free_gift = [], private_gift = []; $.each(params['gift_info'],function (i,d) { if(d['is_free'] == 1){ free_gift.push(d); }else { private_gift.push(d); } }); var tables = { 'insurer_type': params['insurer_type_info'], 'free_gift': free_gift, 'private_gift': private_gift, 'car_history': { url: '/car/ajax-history-index-json', queryParamsFunc: function (param) { param['car_id'] = params['car_info']['id']; param['limit'] = param['limit']; param['offset'] = param['offset']; return param; } } }; tableInfoInit(tables, params); } function insurer_files_print(type) { if(type == 'compulsory' && params['order_info']['jiaoqiang_src']){ window.open('/upload/files'+ params['order_info']['jiaoqiang_src']) } if(type == 'compulsory' && !params['order_info']['jiaoqiang_src']){ alert('找不到文件,加载失败'); } if(type == 'business' && params['order_info']['shangye_src']){ window.open('/upload/files'+ params['order_info']['shangye_src']) } if(type == 'business' && !params['order_info']['shangye_src']){ alert('找不到文件,加载失败'); } } function insurer_files_save() { var param = $(this).closest('form').serialize(); $.post('/insurer/pdf-save',param,function(obj){ console.log(obj); if(obj.success) { alert('保单上传成功'); window.location.reload(); } },'json'); } function reBack(){ if(confirm('请核对好出单日期,确认退回到正本?')) { $.post('/insurer/tuidan-save',{id:params['order_info']['id']},function(obj){ if(obj.success) { alert('退单成功'); } },'json'); } } function goBack(){ window.close(); } function tableInfoInit(tables){ $.each(tables,function(name,data){ var $table = $('#'+ name +'_table'); var options = {}; if(typeof data == 'String'){ options = { url: data.url, pagination: true, sidePagination: 'server', queryParams: data.queryParamsFunc } }else { options = { data: data } } $table.bootstrapTable('destroy'); $table.bootstrapTable(options); }); } // 页面车辆数据初始化 function carInfoInit(data){ $('.car-info:not(input)').each(function(key,item) { $(item).html(data[$(item).data('name')]); }); $('.car-info:input').each(function(key,item) { $(item).val(data[$(item).data('name')]); }); } function orderInfoInit(data){ $('.order-info:not(input)').each(function(key,item) { $(item).html(data[$(item).data('name')]); }); $('.order-info:input').each(function(key,item) { $(item).val(data[$(item).data('name')]); }); } function orderInsurerInfoInit(data){ $('.order-insurer-info:not(input)').each(function(key,item) { $(item).html(data[$(item).data('name')]); }); $('.order-insurer-info:input').each(function(key,item) { $(item).val(data[$(item).data('name')]); }); } function buttonInit(param) { if(param){ $('#appointment_btn').prepend('<button type="button" class="btn btn-primary" onclick="cancelAppointment()">放弃</button>'); } } </script> <?php $this->endBlock('footer_js'); ?>