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

2 years ago
<!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>