<%@ page language="java" pageEncoding="utf-8"%>
<%@ page language="java" import="com.fadu.web.util.Constant"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String token = (String) session.getAttribute(Constant.Session.TOKEN);
	String openid = (String) session.getAttribute(Constant.Session.DWLSD_OPENID);
%>
<c:set var="contextPath" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="wap-font-scale" content="no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<title>多问</title>
<script src="${contextPath}/static/js/flexible.min.js"></script>
<link rel="stylesheet" type="text/css" href="${contextPath}/static/weixin/cd/css/sprite.css">
<link rel="stylesheet" type="text/css" href="${contextPath}/static/weixin/cd/css/common.css">
<link rel="stylesheet" type="text/css" href="${contextPath}/static/weixin/cd/css/main.css">
<link rel="stylesheet" type="text/css" href="${contextPath}/static/weixin/cd/css/viewImg.css">
</head>
<body>
	<div class="page">
		<header class="top bg-blue text-center fc-white fs-16 ub ub-pj">
			<a href="javascript:history.back(-1);" class="pad-l-30 pad-r-20"> <span class="icon icon-back"></span>
			</a> <span>查档服务</span> <span class="pad-l-40 pad-r-30"></span>
		</header>
		<div class="pad-lr-25 ub bg-blue fs-12 service-progress">
			<div class="ub-f1 service-progress-item">
				<div class="bg-white service-progress-bar"></div>
				<div class="bg-white fc-white fs-12 text-center service-progress-dotted"></div>
				<p class="fc-white">律师申请</p>
			</div>
			<div class="ub-f1 service-progress-item">
				<div class="bg-white service-progress-bar"></div>
				<div class="bg-white fc-white fs-12 text-center service-progress-dotted"></div>
				<p class="fc-white">平台确认</p>
			</div>
			<div class="ub-f1 service-progress-item">
				<div class="bg-white service-progress-bar"></div>
				<div class="bg-white fc-white fs-12 text-center service-progress-dotted"></div>
				<p class="fc-white">律师付款</p>
			</div>
			<div class="ub-f1 service-progress-item active">
				<div class="bg-white service-progress-bar"></div>
				<div class="bg-white fc-white fs-12 text-center service-progress-dotted"></div>
				<p class="fc-white">进行查档</p>
			</div>
		</div>
		<a href="#" class="mar-b-25 pad-r-20 bg-white ub ub-ac ub-pj search-top"> <span class="mar-l-15 br br-orange br-radius5 text-center fc-orange search-state" id="stateName"></span>
			<p class="mar-l-15 pad-lr-5 fs-12 fc-grey ub-f1 text-overflow" id='stateDesc'></p>
			<div class="pad-l-5">
				<span class="mar-r-5 fc-xxxlgrey">订单详情</span> <span class="icon icon-top icon-turn-right"></span>
			</div>
		</a>
		<div>
			<div class="mar-l-20 mar-t-20 mar-b-10 fc-xxxlgrey fs-12">接单律师信息</div>
			<div class="pad-l-20 pad-r-25 bg-white ub ub-ac pos-relate br-top1 br-bottom1 check-file-lawyer">
				<img id="lawyerLogo" src="" class="mar-r-25 lawyer-pic hide">
				<div class="mar-r-20 ub-f1">
					<p class="fs-16 mar-b-5">
						<span id="lawyerName"></span><span class="mar-l-5 icon-top icon icon-renzheng"></span>
					</p>
					<p class="mar-b-5">
						电话：<span id="lawyerTel"></span>
					</p>
					<p class="text-overflow">
						地址：<span id="lawyerAddress"></span>
					</p>
				</div>
				<a id="atel" href="tel:" class="icon icon-tel"></a>
			</div>
		</div>

		<div class="hide">
			<div class="mar-l-20 mar-t-20 mar-b-10 fc-xxxlgrey fs-12">查档结果</div>
			<div class="pad-t-25 bg-white pos-relate br-top1 br-bottom1 check-file-pic">
				<ul class="img-list clear" id="attachRs">
				</ul>
			</div>
		</div>

		<div id='printView' class="hide">
			<div class="mar-l-20 mar-t-20 mar-b-10 fc-xxxlgrey fs-12">打印费缴费单</div>
			<div class="pad-tb-25 bg-white pos-relate br-top1 br-bottom1 ub ub-ac ub-pj check-file-invoice">
				<div class="ub ub-ac">
					<ul class="img-list">
						<li class="view-img">
							<img id="attchId" class="mar-l-20 invoice-pic">
						</li>
					</ul>
					<p class="ub-f1 mar-l-20">
						<span>档案打印费</span>&nbsp;
						<span class="fc-red" id="priceP"></span>
					</p>
				</div>
				<a href="javascript:void(0);" class="mar-r-25 br-radius5 text-center fc-red fs-16 btn-pay-red" style="display: none" data-to="invoice-page">付款</a>
			</div>
		</div>

		<div id="serviceRecord" class="hide">
			<div class="mar-l-20 mar-t-20 mar-b-10 fc-xxxlgrey fs-12">服务记录</div>
			<div class="pad-l-20 pad-r-25 bg-white ub ub-ac pos-relate br-top1 br-bottom1 check-file-record">
				<ul class="record-list">
					<li class="pad-t-20 clear pos-relate br-bottom1 ">
						<div class="ub ub-ac">
							<span class="circle pos-relate icon-top3"></span>
							<p class="mar-l-20 ub-f1">收到查档材料</p>
						</div>
						<p class="mar-l-45 pad-b-20 mar-t-10 fc-dgrey" id="receiveDate"></p>
					</li>
					<li class="pad-t-20 clear pos-relate br-bottom1 ">
						<div class="ub ub-ac">
							<span class="circle pos-relate icon-top3"></span>
							<p class="mar-l-20 ub-f1">接单律师已配送查档结果</p>
							<div class="pad-l-5">
								<span class="mar-r-5 fc-blue fs-12 btn-viewDeliv ">查看物流信息</span>
							</div>
						</div>
						<p class="mar-l-45 pad-b-20 mar-t-10 fc-dgrey" id='finishDate'></p>
					</li>
					<li class="pad-t-20 clear pos-relate br-bottom1 ">
						<div class="ub ub-ac">
							<span class="circle pos-relate icon-top3"></span>
							<p class="mar-l-20 ub-f1">接单律师完成查档</p>
						</div>
						<p class="mar-l-45 pad-b-20 mar-t-10 fc-dgrey" id='sendbackDate'></p>
					</li>
					<li class="pad-t-20 clear pos-relate br-bottom1 ">
						<div class="ub ub-ac">
							<span class="circle pos-relate icon-top3"></span>
							<p class="mar-l-20 ub-f1">接单律师收到纸质委托查档材料</p>
						</div>
						<p class="mar-l-45 pad-b-20 mar-t-10 fc-dgrey" id="workingDate"></p>
					</li>
					<li class="pad-t-20 clear pos-relate br-bottom1">
						<div class="ub ub-ac">
							<span class="circle pos-relate icon-top3"></span>
							<p class="mar-l-20 ub-f1">发单律师快递纸质委托查档材料</p>
						</div>
						<p class="mar-l-45 pad-b-20 mar-t-10 fc-dgrey" id="lgsInputDate"></p>
					</li>
				</ul>
			</div>
		</div>		
		<div class="hide">
			<a id="openLg" href="javascript:void(0);" class="mar-lr-25 bg-blue fc-white text-center fs-16 br-radius5 block btn-delivery " data-to="delivery-page">填写快递信息</a>
		</div>		
		<div class="hide">
			<a id="confirm" href="javascript:void(0);" class="mar-lr-25 bg-blue fc-white text-center fs-16 br-radius5 block btn-confirm" data-to="confirm-page">确认收到查档结果</a>
		</div>
		<div class="hide">
			<a id="evaluate" href="javascript:void(0);" class="mar-lr-25 bg-blue fc-white text-center fs-16 br-radius5 block btn-evaluate" data-to="evaluate-page">我要评价</a>
		</div>
	</div>

	<div class="mask-page delivery-page hide">
		<div class="br-radius10 mask-box mask-box-center">
			<p class="mar-t-35 fc-black bold fs-16 text-center">填写快递信息</p>
			<form id="lgForm" class="mar-lr-30 mar-tb-25 br br-radius5 bg-white delivery-form">
				<div class="form-control br-b ub ub-ac">
					<input type="text" name="lgName" placeholder="快递公司" class="pad-lr-10">
				</div>
				<div class="form-control ub ub-ac">
					<input type="text" name="lgNum" placeholder="快递单号" class="ub-f1 pad-lr-10">
				</div>
			</form>
			<div class="ub delivery-btn">
				<a href="javascript:;" class="fs-16 ub-f1 text-center btn-cancel" data-to="delivery-page">取消</a> <a href="javascript:void(0);" class="fs-16 ub-f1 text-center btn-yes" onclick="b015()">确定</a>
			</div>
		</div>
	</div>
	<div class="mask-page invoice-page hide">
		<div class="br-radius10 mask-box mask-box-center">
			<ul class="bg-white br-radius5">
				<li class="pad-lr-35 pad-tb-35 pos-relate br-top1 ub ub-ac ub-pj">
					<div>
						<span class="icon icon-wechat"></span> <span class="mar-l-20 fc-xlgrey">微信</span>
					</div> <span class="radio-signle icon icon-radio-blue pay-invoice" data-radio="pay" data-value="1" data-to="invoice-page"></span>
				</li>
				<input type="hidden" name="pay" data-type="pay">
			</ul>
		</div>
	</div>
</div>

	<script type="text/javascript" src="${contextPath}/static/js/jquery-1.12.0.min.js"></script>	
	<script type="text/javascript" src="${contextPath}/static/weixin/common/js/lory.min.js"></script>
    <script type="text/javascript" src="${contextPath}/static/weixin/common/js/viewImg.js"></script>
    <script type="text/javascript" src="${contextPath}/static/weixin/common/js/toast.js"></script>
	<script type="text/javascript" src="${contextPath}/static/weixin/cd/js/main.js"></script>
	<script type="text/javascript" src="${contextPath}/static/js/jstorage.js"></script>
	<script type="text/javascript" src="${contextPath}/static/weixin/cd/js/util.js"></script>
	<script type="text/javascript" src="${contextPath}/static/weixin/cd/js/cdIng.js"></script>
	<script type="text/javascript">
		var baseUrl = '<%=com.fadu.app.util.AppConfig.url_duowenapp_b%>';
		var openid = '<%=openid==null?"":openid%>';
		var token = '<%=token==null?"":token%>';
		var orderId = '${orderId}';
		$(document).ready(function() {

		});
	</script>
</body>
</html>