联 系
CONTACT
我 们
深圳市旋展国际货运代理有限公司
微信号: a305797558
报关咨询微信号：a18520864231
QQ：305797558
QQ：346762547
联系电话1：13410683942
联系电话2：18617154281
报关咨询联系电话3：18520864231
地址：深圳市宝安区航城街道黄田社区油麻塘二巷22号
客服上班时间：
周一到周六，早上9时至下午18时。
<div class="col-md-8">
<form class="form-horizontal" data-toggle="validator" role="form">
<div class="form-group" style="padding: 5px">
<div class="col-xs-12 align-left">
<div>
<table border="0" cellspacing="0">
<tr>
<td style="border:0px;"><textarea rows="3" cols="30" id="trackNo" required placeholder="可輸入多筆,請用空格、逗號或分行符號隔開..."></textarea> </td>
<td style="border:0px;"><a href="#" id="cargoBtn" class="btn btn-default"><span class="glyphicon glyphicon-search"></span>查詢</a></td>
</tr>
</table>
</div>
</div>
</div>
</form>
</div>
</div>
<div id="fsu-page"></div>
<div id="goodsStatusDialog" style="display:none">
<div class="demo-section k-header">
<div id="goodsDataGrid"></div>
</div>
</div>
</div>
<div class="tv-page" page-name="login-forget-passowrd">
<div class="title">忘記密碼</div>
<form class="form-horizontal" data-toggle="validator" role="form">
<div class="form-group">
<label for="sn" class="control-label col-lg-4">公司統一編號</label>
<div class="col-lg-8"><input type="text" class="form-control" id="sn" required></div>
</div>
<div class="form-group">
<label for="sn" class="control-label col-lg-4">使用者帳號</label>
<div class="col-lg-8"><input type="text" class="form-control" required></div>
</div>
<div class="buttons form-group">
<button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-log-in"></span> 送出</button>
<button type="reset" class="btn btn-default" ><span class="glyphicon glyphicon-refresh"></span> 清除</button>
<a class="btn btn-default tv-pager" page-bind="login" page-source="login-index"><span class="glyphicon glyphicon-backward"></span> 返回登入</a>
</div>
</form>
</div>
<div class="tv-page" page-name="login-index">
<div class="title">登入系統</div>
<form class="form-horizontal" data-toggle="validator" role="form" id="loginForm" method="post">
<div class="form-group">
<label for="sn" class="control-label col-lg-4">使用者帳號</label>
<div class="col-lg-8"><input type="text" name="username" class="form-control" required placeholder="使用者帳號"></div>
</div>
<div class="form-group">
<label for="sn" class="control-label col-lg-4">使用者密碼</label>
<div class="col-lg-8"><input type="password" name="password" class="form-control" required placeholder="使用者密碼"></div>
</div>
<div class="buttons form-group">
<button class="btn btn-primary" id="loginBtn"><span class="glyphicon glyphicon-log-in"></span> 登入</button>
<button type="reset" class="btn btn-default"><span class="glyphicon glyphicon-refresh"></span> 清除</button>
<a class="btn btn-default tv-pager" page-bind="login" page-source="login-forget-passowrd"><span class="glyphicon glyphicon-hand-up"></span> 忘記密碼</a>
</div>
</form>
</div>
<script id="errorTemplate" type="text/x-kendo-template">
<div class="wrong-pass">
<h3>#= title #</h3>
<p>#= message #</p>
</div>
</script>
<script>
var fsuDataSource = new kendo.data.DataSource( {
transport: {
read: {
url: "goods_status",
dataType: "json",
type : "post",
data : {
trackNo:''
}
}
}});
$(document).ready(function() {
$("#statusgrid").kendoGrid({});
var cargoId = $("#trackNo").val();
if (cargoId.length > 0){
fsuDataSource.transport.options.read.data.trackNo = cargoId;
fsuDataSource.read();
}
var notification = $("#notification").kendoNotification({
position: {
pinned: true,
top: 30,
right: 30
},
autoHideAfter: 5000,
stacking: "down",
templates: [{
type: "error",
template: $("#errorTemplate").html()
}]
}).data("kendoNotification");
$(".tv-page").hide();
//login區塊
$("[page-name='login']").append($("[page-name='login-index']").clone(true).attr("page-name","").show());
//主畫面
$("[page-name='main']").append($(".tv-page.active").clone(true).attr("page-name","").show());
$("#datepicker").kendoDatePicker();
$("#fsu-page").kendoListView({
template: kendo.template($("#fsu-block-template").html()),
dataSource: fsuDataSource
});
$(".tv-pager").click(function(){
var pager = this ;
var page_source = $("[page-name='" + $(pager).attr("page-source") + "']").clone(true).show();
var page_bind = $("[page-name='" + $(pager).attr("page-bind") + "']");
if(page_bind.attr("isBuzy") == "true") return;
page_bind.attr("isBuzy", "true");
$(page_bind).fadeOut("slow", function() {
page_bind.empty().append(page_source.attr("page-name",""));
if($(pager).attr("page-source")=="fsu") {
$("#fsu-page").kendoListView({
template: kendo.template($("#fsu-block-template").html()),
dataSource: fsuDataSource
});
}
if($(pager).attr("page-source")=="service"){
$(".service-link").removeClass("active");
$(".service-block").removeClass("in").removeClass("active");
$("#service1-link").addClass("active");
$("#service1-block").addClass("in").addClass("active");
}
// $(page_bind).show("slide", {direction: "right" }, 500, function() {
// page_bind.attr("isBuzy", "false");
// });
$(page_bind).fadeIn("slow", function() {
page_bind.attr("isBuzy", "false");
});
});
});
$("#loginForm").submit(function(e){
var postData = $(this).serializeArray();
var formURL = $(this).attr("action");
$.ajax(
{
url : 'user_login',
type: "POST",
data : postData,
success:function(data, textStatus, jqXHR)
{
if(!data[0].code){
notification.show({
title: "登入資訊有誤",
message: data[0].errMsg
}, "error");
}else{
document.location.href = '/user_loginSuccess';
}
},
error: function(jqXHR, textStatus, errorThrown)
{
//if fails
}
});
e.preventDefault(); //STOP default action
});
});
$("#cargoBtn").kendoButton({
click: function(e) {
var cargoId = $("#trackNo").val();
var msg = '';
if(cargoId.length == 0){
msg = msg + '請輸入托運單號\n';
}
if(msg.length != 0){
alert(msg);
}else{
fsuDataSource.transport.options.read.data.trackNo = cargoId;
fsuDataSource.read();
}
}
});
function doStuff(trackNo)
{
queryStatusData(trackNo);
//goodsDataSource.transport.options.read.data.trackNo = trackNo;
//goodsDataSource.read();
goodsStatusFunc();
}
var goodsDataSource = new kendo.data.DataSource( {
transport: {
read: {
url: "goods_queryGoodsStatus",
dataType: "json",
type : "post",
data : {
trackNo:''
}
}
}});
function queryStatusData(trackNo) {
var grid = $("#goodsDataGrid");
$("#goodsDataGrid").kendoGrid({
dataSource: {
transport: {
read: {
url: "goods_queryGoodsStatus",
dataType: "json",
type : "post",
data : function() {
return {
"trackNo":trackNo
};
}
}
},
pageSize: 10,
serverPaging: true,
serverFiltering: false,
serverSorting: true
},
height: 300,
sortable: {
mode: "multiple",
allowUnsort: false
},
scrollable: true,
navigatable: true,
resizable: true,
columns: [
{
field: "rowNum",
title: " ",
width: 20
},
{
field: "handleDate",
title: "日期",
width: 100
},
{
field: "handleTime",
title: "時間",
width: 100
},
{
field: "remark",
title: "貨況",
width: 100
}
]
});
}
/* goodsStatus Dialog */
var goodsStatusWin = $("#goodsStatusDialog");
function goodsStatusFunc(e){
goodsStatusWin.data("kendoWindow").center().open();
//$("#grid1").mask();
//$("#grid2").mask();
//$("#grid3").mask();
}
if (!goodsStatusWin.data("kendoWindow")) {
goodsStatusWin.kendoWindow({
width: "500px",
title: "貨況明細",
actions: [
"Close"
]
});
}
/* end of goodsStatus Dialog */
</script>
<script id="carousel" type="text/x-kendo-template">
<div class="#:classType#">
<img src="images/carousel/#:src#">
<div class="carousel-caption">
<div class="align-left"><h3>#:title#</h3></div>
<div class="content align-left"><p>#:content#</p></div>
<div class="align-right">
<button class="btn btn-info block-link" target-link="#:targetLink#" target-block="#:targetBlock#">說明</button>
</div>
</div>
</div>
</script>
<script id="service-template" type="text/x-kendo-template">
<div class="col-lg-6 col-md-12">
<div class="service-content">
<table><tr>
<td class="left"><img src="images/service-icon/#:icon#" /></td>
<td><span>#:message#</span></td>
</tr></table>
</div>
</div>
</script>
<script id="news-block-template" type="text/x-kendo-template">
<div class="product" style="padding:5px 0px; border-top-style: solid; border-width: 1px; border-color:lightgray">
<a class="btn news-title tv-pager" page-bind="main" page-source="news-single" style="font-size : 20px">#:a4#</a>
<p style="padding-left:14px">
#:a5#
</p>
</div>
</script>
<script id="fsu-block-template" type="text/x-kendo-template">
<div class="product" style="padding:5px 0px; border-top-style: solid; border-width: 1px; border-color:lightgray">
<table align="center" width="700px" id="statusgrid">
<tr>
<td colspan="5" class="TableTrHeader"> </td>
</tr>
<tr>
<td width="20%" rowspan="#:ord01m11List.length+5#"><font size="4">#:hawbNo#</font></td>
<td width="15%">資料日期</td><td width="25%">#:bookingDate#</td>
<td width="15%">收件人</td><td width="25%">#:consigneeName#</td>
</tr>
<tr>
<td>到件日期</td><td>#:handleDate#</td>
<td>代收款</td><td>#:realCcPrice#</td>
</tr>
<tr>
<td>總件數</td><td>#:totPackageNumber#</td>
<td colspan="2"></td>
</tr>
# if(ord01m11List.length != 0) { #
<tr >
<td class="TableTrHeader">分號</td><td class="TableTrHeader">時間</td><td class="TableTrHeader">貨況</td><td class="TableTrHeader">備註</td>
</tr>