You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

144 lines
5.8 KiB
Plaintext

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="YJCX.aspx.cs" Inherits="DSWeb.Areas.Mobile.Views.YunJia.YJCX" %>
<!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 runat="server">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script src="../../../../Areas/Mobile/Viewsjs/BookSpace/BookSpace.js" type="text/javascript"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
//时间控件
$(function () {
var currYear = (new Date()).getFullYear();
var opt={};
opt.date = {preset : 'date'};
opt.datetime = {preset : 'datetime'};
opt.time = {preset : 'time'};
opt.default = {
theme: 'android-ics light', //皮肤样式
display: 'modal', //显示方式
mode: 'scroller', //日期选择模式
lang:'zh',
startYear:currYear - 10, //开始年份
endYear:currYear + 10 //结束年份
};
$("#sksrq").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));
$("#sjsrq").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));
var optDateTime = $.extend(opt['datetime'], opt['default']);
var optTime = $.extend(opt['time'], opt['default']);
});
$(document).ready(function () {
$('#sqyg').val($('#hdsqyg').val());
$('#sxhg').val($('#hdsxhg').val());
$('#scgs').val($('#hdscgs').val());
$('#sksrq').val($('#hdsksrq').val());
$('#skjsrq').val($('#hdsjsrq').val());
$('.ss').keypress(function (event) {
if (event.keyCode == '13') {
var currurl = window.location.href;
var currsplit = currurl.split('?');
if (currsplit.length > 0) {
currurl = currsplit[0];
}
var str = CreateQueryStr();
currurl += '?1=1' + str;
window.location.href = currurl;
}
});
$("#btnSearch").click(function (event) {
var currurl = window.location.href;
var currsplit = currurl.split('?');
if (currsplit.length > 0) {
currurl = currsplit[0];
}
var str = CreateQueryStr();
currurl += '?1=1' + str;
window.location.href = currurl;
});
})
function CreateQueryStr(){
var qyg = $('#sqyg').val();
var xhg = $('#sxhg').val();
var cgs = $('#scgs').val();
var ksrq = $('#sksrq').val();
var jsrq = $('#sjsrq').val();
var str = "";
if (qyg!=null&&qyg!=="") {
str += ("&qyg="+qyg);
}
if (xhg!=null&&xhg!=="") {
str += ("&xhg="+xhg);
}
if (cgs!=null&&cgs!=="") {
str += ("&cgs="+cgs);
}
if (ksrq!=null&&ksrq!=="") {
str += ("&ksrq="+ksrq);
}
if (jsrq!=null&&jsrq!=="") {
str += ("&jsrq="+jsrq);
}
return str;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div data-role="page" id="pageone">
<div data-role="content">
<h2>
运价查询</h2>
<div data-role="fieldcontain">
<ul data-role="listview">
<li>
<label for="sqyg">
起运港:</label>
<input type="search" class="ss" name="sqyg" id="sqyg" placeholder="起运港">
</li>
<li>
<label for="sxhg">
卸货港:</label>
<input type="search" class="ss" name="sxhg" id="sxhg" placeholder="卸货港">
</li>
<li>
<label for="scgs">
船公司:</label>
<input type="search" class="ss" name="scgs" id="scgs" placeholder="船公司">
</li>
<li>
<label for="sksrq">
开始日期:</label>
<input type="search" class="ss" name="sksrq" id="sksrq" placeholder="开始日期">
</li>
<li>
<label for="sjsrq">
结束日期:</label>
<input type="search" class="ss" name="sjsrq" id="sjsrq" placeholder="结束日期">
</li>
<a href="#" style="height: 40px" data-role="button" id="btnSearch">搜索</a>
</ul>
</div>
<br />
<ul data-role="listview" data-inset="true">
<%=_YJCXHTML%>
</ul>
<input type="hidden" runat="server" id="hdsqyg" />
<input type="hidden" runat="server" id="hdsxhg" />
<input type="hidden" runat="server" id="hdscgs" />
<input type="hidden" runat="server" id="hdsksrq" />
<input type="hidden" runat="server" id="hdsjsrq" />
</div>
</div>
</form>
</body>
</html>