duhongyu
/
XinXIangMDJIA_WEB


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>查看信息</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<link href="../css/Table/table1.css" rel="stylesheet" />
		<link href="../css/init.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/lookMsg.css" />
	</head>

	<body class="gray-bg">
		<div class="wrapper clearfix">
			<div class="content_1 clearfix">
				<div class="shark_content_title clearfix">
					<span>电话信息</span>
				</div>
				<div class="clearfix Phone_Text clearfix">
					<ul class="clearfix form-inline">
						<li>
							<label for="Name_">姓名：</label>
							<input type="text" id="Name_" class="form-control" placeholder="张三"/>
						</li>
						<li>
							<label for="Phone_">电话号码:</label>
							<a class="CallOut" id="CallOut">15236987458<span id="Phone_"></span><img src="../img/Phones.png" alt="" /></a>
						</li>
						<li>
							<label for="callNum">固定号码:</label>
							<input type="text" id="callNum" class="form-control" />
						</li>
						<li>
							<label for="country">县乡镇或单位:</label>
							<select id="country" class="form-control">
								<option value="0">请选择乡镇或单位</option>
								<option value="0">新乡市</option>
								<option value="0">获嘉县</option>
								<option value="0">延津县</option>
								<option value="0">封丘县</option>
								<option value="0">长垣县</option>
								<option value="0">新乡县</option>
								
							</select>
						</li>
						<li>
							<label for="address">地址:</label>
							<input type="text" id="address" class="form-control" />
						</li>
					</ul>
				</div>
			</div>
			
			<div class="content_3 clearfix " style="display: none;">
				<div class="shark_content_title clearfix">
					<span>用户反馈</span>
				</div>
				<div>
					<ul class="clearfix" id="Tg">

					</ul>
				</div>
			</div>
			<div class="content_4  clearfix ">
				<div class="shark_content_title clearfix">
					<span>问卷信息</span>

				</div>
				<div>
					<ul style="padding-left: 0;" class="title_ul">
						<li>
							<!--<label for="">问卷名称</label><span class="Title"></span>-->
							<table class="table table-bordered" align="center">
								<tr>
									<th>问卷名称</th>
									<td>感满意度调查问卷</td>
								</tr>
								<tr>
									<th>问卷开场语</th>
									<td>你好！我是息满意度调查中心（站）的访问员，我们正在进行社会治安工作满意度方面的调查，想听听您或您家人的意见，您的意见对于我们的研究非常宝贵，希望能耽误您一点时间跟您谈谈好吗?</td>
								</tr>
								<tr>
									<th>问卷说明</th>
									<td>问卷说明</td>
								</tr>
							</table>
						</li>
						<!--<li>
							<label for="startText">问卷开场语</label><span id="startText" class="F_Remark"></span>
						</li>
						<li>
							<label for="F_Remark">问卷说明</label><span id="F_Remark" class="F_Remark"></span>
						</li>-->
					</ul>
					<ul class="Qus_box">

					</ul>
					<ul style="padding-left: 0;" class="title_ul">
						<li>
							<label for="">问卷结束语</label><span id="endText" class="F_Remark"></span>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="content_2  clearfix ">
				<div class="shark_content_title clearfix">
					<span>呼叫结果</span>
				</div>
				<div>
					<ul class="clearfix" id="Tgetruset">
                         <li>
                         	<input id="" type="radio" name="check" value="1" / style="font-size: 18px;">
							<label for="listR_' + i + '">正常接通</label>
						 </li>
						 <li>
                         	<input id="" type="radio" name="check" value="2" />
							<label for="listR_' + i + '">拒访</label>
						 </li>
						 <li>
                         	<input id="" type="radio" name="check" value="3" />
							<label for="listR_' + i + '">不是本人</label>
						 </li>
						 <li>
                         	<input id="" type="radio" name="check" value="3" />
							<label for="listR_' + i + '">挂机</label>
						 </li>
						 <li>
                         	<input id="" type="radio" name="check" value="3" />
							<label for="listR_' + i + '">停机</label>
						 </li>
						 <li>
                         	<input id="" type="radio" name="check" value="3" />
							<label for="listR_' + i + '">无人接听</label>
						 </li>
						 <li>
                         	<input id="" type="radio" name="check" value="3" />
							<label for="listR_' + i + '">空号</label>
						 </li>
						 <li>
                         	<input id="" type="radio" name="check" value="3" />
							<label for="listR_' + i + '">免回访</label>
						 </li>
						 <li>
                         	<input id="" type="radio" name="check" value="3" />
							<label for="listR_' + i + '">正常接听-不满意</label>
						 </li>
						 <li>
                         	<input id="" type="radio" name="check" value="3" />
							<label for="listR_' + i + '">不在本地居住</label>
						 </li>
						 <li>
                         	<input id="" type="radio" name="check" value="3" />
							<label for="listR_' + i + '">暂时忙,回头联系</label>
						 </li>
					</ul>
				</div>
			</div>
			<div class="content_5 clearfix" style="text-align: center;">
				<div>
					<button class="Ce btns">提交</button>
					<input type="hidden" id="F_CusID" />
					<input type="hidden" id="F_Id" />
					<input type="hidden" id="F_TaskId" />
					<input type="hidden" id="TelCode" value="" />
				</div>
			</div>
		</div>
		<script src="../js/guid.js"></script>
		<script src="../js/laydate/laydate.js"></script>
		<script src="../js/autosize/autosize.js"></script>
		<script>
			var wid = helper.request.queryString("Str");
			var ans = [];
			var type;
			var star_number = [];
			var id;
			var content;
			var str;
			var strs;
			//console.log(wid);
			$(document).ready(function() {
				if(wid != null && wid != undefined && wid != "") {
					//获取乡镇或单位下拉
					getCountry();
					XQ();
					GetHJJG(); //获取呼叫结果
					//GetYHFK();//获取用户反馈
				}

				//点击电话号码外呼
				$(".CallOut").click(function(event) {
					if($("#Phone_").text()) {
						calloutopt($("#Phone_").text());
					}
				});
			});
			//获取乡镇或单位下拉
			function getCountry() {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
					dataType: 'json',
					data: {
						flag: 'JBDW',
						token: $.cookie("token")
					},
					async: true,
					success: function(data) {
						var res = data.data;
						for(var i = 0; i < res.length; i++) {
							$('<option value="' + res[i].F_DictionaryValueId + '">' + res[i].F_Name + '</option>').appendTo($("#country"));
						}
					}
				});
			}
			//外呼
			function calloutopt(telphone) {
				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") {
								//debugger
								var guid = uuid();
								$("#TelCode").val(guid);
								top.obj.Type = "MakeCall";
								top.obj.DestinationNumber = result.data.phone;
								top.obj.Header = result.data.fix;
								top.obj.TaskType = "1"; //0:拨号外呼；1:问卷外呼；
								top.obj.TaskPhoneID = $("#F_Id").val(); //回访的电话ID
								//top.obj.TaskID = guid; //回访记录编号
								top.obj.TaskID = $("#F_TaskId").val()
								top.Send();
							}

						}
					});
				}
			}
			//详情查看
			function XQ() {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "CallOutPlan/GetTaskTelModel",
					dataType: 'json',
					data: {
						id: wid,
						token: $.cookie("token")
					},
					async: true,
					success: function(data) {
						var Count = data.data;
						if(Count) {
							if(Count.taskModel) {
								//console.log(Count.taskModel);
								$("#Name_").val(Count.taskModel.F_CusName);
								$("#Phone_").text(Count.taskModel.F_Phone);
								$("#F_CusID").val(Count.taskModel.F_CusID);
								$("#F_Id").val(Count.taskModel.F_Id);
								$("#F_TaskId").val(Count.taskModel.F_TaskId);
								var pid = Count.paperid;
								if(pid) {
									WJ(pid);
								}
							}
						}

					}
				});
			}

			//获取呼叫结果
			function GetHJJG() {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
					dataType: 'json',
					data: {
						flag: 'HJJG',
						token: $.cookie("token")
					},
					async: true,
					success: function(data) {
						var Count = data.data;
						for(var i = 0; i < Count.length; i++) {
							//$("<li><label for=''><input type='radio' name='check' value='" + Count[i].F_DictionaryValueId + "' /></label>" + Count[i].F_Name + "</li>").

							var listItem = '<li>' +
								'<input id="listR_' + i + '" type="radio" name="check" value="' + Count[i].F_DictionaryValueId + '" />' +
								'<label for="listR_' + i + '">' + Count[i].F_Name + '</label>' +
								'</li>';

							$(listItem).appendTo($("#Tgetruset"));

						}
					}
				});
			}
			//提交
