zhoufan
/
NYDX_CallCenter_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286
							<!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" />
		<style type="text/css">
			input[type="radio" i]:checked {
				background-color: #f00;
			}
			.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>
	</head>

	<body class="gray-bg">
		<div class="wrapper clearfix lookMsgs">
			<div class="content_1 clearfix">
				<div class="shark_content_title clearfix">
					<span>电话信息</span>
				</div>
				<div class="Phone_Text">
					<ul class="clearfix form-inline">
						<li>
							<label for="F_ordernature">用户分类：</label>
							<span id="F_ordernature"></span>
						</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="F_broadbandaccount">宽带账号：</label>
							<span id="F_broadbandaccount"></span>
						</li>
						<li>
							<label for="address">地址:</label>
							<span id="address"></span>
						</li>
						
						<li>
							<label for="F_accesstime">入网时间：</label>
							<span id="F_accesstime"></span>
						</li>
						<li>
							<label for="F_channel">入网渠道：</label>
							<span id="F_channel"></span>
						</li>
						<li>
							<label for="F_service">营服：</label>
							<span id="F_service"></span>
						</li>
						<li>
							<label for="F_packaget">套餐：</label>
							<span id="F_packaget"></span>
						</li>
						<li>
							<label for="F_fusion">是否融合：</label>
							<span id="F_fusion"></span>
						</li>
						<li>
							<label for="F_status">状态：</label>
							<span id="F_status"></span>
						</li>
						<!--<li>
							<label for="country">乡镇或单位:</label>
							<span id="country"></span>
						</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>
						</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>
		<script src="../js/autosize/autosize.js"></script>
		<script>
			var wid = helper.request.queryString("Str");
			$(document).ready(function() {
				XQ(wid);
				GetHJJG();
				//GetYHFK();
			})

			//详情查看
			function XQ(wid) {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "CallOutPlan/GetTaskTelInfo",
					dataType: 'json',
					data: {
						id: wid,
						token: $.cookie("token")
					},
					async: true,
					success: function(data) {
						var Count = data.data;
						$("#F_ordernature").text(Count.taskModel.F_ordernature);
						$("#Phone_").text(Count.taskModel.F_Telephone);
						$('#F_broadbandaccount').text(Count.taskModel.F_broadbandaccount); 
						$('#F_accesstime').text(Count.taskModel.F_accesstime); 
						$('#address').text(Count.taskModel.F_Address); 
						
						$("#F_channel").text(Count.taskModel.F_channel);
						$("#F_service").text(Count.taskModel.F_service);
						$('#F_packaget').text(Count.taskModel.F_packaget); 
						$('#F_fusion').text(Count.taskModel.F_fusion); 
						$('#F_status').text(Count.taskModel.F_status); 

						$(' input[name="check"][value="' + Count.taskModel.F_HJJGId + '"]').prop("checked", "checked");
						$(' input[name="checks"][value="' + Count.taskModel.F_YHFKId + '"]').prop("checked", "checked");
						$('.Title').text(Count.paperModel.F_Title);
						$("#F_Remark").text(Count.paperModel.F_Remark);
						$("#startText").text(Count.paperModel.F_StartText);
						$("#endText").text(Count.paperModel.F_EndText);

						//循环填表
						var html = '';
						var Questions = Count.paperModel.F_Questions;

						for(var i = 0; i < Questions.length; i++) {
							var questype = Questions[i].questype;
							var quesanswers = Questions[i].quesanswers;
							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].sortmodel == 0){
								html += '<h3 class="size-14 QuesTitle"  indexs="' + Questions[i].quesid + '">'+'<span style="color:#f00;">'+Questions[i].F_CategoryName+'</span>'+'&nbsp;&nbsp;' + Questions[i].questitle +quesremark;
							}else if(Questions[i].sortmodel == 1){
								html += '<h3 class="size-14 QuesTitle"  indexs="' + Questions[i].quesid + '">'+'<span style="color:#f0f;">'+Questions[i].F_CategoryName+'</span>'+'&nbsp;&nbsp;' + Questions[i].questitle+quesremark ;									
							}else{
								html += '<h3 class="size-14 QuesTitle"  indexs="' + Questions[i].quesid + '">'+'<span style="color:#fb0;">'+Questions[i].F_CategoryName+'</span>'+'&nbsp;&nbsp;' + Questions[i].questitle+quesremark ;									
							}
							if(questype==1){
								html += '<div class="Wd" indexs="' + Questions[i].quesid + '">';
								html += '<p class="Wds" "index="' + Questions[i].quesid + '" style="width: 100%;">' + quesanswers + '</p>'
//								html += '<textarea disabled class="Wds" index="' + Questions[i].quesid + '"name="" rows="" cols="" style="width: 100%;" value="'+Questions[i].quesanswers+'"></textarea>'
								html += '</div></h3></div></li>'
							}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++) {
										var chk = '';
										if(quesanswers == quesitems[j].itemid) {
											chk = 'selected="selected"';
										}
										html += '<option disabled value="'+Questions[i].quesid+'_' + quesitems[j].itemid+'_'+ quesitems[j].itemname+ '" '+chk+'>' + quesitems[j].itemname + '</option>'
									}
								}
								html += '</select> </h3>'
								html += '</div></li>';
							}
						}
						$(html).appendTo(".Qus_box");
						autosize($('textarea'));
					}
				});
			}
			//获取呼叫结果
			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++) {
							var listItem = '<li>' +
								'<input disabled 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"));
						}

					}
				});
			}

			//用户反馈
			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 disabled type='radio' name='checks' value='" + Count[i].F_DictionaryValueId + "' /></label>" + Count[i].F_Name + "</li>").
							appendTo($("#Tg"));
						}
					}
				});
			}
		</script>

	</body>

</html>