<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GwMobileArea.aspx.cs" Inherits="GwMobileArea" %>
|
|
<!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 charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /><meta name="renderer" content="webkit" /><meta http-equiv="Cache-Control" content="no-siteapp" />
|
<title></title>
|
<!--[if lt IE 9]>
|
<meta http-equiv="refresh" content="0;ie.html" />
|
<![endif]-->
|
<link rel="shortcut icon" href="favicon.ico" /><link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet" /><link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet" /><link href="css/plugins/iCheck/custom.css" rel="stylesheet" /><link href="css/animate.min.css" rel="stylesheet" /><link href="css/style.min862f.css?v=4.1.0" rel="stylesheet" /><link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet" /><link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet" /><link href="css/jquery.numberedtextarea.css" rel="stylesheet" />
|
<script src="js/loading.js" type="text/javascript"></script>
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
<script src="js/json.js"></script>
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
<script src="js/content.min.js?v=1.0.0"></script>
|
<script src="js/plugins/iCheck/icheck.min.js"></script>
|
<script src="js/plugins/sweetalert/sweetalert.min.js"></script>
|
<script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
|
<script type="text/javascript" src="/js/jquery-loading.js"></script>
|
<script type="text/javascript" src="/js/jquery-form.js"></script>
|
<script type="text/javascript" src="/js/jquery.numberedtextarea.js"></script>
|
<script type="text/javascript" src="/js/mytek-pager.js"></script>
|
<script src="js/mytek-pagination.js?r=11" type="text/javascript"></script>
|
<style>
|
body { font-size: 12px; color: #111111; }
|
.mask { position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777; z-index: 1002; left: 0px; opacity: 0.5; -moz-opacity: 0.5; text-align: center; display: none; }
|
.mask span { height: 70%; display: inline-block; vertical-align: middle; }
|
.mask span img { vertical-align: middle; }
|
</style>
|
<script>
|
(function ($) {
|
$.ajaxBak = $.ajax;
|
|
$.ajax = function (options) {
|
options.timeout = 300000;
|
options.url = options.url + (options.url.indexOf("?") > 0 ? "&" : "?") + "r=" + Math.random();
|
|
options.complete = function (e) {
|
$("body").hideLoading();
|
}
|
|
if (options.showloading !== false) {
|
$("body").showLoading();
|
}
|
|
try {
|
return $.ajaxBak.call(this, options);
|
} catch (e) {
|
if (options.showloading !== false) {
|
$("body").hideLoading();
|
}
|
}
|
return this;
|
}
|
})(jQuery);
|
|
$(document).ready(function(){
|
$(".icheck-me").iCheck({checkboxClass:"icheckbox_square-green",radioClass:"iradio_square-green",});
|
$(".input-group.date").datepicker({todayBtn:"linked",keyboardNavigation:!1,forceParse:!1,calendarWeeks:!0,autoclose:!0});
|
$("[data-toggle='tooltip']").tooltip();
|
$("[data-toggle=popover]").popover()
|
});
|
</script>
|
|
<script>
|
$(function () {
|
|
var pagination = new Pagination();
|
pagination.setPageIndex(1);
|
pagination.setPageSize(20);
|
|
function loadPage() {
|
var segment = $("#segment").val();
|
var province = $("#province").val();
|
var cardType = $("#cardType").val();
|
$.ajax({
|
url: "GwMobileArea.ashx",
|
type: "POST",
|
data: { action: "loadMobileAreaPageList", segment: segment, province: province, cardType: cardType, pageIndex: pagination.getPageIndex(), pageSize: pagination.getPageSize() },
|
beforeSend: function () {
|
$("#mask").css("height", $(document).height());
|
$("#mask").css("width", $(document).width());
|
$("#mask").show();
|
},
|
success: function (result) {
|
if (result.OK) {
|
$("#MobileTable tbody").html(result.Message.Table);
|
pagination.setRecordCount(result.Message.TotalCount);
|
$("#pagination").html(pagination.getHtml());
|
$("#mask").hide();
|
} else {
|
mytek.alert(result.Message, result.OK);
|
$("#mask").hide();
|
}
|
}
|
});
|
}
|
|
$(document).ready(function () {
|
|
$(document).on("click", "a[data-index]", function () {
|
pagination.setPageIndex($(this).attr("data-index"));
|
loadPage();
|
});
|
|
$(document).on("click", ".action-query", function () {
|
pagination.setPageIndex(1);
|
loadPage();
|
});
|
|
loadPage();
|
});
|
|
})
|
</script>
|
</head>
|
<body class="white-bg">
|
|
<div class="wrapper wrapper-content table-responsive">
|
|
<form name="queryForm" method="post" id="queryForm" class="form-inline">
|
<div class="m-b">
|
<div class="form-group">
|
<div class="input-group m-b">
|
<span class="input-group-addon">号段</span>
|
<input type="text" name="segment" id="segment" class="form-control" />
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="input-group m-b">
|
<span class="input-group-addon">省份</span>
|
<input type="text" name="province" id="province" class="form-control" />
|
</div>
|
</div>
|
<%--<div class="form-group" style="display: none;">--%>
|
<div class="form-group" >
|
<div class="input-group m-b">
|
<select name="cardType" class="form-control" id="cardType">
|
<option value="">运营商</option>
|
<option value="中国移动">中国移动</option>
|
<option value="中国联通">中国联通</option>
|
<option value="中国电信">中国电信</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="input-group m-b">
|
<input type="button" value="查询" class="btn btn-primary action-query" />
|
</div>
|
</div>
|
</div>
|
</form>
|
<table class="table table-striped table-bordered table-hover" id="MobileTable">
|
<thead>
|
<tr>
|
<td class="col-md-1">编号
|
</td>
|
<td class="col-md-1">号段
|
</td>
|
<td class="col-md-1">省份-市</td>
|
|
</td>
|
<td class="col-md-1">操作
|
</td>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
</table>
|
<div id="pagination">
|
</div>
|
|
<div id="mask" class="mask">
|
<span></span>
|
<img src="img/spinning-circles.svg" alt="载入中..." /></div>
|
</div>
|
</body>
|
</html>
|
