全屏背景
自定内容

深圳市旋展国际货运代理有限公司

Shenzhen XuanZhan International Freight Forwarding Co.,Ltd

导航菜单
图片
自定内容
联 系
CONTACT 
我 们

内容标题

 

深圳市旋展国际货运代理有限公司

 

微信号: a346762547

报关咨询微信号:a18520864231

QQ:346762547


联系电话:13410683942

报关咨询联系电话: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>&nbsp;</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">&nbsp;</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>