<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
		<title>客户服务--水费查询</title>
		<link href="http://www.cssw.net:80/styles/pc/style.css" rel="stylesheet" type="text/css">
		<link href="http://www.cssw.net:80/styles/pc/list.css" rel="stylesheet" type="text/css">
		<script language="JavaScript" src="http://www.cssw.net:80/scripts/pc/time.js" type="text/javascript"></script>
		<script type="text/javascript" src="http://www.cssw.net:80/scripts/jquery-1.10.2/jquery-1.10.2.min.js"></script>
		<link rel="stylesheet" href="http://www.cssw.net:80/scripts/jquery-easyui-1.3.4/themes/default/easyui.css" type="text/css">
		<link rel="stylesheet" href="http://www.cssw.net:80/scripts/jquery-easyui-1.3.4/themes/icon.css" type="text/css">
		<script type="text/javascript" src="http://www.cssw.net:80/scripts/jquery-easyui-1.3.4/jquery.easyui.min.js" charset="utf-8"></script>
		<script type="text/javascript" src="http://www.cssw.net:80/scripts/jquery-easyui-1.3.4/locale/easyui-lang-zh_CN.js" charset="utf-8"></script>
		<script type="text/javascript" src="http://www.cssw.net:80/scripts/My97DatePicker/WdatePicker.js" charset="utf-8"></script>
		<link rel="shortcut icon" href="http://www.cssw.net/favicon.ico" type="image/x-icon">
		<style type="text/css">
			.result td{font-size:20px;text-align:center;height:30px;}
		</style>
	</head>
	<body>
		<div id="container">

<!--头部区域-->
	<div id="header">
		<!--banner-->
		<div id="banner">
			<embed src="/html/pc/swf/banner.swf" type="application/x-shockwave-flash" height="158" width="960"> 
		</div>
		<!--主菜单-->
		<div id="nav">
			<table cellpadding="0" cellspacing="0">
				<tbody>
					<tr>
						<td>
							<ul>
																<li><a href="http://www.cssw.net:80/index.html">首页</a></li>
								<li class="span"><span>|</span></li>
								<li><a href="http://www.cssw.net:80/html/pc/second/AboutUs.html">关于我们</a></li>
								<li class="span"><span>|</span></li>
								<li><a href="http://www.cssw.net:80/html/pc/second/WaterNews.html">水务新闻</a></li>
								<li class="span"><span>|</span></li>
								<li><a href="http://www.cssw.net:80/html/pc/second/khfwsfcx.html">客户服务</a></li>
								<li class="span"><span>|</span></li>
								<li><a href="http://www.cssw.net:80/html/pc/second/PolicyRegulation.html">政策法规</a></li>
								<li class="span"><span>|</span></li>
								<li><a href="http://www.cssw.net:80/html/pc/second/CorporateCulture.html">企业文化</a></li>
								<li class="span"><span>|</span></li>
								<li><a href="http://www.cssw.net:80/html/pc/second/InfoPublic.html">信息公开</a></li>
								<li class="span"><span>|</span></li>
								<li><a href="http://192.168.1.9:81" target="_blank">网上办公</a></li>
								<li class="span"><span>|</span></li>
								<li><a href="http://www.cssw.net:80/html/pc/second/WaterNewsGroupNewsVideoNews.html">视频新闻</a></li>
								<li class="span"><span>|</span></li>
								<li><a href="http://www.cssw.net:80/html/pc/innerPage/nbryssszsj.html?ver=1.0">内部人员</a></li>
							</ul>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
			<!--主体区域-->
			<div id="content">
				<div id="add">
					<div id="left-2">
						<div id="culture-2">
							<p>
								水费查询
							</p>

							<ul>
								<li>
	<a href="http://www.cssw.net:80/html/pc/second/khfwsssz.html" title="实时水质">实时水质</a>
</li>
<li>
	<a href="http://www.cssw.net:80/html/pc/second/khfwsfcx.html" title="水费查询">水费查询</a>
</li>
<li>
	<a href="http://www.cssw.net:80/html/pc/third/khfwsfjnsfjn.html" title="水费缴纳">水费缴纳</a>
