<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<%@ page import="org.springframework.security.core.AuthenticationException" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" /><meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta name="keywords" content="百联保">
<meta name="description" content="百联保是百川信（厦门）网络技术有限公司基于金融创新并响应互联网＋计划搭建的第三方金融服务平台。秉承开拓金融创新，减轻企业负担的服务理念，百联保利用互联网平台优势并结合保险的市场作用，将与保证金、银行保函、担保公司保函具备同等效力的保证保险保函纳入经贸合作的担保形式之一，旨在减轻企业资金负担，简化申办流程，缩短办理周期，为企业客户提供低成本、高效率、安全专业的新型互联网金融服务。">

<title>百联保—理赔申请单</title>
<link href="<c:url value='/resources/css/public.css' />" rel="stylesheet" type="text/css" />
<link href="<c:url value='/resources/css/inquire.css' />" rel="stylesheet" type="text/css" />
<link href="<c:url value='/resources/css/Details_page02.css' />" rel="stylesheet" type="text/css" />

</head>
<body>
<jsp:include page="../../header.jsp"/>
<!-- 申请理赔 内容部分  开始 -->
        <div class="bg_f3f4f5"></div>
        <div class="inqu_war bg_fff">
        <div class="clear"></div>
        	<div class="inqu_sub">
            	<!--<div class="chit_war">
                	<!--<div class="policy_inqu">
                    	<h4>申请理赔</h4>
                        <p>请选择您要申请理赔的险种</p>
                    </div>-->
                 <!--<div class="policy_list">
                    	<ul>
                        	<li>
                                <a href="#">
                                	<img src="images/inqu_img1.jpg" width="268" height="141">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                	<img src="images/inqu_img2.jpg" width="268" height="141">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                	<img src="images/inqu_img3.jpg" width="268" height="141">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                	<img src="images/inqu_img4.jpg" width="268" height="141">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                	<img src="images/inqu_img5.jpg" width="268" height="141">
                                </a>
                            </li>
                        </ul>
                    </div>
				</div>-->   
                    
                    <!-- 理赔流程 开始 -->
                    <div class="product_subcontent" ><!-- product_subcontent start -->
                    	<div class="ptitle"><h3>理赔流程</h3></div>
                        <div class="scheme_war"><!-- scheme_war start -->
                        	<div class="scheme_sub1"><!-- scheme_sub1 start -->
                                <p><label>方案一</label></p>
                                <p>拨打保险公司报案电话</p>
                            </div><!-- scheme_sub1 end -->
                            <div class="scheme_sub2"><!-- scheme_sub2 start-->
                            	<div class="scheme_s2warcon"><!-- scheme_s2warcon start-->
                                	<div class="h5_bg"><h5>1</h5></div>
                                    <div class="up_img"><img src="<c:url value='/resources/images/details_page02/upward1.jpg' />" width="17" height="14"></div>
                                    <div class="scheme_s2subcon">
                                    	<h6>拨打报案电话</h6>
                                        <p>根据保单信息拨打相应保险公司报案电话</p>
                                       
                                        <p><a href="<c:url value='/synopsis/us/init/6?ACCESS_TOKEN=${ACCESS_TOKEN}' />">保险公司报案电话</a></p>
                                    </div>
                                </div><!-- scheme_s2warcon end-->
                                <div class="scheme_s2warcon"><!-- scheme_s2warcon start-->
                                	<div class="h5_bg"><h5>2</h5></div>
                                    <div class="up_img"><img src="<c:url value='/resources/images/details_page02/upward1.jpg' />" width="17" height="14"></div>
                                    <div class="scheme_s2subcon">
                                    	<h6>准备材料</h6>
                                        <p>根据服务人员告知的资料清单准备理赔资料</p>
                                        
                                    </div>
                                </div><!-- scheme_s2warcon end-->
                                <div class="scheme_s2warcon"><!-- scheme_s2warcon start-->
                                	<div class="h5_bg"><h5>3</h5></div>
                                    <div class="up_img"><img src="<c:url value='/resources/images/details_page02/upward1.jpg' />" width="17" height="14"></div>
                                    <div class="scheme_s2subcon">
                                    	<h6>理赔办理</h6>
                                        <p>提交理赔资料</p>
                                    </div>
                                </div><!-- scheme_s2warcon end-->
                                <div class="scheme_s2warcon"><!-- scheme_s2warcon start-->
                                	<div class="h5_bg"><h5>4</h5></div>
                                    <div class="up_img"><img src="<c:url value='/resources/images/details_page02/upward1.jpg' />" width="17" height="14"></div>
                                    <div class="scheme_s2subcon">
                                    	<h6>审核</h6>
                                        <p>保险公司审核理赔材料</p>
                                    </div>
                                </div><!-- scheme_s2warcon end-->
                                <div class="scheme_s2warcon"><!-- scheme_s2warcon start-->
                                	<div class="h5_bg"><h5>5</h5></div>
                                    <div class="up_img"><img src="<c:url value='/resources/images/details_page02/upward1.jpg' />" width="17" height="14"></div>
                                    <div class="scheme_s2subcon">
                                    	<h6>结案</h6>
                                        <p>确属保险责任范围的事故，保险公司将在约定时效内赔付</p>
                                    </div>
                                </div><!-- scheme_s2warcon end-->
                            </div><!-- scheme_sub2 end-->
                            
                            <div class="clear"></div>
                            <div class="scheme_sub1"><!-- scheme_sub1 start -->
                                <p><label>方案二</label></p>
                                <p>拨打平台客服电话</p>
                            </div><!-- scheme_sub1 end -->
                            <div class="scheme_sub2"><!-- scheme_sub2 start-->
                            	<div class="scheme_s2warcon"><!-- scheme_s2warcon start-->
                                	<div class="h5_bg"><h5>1</h5></div>
                                    <div class="up_img"><img src="<c:url value='/resources/images/details_page02/upward1.jpg' />" width="17" height="14"></div>
                                    <div class="scheme_s2subcon">
                                    	<h6>拨打报案电话</h6>
                                        <p>拨打平台报案电话400-662-9696</p>
                                    </div>
                                </div><!-- scheme_s2warcon end-->
                                <div class="scheme_s2warcon"><!-- scheme_s2warcon start-->
                                	<div class="h5_bg"><h5>2</h5></div>
                                    <div class="up_img"><img src="<c:url value='/resources/images/details_page02/upward1.jpg' />" width="17" height="14"></div>
                                    <div class="scheme_s2subcon">
                                    	<h6>准备材料</h6>
                                        <p>根据服务人员告知的资料清单准备理赔资料</p>
                                        
                                    </div>
                                </div><!-- scheme_s2warcon end-->
                                <div class="scheme_s2warcon"><!-- scheme_s2warcon start-->
                                	<div class="h5_bg"><h5>3</h5></div>
                                    <div class="up_img"><img src="<c:url value='/resources/images/details_page02/upward1.jpg' />" width="17" height="14"></div>
                                    <div class="scheme_s2subcon">
                                    	<h6>理赔办理</h6>
                                        <p>提交理赔资料</p>
                                    </div>
                                </div><!-- scheme_s2warcon end-->
                                <div class="scheme_s2warcon"><!-- scheme_s2warcon start-->
                                	<div class="h5_bg"><h5>4</h5></div>
                                    <div class="up_img"><img src="<c:url value='/resources/images/details_page02/upward1.jpg' />" width="17" height="14"></div>
                                    <div class="scheme_s2subcon">
                                    	<h6>审核</h6>
                                        <p>保险公司审核理赔材料</p>
                                    </div>
                                </div><!-- scheme_s2warcon end-->
                                <div class="scheme_s2warcon"><!-- scheme_s2warcon start-->
                                	<div class="h5_bg"><h5>5</h5></div>
                                    <div class="up_img"><img src="<c:url value='/resources/images/details_page02/upward1.jpg' />" width="17" height="14"></div>
                                    <div class="scheme_s2subcon">
                                    	<h6>结案</h6>
                                        <p>确属保险责任范围的事故，保险公司将在约定时效内赔付</p>
                                    </div>
                                </div><!-- scheme_s2warcon end-->
                            </div><!-- scheme_sub2 end-->
                            
                            <div class="clear"></div>
                            <div class="scheme_sub1"><!-- scheme_sub1 start -->
                                <p><label>方案三</label></p>
                                <p>平台在线报案</p>
                                <p><a href="<c:url value='/synopsis/synopsis/addReport/init?ACCESS_TOKEN=${ACCESS_TOKEN}' />">点击在线报案</a></p>
                            </div><!-- scheme_sub1 end -->
                            <div class="scheme_sub2"><!-- scheme_sub2 start-->
                            	<div class="scheme_s2warcon"><!-- scheme_s2warcon start-->
                                	<div class="h5_bg"><h5>1</h5></div>
                                    <div class="up_img"><img src="<c:url value='/resources/images/details_page02/upward1.jpg' />" width="17" height="14"></div>
                                    <div class="scheme_s2subcon">
                                    	<h6>填写报案信息</h6>
                                        <p>根据平台要求填写信息</p>
                                    </div>
                                </div><!-- scheme_s2warcon end-->
                                <div class="scheme_s2warcon"><!-- scheme_s2warcon start-->
                                	<div class="h5_bg"><h5>2</h5></div>
                                    <div class="up_img"><img src="<c:url value='/resources/images/details_page02/upward1.jpg' />" width="17" height="14"></div>
                                    <div class="scheme_s2subcon">
                                    	<h6>准备材料</h6>
                                        <p>根据服务人员告知的资料清单准备理赔资料</p>
                                        
                                    </div>
                                </div><!-- scheme_s2warcon end-->
                                <div class="scheme_s2warcon"><!-- scheme_s2warcon start-->
                                	<div class="h5_bg"><h5>3</h5></div>
                                    <div class="up_img"><img src="<c:url value='/resources/images/details_page02/upward1.jpg' />" width="17" height="14"></div>
                                    <div class="scheme_s2subcon">
                                    	<h6>理赔办理</h6>
                                        <p>提交理赔资料</p>
                                    </div>
                                </div><!-- scheme_s2warcon end-->
                                <div class="scheme_s2warcon"><!-- scheme_s2warcon start-->
                                	<div class="h5_bg"><h5>4</h5></div>
                                    <div class="up_img"><img src="<c:url value='/resources/images/details_page02/upward1.jpg' />" width="17" height="14"></div>
                                    <div class="scheme_s2subcon">
                                    	<h6>审核</h6>
                                        <p>保险公司审核理赔材料</p>
                                    </div>
                                </div><!-- scheme_s2warcon end-->
                                <div class="scheme_s2warcon"><!-- scheme_s2warcon start-->
                                	<div class="h5_bg"><h5>5</h5></div>
                                    <div class="up_img"><img src="<c:url value='/resources/images/details_page02/upward1.jpg' />" width="17" height="14"></div>
                                    <div class="scheme_s2subcon">
                                    	<h6>结案</h6>
                                        <p>确属保险责任范围的事故，保险公司将在约定时效内赔付</p>
                                    </div>
                                </div><!-- scheme_s2warcon end-->
                            </div><!-- scheme_sub2 end-->
                            
                             <div class="clear"></div>
                            <div class="scheme_sub1"><!-- scheme_sub1 start -->
                                <p><label>报案后，可在平台上传资料，申请理赔</label></p>
                                <p><a href="<c:url value='/synopsis/report/addClaims/init?ACCESS_TOKEN=${ACCESS_TOKEN}' />">上传理赔资料</a></p>
                            </div><!-- scheme_sub1 end -->
                            
                         <div class="clear"></div>   
                        </div><!-- scheme_war end -->
                    </div><!-- product_subcontent end -->
                    <!-- 理赔流程 结束 -->
               
            </div>
            <div class="clear"></div>
        </div>
		<div class="bg_f3f4f5"></div>
		<!-- 申请理赔 内容部分  结束 -->
