三元微信，修改

WeChat/content/js/orderDetail.js

@@ -1,11 +1,110 @@
 mui.init({})
 var id = helper.request.queryString("id");
+var state = helper.request.queryString("type");
 var openid = helper.cookies.get("openid");
 function formatterDealDetail(val, row) {
 	return str;
 }
+$(function () {
+	Ajax();
+	if (state=="1") {
+		$(".dispose1").show();
+	} else if(state=="2"){
+		$(".dispose2").show();
+	} else if(state=="3"){
+		$(".dispose3").show();
+	}
+	//返回列表
+	$('.return').on('tap', function() {
+		if (state==1) {
+			window.location.href = "orderList.html?Itype=" + state;
+		}if (state==2) {
+			window.location.href = "orderList.html?Itype=" + state;
+		} else if (state==3){
+			window.location.href = "orderList.html?Itype=" + state;
+		}
+		//window.location.href = "client_index.html?Itype=" + itype;
+
+	});
+})
+//接单
+$(".redeploy").click(function(){
+	var btnArray = ['否', '是'];
+	mui.confirm('确定接单？', '提示', btnArray, function(f) {
+		if(f.index == 1) {
+			$.ajax({
+				type: "post",
+				dataType: 'json',
+				url: huayi.config.callcenter_url + '/WxLogin/SureWorkOrder',
+				async: true,
+				data: {
+					orderid: id, //否	strubg	工单编号
+					openid: openid, //微信openid 测试用
+				},
+				success: function(data) {
+					if(data.state == "success") {
+						debugger
+						mui.toast('接单成功');
+						window.location.href = "orderList.html?Itype=1";
+					} else {
+						mui.toast(data.message);
+					}
+				}
+			});
+		} else {
+			mui.toast("取消");
+		}
+	})
+})
+//处理
+$(".deal").click(function(){   
+    $(".pop_up_bj").fadeIn();
+    $(".pop_up_div4").fadeIn();
+})
+$(".pop_up_bj" ).click(function(){   
+    $(".pop_up_bj").hide();
+    $(".pop_up_div4").hide();
+})
+$(".pop_up_div4 .btn .fl" ).click(function(){   
+    $(".pop_up_bj").hide();
+    $(".pop_up_div4").hide();
+    mui.alert("取消");
+})
+$(".pop_up_div4 .btn .fr" ).click(function(){ 
+//				$("#cont").text("");
+    $(".pop_up_bj").hide();
+    $(".pop_up_div4").hide();
+    if($(".textcont_deal").val()=="") {
+		mui.alert("请输入处理内容");
+	}else{
+		$(".pop_up_bj").hide();
+    	$(".pop_up_div4").hide();
+    	$.ajax({
+			type: "post",
+			dataType: 'json',
+			url: huayi.config.callcenter_url + '/WxLogin/DealWorkOrder',
+			async: true,
+			data: {
+				orderid: id, //否	strubg	工单编号
+				isend: 1, //否	int	你看一下前端是什么参数
+				cont: $("#textcont_deal").val(), //否	int	处理内容
+				openid: openid, //微信openid,
+			},
+			success: function(data) {
+				if(data.state == "success") {
+					debugger
+					mui.toast('处理成功');
+					
+					window.location.href = "orderList.html?Itype=2";
+				} else {
+					mui.toast(data.message);
+				}
+			}
+		});
+	}
+		
+})
 
