duhongyu
/
ShuangHui_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433
							<!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 rel="stylesheet" href="css/app.css" />-->
		<link href="../css/mui.picker.css" rel="stylesheet" />
		<link href="../css/mui.poppicker.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" href="../css/inits.css" />
		<style>
			body {
				font-size: 14px;
			}
			
			input {
				font-size: 14px;
			}
			
			.mui-bar-popover {
				width: 30%;
			}
			
			.mui-popover.mui-bar-popover .mui-table-view {
				width: 100%;
			}
			
			.mui-table-view .mui-table-view-cell>a:not(.mui-btn) {
				text-align: center;
			}
			
			.mui-table-view-cell {
				padding: 1px 15px!important;
			}
			
			.san {
				font-size: 14px;
				margin-right: 5px
			}
			
			.nav_a {
				border-right: 1px solid #ccc;
			}
			
			.radio_box {
				display: inline-block;
			}
			
			.mui-radio input[type=radio]:before {
				font-size: 20px;
				vertical-align: middle;
			}
			
			.mui-radio.mui-left input[type=radio] {
				line-height: 24px!important;
			}
			
			.mui-radio.mui-left label {
				padding-right: 1px!important;
				padding-left: 51px!important;
			}
			
			.ztext {
				width: 100%;
				margin: 0;
				border: 0;
			}
			
			.action {
				padding: 5px 15px;
			}
			
			.type_down {
				float: right!important;
				display: inline-block!important;
				vertical-align: middle!important;
				line-height: 42px;
			}
			
			.type_con {
				width: 55%!important;
				float: left!important;
				vertical-align: middle!important;
				display: inline-block!important;
				padding: 10px 0!important;
			}
			
			.label {
				width: 30%!important;
				padding: 11px 0px!important;
			}
			
			.get_yzm {
				padding: 5px!important;
				width: auto!important;
			}
			
			.yzm_con {
				float: left!important;
				width: 40%!important;
			}
			
			.mui-bar-nav {
				background-color: #00a1cb;
			}
			
			.mui-input-row label {
				text-align: -webkit-right;
			}
			
			.mui-btn-block {
				padding: 10px;
				width: 100%;
			}
			
			.mui-title {
				color: #fff;
			}
			
			.mui-action-back {
				color: #fff;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav " style="padding-right: 15px;color: #fff;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="font-size: 24px!important;"></a>
			<h1 class="mui-center mui-title">查询工单</h1>
		</header>

		<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="key" 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" id="ZX">
					<div class="mui-input-row">
						<label class="label">坐席：</label>
						<input type="text" id='ZXResult' 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>
					</div>

				</li>
				<li class="mui-table-view-cell" id="showZhuTiPicker">
					<div class="mui-input-row">
						<label class="label">主题词：</label>
						<input type="text" id='zhuTiResult' 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>
					</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>
					</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>
					</div>
				</li>

			</ul>

			<!--<button type="button" class="mui-btn mui-btn-primary mui-btn-block block_button">提交</button>-->
			<div style="padding: 10px; ">
				<button type="button" style="background-color: #00a1cb; border: none;" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block block_button submit">提交</button>
			</div>

		</div>

		<script src="../js/mui.min.js?"></script>
		<script src="../js/mui.picker.js"></script>
		<script src="../js/mui.poppicker.js"></script>
		<script src="../js/zepto.js"></script>
		<script src="../js/huayi.config.js"></script>
		<script type="text/javascript">
			mui.init({
				swipeBack: false,
			})
			mui.plusReady(function() {
				var wv = plus.webview.currentWebview();
				var token = localStorage.getItem("token");
				//				var Index=wv.indexs;
				//				var Tap_= wv.tab;
				var wid; //工单号
				var LXR; //联系人
				var key;
				var LXRphone; //联系电话
				var ZXResult; //坐席
				var zhuTiResult; //主题
				var userResult; //诉求类型
				var DWResult; //交办单位
				var Type; //工单状态
				//				alert(Index)
				plus.nativeUI.closeWaiting();
				//显示当前页面
				mui.currentWebview.show();
				//提交按钮
				$('.submit').on('tap', function() {
					Submit()

				})
				//工单状态

				//坐席
				var zxList = [];
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + 'UserAccount/GetSeatList',
					async: false,
					data: {
						token: token
					},
					dataType: 'json',
					success: function(data) {
						var type_data = data.data;
						$(type_data).each(function(i, n) {
							var obj = {};
							obj.value = n.F_UserCode;
							obj.text = n.F_UserName;
							zxList.push(obj)
						})
					}
				});
				//交办单位
				var dwList;
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + 'Department/GetDeptListtree',
					async: false,
					data: {
						token: token
					},
					dataType: 'json',
					success: function(data) {
						dwList = data.data;
						console.log(dwList);
					}
				});
				//工单类型
				var typeList = [];
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + 'Dictionary/GetDicValueListById?',
					async: false,
					data: {
						token: token,
						id: 2
					},
					dataType: 'json',
					success: function(data) {
						var type_data = data.data;
						$(type_data).each(function(i, n) {
							var obj = {};
							obj.value = n.F_ValueId;
							obj.text = n.F_Value;
							typeList.push(obj)
						})
					}
				});
				//主题词
				var keyList = [];
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + 'Dictionary/GetDicValueListById?',
					async: false,
					data: {
						token: token,
						id: 3
					},
					dataType: 'json',
					success: function(data) {
						var key_data = data.data;
						$(key_data).each(function(i, n) {
							var obj = {};
							obj.value = n.F_ValueId;
							obj.text = n.F_Value;
							keyList.push(obj)
						})
					}
				});

				function Submit() {
					wid = $("#wid").val();
					LXR = $("#LXR").val();
					key = $("#key").val(); //=关键字
					LXRphone = $("#LXRphone").val();
					ZXResult = $("#ZXResult").attr('data-index');
					zhuTiResult = $("#zhuTiResult").attr('data-index');
					userResult = $("#userResult").attr('data-index');
					DWResult = $("#DWResult").attr('data-index');
					//跳转    网络单位跳转
					mui.openWindow({
						id: 'Work-list',
						url: 'Work-list.html',
						show: {
							aniShow: 'pop-in'
						},
						styles: {
							popGesture: 'hide'
						},
						waiting: {
							autoShow: true
						},
						extras: {
							wids: wid,
							LXRs: LXR,
							key: key,
							LXRphones: LXRphone,
							ZXResults: ZXResult,
							zhuTiResults: zhuTiResult,
							userResults: userResult,
							DWResults: DWResult,
							token: token,
							test: "123"
						}

					});
					Clean();
				}

				(function($, doc) {
					$.init();
					$.ready(function() {
						//诉求类型
						var userPicker = new $.PopPicker();
						userPicker.setData(typeList);
						var showUserPickerButton = doc.getElementById('showUserPicker');
						var userResult = doc.getElementById('userResult');
						showUserPickerButton.addEventListener('tap', function(event) {
							userPicker.show(function(items) {
								console.log(items)
								userResult.value = items[0].text;
								userResult.setAttribute("data-index", items[0].value);
								//返回 false 可以阻止选择框的关闭
								//return false;
							});
						}, false);
						//主题词
						var zhuTiPicker = new $.PopPicker();
						zhuTiPicker.setData(keyList);
						var showZhuTiPickerButton = doc.getElementById('showZhuTiPicker');
						var zhuTiResult = doc.getElementById('zhuTiResult');
						showZhuTiPickerButton.addEventListener('tap', function(event) {
							zhuTiPicker.show(function(items) {
								console.log(items)
								zhuTiResult.value = items[0].text;
								zhuTiResult.setAttribute("data-index", items[0].value);
								//返回 false 可以阻止选择框的关闭
								//return false;
							});
						}, false);
						//坐席
						var ZTiPicker = new $.PopPicker();
						ZTiPicker.setData(zxList);
						var ZX = doc.getElementById('ZX');
						var ZXResult = doc.getElementById('ZXResult');
						ZX.addEventListener('tap', function(event) {
							ZTiPicker.show(function(items) {
								console.log(items)
								ZXResult.value = items[0].text;
								ZXResult.setAttribute("data-index", items[0].value);
								//返回 false 可以阻止选择框的关闭
								//return false;
							});
						}, false);
						//交办单位
						var ZTiPickers = new $.PopPicker({
							layer: 3
						});
						ZTiPickers.setData(dwList);
						var ZXs = doc.getElementById('DW');
						var ZXResults = doc.getElementById('DWResult');
						ZXs.addEventListener('tap', function(event) {
							ZTiPickers.show(function(items) {
								console.log(items)
								ZXResults.value = items[2].text;
								ZXResults.setAttribute("data-index", items[2].id);
								//返回 false 可以阻止选择框的关闭
								//return false;
							});
						}, false);

					})
				})(mui, document);
				//清除
				function Clean() {
					$("#wid").val('');
					$("#LXR").val('');
					$("#key").val("");
					$("#LXRphone").val('');
					$("#ZXResult").val('');
					$("#zhuTiResult").val('');
					$("#userResult").val('');
					$("#DWResult").val('');
					$('#WorkType').val('');
				}
			});
		</script>
	</body>

</html>