<jsp:include page="../../index/multi_f.jsp" />


<!-- script -->
<script src="<c:url value='/resources/script/jquery-1.8.3.min.js' />" type="text/javascript"></script>
<script src="<c:url value='/resources/js/insurance.js' />"></script>
<script type="text/javascript">
	var baseUrl = '${pageContext.request.contextPath }';
	$(function(){
		$(".nav ul li").each(function(){
			$(this).attr("class","");
		});
		var co = 1;
		$(".nav ul li").each(function(){
			if(co == 3){
				$(this).attr("class","active");
			}
			co ++;
		});
		
		var msg = '${msg}';
		if(msg.length>2){
			alert(msg);
		}
	});
  	//检查必选项
    function checkRegisterRequiredField(){
    	var policySerialNumber = $("#policySerialNumber").val();
    	var caseTime = $("#caseTime").val();
    	var contactName = $("#contactName").val();
    	var contactTel = $("#contactTel").val();
    	var caseScene = $("#caseScene").val();
    	var caseDescption = $("#caseDescption").val();
    	if ( policySerialNumber == "" || $("#policySerialNumber").val() == $("#policySerialNumber").attr("defaultValue")) {
    		$("#policySerialNumber").parent().next().html('<img src="<c:url value='/resources/images/reg_error.png' />" width="18" height="18" title="不能为空">');
    		$("#policySerialNumber").parent().next().attr("style","display:block;");
    		return false;
    	}else{
        	$("#policySerialNumber").parent().next().attr("style","display:none;");
        }
    	if ( caseTime == "" || caseTime == $("#caseTime").attr("defaultValue")) {
    		$("#caseTime").parent().next().html('<img src="<c:url value='/resources/images/reg_error.png' />" width="18" height="18" title="不能为空">');
    		$("#caseTime").parent().next().attr("style","display:block;");
    		return false;
    	}else{
        	$("#caseTime").parent().next().attr("style","display:none;");
        }
    	if ( contactName == "" || contactName == $("#policySerialNumber").attr("defaultValue")) {
    		$("#contactName").parent().next().html('<img src="<c:url value='/resources/images/reg_error.png' />" width="18" height="18" title="不能为空">');
    		$("#contactName").parent().next().attr("style","display:block;");
    		return false;
    	}else{
        	$("#contactName").parent().next().attr("style","display:none;");
        }
    	if ( contactTel == "" || contactTel == $("#contactTel").attr("defaultValue")) {
    		$("#contactTel").parent().next().html('<img src="<c:url value='/resources/images/reg_error.png' />" width="18" height="18" title="不能为空">');
    		$("#contactTel").parent().next().attr("style","display:block;");
    		return false;
    	}else{
        	$("#contactTel").parent().next().attr("style","display:none;");
        }
    	if ( caseScene == "" || contactTel == $("#caseScene").attr("defaultValue")) {
    		$("#caseScene").parent().next().html('<img src="<c:url value='/resources/images/reg_error.png' />" width="18" height="18" title="不能为空">');
    		$("#caseScene").parent().next().attr("style","display:block;");
    		return false;
    	}else{
        	$("#caseScene").parent().next().attr("style","display:none;");
        }
    	if ( caseDescption == "" || caseDescption == $("#caseDescption").attr("defaultValue")) {
    		$("#caseDescption").parent().next().html('<img src="<c:url value='/resources/images/reg_error.png' />" width="18" height="18" title="不能为空">');
    		$("#caseDescption").parent().next().attr("style","display:block;");
    		return false;
    	}else{
        	$("#caseDescption").parent().next().attr("style","display:none;");
        }
    	return true;
    }

    //下一步
    function report(){
    	var flag = checkRegisterRequiredField();
    	if (flag){
    		$("#reportForm").submit();
    	}
    }

</script>
</body>
</html>