//			$(".Ce").click(function() {
//			
////			   window.location.href="MyTask.html";
//
//			})

			function WJ(pid) {
				$(".tbody").empty();
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "/Questionnaire/GetPagerInfoQ",
					async: true,
					dataType: "json",
					data: {
						pid: pid,
						token: $.cookie("token"),

					},
					success: function(data) {
						if(data.state.toLowerCase() == 'success') {
							$('.Title').text(data.data.F_Title);
							$("#F_Remark").text(data.data.F_Remark);
							$("#startText").text(data.data.F_StartText);
							$("#endText").text(data.data.F_EndText);
							var Questions = data.data.F_Questions;
							var html = '';
							for(var i = 0; i < Questions.length; i++) {
								var questype = Questions[i].questype;
								var Quesid = Questions[i].quesid;
								var quesremark = Questions[i].quesremark; //试题说明
								if(quesremark) {
									quesremark = ' 【' + quesremark + '】';
								} else {
									quesremark = "";
								}
								html += '<li class="" name="ltype' + Quesid + '" >';
								html += '<div class="Back ">';
								html += '<h3 class="size-14 QuesTitle"  indexs="' + Questions[i].quesid + '">' + Questions[i].questitle + quesremark + ' </h3>';
								html += '</div>';
								//判断类型
								if(questype == 2) {
									//选项
									if(Questions[i].quesitems.length > 0) { //单选
										html += '<div class="radio clearfix" name="ltype' + Quesid + '" indexs="' + Questions[i].quesid + '">';
										var quesitems = Questions[i].quesitems;
										html += '<ul class="Ul">'
										for(var j = 0; j < quesitems.length; j++) {
											html += '<li>'
											html += '<label style="font-weight: normal;">'
											html += '' + (j + 1) + '.';
											html += '<input type="radio" index_="' + quesitems[j].itemid + '" value="' + quesitems[j].itemid + '" name="ltype' + Quesid + '"  style="margin-left:5px;"> <span>' + quesitems[j].itemname + '</span></label>'
											html += '</li>'
										}
										html += '</ul>'
										html += '</div>'
										html += '</li>'
									}
								} else if(questype == 1) {
									//问答题
									html += '<div class="Wd" indexs="' + Questions[i].quesid + '">';
									html += '<textarea class="Wds" index="' + Questions[i].quesid + '"name="" rows="" cols="" style="width: 100%;"></textarea>'
									html += '</div>'

								} else {
									if(Questions[i].quesitems.length > 0) { //多选

										html += '<div class="checkbox clearfix" name="ltype' + Quesid + '" indexs="' + Questions[i].quesid + '">';
										html += '<ul class="Ul">'
										var quesitems = Questions[i].quesitems;
										for(var j = 0; j < quesitems.length; j++) {
											html += '<li>'
											html += '<label style="font-weight: normal;">'
											html += '' + (j + 1) + '.';
											html += '<input type="checkbox" index_="' + quesitems[j].itemid + '"  value="' + quesitems[j].itemid + '" name="ltype' + Quesid + '" ><span> ' + quesitems[j].itemname + '</span></label>'
											//html += '<input type="checkbox" index_="' + quesitems[j].itemid + '"  value="' + quesitems[j].itemid + '" name="ltype' + Quesid + '" > ' + quesitems[j].itemname + '</label>'
											html += '</li>'
										}
										html += '</ul>';
										html += '</div>'
										html += '</li >';
									}
								}

							}
							$(html).appendTo(".Qus_box");
							autosize($('textarea'));
						}
					}
				});
			}
			//用户反馈
			function GetYHFK() {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
					dataType: 'json',
					data: {
						flag: 'YHFK',
						token: $.cookie("token")
					},
					async: true,
					success: function(data) {
						var Count = data.data;
						$("<option value=''>--全部--</option>").appendTo($("#selhjjg"));
						for(var i = 0; i < Count.length; i++) {
							$("<li><label for=''><input type='radio' name='checks' value='" + Count[i].F_DictionaryValueId + "' /></label>" + Count[i].F_Name + "</li>").
							appendTo($("#Tg"));
						}
					}
				});
			}
		</script>

	</body>

</html>