zhaozhiqiang
/
YH_Web_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288
							<!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 href="./css/addAnswer.css" rel="stylesheet" type="text/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="tel">电话：</label>
							<input type="text" id="tel" class="form-control" />
						</li>
						<li>
							<label for="questionType">试题类型：</label>
							<select id="questionType">
								<option value="">请选择试题类型</option>
							</select>
						</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_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 type="text/javascript" src="../js/jquery.min.js?v=2.1.4"></script>
		<script type="text/javascript" src="../js/jquery.cookie.js"></script>
		<script type="text/javascript" src="../css/layer/layer.js"></script>
		<script>
			// var wid = helper.request.queryString("Str");
			var wid = true;
			var ans = [];
			var type;
			var star_number = [];
			var id;
			var content;
			var str;
			var strs;
			$(document).ready(function() {
				// if(wid != null && wid != undefined && wid != "") {
				// }
				WJ()
				Select()
			});
			//提交
			$(".Ce").click(function() {
				if ($("#tel").val() == "") {
					layer.confirm('请输入电话！', {
						icon: 2,
						btn: ['确定']
					});
					return;
				}
				$(".radio").each(function(j, k) {
					str = '';
					var nameRadio = $(k).attr("name");
					var index = $(k).attr("indexs");
					var val = $('input[name="' + nameRadio + '"]:checked').val();
					var valText = $('input[name="' + nameRadio + '"]:checked').next().text();
					var fraction = $('input[name="' + nameRadio + '"]:checked').attr("fraction");
					if (val != null) {
						str = index + '_' + val + '_' + valText;
						var obj = {
							token: $.cookie("token"),
							telcode: $("#tel").val(),
							testid: index,
							testoptions: val,
							grade: fraction,
						}
						ans.push(obj);
					}
				})
				// $(".checkbox").each(function(j, k) {
				// 	strs = '';
				// 	var nameCheckbox = $(k).attr("name");
				// 	var index = $(k).attr("indexs");
				// 	var check = "";
				// 	var text = "";
				// 	//var val=$('input[name="'+ name+'"]:checked').val();
				// 	var VAl = $('input[name="' + nameCheckbox + '"]:checked');
				// 	$(VAl).each(function(i, n) {
				// 		text += $(this).next().text() + "|";
				// 		check += $(this).val() + "|";
				// 	})
				// 	if(check != "") {
				// 		str = index + '_' + check + '_' + text;
				// 		ans.push(str);
				// 	}
				// })
				// $(".Wd").each(function(j, k) {
				// 	strs = '';
				// 	//debugger;
				// 	var nameWd = $(k).attr("name");
				// 	var index = $(k).attr("indexs");
				// 	var val = $(k).find(".Wds").val();
				// 	if(val) {
				// 		str = index + '_0_' + val;
				// 		ans.push(str);
				// 	}
				// })
				$(ans).each(function(index, value) {
					$.ajax({
						type: "get",
						url: huayi.config.callcenter_url +
							"testusertypeapi/api/TestUserType/AddUserDoTest",
						dataType: 'json',
						data: value,
						async: false,
						success: function(data) {
							alert('1')
							var Count = data.data;
							var index1 = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
							parent.layer.close(index1); //再执行关闭
							parent.initTable();
							parent.layer.msg('提交成功');
						},
					});
				})
			})

			function WJ() {
				$(".Qus_box").empty();
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/GetListDropLis",
					async: true,
					dataType: "json",
					data: {
						testtypeid: $("#questionType").val(),
						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.rows;
							var html = '';
							for (var i = 0; i < Questions.length; i++) {
								var questype = Questions[i].questype;
								var Quesid = Questions[i].id;
								html += '<li class="" name="ltype' + Quesid + '" >';
								html += '<div class="Back ">';
								html += '<h3 class="size-14 QuesTitle"  indexs="' + Questions[i].id + '">' +
									Questions[i].testtitle + ' </h3>';
								html += '</div>';
								//选项
								if (Questions[i].optionlists.length > 0) { //单选
									html += '<div class="radio clearfix" name="ltype' + Quesid + '" indexs="' +
										Questions[i].id + '">';
									var optionlists = Questions[i].optionlists;
									html += '<ul class="Ul">'
									for (var j = 0; j < optionlists.length; j++) {
										html += '<li>'
										html += '<label style="font-weight: normal;">'
										html += '' + (j + 1) + '.';
										html += '<input type="radio" index_="' + optionlists[j].id + '" value="' +
											optionlists[j].id + '" name="ltype' + Quesid + '"fraction="' +
											optionlists[j].grade + '"  style="margin-left:5px;"> <span>' +
											optionlists[j].questname + '</span></label>'
										html += '</li>'
									}
									html += '</ul>'
									html += '</div>'
									html += '</li>'
								}
								// if(questype == 2) {
								// } else if(questype == 1) {
								// 	//问答题
								// 	html += '<div class="Wd" indexs="' + Questions[i].id + '">';
								// 	html += '<textarea class="Wds" index="' + Questions[i].id + '"name="" rows="" cols="" style="width: 100%;"></textarea>'
								// 	html += '</div>'

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

								// 		html += '<div class="checkbox clearfix" name="ltype' + Quesid + '" indexs="' + Questions[i].id + '">';
								// 		html += '<ul class="Ul">'
								// 		var optionlists = Questions[i].optionlists;
								// 		for(var j = 0; j < optionlists.length; j++) {
								// 			html += '<li>'
								// 			html += '<label style="font-weight: normal;">'
								// 			html += '' + (j + 1) + '.';
								// 			html += '<input type="checkbox" index_="' + optionlists[j].id + '"  value="' + optionlists[j].id + '" name="ltype' + Quesid + '" ><span> ' + optionlists[j].questname + '</span></label>'
								// 			//html += '<input type="checkbox" index_="' + optionlists[j].id + '"  value="' + optionlists[j].id + '" name="ltype' + Quesid + '" > ' + optionlists[j].questname + '</label>'
								// 			html += '</li>'
								// 		}
								// 		html += '</ul>';
								// 		html += '</div>'
								// 		html += '</li >';
								// 	}
								// }
							}
							$(html).appendTo(".Qus_box");
							// autosize($('textarea'));
						}
					}
				});
			}

			//列表
			function Select() {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/Gettesttype",
					dataType: 'json',
					async: true,
					data: {
						token: $.cookie("token")
					},
					success: function(data) {
						/*验证请求*/
						if (data.state == "success") {
							var html = ''
							for (var i = 0; i < data.data.rows.length; i++) {
								html += '<option value="' + data.data.rows[i].id + '">' + data.data.rows[i]
									.Typename + '</option>'
							}
							$(html).appendTo("#questionType");
						}
					}
				});
			}
			$("#questionType").change(function() {
				WJ()
			});
		</script>
	</body>
</html>