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/indexLCL.html

410 lines
23 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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" 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/searchComboLCL.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;"><select id="sel_portload" style="width:100px;"></select></div>
<div style="width:50px;float:left;text-align:right;padding-top:5px;">目的港:</div>
<div style="width:110px;float:left;"><select id="sel_discharge" style="width:100px;"></select></div>
<div style="width:50px;float:left;text-align:right;padding-top:5px;">船公司:</div>
<div style="width:110px;float:left;"><select id="sel_carrier" style="width:100px;"></select></div>
<div style="width:50px;float:left;text-align:right;padding-top:5px;">航线:</div>
<div style="width:110px;float:left;"><select id="sel_lane" style="width:100px;"></select></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 id="divsh" style="width:100%;float:left;">
<div style="width:40px;float:left;text-align:right; padding-top:5px;"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1486140384&site=qq&menu=yes"><img id=imgqq1 border="0" src="http://wpa.qq.com/pa?p=2:1486140384:45" alt="南美线 ronnie" title="南美线 ronnie" 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=626387018&site=qq&menu=yes"><img id=imgqq2 border="0" src="http://wpa.qq.com/pa?p=2:626387018:45" alt="中东印巴红海线 allen" title="中东印巴红海线 allen" 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=411254866&site=qq&menu=yes"><img id=imgqq3 border="0" src="http://wpa.qq.com/pa?p=2:411254866:45" alt="美加线 leon" title="美加线 leon" 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=1193245730&site=qq&menu=yes"><img id=imgqq4 border="0" src="http://wpa.qq.com/pa?p=2:1193245730:45" alt="非洲线 denny" title="非洲线 denny" 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=1052444168&site=qq&menu=yes"><img id=imgqq6 border="0" src="http://wpa.qq.com/pa?p=2:1052444168:45" alt="客服1" title="客服1" 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=35379183&site=qq&menu=yes"><img id=imgqq7 border="0" src="http://wpa.qq.com/pa?p=2:35379183:45" alt="客服2" title="客服2" 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=617307948&site=qq&menu=yes"><img id=imgqq8 border="0" src="http://wpa.qq.com/pa?p=2:617307948:45" alt="客服3" title="客服3" 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=2257420252&site=qq&menu=yes"><img id=imgqq5 border="0" src="http://wpa.qq.com/pa?p=2:2257420252:45" alt="投诉热线" title="投诉热线" style="width:20px; height:20px;"></a></div>
<div style="width:130px;float:left;text-align:right; padding-top:5px;"><a href="/skype:master001yl?call"><img id=imgskype1 src= http://mystatus.skype.com/smallclassic/master001yl style="border: none;" alt="客服1" title="客服1" /></a>
</div>
<div style="width:130px;float:left;text-align:right; padding-top:5px;"><a href="/skype:master004yl?call"><img id=imgskype2 src= http://mystatus.skype.com/smallclassic/master004yl style="border: none;" alt="客服2" title="客服2" /></a>
</div>
<div style="width:130px;float:left;text-align:right; padding-top:5px;"><a href="/skype:master005yl?call"><img id=imgskype3 src= http://mystatus.skype.com/smallclassic/master005yl style="border: none;" alt="客服3" title="客服3" /></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>
<div id="divqd" style="width:100%;float:left;">
<div style="width:40px;float:left;text-align:right; padding-top:5px;"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2558737127&site=qq&menu=yes"><img id=img1 border="0" src="http://wpa.qq.com/pa?p=2:2558737127:45" alt="客服1" title="客服1" 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=2830225409&site=qq&menu=yes"><img id=img2 border="0" src="http://wpa.qq.com/pa?p=2:2830225409:45" alt="客服2" title="客服2" style="width:20px; height:20px;"></a></div>
</div>
<div id="divnb" style="width:100%;float:left;">
</div>
<div id="divxm" style="width:100%;float:left;">
</div>
<div id="divsz" style="width:100%;float:left;">
</div>
</td>
</tr>
</table>
<table id="list2"></table>
<div id="pager2"></div>
<script type="text/javascript">
var checkid = request("uid");
$("hid_id").value = checkid;
$("hdCompanyid").value = request("companyid");
//begin --qq、msn、Skype
if ($("hdCompanyid").value.trim() == "Comcab2d43f60454327af30a131fc1d3abd")//上海
{
document.getElementById('divsh').style.visibility = "visible";
document.getElementById('divsh').style.display = "";
document.getElementById('divqd').style.visibility = "hidden";
document.getElementById('divqd').style.display = "none";
document.getElementById('divnb').style.visibility = "hidden";
document.getElementById('divnb').style.display = "none";
document.getElementById('divxm').style.visibility = "hidden";
document.getElementById('divxm').style.display = "none";
document.getElementById('divsz').style.visibility = "hidden";
document.getElementById('divsz').style.display = "none";
}
else if ($("hdCompanyid").value.trim() == "Comcab2d43f60454327af30a131fc1d3aba")//青岛
{
document.getElementById('divsh').style.visibility = "hidden";
document.getElementById('divsh').style.display = "none";
document.getElementById('divqd').style.visibility = "visible";
document.getElementById('divqd').style.display = "";
document.getElementById('divnb').style.visibility = "hidden";
document.getElementById('divnb').style.display = "none";
document.getElementById('divxm').style.visibility = "hidden";
document.getElementById('divxm').style.display = "none";
document.getElementById('divsz').style.visibility = "hidden";
document.getElementById('divsz').style.display = "none";
}
else if ($("hdCompanyid").value.trim() == "Comcab2d43f60454327af30a131fc1d3abb")//宁波
{
document.getElementById('divsh').style.visibility = "hidden";
document.getElementById('divsh').style.display = "none";
document.getElementById('divqd').style.visibility = "hidden";
document.getElementById('divqd').style.display = "none";
document.getElementById('divnb').style.visibility = "visible";
document.getElementById('divnb').style.display = "";
document.getElementById('divxm').style.visibility = "hidden";
document.getElementById('divxm').style.display = "none";
document.getElementById('divsz').style.visibility = "hidden";
document.getElementById('divsz').style.display = "none";
}
else if ($("hdCompanyid").value.trim() == "Comcab2d43f60454327af30a131fc1d3abc")//厦门
{
document.getElementById('divsh').style.visibility = "hidden";
document.getElementById('divsh').style.display = "none";
document.getElementById('divqd').style.visibility = "hidden";
document.getElementById('divqd').style.display = "none";
document.getElementById('divnb').style.visibility = "hidden";
document.getElementById('divnb').style.display = "none";
document.getElementById('divxm').style.visibility = "visible";
document.getElementById('divxm').style.display = "";
document.getElementById('divsz').style.visibility = "hidden";
document.getElementById('divsz').style.display = "none";
}
else if ($("hdCompanyid").value.trim() == "Comcab2d43f60454327af30a131fc1d3abe")//深圳
{
document.getElementById('divsh').style.visibility = "hidden";
document.getElementById('divsh').style.display = "none";
document.getElementById('divqd').style.visibility = "hidden";
document.getElementById('divqd').style.display = "none";
document.getElementById('divnb').style.visibility = "hidden";
document.getElementById('divnb').style.display = "none";
document.getElementById('divxm').style.visibility = "hidden";
document.getElementById('divxm').style.display = "none";
document.getElementById('divsz').style.visibility = "visible";
document.getElementById('divsz').style.display = "";
}
else//为空
{
document.getElementById('divsh').style.visibility = "hidden";
document.getElementById('divsh').style.display = "none";
document.getElementById('divqd').style.visibility = "hidden";
document.getElementById('divqd').style.display = "none";
document.getElementById('divnb').style.visibility = "hidden";
document.getElementById('divnb').style.display = "none";
document.getElementById('divxm').style.visibility = "hidden";
document.getElementById('divxm').style.display = "none";
document.getElementById('divsz').style.visibility = "hidden";
document.getElementById('divsz').style.display = "none";
}
//End
//Grid
jQuery("#list2").jqGrid({
url: '../../pricecarrier/htmlsearchserviceLCL.aspx',
//url: 'http://localhost:12646/pricecarrier/htmlsearchserviceLCL.aspx',
//url:'http://hmw028167.chinaw3.com/pricecarrier/htmlsearchserviceLCL.aspx',
datatype: "json",
mtype: "GET",
height: '470',
autowidth: true,
colNames:['gid','航线', '目的港', '船公司','卖价(M/W)','开航日','航程','转运港','生效期','CISFUSD','备注1','备注2'],
colModel:[
{name:'gid',index:'gid', width:55,hidden:true},
{name:'lane',index:'lane', width:100, align:"left",sortable:true},//sortable排序
{name:'destination',index:'destination', width:120, align:"left",sortable:true},
{name:'carrier',index:'carrier', width:100, align:"left",sortable:true},
{name:'lclprice',index:'lclprice', width:100,align:"left",sortable:true},
{name:'etd',index:'etd', width:150, align:"left", sortable:true},
{name:'tt',index:'tt', width:150, align:"left", sortable:true},
{name:'via',index:'via', width:150, align:"left", sortable:true},
{name:'effectivedate',index:'effectivedate', width:180, align:"left", sortable:true},
{name:'cisf',index:'cisf', width:180, align:"left", sortable:true},
{name:'remark',index:'remark', width:150, align:"left", sortable:true},
{name:'remark2',index:'remark2', width:150, align:"left", sortable:true}
],
viewrecords: true,
rowNum:100,
rowList:[100,150],
pager: '#pager2',
sortname: 'lane',//排序
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: '0'
}
});
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");
$("hd_comboLANE").value = "";
comboLANE.setComboText($("hd_comboLANE").value);
$("hd_comboCARRIER").value = "";
comboCARRIER.setComboText($("hd_comboCARRIER").value);
$("hd_comboDESTINATION").value = "";
comboDESTINATION.setComboText($("hd_comboDESTINATION").value);
$("hd_comboPODLOAD").value = "";
comboPODLOAD.setComboText($("hd_comboPODLOAD").value);
var searchJson = "";
//begin
searchJson +="{";
searchJson += "[";
searchJson += "\"companyid\":\""+$("hdCompanyid").value.replace(",","##")+"\",";
var _lane = "";
_lane = $("hd_comboLANE").value.replace(",","##");
searchJson += "\"lane\":\""+_lane+"\",";
var _carrier = "";
_carrier = $("hd_comboCARRIER").value.replace(",","##");
searchJson += "\"carr\":\""+_carrier+"\",";
var _discharge = "";
_discharge = $("hd_comboDESTINATION").value.replace(",","##");
searchJson += "\"dis\":\""+_discharge+"\",";
var _portload = "";
_portload = $("hd_comboPODLOAD").value.replace(",","##");
searchJson += "\"load\":\""+_portload+"\"";
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 _lane = "";
_lane = $("hd_comboLANE").value.replace(",","##");
searchJson += "\"lane\":\""+_lane+"\",";
var _carrier = "";
_carrier = $("hd_comboCARRIER").value.replace(",","##");
searchJson += "\"carr\":\""+_carrier+"\",";
var _discharge = "";
_discharge = $("hd_comboDESTINATION").value.replace(",","##");
searchJson += "\"dis\":\""+_discharge+"\",";
var _portload = "";
_portload = $("hd_comboPODLOAD").value.replace(",","##");
searchJson += "\"load\":\""+_portload+"\"";
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="hd_comboCARRIER" />
<input type="hidden" id="hd_comboPODLOAD"/>
<input type="hidden" id="hd_comboDESTINATION"/>
<input type="hidden" id="hd_comboLANE" />
<input type="hidden" id="hdLOCKFLAGGID"/>
<input type="hidden" id="isLOCKFLAGGID"/>
<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"/>
<script type="text/javascript">window.onload = window.onload = function() {initCombos();}</script>
</body>
</html>