zhoufan
/
SQ12345_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352
							<!DOCTYPE html>
<html>
	<head>
	<meta charset="UTF-8">
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link rel="stylesheet" href="../css/init.css" />
    <title>工单回访</title>
    <style type="text/css">
    	#msg1,
    	#msg2,
    	#msg3,
    	#phone{
    		border:none;
    		border-bottom: 1px solid #ccc;
    		margin-bottom: 20px;
    		background-color: #FFFFFF;
    		color: #00a1cb;
    	}
    	#msg4{
    		width: 250px;
    		height: 50px;
    		border: none;
    		border-bottom: 1px solid #ccc;
    		margin-bottom: 20px;
    		vertical-align: top;
    	}
    	#msg1:focus,
    	#msg2:focus,
    	#msg3:focus,
    	#msg4:focus,
    	#phone:focus{
    		outline: none;
    	}
    </style>
	</head>
	<body>
		<div class="Common">
			<table  >
				<tr>
	                <th>
	                    来电号码：
	                </th>
					  <td><a class="CallOut" id="CallOut"><span class="F_CusPhone"></span><img class="cupImg" style="vertical-align: text-bottom;margin-left: 5px;" src="../img/Phones.png" /></a></td>
	                <th>
	                    联系号码：
	                </th>
	                <td><a class="CallOut1" id="CallOut1"><span class="F_ConPhone"></span><img class="copImg" style="vertical-align: text-bottom;margin-left: 5px;" src="../img/Phones.png" /></a></td>
					
				</tr>
				<tr>
	                <th class="Importent">
	                    回访人:
	                </th>
					  <td><input type="text" id="visituser"/></td>
	                <th>
	                    回访方式:
	                </th>
					  <td>
					  	
	                    
					  	<select class="select_" id="type">
					  		<option value="0">电话</option>
					  		<option value="1">微信</option>
					  		<option value="2">APP</option>
					  		<option value="3">网站</option>
					  		<option value="4">微博</option>
					  		<option value="5">信箱</option>
					  	</select>
					  </td>
				</tr>
				<tr>
					<th class="Importent">回访结果:</th>
					<td>
						<input checked="true" type="radio" value="1" name="huifang" />满意
						<input type="radio" value="0" name="huifang"/>不满意
					  					
					</td>
				</tr>
				<tr>
					<th class="Importent">回访内容:</th>
						<td colspan="7"><textarea data-adaptheight id="result" name="" rows="" cols=""></textarea></td>
				</tr>
				<tr>
					<th class="Importent">重办原因:</th>
						<td colspan="7"><textarea data-adaptheight id="replace" name="" rows="" cols=""></textarea></td>
				</tr>
			</table>
			<div class="" style="margin: 20px 0 0 0;">
					尊敬的市民，您于<input id="msg1" type="text" disabled/>反映的<span id="msg2" type="text" disabled></span>问题，工单号：<input id="msg3" type="text" disabled/>，<br />
					处理结果如下：<textarea id="msg4" type="text"></textarea>如有异议，请您再次致电12345，感谢您的支持。<br />
					通知号码:<input id="phone" type="text"/>
					<button class="btns sendMsg">发送短信</button>
			</div>
			<div class="btn_box">
	            <input type="hidden" id="F_guid" value="" />
				<button class="btns BC">保存</button>
				<button class="btns Submit">保存并提交</button>
				<button class="btns CB">提交重办</button>
				<button class="btns Closure">结案</button>
			</div>
		</div>
		
        <!--<script src="../js/main.js?v=1.5"></script>-->
		<script src="../js/adjustHeight.js"></script>
        <script src="../js/guid.js"></script>
		<script>
			var wid = helper.request.queryString("wid");
				var State;
				var a = $("#ID").val()
				loadTEL();
					Detail();	
			$(document).ready(function() {
				$('.BC').click(function() {
					State = 0;
					JA();
				});
				$('.Closure').click(function() {
					State = 1;
					Closure();
				});
				$('.CB').click(function() {
					State = 1;
					CB();
				})
				$('.Submit').click(function() {
					State = 1;
					JA();
				})
				$(".CallOut").click(function (event) {
				    if ($(".F_CusPhone").text()) {
				        calloutopt($(".F_CusPhone").text());
				    }
				});
				$(".CallOut1").click(function (event) {
				    if ($(".F_ConPhone").text()) {
				        calloutopt($(".F_ConPhone").text());
				    }
				});
			});
			//重办
			function CB() {
				if($('#replace').val()==''){
					layer.msg("请输入重办原因");
					return;
				}
				$.post(huayi.config.callcenter_url + 'WorkOrder/VisitWorkOrder', {
					workorderid: wid,
					visituser:$("#visituser").val(),//回访人
					nexttype:1,
					result:$("#result").val(),//回访内容
					type:$("#type").val(),
					cbreason:$('#replace').val(),//重办原因
					issatisfie:$(' input[name="huifang"]:checked ').val(),
					state: State,
					visitid:a,
					token: $.cookie("token")
				}, function(result) {
					result = JSON.parse(result);
					if(result.state.toLowerCase() == "success") {
						var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
						console.log(index);
						parent.layer.close(index); //再执行关闭
						parent.$('#orderlist').bootstrapTable('refresh');
						parent.layer.msg("操作成功");
					}
				})
			}
			//回访
			function JA() {
				$.post(huayi.config.callcenter_url + 'WorkOrder/VisitWorkOrder', {
					workorderid: wid,
					visituser:$("#visituser").val(),//回访人
					result:$("#result").val(),//回访内容
					type:$("#type").val(),
					issatisfie:$(' input[name="huifang"]:checked ').val(),
					state: State,
					visitid:a,
					token: $.cookie("token")
				}, function(result) {
					result = JSON.parse(result);
					if(result.state.toLowerCase() == "success") {

						var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
						console.log(index);
						parent.layer.close(index); //再执行关闭
						parent.$('#orderlist').bootstrapTable('refresh');
						parent.layer.msg("操作成功");

					}
				})
			}
			//发送短信
			$('.sendMsg').click(function(){
				if(!$('#msg4').val()){
					layer.msg('请填写结果')
					return
				}
				if(!$('#phone').val()){
					layer.msg('请填写通知号码')
					return
				}
				$.ajax({
					type:"get",
					url:huayi.config.callcenter_url+'WorkOrder/SmsHand',
					async:true,
					data:{
						msg1:$('#msg1').val(),
						msg2:$('#msg2').text(),
						msg3:$('#msg3').val(),
						msg4:$('#msg4').val(),
						mobile:$('#phone').val(),
						token: $.cookie("token")
					},
					success:function(res){
						res=JSON.parse(res)
						if(res.state.toLowerCase()=='success'){
							layer.msg('短信发送成功')
						}else{
							layer.msg('短信发送失败')
						}
					}
				});
			})
			//结案
			function Closure(){
				$.post(huayi.config.callcenter_url + 'WorkOrder/VisitWorkOrder', {
					workorderid: wid,
					visituser:$("#visituser").val(),//回访人
					result:$("#result").val(),//回访内容
					type:$("#type").val(),
					issatisfie:$(' input[name="huifang"]:checked ').val(),
					state: State,
					visitid:a,
					token: $.cookie("token")
				}, function(result) {
					result = JSON.parse(result);
					if(result.state.toLowerCase() == "success") {
						var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
						console.log(index);
						parent.layer.close(index); //再执行关闭
						parent.layer.msg("操作成功");
						parent.$('#orderlist').bootstrapTable('refresh');
						parent.Lawsuit(wid);
					}
				})
				
				
				
			}
			
			//草稿详情
			function Detail() {
				$.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetDraftInfo', {
					workorderid: wid,
					type: 3,
					token: $.cookie("token")
				}, function(result) {
					if(result.state.toLowerCase() == "success") {
						if(result.data.length>0){
							   $("#visituser").val(result.data[0].F_VisitUser);
                      $("#issatisfie").val(result.data[0].F_IsSatisfie);
                      $("#type").val(result.data[0].F_Type);
                      $("#result").val(result.data[0].F_Result);
						}
                   
                      
						console.log(result);

					}
				})
			}
            //加载用户电话
			function loadTEL() {
			    $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
			        workorderid: wid,
			        "token": $.cookie("token")
			    }, function (result) {
			        if (result.state.toLowerCase() == "success") {
			            var Data = result.data.data;
			            $('#msg3').val(Data[0].F_WorkOrderId)
			            $('#msg1').val(Data[0].F_CreateTime)
			            $('#msg2').text(Data[0].F_ComTitle)
			            $('#msg4').val(result.data.bldata[0].F_Situation)
			            if(Data[0].F_CusPhone){
			            	 $(".F_CusPhone").text(Data[0].F_CusPhone);
			            	 $('.cupImg').css('display','inline-block')
			            }else{
			            	 $(".F_CusPhone").css('display','none');
			            	 $('.cupImg').css('display','none');
			            }
			            if(Data[0].F_ConPhone){
			            	 $(".F_ConPhone").text(Data[0].F_ConPhone);
			            	 $('.copImg').css('display','inline-block')
			            }else{
			            	 $(".F_ConPhone").css('display','none');
			            	 $('.copImg').css('display','none');
			            }
			        }
			    })
			}
			function calloutopt(telphone)
			{
			    $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetNowUser', {
			        "token": $.cookie("token")
			    }, function (result) {
			        if (result.state.toLowerCase() == "success") {
			            if (result.data.user.F_SeatFlag) {//判断是否话务人员
                            if ($.cookie("extno")) { //判断是否登录分机号
			                    event.stopPropagation();
			                    if (telphone) {
			                        $.ajax({
			                            type: "get",
			                            url: huayi.config.callcenter_url + "CallOutOpt/GetCallOutprefix",
			                            async: true,
			                            dataType: 'json',
			                            data: {
			                                token: $.cookie("token"),
			                                phone: telphone
			                            },
			                            success: function (result) {
			                                if (result.state.toLowerCase() == "success") {
			                                    var guid = uuid();
			                                    $("#F_guid").val(guid);
			                                    top.obj.Type = "MakeCall";
			                                    top.obj.DestinationNumber = result.data.phone;
			                                    top.obj.Header = result.data.fix;
			                                    top.obj.TaskType = "2"; //0:拨号外呼；1:未接来电外呼；2:回访外呼
			                                    top.obj.TaskPhoneID = wid; //回访的工单ID
			                                    top.obj.TaskID = guid; //回访记录编号
			                                    top.Send();
			                                }

			                            }
			                        });
			                    }
			                }
			                else
			                    layer.msg("未绑定分机号，不能操作回拨");
			            }
			            else
			                layer.msg("非话务人员登录，不能操作回拨");
			        }
			    });

			    
			}
		</script>
	</body>
</html>