information-system/webht/third_party/messagecenter/views/thirdinput.php

<div style="width:90%;margin:30px auto;">
	<div class="panel-heading">
        <ul class="nav nav-tabs">
		  <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
		  <li role="presentation"><a href="#bigCarSend" aria-controls="bigCarSend" role="tab" data-toggle="tab">大车游短信发送</a></li>
		  <!--<li role="presentation"><a href="#trainSend"  aria-controls="trainSend" role="tab" data-toggle="tab">火车票短信发送</a></li>-->
		</ul>
      </div>
	  
	  <div class="tab-content" style="padding:0 30px">
		  <div role="tabpanel" class="tab-pane active" id="home">
				欢迎使用，如有问题请联系CYC！！！
		  </div>	
	  
		  <div role="tabpanel" class="tab-pane" id="bigCarSend">
				<div class="form-inline" style="border-bottom:dashed 1px #ccc;">
					<div class="form-group" style="padding-bottom:10px">
						<label for="orderinput">输入订单号：</label>
						<input id="orderinput" type="text" class="form-control" />
						<input type="submit" class="btn btn-default" id="searchButton" value="查询"/>
					</div>
				</div>
				<div class="messageContents" style="margin-top:20px;">
					<h3>短信模板：</h3>
					<h4>Hi <span id="passpagerName">{1}</span>, your guide on <span id="startDate">{2}</span> is <span id="guideName">{3}</span> ( mobile <span id="guidePhone">{4}</span>). He/she will call you at your hotel, or leave you a message tonight. Have a nice day!</h4>
					<div class="form-inline" style="margin-bottom:10px;">
						<div class="form-group">
							<label for="areaCode">请输入客人手机区号：</label>
							<input id="areaCode" type="text" class="form-control"/>
						</div>
						<div class="form-group">
							<label for="phoneNumber">请输入客人手机号：</label>
							<input id="phoneNumber" type="text" class="form-control"/>
						</div>
					</div>
					<div class="form-inline">		
						<div class="form-group">
							<label for="nameinput">请输入导游姓名：</label>
							<input id="nameinput" type="text" class="form-control"/>
						</div>
						<div class="form-group">
							<label for="phoneinput">请输入导游手机号：</label>
							<input id="phoneinput" type="text" class="form-control"/>
							<input id="sendMessage" type="submit" class="btn btn-default" value="发送短信"/>
						</div>
					</div>
				</div>
		  </div>
		  
		  <div role="tabpanel" class="tab-pane" id="trainSend">
				<div class="form-inline" style="border-bottom:dashed 1px #ccc;">
					<div class="form-group" style="padding-bottom:10px">
						<label for="traininput">输入订单号：</label>
						<input id="traininput" type="text" class="form-control" />
						<input type="submit" class="btn btn-default" id="searchTrainButton" value="查询"/>
					</div>
				</div>
				<div class="messageContents" style="margin-top:20px;">
					<h3>短信模板：</h3>
					<h4>Dear <span id="trainPassagerName">{1}</span>, your train tickets ({2}) were issued. Please show your original passports and pick-up number ({3}) at the ticket counter to collect paper tickets.</h4>
					<div class="form-inline" style="margin-bottom:10px;">
						<div class="form-group">
							<label for="areaCode">请输入客人手机区号：</label>
							<input id="areaCode" type="text" class="form-control"/>
						</div>
						<div class="form-group">
							<label for="phoneNumber">请输入客人手机号：</label>
							<input id="phoneNumber" type="text" class="form-control"/>
							<input id="sendTrainMessage" type="submit" class="btn btn-default" value="发送短信"/>
						</div>
					</div>
				</div>
		  </div>
	  </div>		
</div>

<script>
$(function(){
	
	//查询订单信息(大车游)
	$('#searchButton').click(function(){
		//获取订单号
		var order = $('#orderinput').val();
		if(order == ''){
			alert('请输入订单号');
		}else{
			$.ajax({
				url:'/webht.php/apps/messagecenter/index/ajaxGetOrderInfo?order='+order,
				success:function(json,status){
					var data = JSON.parse(json);
					console.log(data.GUT_FirstName + data.GUT_LastName);
					$('#passpagerName').text(data.GUT_FirstName + data.GUT_LastName);
					$('#startDate').text(data.COLD_StartDate);
				}
			});
		}
	});
	
	//输入手机和导游姓名后变化
	$('#nameinput').change(function(){
		$('#guideName').text($(this).val());
	});
	
	$('#phoneinput').change(function(){
		$('#guidePhone').text($(this).val());
	});
	
	//发送短信
	$('#sendMessage').click(function(){
		var guideName = $('#nameinput').val();
		var guidePhone = $('#phoneinput').val();
		var phoneNumber = $('#phoneNumber').val();
		var areaCode = $('#areaCode').val();
		var orderinput = $('#orderinput').val();
		
		if(!guideName || !guidePhone){
			alert('请填上导游姓名和手机号！！');	
		}else{
			$.ajax({
				url:"/webht.php/apps/messagecenter/index/sendBigCarTourMessage?guideName="+guideName+"&guidePhone="+guidePhone+'&phone='+phoneNumber+'&areaCode='+areaCode+'&order='+orderinput,
				success:function(json,status){
					var data = JSON.parse(json);
					console.log(data.errmsg);
					if(data.errmsg == 'OK'){
						alert('短信发送成功');
					}else{
						alert(data.errmsg);
					}
				}
			});
		}
	});
	
	
	//查询订单信息(火车票)
	$('#searchTrainButton').click(function(){
		//获取订单号
		var order = $('#traininput').val();
		if(order == ''){
			alert('请输入订单号');
		}else{
			$.ajax({
				url:'/webht.php/apps/messagecenter/index/ajaxGetTrainOrderInfo?order='+order,
				success:function(json,status){
					var data = JSON.parse(json);
					console.log(data.GUT_FirstName + data.GUT_LastName);
					$('#trainPassagerName').text(data.GUT_FirstName + data.GUT_LastName);
					$('#trainStartDate').text(data.COLD_StartDate);
				}
			});
		}
	});
});
</script>