miaofuhao
/
pingDingShan


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706
							<!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" />
		<!--<link href="../callScreen/cutVideo/rrweb.min.css" rel="stylesheet" />
		<link href="../callScreen/cutVideo/style.css" rel="stylesheet" />
		<link rel="stylesheet" href="../js/bootstrap-select/css/bootstrap-select.css" />
        <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
        <link rel="stylesheet" href="https://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" />
        <script src="https://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>-->
		<style type="text/css">
			.size-14 {
				outline: none;
				border: none;
				background-color: rgb(245, 245, 245) !important;
			}

			.Wds {
				width: 100%;
				overflow: hidden;
				overflow-wrap: break-word;
				border: 1px solid rgb(204, 204, 204);
				margin-top: 20px;
				outline: none;
				padding: 5px 10px;
				height: 42px;
			}
		</style>
		<script type="text/javascript">
			//      	$(window).on('load', function() {
			// 	$('.selectpicker').selectpicker({
			// 		'selectedText': 'cat'
			// 	});
			// });
		</script>
	</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" />
						</li>
						<!-- <li>
							<label for="callNum">固定号码:</label>
							<input type="text" id="callNum" class="form-control" />
						</li> -->
						<li>
							<label for="Phone_">电话号码:</label>
							<a class="CallOut" id="CallOut"><span id="Phone_"></span><img src="../img/Phones.png"
									alt="" /></a>
						</li>
						<li>
							<label for="address">地址:</label>
							<input type="text" id="address" class="form-control" />
						</li>
						<li>
							<label for="F_ordernature">用户分类：</label>
							<input type="text" id="F_ordernature" class="form-control" />
						</li>
						<li>
							<label for="F_broadbandaccount">宽带账号：</label>
							<input type="text" id="F_broadbandaccount" class="form-control" />
						</li>
						<li>
							<label for="F_accesstime">入网时间：</label>
							<input type="text" id="F_accesstime" class="form-control" />
						</li>
						<li>
							<label for="F_channel">入网渠道：</label>
							<input type="text" id="F_channel" class="form-control" />
						</li>
						<li>
							<label for="F_service">营服：</label>
							<input type="text" id="F_service" class="form-control" />
						</li>
						<li>
							<label for="F_packaget">套餐：</label>
							<input type="text" id="F_packaget" class="form-control" />
						</li>
						<li>
							<label for="F_fusion">是否融合：</label>
							<input type="text" id="F_fusion" class="form-control" />
						</li>
						<li>
							<label for="F_status">状态：</label>
							<input type="text" id="F_status" class="form-control" />
						</li>
					</ul>
					<div id="luping">
						<span id="playersing">

						</span>
					</div>
				</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 style="color: #f00;"> * </span>为必填项）</span>

				</div>
				<div>
					<ul style="padding-left: 0;" class="title_ul">
						<li>
							<label for="">问卷名称</label><span class="Title"></span>
						</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">

					</ul>
				</div>
			</div>
			<div class="content_5 clearfix" style="text-align: center;">
				<div>
					<button class="Ce btns">提交</button>
					<button class="createBtn 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/autosize/autosize.js"></script>
		<!-- 录屏-->
		<!--<script src="https://cdn.jsdelivr.net/npm/rrweb@latest/dist/rrweb.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/rrweb@latest/dist/record/rrweb-record.min.js"></script>
		<script src="../callScreen/cutVideo/rrweb.min.js"></script>
		<script src="../callScreen/cutVideo/rrweb-record.min.js"></script>-->
		<!-- 回放播放器 -->
		<!--<script src="https://cdn.jsdelivr.net/npm/rrweb-player@latest/dist/index.js"></script>
		<script src="../callScreen/cutVideo/index.js"></script>
		<script src="../callScreen/cutVideo.js"></script>-->
		<script>
			// 录屏
			var wid = helper.request.queryString("Str");
			var ans = [];
			var types = [];
			var types2 = [];
			var type;
			var star_number = [];
			var id;
			var content;
			var str;
			var strs;
			var questionCount = [];
			var infor = 0;
			var questionId = 0;
			var t_detail = '';
			var isCreateOrder = false;
			var flag = true
			//console.log(wid);
			$(document).ready(function() {
				if (wid != null && wid != undefined && wid != "") {
					//获取乡镇或单位下拉
					getCountry();
					XQ();
					GetHJJG(); //获取呼叫结果
					//GetYHFK();//获取用户反馈
				}
				localStorage.setItem('taskCallid', "")
				localStorage.setItem('taskCallIdFlag', true)
				//点击电话号码外呼
				$(".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 = $("#F_TaskId").val()
//								if (top.obj.Header) {
//									top.obj.Header = huayi.config.taskCallOutHeader[top.obj.AgentExten]
//									top.obj.DestinationNumber = top.obj.Header + top.obj.DestinationNumber.slice(1)
//								}
//								top.Send();
							}

						}
					});
					$.ajax({
						type: "get",
						url: huayi.config.callcenter_url + "CallOutPlan/UdpateCallState",
						dataType: 'json',
						data: {
							phoneid: $("#F_Id").val(),
							token: $.cookie("token")
						},
						async: true,
						success: function(data) {}
					});
				}
			}
			//详情查看
			function XQ() {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "CallOutPlan/GetTaskTelModel",
					dataType: 'json',
					data: {
						id: wid,
						token: $.cookie("token")
					},
					async: false,
					success: function(data) {
						var Count = data.data;
						if (Count) {
							if (Count.taskModel) {
								$("#F_TaskId").val(Count.taskModel.F_TaskId);
								$("#F_Id").val(Count.taskModel.F_Id);
								$("#F_CusID").val(Count.taskModel.F_CusID)
								$("#F_ordernature").val(Count.taskModel.F_ordernature);
								$("#Phone_").text(Count.taskModel.F_Phone);
								$('#F_broadbandaccount').val(Count.taskModel.F_broadbandaccount);
								$('#F_accesstime').val(Count.taskModel.F_accesstime);
								$('#address').val(Count.taskModel.F_Address);

								$("#F_channel").val(Count.taskModel.F_channel);
								$("#F_service").val(Count.taskModel.F_service);
								$('#F_packaget').val(Count.taskModel.F_packaget);
								$('#F_fusion').val(Count.taskModel.F_fusion);
								$('#F_status').val(Count.taskModel.F_status);
								var pid = Count.paperid;
								if (pid) {
									questionId = pid
									WJ(pid);
								}
							}
						}

					}
				});
			}
			//创建工单
			$('.createBtn').click(function() {
				$(".Wd").each(function(j, k) {
					t_detail = $(k).find(".Wds").val()
				})
				layer.open({
					type: 2,
					content: "../commonHtml/orderModel.html?Name_=" + $('#Name_').val() + '&Phone_=' + $(
							'#Phone_').text() + '&createState=' + 1 + '&tid=' + $("#F_Id").val() + '&t_detail=' +
						t_detail,
					title: "创建工单",
					maxmin: true,
					area: ['100%', '100%']

				})
			})
			//获取呼叫结果
			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() {
				if(flag) {
					let data;
					var taskCallid = localStorage.getItem('taskCallid')
					let callState = $('input[name="check"]:checked').val()
					data = {
						phoneid: $("#F_Id").val(),
						token: $.cookie("token")
					};
					if (callState == 659 && isCreateOrder == 'false') {
						layer.confirm('不可提交问卷，请创建工单', {
							icon: 2,
							btn: ['确定']
						});
						infor = 0;
						return
					}
					//根据呼叫结果来确定是否你填或不必填（接通未评价或未接通可以不做判断）
					if (callState != '659' && callState != '660') {
						$(".Wd").each(function(j, k) {
							var val = $(k).find(".Wds").val();
							if (!val) {
								infor = 1
							}
						})
						questionCount.forEach(function(v, n) {
							var nameq = $('#' + v).attr('name')
							if (!$('#' + v).val() && nameq) {
								infor = 1;
							}
						})
					}
					
					if (infor == 1) {
						layer.confirm('必选项必须选择！', {
							icon: 2,
							btn: ['确定']
						});
						infor = 0;
						return
					}
					//问答题
					$(".Wd").each(function(j, k) {
						strs = '';
						var categoryName = $(k).find(".Wds").attr("name");
						var index = $(k).attr("indexs");
						var val = $(k).find(".Wds").val();
						console.log(categoryName)
						if (val) {
							str = index + '_0_' + val;
							ans.push(str);
					
						}
						if (questionId == 38) {
							types.push({
								name: categoryName,
								value: val
							})
						}
					})
					//选择题
					questionCount.forEach(function(v, n) {
						var categoryName = $('#' + v).find('option:selected').attr('categoryName')
						var staus = $('#' + v).find('option:selected').attr('staus')
						var val = $('#' + v).find('option:selected').attr('val')
						var nameq = $('#' + v).attr('name')
					
						if (categoryName && staus == 0) {
							types.push({
								name: categoryName,
								value: val
							})
						}
						if (categoryName && staus == 1) {
							types2.push({
								name: categoryName,
								value: val
							})
						}
						ans.push($('#' + v).val())
					})
					
					if (!$('#Name_').val()) {
						layer.confirm('姓名必须填写！', {
							icon: 2,
							btn: ['确定']
						});
						return
					}
					if ($('input[name="check"]:checked').val() == undefined) {
						layer.confirm('呼叫结果必须选择！', {
							icon: 2,
							btn: ['确定']
						});
					} else {
						types.forEach(function(v, n) {
							if (v.name == '移网上网质量') {
								data.F_typeName1 = v.name;
								data.value1 = v.value
							} else if (v.name == '移网通话质量') {
								data.F_typeName2 = v.name;
								data.value2 = v.value
							} else if (v.name == '光网网络质量') {
								data.F_typeName3 = v.name;
								data.value3 = v.value
							} else if (v.name == '装维服务') {
								data.F_typeName4 = v.name;
								data.value4 = v.value
							} else if (v.name == '营业厅服务') {
								data.F_typeName5 = v.name;
								data.value5 = v.value
							} else if (v.name == '资费政策') {
								data.F_typeName6 = v.name;
								data.value6 = v.value
							} else {
								data.F_TypeName7 = v.name;
								data.value7 = v.value
							}
						})
						types2.forEach(function(v, n) {
							if (v.name == '移网上网质量') {
								data.value12 = v.value
							} else if (v.name == '移网通话质量') {
								data.value22 = v.value
							} else if (v.name == '光网网络质量') {
								data.value32 = v.value
							} else if (v.name == '装维服务') {
								data.value42 = v.value
							} else if (v.name == '营业厅服务') {
								data.value52 = v.value
							} else if (v.name == '资费政策') {
								data.value62 = v.value
							}
						})
						flag = false
						$.ajax({
							type: "get",
							url: huayi.config.callcenter_url + "CallOutPlan/IsOrNotExistWorkOrder",
							dataType: 'text',
							data: {
								phoneid: $("#F_Id").val(),
								token: $.cookie("token")
							},
							async: false,
							success: function(res) {
								isCreateOrder = res.toLowerCase()
							}
						});
						//请求
						$.ajax({
							type: "POST",
							url: huayi.config.callcenter_url + "CallOutPlan/AddAnswers",
							dataType: 'json',
							data: data,
							async: true,
							success: function(data) {},
						});
						$.ajax({
							type: "POST",
							url: huayi.config.callcenter_url + "CallOutPlan/Answers",
							dataType: 'json',
							beforSend: function() {
								$('#btns').off('click')
							},
							data: {
								taskid: $("#F_TaskId").val(), //任务ID
								custelid: $("#F_Id").val(), //客户电话ID
								ans: ans, //答案，数组形式["15_20_单选选项内容","17_25|36|58_复选选项内容1|选项内容2|选项内容3","30_0_问答题"]
								hjjgid: $('input[name="check"]:checked').val(), //呼叫结果ID
								name: $('#Name_').val(), //姓名, 
								phone: '', //固定号码, 
								address: $('#address').val(), //地址
								callid: taskCallid,
								fenlei: $('#F_ordernature').val(),
								kuandai: $('#F_broadbandaccount').val(),
								ruwangshijian: $('#F_accesstime').val(),
								qudao: $('#F_channel').val(),
								yingfu: $('#F_service').val(),
								taocan: $('#F_packaget').val(),
								ronghe: $('#F_fusion').val(),
								zhuangtai: $('#F_status').val(),
								token: $.cookie("token")
							},
							async: true,
							success: function(data) {
								$('#btns').on('click')
								var Count = data.data;
								var index1 = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
								parent.layer.close(index1); //再执行关闭
								parent.initTable();
								//停止录屏保存
								stopPlayers(); //Count
								parent.layer.msg('提交成功');
								localStorage.setItem('taskCallid', '')
							},
						});
					}
				}
			})

			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 ">';

								if (Questions[i].F_SortModel == 0) { //根据F_SortModel来区别问题类的颜色
									//通过问题类来区别是否带*
									if (Questions[i].F_CategoryName != '移网上网质量' && Questions[i].F_CategoryName !=
										'移网通话质量') {
										html += '<h3 class="size-14 QuesTitle"  indexs="' + Questions[i].quesid +
											'">' + '<span style="color:#f00;">' + Questions[i].F_CategoryName +
											'</span>' + '&nbsp;&nbsp;' +
											'<span style="color:#f00;">*</span>&nbsp;&nbsp;' + Questions[i]
											.questitle;
									} else {
										html += '<h3 class="size-14 QuesTitle"  indexs="' + Questions[i].quesid +
											'">' + '<span style="color:#f00;">' + Questions[i].F_CategoryName +
											'</span>' + '&nbsp;&nbsp;' + Questions[i].questitle;
									}
								} else if (Questions[i].F_SortModel == 1) { //根据F_SortModel来区别问题类的颜色
									//通过问题类来区别是否为带*
									if (Questions[i].F_CategoryName != '移网上网质量' && Questions[i].F_CategoryName !=
										'移网通话质量') {
										html += '<h3 class="size-14 QuesTitle"  indexs="' + Questions[i].quesid +
											'">' + '<span style="color:#f0f;">' + Questions[i].F_CategoryName +
											'</span>' + '&nbsp;&nbsp;' +
											'<span style="color:#f00;">*</span>&nbsp;&nbsp;' + Questions[i]
											.questitle;
									} else {
										html += '<h3 class="size-14 QuesTitle"  indexs="' + Questions[i].quesid +
											'">' + '<span style="color:#f0f;">' + Questions[i].F_CategoryName +
											'</span>' + '&nbsp;&nbsp;' + Questions[i].questitle;
									}
								} else {
									html += '<h3 class="size-14 QuesTitle"  indexs="' + Questions[i].quesid + '">' +
										'<span style="color:#fb0;">' + Questions[i].F_CategoryName + '</span>' +
										'&nbsp;&nbsp;&nbsp;&nbsp;' + Questions[i].questitle;
								}

								//通过questype来区别问题的不同，例如问答题或者单选题

								if (questype == 1) {
									html += '<div class="Wd" indexs="' + Questions[i].quesid + '">';
									html += '<textarea class="Wds" index="' + Questions[i].quesid + '" name="' +
										Questions[i].F_CategoryName +
										'" rows="" cols="" style="width: 100%;"></textarea>'
									html += '</div></h3></div></li>'
								} else {
									questionCount.push('questionCount' + i)
									if (Questions[i].F_SortModel !== 2 && Questions[i].F_CategoryName != '移网上网质量' &&
										Questions[i].F_CategoryName != '移网通话质量') {
										html +=
											'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select class="size-14" id="questionCount' +
											i + '" name="reqId"><option value="">该选项</option>'
									} else {
										html +=
											'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select class="size-14" id="questionCount' +
											i + '"><option value="">该选项</option>'
									}
									if (Questions[i].quesitems.length > 0) {
										var quesitems = Questions[i].quesitems;
										for (var j = 0; j < quesitems.length; j++) {
											html += '<option value="' + Questions[i].quesid + '_' + quesitems[j]
												.itemid + '_' + quesitems[j].itemname + '" categoryName="' +
												Questions[i].F_CategoryName + '" staus="' + Questions[i]
												.F_SortModel + '" val="' + quesitems[j].itemname + '">' +
												quesitems[j].itemname + '</option>'
										}
									}
									html += '</select> </h3>'
									html += '</div></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>