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.
DS7/DSWeb/PriceSearch/OpSailingDateList.html

262 lines
12 KiB
HTML

3 years ago
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>船期表和涨价通知</title>
<style>
html, body {
margin: 0; /* Remove body margin/padding */
padding: 0;
overflow: hidden; /* Remove scroll bars on browser window */
font-size: 75%;
}
/*Splitter style */
#LeftPane {
/* optional, initial splitbar position */
overflow: auto;
}
/*
* Right-side element of the splitter.
*/
#RightPane {
padding: 2px;
overflow: auto;
}
.ui-tabs-nav li {position: relative;}
.ui-tabs-selected a span {padding-right: 10px;}
.ui-tabs-close {display: none;position: absolute;top: 3px;right: 0px;z-index: 800;width: 16px;height: 14px;font-size: 10px; font-style: normal;cursor: pointer;}
.ui-tabs-selected .ui-tabs-close {display: block;}
.ui-layout-west .ui-jqgrid tr.jqgrow td { border-bottom: 0px none;}
.ui-datepicker {z-index:1200;}
</style>
<link rel="stylesheet" type="text/css" href="theme/redmond/jquery-ui-1.8.2.custom.css" />
<link rel="stylesheet" type="text/css" href="theme/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" href="theme/ui.multiselect.css" />
<link href="theme/dhtmlxcombo.css" type="text/css" rel="Stylesheet" media="screen" />
<script src="js/dhtmlxcommon.js" type="text/javascript"></script>
<script src="js/dhtmlxcombo.js" type="text/javascript"></script>
<script src="js/dhtmlxcombo_whp.js" type="text/javascript"></script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script>
<script src="js/jquery.layout.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/json2.js" type="text/javascript"></script>
<script type="text/javascript">
$.jgrid.no_legacy_api = true;
$.jgrid.useJSON = true;
</script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script>
<script type="text/javascript">
window.dhx_globalImgPath="../images/";
</script>
<script src="js/jsGridOpSailingDateList.js" type="text/javascript" charset=GBK></script>
<script type="text/javascript">
//两端去空格函数
String.prototype.trim = function () { return this.replace(/(^\s*)|(\s*$)/g, ""); }
function $(id) {
return document.getElementById(id);
}
function request(paras){
var url = location.href;
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");
var paraObj = {}
for (i=0; j=paraString[i]; i++){
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);
}
var returnValue = paraObj[paras.toLowerCase()];
if(typeof(returnValue)=="undefined"){
return "";
}else{
return returnValue;
}
}
function setGridAuto(){
var gridTabWidth=$('#datalist').width();
var gridTabHeigt=pageHeight()-70;
$("#list2").setGridWidth(gridTabWidth);
$("#list2").setGridHeight(gridTabHeigt);
}
function lbGGonMouseOver()
{
document.getElementById('lbGG').style.color = "#0000FF";
document.getElementById('lbGG').style.cursor = "hand";
document.getElementById('lbGG').style["textDecoration"] = "underline";
}
function lbGGonMouseOut()
{
document.getElementById('lbGG').style.color = "#75787C";
document.getElementById('lbGG').style.cursor = "auto";
document.getElementById('lbGG').style["textDecoration"] = "";
}
</script>
<script src="js/popAnnounceEB.js" type="text/javascript" charset=GBK></script>
</head>
<body>
<input type="hidden" id="hid_id"/>
<input type="hidden" id="hdCompanyid" />
<table style="font-size:12px;">
<tr>
<td>
<div style="width:100%;float:left;">
<div style="width:50px;float:left;text-align:right; padding-top:5px;">标题:</div>
<div style="width:110px;float:left;"><input id="sel_title" type="text" style="width:100px;"/></div>
<div style="width:70px;float:left;text-align:right;">
<div onclick="singleSearch()" style="margin-left:5px; width:70px;">
<div style="width:20px; height:20px; float:left;margin-top:3px;"><img src="images/btnSearch.gif" title="查询"/></div>
<div style="float:left; font-size:12px; cursor:default;margin-top:5px;width:30px;">查询</div></div>
</div>
<div style="width:70px;float:left;text-align:center;">
<div style="font-size:12px; cursor:default;margin-top:5px; width:60px;" onclick="initSearch()">清空条件</div>
</div>
<div id="divGG" style="width:50px;float:left;text-align:center;" onclick="ShowDetailGG()">
<input id="lbGG" type="button" value="我的信息" style="border-style: none; text-decoration: none; float:left; font-size: 12px; background-color: #FFFFFF; cursor:default;margin-top:2px;" onmouseover="lbGGonMouseOver();" onMouseOut="lbGGonMouseOut();"/>
</div>
</div>
<div style="width:100%;float:left;">
<div style="width:100px;float:left;text-align:right; padding-top:5px;"><a href=" http://b.qq.com/" target="_blank"><img src=" http://b.qq.com/static/images/activity/logo_w.jpg" width="80" height="22" alt="腾讯企业QQ"/></a></div>
<div style="width:40px;float:left;text-align:right; padding-top:5px;"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1476487914&site=qq&menu=yes"><img id=imgqq1 border="0" src="http://wpa.qq.com/pa?p=2:1476487914:45" alt="进口资讯" title="进口资讯" style="width:20px; height:20px;"></a></div>
<div style="width:40px;float:left;text-align:right; padding-top:5px;"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=800008778&site=qq&menu=yes"><img id=imgqq2 border="0" src="http://wpa.qq.com/pa?p=2:800008778:45" alt="出口资讯" title="出口资讯" style="width:20px; height:20px;"></a></div>
<div style="width:40px;float:left;text-align:right; padding-top:5px;"><a href="msnim:chat?contact=MKT1_MASTER@LIVE.CN" target=blank><img id=imgmsn1 src="images/msntu0.jpg" border="0" alt="MSN客服1" title="MSN客服1" style="width:19px; height:19px;"></a></div>
<div style="width:40px;float:left;text-align:right; padding-top:5px;"><a href="msnim:chat?contact=MKT2_MASTER@LIVE.CN" target=blank><img id=imgmsn2 src="images/msntu0.jpg" border="0" alt="MSN客服2" title="MSN客服2" style="width:19px; height:19px;"></a></div>
<div style="width:150px;float:left;text-align:right; padding-top:10px; font-size:12px; height:19px;">(点击列可以进行排序)</div>
</div>
</td>
</tr>
</table>
<table id="list2"></table>
<div id="pager2"></div>
<div style="width:500px;height:160px;"></div>
<script type="text/javascript">
var checkid = request("uid");
$("hdCompanyid").value = request("companyid");
//alert(checkid);
//checkid="DB63630B-090D-40BF-87A8-B20C3DF269A5";
document.getElementById("hid_id").value = checkid;
jQuery("#list2").jqGrid({
//url:'http://localhost:12646/pricecarrier/OpSailingDateListGridSourceHtml.aspx',
//url:'http://hmw028167.chinaw3.com/pricecarrier/OpSailingDateListGridSourceHtml.aspx',
url:'../../pricecarrier/OpSailingDateListGridSourceHtml.aspx',
datatype: "json",
mtype: "GET",
height: '470',
autowidth: true,
colNames:['gid','标题','时间'],
colModel:[
{name:'gid',index:'gid', width:55,hidden:true},
{name:'title',index:'title', width:300,sortable:true,formatter:'showlink',formatoptions:{baseLinkUrl:'../../pricecarrier/OpSailingDateInfoHtml.aspx'}},// ,showAction: 'Edit',addParam: '&action=edit', idName:'myid'
{name:'begintime',index:'begintime', width:120,sortable:true}//sortable排序
],
viewrecords: true,
rowNum:100,
rowList:[100,150],
pager: '#pager2',
sortname: 'begintime',//排序
sortorder: "desc",
jsonReader: {
root:"griddatas",
records: "record",
repeatitems : false
},
caption:"",
search:true,
prmNames:{
page:"page", // 表示请求页码的参数名称
rows:"rows", // 表示请求行数的参数名称
sort: "sidx", // 表示用于排序的列名的参数名称
order: "sord", // 表示采用的排序方式的参数名称
search:"search" // 表示是否是搜索请求的参数名称
},
postData: {
searchString: '', searchField: checkid, searchOper: '1' //初始化的时候是否加载数据“0”否“1”是
}
});
jQuery("#list2").jqGrid('navGrid','#pager2',{edit:false,add:false,del:false});
var singleSearch = function() {
var checkid = request("uid");
$("hdCompanyid").value = request("companyid");
var sdata = { // (3)构建查询需要的参数
searchField: checkid,
searchString: getSearch(),
searchOper: "1"
};
// (4)获得当前postData选项的值
var postData =jQuery("#list2").jqGrid("getGridParam", "postData");
// (5)将查询参数融入postData选项对象
jQuery("#list2").extend(postData, sdata);
jQuery("#list2").jqGrid("setGridParam",{
search: true // (6)将jqGrid的search选项设为true
}).trigger("reloadGrid", [{page:1}]); // (7)重新载入Grid表格以使上述设置生效
};
var initSearch = function(){
var checkid = request("uid");
$("hdCompanyid").value = request("companyid");
$("sel_title").value = "";
var searchJson = "";
//begin
searchJson +="{";
searchJson += "[";
searchJson += "\"companyid\":\""+$("hdCompanyid").value.replace(",","##")+"\",";
var _title = "";
_title = $("sel_title").value.replace(",","##");
searchJson += "\"title\":\""+_title+"\"";
searchJson += "]";
searchJson +="}";
//alert(searchJson);
var sdata = { // (3)构建查询需要的参数
searchField: checkid,
searchString: searchJson,
searchOper: "1"
};
// (4)获得当前postData选项的值
var postData =jQuery("#list2").jqGrid("getGridParam", "postData");
// (5)将查询参数融入postData选项对象
jQuery("#list2").extend(postData, sdata);
jQuery("#list2").jqGrid("setGridParam",{
search: true // (6)将jqGrid的search选项设为true
}).trigger("reloadGrid", [{page:1}]); // (7)重新载入Grid表格以使上述设置生效
}
function getSearch(checkid){
var strResult = ""
var searchJson = "";
//begin
searchJson +="{";
searchJson += "[";
searchJson += "\"companyid\":\""+$("hdCompanyid").value.replace(",","##")+"\",";
var _title = "";
_title = $("sel_title").value.replace(",","##");
searchJson += "\"title\":\""+_title+"\"";
searchJson += "]";
searchJson +="}";
//alert(searchJson);
return searchJson;
}
</script>
<input id="hdRangeV" type="hidden" />
<input id="hdRangeO" type="hidden" />
<input id="hdRange" type="hidden" />
<input type="hidden" id="hdISSUEGID"/>
<input type="hidden" id="isISSUE"/>
<input type="hidden" id="hdSQL"/>
<input type="hidden" id="hdNAMES"/>
<input type="hidden" id="hdtimeCount"/>
<input type="hidden" id="hid_sel"/>
<!-- WPA Button Begin --> <script type="text/javascript" src=" http://static.b.qq.com/account/bizqq/js/wpa.js?type=13&kfuin=800008778&ws=&title=%E8%A1%8D%E5%85%AD%E5%9B%BD%E9%99%85&cot1=%E6%B5%B7%E8%BF%90%E6%95%B4%E7%AE%B1%20%E6%8B%BC%E7%AE%B1%20%E7%A9%BA%E8%BF%90%20&btn1=%E5%9C%A8%E7%BA%BF%E5%92%A8%E8%AF%A2&fsty=0&fposX=2&fposY=1&tx=1"></script> <!-- WPA Button END --> <script type="text/javascript">window.onload = window.onload = function() {initCombos();}</script>
</body>
</html>