|
|
|
|
|
才<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="web.Web.Site.index" %>
|
|
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
|
<head runat="server">
|
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
|
|
<title>Airspace A template by Themefisher</title>
|
|
|
|
|
|
<meta name="description" content="" />
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
|
|
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- CSS -->
|
|
|
|
|
|
<link rel="stylesheet" href="css/owl.carousel.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="css/font-awesome.min.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="css/style.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="css/ionicons.min.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="css/animate.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="css/responsive.css" />
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Js -->
|
|
|
|
|
|
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
|
|
|
|
|
|
<script src="js/vendor/jquery-1.10.2.min.js"></script>
|
|
|
|
|
|
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
|
|
|
|
|
|
<script src="js/bootstrap.min.js"></script>
|
|
|
|
|
|
<script src="js/owl.carousel.min.js"></script>
|
|
|
|
|
|
<script src="js/plugins.js"></script>
|
|
|
|
|
|
<script src="js/min/waypoints.min.js"></script>
|
|
|
|
|
|
<script src="js/jquery.counterup.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="js/main.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
|
.gridtable {
|
|
|
|
|
|
font-family: verdana,arial,sans-serif;
|
|
|
|
|
|
font-size:11px;
|
|
|
|
|
|
color:#333333;
|
|
|
|
|
|
border-width: 1px;
|
|
|
|
|
|
border-color: #666666;
|
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
|
}
|
|
|
|
|
|
.gridtable th {
|
|
|
|
|
|
border-width: 1px;
|
|
|
|
|
|
padding: 8px;
|
|
|
|
|
|
border-style: solid;
|
|
|
|
|
|
border-color: #666666;
|
|
|
|
|
|
background-color: #dedede;
|
|
|
|
|
|
}
|
|
|
|
|
|
.gridtable td {
|
|
|
|
|
|
border-width: 1px;
|
|
|
|
|
|
padding: 8px;
|
|
|
|
|
|
border-style: solid;
|
|
|
|
|
|
border-color: #666666;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
$(function () {
|
|
|
|
|
|
//锚点跳转滑动效果
|
|
|
|
|
|
$('a[href*=#],area[href*=#]').click(function () {
|
|
|
|
|
|
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
|
|
|
|
|
|
var $target = $(this.hash);
|
|
|
|
|
|
$target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
|
|
|
|
|
|
if ($target.length) {
|
|
|
|
|
|
var targetOffset = $target.offset().top - 60;
|
|
|
|
|
|
$('html,body').animate({
|
|
|
|
|
|
scrollTop: targetOffset
|
|
|
|
|
|
},
|
|
|
|
|
|
1000);
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
$("#btnSearch").click(function () {
|
|
|
|
|
|
var blno = $("#txtBlno").val();
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
url: '../../Interface/StatusController.ashx',
|
|
|
|
|
|
type: 'POST', //GET
|
|
|
|
|
|
data: {
|
|
|
|
|
|
action: "GetStatusForWHLWithBLNO",
|
|
|
|
|
|
blno: blno
|
|
|
|
|
|
},
|
|
|
|
|
|
dataType: 'html', //返回的数据格式：json/xml/html/script/jsonp/text
|
|
|
|
|
|
success: function (data) {
|
|
|
|
|
|
if (data != "") {
|
|
|
|
|
|
$("#dataTable").html(data);
|
|
|
|
|
|
$('#searchModal').modal('show');
|
|
|
|
|
|
} else {
|
|
|
|
|
|
$("#dataTable").html('');
|
|
|
|
|
|
alert("未检索到相关信息！");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
error: function () {
|
|
|
|
|
|
alert("出错了！请稍候再试！");
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
})
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
<form id="form1">
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Header Start -->
|
|
|
|
|
|
<header>
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
|
<!-- header Nav Start -->
|
|
|
|
|
|
<nav class="navbar navbar-default">
|
|
|
|
|
|
<div class="container-fluid">
|
|
|
|
|
|
<!-- Brand and toggle get grouped for better mobile display -->
|
|
|
|
|
|
<div class="navbar-header">
|
|
|
|
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
|
|
|
|
<span class="sr-only">Toggle navigation</span>
|
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<a class="navbar-brand" href="index.html">
|
|
|
|
|
|
<img src="img/logo.png" alt="Logo">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
|
|
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
|
|
|
|
<ul class="nav navbar-nav navbar-right">
|
|
|
|
|
|
<li><a href="#slider"><%=_PageData.Find(p=>p.OrderIndex==1).PartName %></a></li>
|
|
|
|
|
|
<li><a href="#intro"><%=_PageData.Find(p=>p.OrderIndex==2).PartName %></a></li>
|
|
|
|
|
|
<li><a href="#feature"><%=_PageData.Find(p=>p.OrderIndex==3).PartName %></a></li>
|
|
|
|
|
|
<li><a href="#service"><%=_PageData.Find(p=>p.OrderIndex==4).PartName %></a></li>
|
|
|
|
|
|
<li><a href="#call-to-action"><%=_PageData.Find(p=>p.OrderIndex==5).PartName %></a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- /.navbar-collapse -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- /.container-fluid -->
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
<!-- header close -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Slider Start -->
|
|
|
|
|
|
<section id="slider" style="padding-bottom:100px">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-10 col-md-offset-2">
|
|
|
|
|
|
<div class="block">
|
|
|
|
|
|
<h1 class="animated fadeInUp"><%=_PageData.Find(p=>p.OrderIndex==1).PartTitle %></h1>
|
|
|
|
|
|
<p class="animated fadeInUp"><%=_PageData.Find(p=>p.OrderIndex==1).PartSubTitle %></p>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
<!-- P2 Start -->
|
|
|
|
|
|
<section id="intro">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-7 col-sm-12">
|
|
|
|
|
|
<div class="block">
|
|
|
|
|
|
<div class="section-title">
|
|
|
|
|
|
<h2><%=_PageData.Find(p=>p.OrderIndex==2).PartTitle %></h2>
|
|
|
|
|
|
<p><%=_PageData.Find(p=>p.OrderIndex==2).PartSubTitle %></p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p><%=_PageData.Find(p=>p.OrderIndex==2).PartContent %></p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- .col-md-7 close -->
|
|
|
|
|
|
<div class="col-md-5 col-sm-12">
|
|
|
|
|
|
<div class="block">
|
|
|
|
|
|
<img src="img/p2.jpg" alt="Img">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- .col-md-5 close -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
<!-- P3 Start-->
|
|
|
|
|
|
<section id="feature">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-6 col-md-offset-6">
|
|
|
|
|
|
<h2><%=_PageData.Find(p=>p.OrderIndex==3).PartTitle %></h2>
|
|
|
|
|
|
<%=_PageData.Find(p=>p.OrderIndex==3).PartContent %>
|
|
|
|
|
|
<a href="#" class="btn btn-view-works">View Works</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- P4 Start -->
|
|
|
|
|
|
<section id="service">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="section-title">
|
|
|
|
|
|
<h2><%=_PageData.Find(p=>p.OrderIndex==4).PartTitle %></h2>
|
|
|
|
|
|
<%=_PageData.Find(p=>p.OrderIndex==4).PartSubTitle %>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<%=_PageData.Find(p=>p.OrderIndex==4).PartContent %>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
<!-- P5 Start -->
|
|
|
|
|
|
<section id="call-to-action">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
|
<div class="block">
|
|
|
|
|
|
<h2><%=_PageData.Find(p=>p.OrderIndex==5).PartTitle %></h2>
|
|
|
|
|
|
<%=_PageData.Find(p=>p.OrderIndex==5).PartContent %>
|
|
|
|
|
|
<a class="btn btn-default btn-call-to-action" href="#">Tell Us Your Story</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- P6 Start -->
|
|
|
|
|
|
<section id="testimonial">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="section-title text-center">
|
|
|
|
|
|
<h2><%=_PageData.Find(p=>p.OrderIndex==6).PartTitle %></h2>
|
|
|
|
|
|
<%=_PageData.Find(p=>p.OrderIndex==6).PartSubTitle %>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<%=_PageData.Find(p=>p.OrderIndex==6).PartContent %>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- footer Start -->
|
|
|
|
|
|
<footer>
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
|
<div class="footer-manu">
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li><a href="#slider"><%=_PageData.Find(p=>p.OrderIndex==1).PartName %></a></li>
|
|
|
|
|
|
<li><a href="#intro"><%=_PageData.Find(p=>p.OrderIndex==2).PartName %></a></li>
|
|
|
|
|
|
<li><a href="#feature"><%=_PageData.Find(p=>p.OrderIndex==3).PartName %></a></li>
|
|
|
|
|
|
<li><a href="#service"><%=_PageData.Find(p=>p.OrderIndex==4).PartName %></a></li>
|
|
|
|
|
|
<li><a href="#call-to-action"><%=_PageData.Find(p=>p.OrderIndex==5).PartName %></a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p><%=_CopyRight%></p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="modal fade row" style="width:1000px;margin-left:100px" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="modal-dialog" style="width:1000px" >
|
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
|
|
|
|
<h4 class="modal-title" id="myModalLabel">提单查询</h4>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="modal-body gridtable" id="dataTable">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="modal-footer" style="margin-top:25px">
|
|
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- /.modal-content -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- /.modal -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
