<%@ 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>
<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">
</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"> <span class="icon icon-back"></span>
			</a> <span>异地查档</span> <a href="#" class="pad-r-30"> <span class="icon icon-service-order"></span>
			</a>
		</header>
		<div class="search-page">			
			<a href="#" class="mar-b-25 pad-r-20 bg-white ub ub-ac ub-pj search-top hide" id="b617Div">
				<span class="mar-l-15 br br-orange br-radius5 text-center fc-orange search-state" id="orderStateName"></span>
				<p class="mar-l-15 pad-lr-5 fs-12 fc-grey ub-f1 text-overflow" id="time"></p>
				<div class="pad-l-5">
					<span class="mar-r-5 fc-xxxlgrey" id="typeName"></span>
					<span class="icon icon-top icon-turn-right"></span>
				</div>
			</a>
			<div class="bg-white pos-relate br-top1 br-bottom1 search-choose-wrapper">
				<form id='form1' method="post" action="${contextPath}/web/cd/toServiceInfo">
					<div class="pad-l-15 pad-r-20 br-bottom1 ub ub-ac ub-pj search-choose" data-to="mask-type">
						<div>
							<span class="search-option" id="selectType">选择查档类型</span> <input type="hidden" id="cdType" name="type"/>
						</div>
						<span class="icon icon-down-blue"></span>
					</div>
					<div class="pad-l-15 pad-r-20 ub ub-ac ub-pj search-choose search-area">
						<div>
							<span class="search-option" id="selectArea">选择地区</span> 
							<input type="hidden" id="addr" name="addr"/>
							<input type="hidden" id="countyId" name="countyId"/>
						</div>
						<span class="icon icon-turn-right"></span>
					</div>
				</form>
			</div>
			<p class="pad-t-15 pad-l-15 fs-12 fc-xlgrey" id="b000S7"></p>
			
			<a href="javascript:nextStep();" class="mar-lr-auto fs-16 fc-white br-radius5 text-center bg-blue btn-search">查询具体服务信息</a>
			<div class="pad-l-20 mar-t-30 mar-b-20 fs-12 fc-xlgrey">
				<span class="radio icon icon-radio1 icon-top1 on" data-radio="read" data-value="0"></span> <span class="mar-l-10">已阅读并同意</span> <span class="fc-blue">《异地查档服务协议》</span> <input type="hidden" name="read" data-type="read">
			</div>
			<div class="mar-lr-auto black-line"></div>
			<div class="mar-lr-20 pad-t-10 fs-12 fc-xxlgrey">
				<div class="mar-tb-10">
					<span class="icon icon-top1 icon-flag"></span> <span>已覆盖全国所有省份的重要城市</span>
				</div>
				<div class="mar-tb-10">
					<span class="icon icon-top1 icon-zhipai"></span> <span>由平台指派合作律师，服务标准又快速</span>
				</div>
				<div class="mar-tb-10">
					<span class="icon icon-top1 icon-secret"></span> <span>阿里云提供技术支持，保证资料安全性和隐私性</span>
				</div>
			</div>
			<div class="mask-page mask-type hide">
				<div class="br br-grey br-radius5 mask-box mask-box-center">
					<div class="fs-16 fc-white text-center bg-blue search-mask-top">选择查档类型</div>
					<ul class="bg-white fc-black text-center list-bottom search-mask-list">
						<li class="pos-relate br-bottom1" cdType='1'>工商基本信息</li>
						<li class="pos-relate br-bottom1" cdType='2'>工商内档信息</li>
						<li class="pos-relate br-bottom1" cdType='3'>户籍信息</li>
						<li class="pos-relate br-bottom1" cdType='4'>婚姻信息</li>
						<li class="pos-relate br-bottom1" cdType='5'>房产信息</li>
						<li class="pos-relate br-bottom1" cdType='6'>车辆信息</li>
					</ul>
				</div>
			</div>
			<div class="bg-white select-area-layout hide">
				<header class="top bg-blue text-center fc-white fs-16 ub ub-pj">
					<a href="javascript:;" class="pad-l-30 area-back"> <span class="icon icon-back"></span>
					</a> <span>选择城市</span> <span class="pad-l-40 pad-r-30"></span>
				</header>
				<div class="pad-tb-15 pad-l-15 ub pos-relate area-search-form">
					<input type="text" class="ub-f1 fs-12 form-control" placeholder="请输入城市名称">
					<a href="javascript:void(0);" class="fc-xxlgrey text-center bg-white btn-search-right">搜索</a>
				</div>
				<div class="bg-lgreen search-city-wrapper hide">
					<ul class="bg-white list-bottom pos-relate br-bottom1 search-city-list">
					</ul>
				</div>				
				<div>
					<p class="bg-lgreen pad-tb-10 pad-l-25 fs-14 fc-grey bold pos-relate br-top1 br-bottom1" id="area-select-hot">最近访问</p>
					<ul class="pad-l-25 pad-r-50 pad-t-20 pad-b-5 fs-14 clear area-recent-list" id='areaZJ'>
						<!-- <li class="br pull-left">安庆</li>
						<li class="br pull-left">阿里</li>
						<li class="br pull-left">阿克苏</li>
						<li class="br pull-left">阿拉尔</li>
						<li class="br pull-left">益阳</li>
						<li class="br pull-left">滨州</li> -->
					</ul>
					<ul class="fs-12 area-search-list">
						<li><a href="#area-select-hot">热门</a></li>
					</ul>
				</div>
			</div>
			<div class="bg-lgreen select-court-layout">
				<header class="top bg-blue text-center fc-white fs-16 ub ub-pj">
					<a href="javascript:;" class="pad-l-30 court-back"> <span class="icon icon-back"></span>
					</a> <span>选择县区</span> <a href="javascript:;" class="fc-white pad-r-30 court-back2"> 取消 </a>
				</header>
				<div class="mar-b-25 pad-lr-30 pad-tb-20 bg-white fs-14 ub ub-ac ub-pj court-back-btn">
					<div class="ub ub-ac">
						<span class="icon icon-back2"></span>
						<p class="mar-l-10">切换城市</p>
					</div>
					<p>
						当前: <span class="current-city">广州</span>
					</p>
				</div>
				<ul class="bg-white fs-14 pos-relate br-t court-list">
					<li class="pos-relate">
						<p class="pad-lr-25 fs-16 ub ub-ac ub-pj br-b pos-relate">
							<span class="zone">白云区</span> <span class="icon icon-down-blue2"></span>
						</p>
						<ul class="pad-l-40 list-bottom list-bottom-width100 court-list-town hide">
						</ul>
					</li>
				</ul>
			</div>
		</div>		
	</div>
	<script src="${contextPath}/static/js/flexible.min.js"></script>
	<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/citys.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/search.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">
    	var baseUrl = '<%=com.fadu.app.util.AppConfig.url_duowenapp_b%>';
		var openid = '<%=openid%>';
		var token = '<%=token%>';
		$(document).ready(function() {
			$(".icon-service-order").click(function(){
				window.location.href=baseUrl + "/web/cd/toMyOrder";
			});			
			$(".fc-blue").click(function(){
				window.location.href=baseUrl + "/wx/toCdxy";
			});
			
			//全国查档一口价500元

			var b000 = {"token":token, "actionCode":"B000"};
			postData(baseUrl + '/B/android?v=' + new Date(), JSON.stringify(b000), b000Succ, postDataDefaultErrorCallback);
		});
		
		function b000Succ(data){
			//console.log(data);
			if(data && data.success){
				for(var i=0; i<data.list.length; i++){
					if(data.list[i].name=='s7'){
						$("#b000S7").html(data.list[i].value);
						return;
					}
				}
			}else{
				$("#b000S7").html("全国一口价500元！");
			}
		}
	</script>
</body>
</html>
