lihai
/
PingAnYeXianSZCG_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>查询工单</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" type="text/css" />
		<link href="../css/WorkSeach.css" rel="stylesheet" />
		<style type="text/css">
	.submit {
    border: 1px solid #2f4050;
    background-color: #2f4050;
    padding: 10px 30px;
    font-size: 16px;
    margin-top: 20px;
}
.mui-table-view{
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}
.mui-content{
	padding: 5px;
}
		</style>
	</head>

	<body>
		<div class="mui-content">
			<div class="mui-content">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<div class="mui-input-row">
							<label class="label">工单号：</label>
							<input type="text" id="wid" placeholder="请填工单号">
						</div>
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-input-row">
							<label class="label">联系人：</label>
							<input type="text" id="LXR" placeholder="请填写您的称呼">
						</div>
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-input-row">
							<label class="label">联系电话：</label>
							<input type="text" id="LXRphone" placeholder="请填写联系电话">
						</div>
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-input-row">
							<label class="label">开始时间：</label>
							<input id='StartTime' type="text" data-options='{"type":"date"}' class="btn" placeholder="选择日期时间 ">
						</div>
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-input-row">
							<label class="label">结束时间：</label>
							<input type="text" id="EndTime" placeholder="选择日期时间" data-options='{"type":"date"}' class="btn_" placeholder="选择日期时间 ">
						</div>
					</li>
					<li class="mui-table-view-cell" id="WorkTypePicker">
						<div class="mui-input-row">
							<label class="label">工单状态：</label>
							<select class="mui-select" name="" id="States">
								<option value="">请选择</option>
								<option value="0">待完成</option>
								<option value="1">已完结</option>
							</select>
						</div>
					</li>
					<li class="mui-table-view-cell" id="showUserPicker">
						<div class="mui-input-row">
							<label class="label">信息分类：</label>
							<!--<input type="text" id='userResult' class="ui-alert type_con" data-index="" readonly="readonly" />
						<a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>-->
							<select class="mui-select" name="" id="GetTypeList">
								<!--<option value="">测试测试</option>
							<option value="">测试测试</option>
							<option value="">测试测试</option>-->
							</select>
						</div>
					</li>
					<li class="mui-table-view-cell" id="DW">
						<div class="mui-input-row">
							<label class="label">交办单位：</label>
							<!--<input type="text" id='DWResult' class="ui-alert type_con" data-index="" readonly="readonly" />
						<a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>-->
							<select class="mui-select" name="" id="GetAreaList">
								<!--<option value="">测试测试</option>
							<option value="">测试测试</option>
							<option value="">测试测试</option>-->
							</select>
						</div>
					</li>

				</ul>

				<!--<button type="button" class="mui-btn mui-btn-primary mui-btn-block block_button">提交</button>-->
				<div >
					<button type="button"  class="mui-btn mui-btn-primary mui-btn-block block_button submit">提交</button>
				</div>

			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/zepto.js"></script>
		<script src="../js/mui.picker.min.js"></script>
		<!--<script src="../js/mui.poppicker.js"></script>-->
		<script src="../Script/Common/huayi.config.js"></script>
		<script src="../Script/Common/huayi.http.js"></script>
		<script type="text/javascript">
			var Type_=helper.request.queryString("Tye");//手机号
			console.log(Type_);
			//工单类型
			GetAreaList();
			GetTypeList();
			//时间控件
			(function($, doc) {
				$.init();
				var btns = $('.btn');
				btns.each(function(i, btn) {
					btn.addEventListener('tap', function() {
						var _self = this;
						if(_self.picker) {
							_self.picker.show(function(rs) {
								_self.picker.dispose();
								_self.picker = null;
							});
						} else {
							var optionsJson = this.getAttribute('data-options') || '{}';
							var options = JSON.parse(optionsJson);
							var id = this.getAttribute('id');
							_self.picker = new $.DtPicker(options);
							_self.picker.show(function(rs) {
								document.getElementById("StartTime").value = rs.text;
								_self.picker.dispose();
								_self.picker = null;
							});
						}

					}, false);
				});
				var btns = $('.btn_');
				btns.each(function(i, btn) {
					btn.addEventListener('tap', function() {
						var _self = this;
						if(_self.picker) {
							_self.picker.show(function(rs) {
								_self.picker.dispose();
								_self.picker = null;
							});
						} else {
							var optionsJson = this.getAttribute('data-options') || '{}';
							var options = JSON.parse(optionsJson);
							var id = this.getAttribute('id');
							_self.picker = new $.DtPicker(options);
							_self.picker.show(function(rs) {
								document.getElementById("EndTime").value = rs.text;
								_self.picker.dispose();
								_self.picker = null;
							});
						}

					}, false);
				});

			})(mui);
			//交办单位
			function GetAreaList() {
				
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + 'WxLogin/GetTypeList',
					async: false,
					data: {
											openid :helper.cookies.get("openid") 
//						openid: "oKOqcv31fh76rtNmJDjKc39oIsfA",
					},
					dataType: 'json',
					success: function(data) {
						var type_data = data.data;
						console.log(type_data);
						$('<option value="">请选择</option>').appendTo("#GetTypeList")
						$(type_data).each(function(i, n) {
							$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo("#GetTypeList");

						})
					}
				});
			}
			//工单来源
			function GetTypeList() {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + 'WxLogin/GetAreaList',
					async: false,
					data: {
											openid :helper.cookies.get("openid")
//						openid: "oKOqcv31fh76rtNmJDjKc39oIsfA",
					},
					dataType: 'json',
					success: function(data) {
						var type_data = data.data;
						console.log(type_data);
						$('<option value="">请选择</option>').appendTo("#GetAreaList")
						$(type_data).each(function(i, n) {
							$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo("#GetAreaList");

						})
					}
				});
			}
			//提交
			$(".submit").on('tap', function() {
				var state=$("#States").val();///状态
				var name=$("#LXR").val(); ///联系人
				var tel=$("#LXRphone").val();//联系电话
				var starttime=$("#StartTime").val(); //
				var endtime=$("#EndTime").val(); //
				var workid=$('#wid').val();//工单编号
				var source=$('#GetTypeList').val();//工单来源
				var infotype=$("#GetAreaList").val(); //信息分类
				console.log(starttime);
				if(Type_){
					window.location.href = "WorkCL.html?state="+state+"&name="+name+"&tel="+starttime+"&endtime="+endtime+"&workid="+workid+"&source="+source+"&infotype="+infotype;
				}else{
					window.location.href = "WorkList.html?state="+state+"&name="+name+"&tel="+starttime+"&endtime="+endtime+"&workid="+workid+"&source="+source+"&infotype="+infotype;
				}
			
			})
		</script>
	</body>

</html>