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

232 lines
10 KiB

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-control" content="no-cache" />
<meta http-equiv="Cache" content="no-cache" />
<meta http-equiv="content-language" content="zh-TW">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="貨況查詢服務 - Eurotran 奕達運通有限公司">
<meta name="description" content="">
<title>貨況查詢服務 - Eurotran 奕達運通有限公司</title>
<link rel="shortcut icon" href="images/favicon.png">
<link href="../Content/toastr.min.css" rel="stylesheet" />
<link href="css/jquery.fancybox.css" rel="stylesheet" type="text/css">
<link href="css/main.css" rel="stylesheet">
<link href="css/track.css" rel="stylesheet">
<link href="css/track_print.css" rel="stylesheet" />
</head>
<body>
<!-- header -->
<div id="headerWrapper">
<header>
<h1><a href="index.html">奕達運通</a></h1>
<ul id="language">
<li class="cn"><a href="cn/onlineTrack.html"><span></span> <em>简体中文</em></a></li>
<li class="en"><a href="en/onlineTrack.html"><span>EN</span> <em>English</em></a></li>
</ul>
</header>
</div>
<!-- header end -->
<!-- Menu -->
<h4 class="openMenu">Menu</h4>
<div id="menuWrapper">
<!--載入menubar.js生成menu-->
</div>
<!-- Menu end -->
<div id="innerTitle" class="addBG">
<h1 class="indexTitle"><em>Tracking System</em> <span>貨況查詢服務</span></h1>
</div>
<article>
<!-- left -->
<div id="sidebar">
<div id="left">
<h4>Menu</h4>
<ul>
<li><a href="onlineTrack.html" style="color:#EC681E">貨況查詢服務</a></li>
<li><a href="contact.html?T=O">線上詢價</a></li>
<li><a href="onlineDownload.html">會展物流相關表單</a></li>
</ul>
</div>
</div>
<!-- left end -->
<!-- right -->
<div id="right">
</div>
<!-- right end -->
<p class="clear"></p>
</article>
<!--------------------- footer --------------------->
<footer>
<div id="footer">
<a href="index.html"><img src="images/logoFooterEuro.png"></a><a href="https://www.iela.org" target="_blank"><img src="images/logoFooterIELA.png"></a><a href="https://www.ttclub.com" target="_blank"><img src="images/logoFooterTT.png"></a><a href="https://afeca.asia" target="_blank"><img src="images/logoFooterAFECA.png"></a>
<ul>
<li>台北市南港區重陽路455號10樓</li>
<li>02-2785-6000</li>
<li><a href="mailto:info@eurotran.com">info@eurotran.com</a></li>
</ul>
<p><a href="https://www.facebook.com/eurotranexpo/" target="_blank">Facebook</a> <a href="javascript:void(0);" class="wechat">WeChat</a></p>
</div>
<div id="copyright">2018 &copy; EUROTRAN. All Rights Reserved</div>
</footer>
<div id="toTop">TOP</div>
<div id="money" class="NoShowInMobile"><a href="contact.html?T=O"></a></div>
<div id="track" class="NoShowInMobile"><a href="onlineTrack.html"></a></div>
<!--------------------- footer end --------------------->
</body>
</html>
<script src="js/jquery-2.2.4.min.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/menubar.js"></script>
<script src="js/stickySidebar.js"></script>
<script src="../Scripts/i18next.min.js"></script>
<script src="../Scripts/jquery.jqprint-0.3.js"></script>
<script src="../Scripts/jquery.validate.min.js"></script>
<script src="../Scripts/jsrender.min.js"></script>
<script src="../Scripts/jquery.blockUI.js"></script>
<script src="../Scripts/toastr.min.js"></script>
<script src="../Scripts/lib/base64.js"></script>
<script>
$(function () {
$("head").append("<script type='text/javascript' src='../Scripts/lib/Util.js'>");
$("head").append("<script type='text/javascript' src='js/menu.js'>");
$("head").append("<script type='text/javascript' src='js/onlineTrack.js'>");
});
</script>
<!--<script src="../Scripts/lib/Util.js?v=20180801"></script>
<script src="js/menu.js?v=20180801"></script>
<script src="js/onlineTrack.js?v=20191029"></script>-->
<script id="temp_query" type="text/x-jsrender">
<h2 class="orange">貨況查詢服務</h2>
<p>&nbsp;</p>
<form id="form_onlinetrack">
<p class="formTitle">查詢號碼 <span class="red">*</span></p>
<p>
<input type="text" id="trackingno" name="trackingno" class="textStyle midText" placeholder="ex.12365897" required />
</p>
<p>&nbsp;</p>
<p class="formTitle">驗證碼 <span class="red">*</span></p>
<p>
<input type="text" id="validcode" name="validcode" class="textStyle smallText" required />
<a href="javascript: void(0);" id="change_validcode" class="validcode"><img id="imgvalidcode" src="/Controller.ashx?action=securityimg&flag=cap4&w=200&h=36" width="120" height="36" /></a>
<a href="javascript: void(0);" class="refresh refreshO change_validcode">Refresh</a>
</p>
<p>&nbsp;</p>
<p>
<input type="button" class="btn btnMax btnStyle btnquery" value="送出表單">
</p>
</form>
</script>
<script id="temp_queryinfo" type="text/x-jsrender">
<h2 class="orange bold">INFORMATION</h2>
<h6><span class="track-line"></span></h6>
<p>&nbsp;</p>
<ul class="trackInfo">
<li class="bold">{{:~setSupplierName(SupplierName,SupplierEName)}}</li>
<li>{{if Exhibitioname_TW}}{{:Exhibitioname_TW}}{{/if}}</li>
</ul>
<p>&nbsp;</p>
<div class="tWarpper">
<h6></h6>
<div class="css-table mob-table target">
<div class="thead">
{{for Flows}}
{{if Parent}}
<div class="tr center">
<div class="th nowrap"></div>
<div class="th nowrap" data-i18n="{{:~root.PrgCode}}.Number">件數</div>
<div class="th nowrap" data-i18n="{{:~root.PrgCode}}.ShipmentPort">起運地</div>
<div class="th nowrap" data-i18n="{{:~root.PrgCode}}.Destination">目的地</div>
{{if ~root.Type =='IM'}}
<div class="th nowrap" data-i18n="{{:~root.PrgCode}}.BillLadNO">提單號碼</div>
<div class="th nowrap" data-i18n="{{:~root.PrgCode}}.BillLadNOSub">分提單號碼</div>
<div class="th nowrap" data-i18n="{{:~root.PrgCode}}.ContainerNumber">貨櫃號碼</div>
{{else}}
{{if SitiContactor1}}
<div class="th nowrap" data-i18n="{{:~root.PrgCode}}.SitiContactor1">現場聯絡人1</div>
{{/if}}
{{if SitiTelephone1}}
<div class="th nowrap" data-i18n="{{:~root.PrgCode}}.SitiTelephone1">聯絡電話1</div>
{{/if}}
{{if SitiContactor2}}
<div class="th nowrap" data-i18n="{{:~root.PrgCode}}.SitiContactor2">現場聯絡人2</div>
{{/if}}
{{if SitiTelephone2}}
<div class="th nowrap" data-i18n="{{:~root.PrgCode}}.SitiTelephone2">聯絡電話2</div>
{{/if}}
{{/if}}
</div>
{{/if}}
{{/for}}
</div>
<div class="tbody">
{{for Flows}}
<div class="tr">
<div class="td center" data-i18n="{{:FlowName}}">貨物進口</div>
<div class="td center">{{:Number}} {{if Unit}}{{:Unit}}{{/if}}</div>
<div class="td center">{{:ShipmentPort}}</div>
<div class="td center">{{:Destination}}</div>
{{if ~root.Type =='IM'}}
<div class="td center">{{:BillLadNO}}</div>
<div class="td center">{{:~setBillLadNOSub(BillLadNOSub)}}</div>
<div class="td center">{{:~setBillLadNOSub(ContainerNumber)}}</div>
{{else}}
{{if SitiContactor1}}
<div class="td center">{{:SitiContactor1}}</div>
{{/if}}
{{if SitiTelephone1}}
<div class="td center">{{:SitiTelephone1}}</div>
{{/if}}
{{if SitiContactor2}}
<div class="td center">{{:SitiContactor2}}</div>
{{/if}}
{{if SitiTelephone2}}
<div class="td center">{{:SitiTelephone2}}</div>
{{/if}}
{{/if}}
</div>
{{/for}}
</div>
</div>
</div>
<p class="trackDivider">&nbsp;</p>
{{for Flows}}
<h2 class="orange bold">{{:ShotName}}</h2>
<h6><span class="track-line"></span><span data-i18n="{{:FlowName}}"></span></h6>
<p>&nbsp;</p>
<ul class="progress">
{{: ~setFlow(Data,#parent.parent.data.PrgCode)}}
</ul>
<p>&nbsp;</p>
<div class="css-table">
<div class="thead">
<div class="tr">
<div class="th nowrap" data-i18n="common.DateTime">日期/時間</div>
<div class="th nowrap center" data-i18n="common.Status">狀態</div>
<div class="th nowrap center" data-i18n="common.Remark">備註</div>
</div>
</div>
<div class="tbody">
{{: ~setInfo(Data,#parent.parent.data.PrgCode)}}
</div>
</div>
<p>&nbsp;</p>
{{if ~checkFlowName(ShotName)}}
<p class="align_c">
{{: ~setBtn(Data,ShotName,SignatureFile)}}
</p>
{{/if}}
<p class="trackDivider">&nbsp;</p>
{{/for}}
<p class="align_c">
<input type="button" value="列印結果" class="btn btnStyle btnprint" data-i18n="common.PrintResult">
&nbsp;
<input type="button" value="重新查詢" class="btn btnStyle btnquery-next" data-i18n="common.QueryNextOne">
</p>
</script>