-Ajax();
 function Ajax() {
 	$.ajax({
 		url: huayi.config.callcenter_url + '/WxLogin/GetWoInfo',
@@ -22,18 +121,28 @@ function Ajax() {
 				var result = data.data.data[0]
 				var stateText
 				if (result.State==0) {
-					stateText="待指派"
-				}else if (result.State==1) {
 					stateText="进行中"
-				}else if(result.State==2){
+				}else if(result.State==1){
+					stateText="已完成"
+				}if(result.State==2){
 					stateText="已完成"
 				}
+				console.log(result.State);
 				$("#workOrderID").text(result.WorkOrderID); //工单编号
 				$("#gdlxName").text(result.GDLXName); //工单类型
 				$("#gdlyName").text(result.GDLYName); //工单来源
 				$("#state").text(stateText); //工单状态
 				$("#customer").text(result.Customer); //客户姓名
-				$("#customerTel").text(result.CustomerTel); //客户电话
+				if (state==3) {
+					var str="";
+					var val1 = result.CustomerTel.substring(0, 3);
+					var val2 = result.CustomerTel.substr(-4);
+					str = val1 + '****' + val2;
+					$("#customerTel").text(str); //客户电话
+				}else{
+					$("#customerTel").text(result.CustomerTel); //客户电话
+				}
+				
 				$("#state").text(stateText); //工单状态
 				$("#ywlxName").text(result.YWLXName); //业务类型
 				$("#detail").text(result.Detail); //工单内容

WeChat/content/js/orderList.js

@@ -1,13 +1,86 @@
 mui.init({})
-Ajax();
+var state=1;
 var openid = helper.cookies.get("openid");
+var Itype = helper.request.queryString("Itype");
+$(function () {
+	if (Itype=="1") {
+		$(".titdyna li").removeClass("tab_color");
+		$(".titdyna li:eq(0)").addClass("tab_color");
+		state=1
+		Ajax();
+	}else if(Itype=="2"){
+		$(".titdyna li").removeClass("tab_color");
+		$(".titdyna li:eq(1)").addClass("tab_color");
+		state=2
+		Ajax();
+	}else if(Itype=="3"){
+		state=3
+		$(".titdyna li").removeClass("tab_color");
+		$(".titdyna li:eq(2)").addClass("tab_color");
+		Ajax();
+	}else{
+		Ajax();
+	}
+})
+$(".titdyna ul li").click(function () {
+	$(".titdyna li").removeClass("tab_color");
+	$(this).addClass("tab_color");
+	state=$(this).attr('data-index');
+	$.ajax({
+		url: huayi.config.callcenter_url + 'WxLogin/GetWoList',
+		data: {
+			openid: openid, //微信openid,
+			states:state,
+			//openid: 'oXF5e1mWpX5DajW5_yjNLPKb8ThE',
+		},
+		async: true,
+		dataType: 'json',
+		type: 'get', //HTTP请求类型
+		success: function(data) {
+			$("#OA_task").empty();
+			if(data.rows && data.rows.length > 0) {
+				$(".noinfor").text("");
+				$(data.rows).each(function(i, n) {
+					var stateText
+					if (n.State==0) {
+						stateText="待指派"
+					}else if (n.State==1) {
+						stateText="进行中"
+					}else if(n.State==2){
+						stateText="已完成"
+					}
+					$('<li class="mui-table-view-cell order" data-index="' + n.WorkOrderID + '">' +
+						'<div class="mui-table">' +
+						'<div class="mui-table-cell mui-col-xs-10">' +
+						'<h4 class="mui-ellipsis">' + n.Customer +
+						'</h4><h5>' + n.CreateTime +
+						'</h5></div>'+
+						'<div class="mui-table-cell mui-col-xs-2 mui-text-right">'+
+						'<span class="mui-h5">'+stateText+
+						'</span></div></div></li>').appendTo('#OA_task');
+				});
+				//工单跳转
+				$('.order').on('tap', function() {
+					
+					var index = $(this).attr('data-index');
+					window.location.href = "orderDetail.html?id="  + index+'&type='+state;
+				});
+			} else {
+				$(".noinfor").text("暂无信息");
+			}
+		},
+		error: function(xhr, type, errorThrown) {
+			//异常处理；
+		}
+	})
+})
 function Ajax() {
 	//$(".order").remove();
-
 	$.ajax({
 		url: huayi.config.callcenter_url + 'WxLogin/GetWoList',
 		data: {
 			openid: openid, //微信openid,
+			states:state
 			//openid: 'oXF5e1mWpX5DajW5_yjNLPKb8ThE',
 		},
 		async: true,
@@ -15,8 +88,9 @@ function Ajax() {
 		type: 'get', //HTTP请求类型
 		success: function(data) {
 			if(data.rows && data.rows.length > 0) {
+				$(".noinfor").text("");
+				$("#OA_task").empty();
 				$(data.rows).each(function(i, n) {
-					console.log(n.Customer);
 					var stateText
 					if (n.State==0) {
 						stateText="待指派"
@@ -38,7 +112,8 @@ function Ajax() {
 				//工单跳转
 				$('.order').on('tap', function() {
 					var index = $(this).attr('data-index');
-					window.location.href = "orderDetail.html?id=" + index;
+					
+					window.location.href = "orderDetail.html?id=" + index+'&type='+state;
 				});
 			} else {
 				$(".noinfor").text("暂无信息");

WeChat/content/orderDetail.html

@@ -12,9 +12,100 @@
 		<link href="../css/iconfont.css" rel="stylesheet" />
 		<link href="css/serveDetail.css" rel="stylesheet" />
 	</head>
+	<style>
+		
+		#GDgz{
+			background: #FFFFFF;
+		}
+		.mui_btn1{display: none;}
+		.mui_btn1_tit{
+			padding: 10px 0 0 10px;
+			font-size: 14px;
+		}
+		.mui_btn1{
+			overflow: hidden;
+		}
+		.mui_btn1 li{
+			float: left;
+			margin: 10px 4% 0 4%;
+		}
+		.mui-btn-block{
+			padding: 5px 10px;
+			font-size: 14px;
+		}
+		.pop_up_bj{
+			top: 0px;
+			background: #000000;
+			filter:alpha(opacity=50);   
+		  	-moz-opacity:0.5;   
+		  	-khtml-opacity: 0.5;   
+		  	opacity: 0.5;
+		  	position: fixed;
+		  	z-index: 333;
+		  	width: 100%;
+		  	height: 100%;
+		  	display: none;   
+		}
+		/*弹框4*/
+		.pop_up_div4{
+			margin: auto;  
+		  	position: fixed;  
+		  	top: 0; 
+		  	left: 0; 
+		  	bottom: 0; 
+		  	right: 0;
+		  	width: 80%;
+		  	height:185px;
+		  	background: #FFFFFF;
+		  	z-index: 334;
+		  	-moz-border-radius: 5px; /* Firefox */
+		  	-webkit-border-radius: 5px; /* Safari 和 Chrome */
+		  	border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
+		  	display: none; 
+		  	
+		}
+		.pop_up_div4 .tit{
+			width: 100%;
+			line-height: 44px;
+			height: 44px;
+			text-align: center;
+			font-size: 13px;
+			color: #666666;
+		}
+		.pop_up_div4 .contain{
+			width: 90%;
+			margin: 0 auto;
+		}
+		.pop_up_div4 .contain textarea{
+			width:100%;
+			height: 102px;
+			background: #f5f5f6;
+			text-indent: 2em;
+			font-size: 12px;
+			padding: 5px;
+			line-height: 20px;
+			margin: 0;
+			border: none;
+		}
+		.pop_up_div4 .btn{
+			width: 65%;
+			margin: 0 auto;
+			overflow: hidden;
+		}
+		.pop_up_div4 .btn button{
+			padding:3px 25px !important;
+		}
+		.pop_up_div4 .btn .fl{
+			float: left;
+			color: #666666;
+		}
+		.pop_up_div4 .btn .fr{
+			float: right;
+		}
+	</style>
 	<body>
 		<div class="mui-nav">
-			<a class="mui-icon mui-icon-arrowleft" href="orderList.html"></a>
+			<a class="mui-icon mui-icon-arrowleft return"></a>
 			工单详情
 		</div>
 		<div class="mui-content" style="margin-top: 54px;">
@@ -81,25 +172,59 @@
 						<p id="detail" ></p>
 					</div>
 				</li>
-				<div class="mui-table-view work-content ">
-					<div class="mui-table-cell mui-col-xs-10">
-						<h4 class="mui-ellipsis size-16" style="padding: 6px ;">工单跟踪信息</h4>
-					</div>
-				</div>
-				<!--工单进度-->
 				
-				<div class="mui-padding" style="padding: 6px;" id="GDgz">
-					<!--<h5 class="mui-badge-success mui-badge-inverted">时间<h5>
-						<span>操作人:</span>
-						<span> + Agree</span>
-					</h5> 
-					<h5>
-						<span>备注信息:</span>
-						<span class="Font"></span>
-					</h5>-->
+			</ul>
+			<ul class="mui-table-view mui-grid-view">
+				<h4 class="mui-ellipsis size-16 mui_btn1_tit">操作按钮：</h4>
+				<div class="type1">
+					<!--待接单-->
+					<div class="mui_btn1 dispose1">
+						<li class=" mui-media mui-col-xs-3">
+							<button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block redeploy">接单</button>
+						</li>
+					</div>
+					<!--待处理-->
+					<div class="mui_btn1 dispose2">
+						<li class=" mui-media mui-col-xs-3">
+							<button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block deal">处理</button>
+						</li>
+					</div>
+					<!--已完成-->
+					<div class="mui_btn1 dispose3">
+						<!--<li class=" mui-media mui-col-xs-3">
+							<button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block edit">修改</button>
+						</li>-->
+					</div>
 				</div>
 			</ul>
-			
+			<div class="mui-table-view work-content ">
+				<div class="mui-table-cell mui-col-xs-10">
+					<h4 class="mui-ellipsis size-16" style="padding: 6px ;">工单跟踪信息</h4>
+				</div>
+			</div>
+			<!--工单进度-->
+			<div class="mui-padding" style="padding: 6px;" id="GDgz">
+				<!--<h5 class="mui-badge-success mui-badge-inverted">时间<h5>
+					<span>操作人:</span>
+					<span> + Agree</span>
+				</h5> 
+				<h5>
+					<span>备注信息:</span>
+					<span class="Font"></span>
+				</h5>-->
+			</div>
+		</div>
+		<div class="pop_up_bj"></div>
+		<!--弹框4-->
+		<div class="pop_up_div4">
+			<div class="tit">请输入处理内容</div>
+			<div class="contain">
+				<textarea class="textcont_deal"></textarea>
+			</div>
+			<div class="btn">
+				<button type="button" data-loading-text="提交中" class="mui-btn mui-btn-royal fl">取消</button>
+				<button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary fr">确定</button>
+			</div>
 		</div>
 		<script src="../js/mui.min.js?"></script>
 		<script src="../js/mui.picker.js"></script>

WeChat/content/orderList.html

@@ -9,12 +9,54 @@
 		<link rel="stylesheet" href="../css/mui.css">
 		<link rel="stylesheet" href="../css/iconfont.css" />
 		<link rel="stylesheet" href="css/serve.css" />
+		<style>
+			/*头部*/
+
+			/*动态*/
+			.titdyna{
+				position: fixed;
+				width: 100%;
+				top: 0px;
+				background: #FFFFFF;
+			}
+			.titdyna ul{
+				padding: 0;
+				margin: 0;
+				overflow: hidden;
+			}
+			.titdyna ul li{
+				display: block;
+				width: 33%;
+				float: left;
+				text-align: center;
+				height: 38px;
+				line-height: 38px;
+				color: #929292;
+			}
+			.tab_color{color: #2cc6a7 !important;}
+			#OA_task{
+				margin-top: 46px;
+			}
+			
+		</style>
 	</head>
 	<body>
 		<!--页面主内容区开始-->
 		<div class="mui-content">
-			<div class="mui-content">
-		    <ul id="OA_task" class="mui-table-view mui-table-view-striped mui-table-view-condensed">
+			<div class="titdyna">
+				<ul>
+					<li class="tab_color" data-index="1">
+						待接单
+					</li>
+					<li data-index="2">
+						待处理
+					</li>
+					<li data-index="3">
+						已完成
+					</li>
+				</ul>
+			</div>
+ 		    <ul id="OA_task" class="mui-table-view mui-table-view-striped mui-table-view-condensed">
 		        <!--<li class="mui-table-view-cell">
 		            <div class="mui-table">
 		                <div class="mui-table-cell mui-col-xs-10">
@@ -27,6 +69,7 @@
 		            </div>
 		        </li>-->
 		    </ul>
+		    <div class="noinfor" style="text-align: center; font-size: 16px;">
 		</div>
 	</body>
 	<script src="../js/mui.min.js"></script>