</li>
<li>
	<a href="http://www.cssw.net:80/html/pc/third/khfwgsjggsjg.html" title="供水价格">供水价格</a>
</li>
<li>
	<a href="http://www.cssw.net:80/html/pc/second/khfwyhbz.html" title="用户报装">用户报装</a>
</li>
<li>
	<a href="http://www.cssw.net:80/html/pc/third/khfwbytzsbytzs.html" title="伯阳桶装水">伯阳桶装水</a>
</li>
<li>
	<a href="http://www.cssw.net:80/html/pc/second/khfwszbz.html" title="水质标准">水质标准</a>
</li>
<li>
	<a href="http://www.cssw.net:80/html/pc/second/khfwbslc.html" title="办事流程">办事流程</a>
</li>
							</ul>
						</div>
						<div class="clear"></div>
					</div>
					<div id="right-2" style="background:url(www.cssw.net:80imagessearch_3-2.jpg) no-repeat bottom; position:relative;  height:550px;">
						<div id="location">
							<p><span></span>
								<a href="http://www.cssw.net:80/index.html">首页</a> &gt; 
									<a href="http://www.cssw.net:80/html/pc/second/khfwsfcx.html">客户服务</a> &gt;

									<a href="http://www.cssw.net:80/html/pc/second/khfwsfcx.html">水费查询</a>
							</p>
						</div>
						<div >
							<!-- 水费查询 -->
							<div id="sfcxDiv" class="sfcx-form" style="margin-top:100px;margin-left:120px;">
									<form id="cForm" action="###" method="post" enctype="multipart/form-data">
										<div id="waternoDiv">
											<label for="clientcode">用水号:</label>
											<input type="text" id="clientcode" name="clientcode" maxlength="11" style="width:175px;"/>
											<span style="color:red"></span>
										</div>
										<div id="amountDiv" style="margin-top:20px;">
											<label for="yearmonth">查询月份:</label>
											<input type="text" class="Wdate" id="yearmonth" name="yearmonth" onfocus="WdatePicker({dateFmt:'yyyyMM'})" style="width:175px;"/>
											<span style="color:red"></span>
										</div>
										<div id="mobileDiv" style="margin-top:20px;">
											<label for="phoneNumber">手机号码:</label>
											<input type="text" id="phoneNumber" name="phoneNumber" style="width:175px;"/>
											<input id="getCode" type="button" value="获取验证码" autocomplete="off"/>
											<span style="color:red"></span>
										</div>
										<div id="codeDiv" style="margin-top:20px;">
											<label for="phoneCode">验证码:</label>
											<input type="text" id="phoneCode" name="phoneCode" maxlength="6" style="width:120px;"/>
											<span style="color:red"></span>
										</div>
										<div style="margin-top:10px; text-align:center; width:500px;">
											<input id="Button" type="button" style=" border:0; background:url(www.cssw.net:80imageschaxun.jpg) no-repeat; width:100px;height:50px;"/>
										</div>
									</form>
									<div style="color:#666666; margin-top:40px; vertical-align:top; TEXT-ALIGN: left; FONT-SIZE: 12px;">
										<p style=" width:510px;"><img src="http://www.cssw.net:80/images/ts.jpg">&nbsp;提示：1、本查询数据24小时更新一次，如果查询数据与我司业务窗口查询的数据有差异,以业务窗口的数据为准。<br>
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;提示：2、如有疑问，您也可以拨打24小时服务热线:0635-96568，我们将竭诚为您服务！</p>
									</div>
							</div>

							<div id="resultDiv" style="display:none;margin-top:20px;">
								<table id="dg" class="result" style="margin:40px 100px;width:520px;height:auto; font-size:12px;" border="1"></table>
							</div>
						</div>
						<script type="text/javascript">
						var T = 60;  
    					var handle = null;
						$(document).ready(function(){
							$('#getCode').click(function(){  
								var phoneNumber = $('#phoneNumber').val();
								if(!/((\+86)|(86))?(1)\d{10}/.test(phoneNumber)){
									alert('请输入正确的手机号码');
									return;
								}
								$.ajax({
									url:'userSearch!sendPhoneCode.action',
									async: true,
									type: 'POST',
									data : {
										phoneNumber : phoneNumber
									},
									dataType: 'json',
									success: function(data) {
										if(data.success){
											$('#getCode').attr({"disabled":"disabled"});
											T = 60;
											countDown(); 
										} else {
											alert(data.error);
										}
									}
								});	 
					        }); 
						    
							$("#Button").click(function(){
								var clientcode = jQuery("#clientcode");
								if (clientcode.val().length <= 0) {
									clientcode.next().html("请输入给水号");
									return false;
								}
								var phoneNumber = $('#phoneNumber').val();
								if(!/((\+86)|(86))?(1)\d{10}/.test(phoneNumber)){
									alert('请输入正确的手机号码');
									return;
								}
								var phoneCode = $('#phoneCode').val();
								if(phoneCode.length != 6){
									alert('请输入正确的手机验证码');
									return;
								}
								jQuery.post("userSearch!search.action", jQuery("#cForm").serialize(), function(data) {
									if(data.error) {
										jQuery("#phoneCode").next().html(data.error);
									}else {
										jQuery("#sfcxDiv").hide();
										jQuery("#resultDiv").show();
										var table ="";
										var t = data;
										if(t.length != 0){
											table +="<table class='result' border='1' style='margin:40px 100px;width:520px;height:auto;'>";
											table +="<thead><tr><td>客户名称</td><td>所属年月</td><td>缴费状态</td><td>用水量</td><td>附加费</td><td>基本水费</td><td>违约金</td><td>总费用</td><td>余额</td></tr></thead>";
											for(var i = 0;i<t.length;i++){
												table += "<tr><td>" + t[i].客户名称 + "</td>";
												table += "<td>" + t[i].所属年月 + "</td>";
												table += "<td>" + t[i].缴费状态 + "</td>";
												table += "<td>" + t[i].用水量 + "</td>";
												table += "<td>" + t[i].附加费 + "</td>";
												table += "<td>" + t[i].基本水费 + "</td>";
												table += "<td>" + t[i].违约金 + "</td>";
												table += "<td>" + t[i].总费用 + "</td>";
												table += "<td>" + t[i].余额 + "</td></tr>";
											}
											$('#resultDiv').html(table + "</table>");
										}else{
											$('#resultDiv').html("<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;输入编号有误或者未查询到数据，请重新填写!<br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=\"button\" value=\"返回\" onclick=\"window.location.href='/html/pc/second/khfwsfcx.html'\"></input>");
										}
									}
								});
							});
						});
						jQuery("#clientcode").focus(function() {
							jQuery("#clientcode").next().html("");
						});
						jQuery("#phoneCode").focus(function() {
							jQuery("#phoneCode").next().html("");
						});	         
						function countDown(){  
					        if(T == 0){  
					            clearTimeout(handle);  
								$('#getCode').removeAttr("disabled");
					            $('#getCode').val('重新获取');  
					        }  
					        else{  
					            $('#getCode').val('('+ T + ')秒后可重新获取');  
					            T = T - 1;  
					            handle = setTimeout('countDown()', 1000);  
					        }  
					    } 
						</script>
						
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
				</div>
			</div>

?<!--底部区域-->
	<div id="footer">
		<div id="f-left">
			聊城市城市水务集团Copyright &#169; 2014 All Rights Reserved
			<p>公司地址：聊城市柳园南路7号 邮编：252000 鲁ICP备 05003230 </p>
		 		
		</div>
		<div id="f-right"> <a href="http://www.cssw.net/html/yyzzxxgs.html" target="_blank">
		<img src="/html/pc/images/right.jpg"></a> 
		</div>
<div style="width:900px;margin:0 auto;float:left;padding-left:160px">
		 		<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37150202000163" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="/images/gongan.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#ffffff;">鲁公网安备 37150202000163号</p></a>
		 	</div>
	</div>
		 	
		 		</div>
		<object style="display: none;" type="application/x-bang5taoplugin" id="b5tplugin" height="0" width="0"></object>
	</body>
</html>