edm/application/module/view/send_sms_admin/didquery.html

<{include file='../public/admin_header.html'}>
<{include file='../public/admin_navi.html'}>
<!-- Right side column. Contains the navbar and content of the page -->
<link rel="stylesheet" type="text/css"
	  href="https://www.jq22.com/demo/jqueryMobiscroll201803142314/css/mobiscroll.custom.min.css" />
<script src="https://www.jq22.com/demo/jqueryMobiscroll201803142314/js/mobiscroll.custom.min.js"
		type="text/javascript" charset="utf-8"></script>
<style>
	.mbsc-ios .dw {
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 600px !important;
		height: 300px;
		margin: auto;
	}

	.mbsc-ios {
		transition: .3s;
	}

	.mbsc-ios .dw-persp .dwcc {
		padding: 30px 0;
	}

	.mbsc-ios .dwb {
		color: transparent;
		position: relative;
	}

	.mbsc-ios .dwbc {
		border-bottom: 1px solid #cdcdcd;
		background: #ebebeb;
	}

	.dwb-s::before,
	.dwb-c::before {
		position: absolute;
		top: 6px;
		color: #333;
		font-size: 18px;
		font-weight: 600;
	}

	.dwb-s::before {
		content: "确定";
		right: 10px;
	}

	.dwb-c::before {
		content: "取消";
		left: 10px;
	}
</style>
<aside class="right-side">
	<!-- Content Header (Page header) -->
	<section class="content-header">
		<h1>
			客户回执记录查询
			<small>Control panel</small>
		</h1>
		<ol class="breadcrumb">
			<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
			<li class="active">Blank page</li>
		</ol>
	</section>

	<!-- Main content -->
	<section class="content">

		<div class="span9">


			<div id='main' class="form-actions">

				<form method="post" action="" id="form1" >
					<div style="margin-left:20px;float:left;margin-bottom:20px;margin-right:20px;">
						手机号码:<input type="text" name="tel" value="<{$tel}>" style="width:200px;">
					</div>
					<tr>

						<td>开始时间</td>
						<td>
							<input type="text" id="starttime" name="starttime" value="<{$starttime}>" style="width:200px;" />
						</td>
						<td>结束时间</td>
						<td>
							<input type="text" id="endtime" name="endtime" value="<{$endtime}>" style="width:200px;" />
						</td>
					</tr>
					<div style="clear:both;margin-left:20px;">
						<input type="button" onclick="to_submit();" value="提交" class="btn btn-info" style="width:120px;" />
					</div>
				</form>
				<form method="post" action="/?a=send_sms_admin&m=export" target="_blank">
					<div style="text-align:right;">
						<input type="hidden"  name="starttime" value="<{$starttime}>" />
						<input type="hidden"  name="endtime" value="<{$endtime}>" />
						<input type="submit" class="btn btn-primary" value="导出数据"  style="width:200px;"/>
					</div>
				</form>
				<div style="height:20px;"></div>

				<table class="table table-striped" style="margin-top:15px;">
					<tr>
						<th>ID</th>
						<th>站点</th>
						<th>发送人</th>
						<th>接收人</th>
						<th >发送内容</th>
						<th>发送时间</th>
						<th>状态</th>
					</tr>

					<{foreach from=$list item=item}>
					<tr>
						<td><{$item.id}></td>
						<td><{$item.uname}></td>
						<td><{$item.from_phone}></td>
						<td><{$item.did_mobile}></td>
						<td><{$item.content}></td>
						<td><{$item.receive_time}></td>
						<td <{if $item.status==2}>style="color:red;"<{/if}>
						<{if $item.status==3}>style="color:green;"<{/if}>><{$status_array[$item.status]}></td>

					</tr>
					<{/foreach}>
				</table>

				<{$show}>

			</div>

		</div>

	</section><!-- /.content -->
</aside><!-- /.right-side -->
</div><!-- ./wrapper -->

<style>
	select{height:30px;}
	.form-actions li{list-style:none;width:25px;float:left;padding-bottom:8px;padding-right:5px;}
</style>
<script>
	$('#treeview11').addClass('active');
	$(".send_sms_admin").addClass('active');
</script>
<script>


	function to_submit(){
		var endtime = $('#endtime').val();
		var starttime = $('#starttime').val();
		$('#form1').submit();
	}

	var theme = "ios";
	var mode = "scroller";
	var display = "bottom";
	var lang = "zh";
	$('#starttime').mobiscroll().datetime({
		theme: theme,
		mode: mode,
		display: display,
		lang: lang,
		dateFormat: "yyyy-mm-dd",
		minDate: new Date(2000, 3, 10, 9, 22),
		maxDate: new Date(2030, 7, 30, 15, 44),
		stepMinute: 1
	});
	$('#endtime').mobiscroll().datetime({
		theme: theme,
		mode: mode,
		display: display,
		lang: lang,
		dateFormat: "yyyy-mm-dd",
		minDate: new Date(2000, 3, 10, 9, 22),
		maxDate: new Date(2030, 7, 30, 15, 44),
		stepMinute: 1
	});
</script>
</body>
</html>