zhengbingbing
/
XiXianDC_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../css/app.css"/>
		<style>
			.mui-input-group .mui-input-row{
				height: auto;
			}
			.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{
				font-size: 20px;
			}
			.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{
				top: 8px;
			}
		</style>
	</head>

	<body>
		<div class="mui-content">
			<h5 class="mui-content-padded F_Remark" style="line-height: 25px;"></h5>
			<!--<h5 class="mui-content-padded">请问您的职业或身份</h5>
			<div class="mui-card">
				<form class="mui-input-group">
					<div class="mui-input-row mui-radio mui-left">
						<label>在职干部或职工</label>
						<input name="radio" type="radio">
					</div>
					<div class="mui-input-row mui-radio mui-left">
						<label>在职干部或职工在职干部或职工在职干部或职工在职干部或职工在职干部或职工在职干部或职工在职干部或职工在职干部或职工</label>
						<input name="radio" type="radio" checked>
					</div>
					<div class="mui-input-row mui-radio mui-left">
						<label>其他（1.暴恐恐怖事件，2.诈骗，3.打架斗殴，4.舆论因素：电视、网络等，5.贩卖人口：妇女儿童）</label>
						<input name="radio1" type="radio" checked>
					</div>
				</form>
			</div>-->
			<h5 class="mui-content-padded">图标左对齐</h5>
			<div class="mui-card">
				<form class="mui-input-group">
					<div class="mui-input-row mui-checkbox mui-left">
						<label>checked：false</label>
						<input name="checkbox" value="Item 1" type="checkbox" >
					</div>
					<div class="mui-input-row mui-checkbox mui-left">
						<label>checked：true</label>
						<input name="checkbox" value="Item 2" type="checkbox" checked>
					</div>
					<div class="mui-input-row mui-checkbox mui-left mui-disabled">
						<label>disabled checkbox</label>
						<input name="checkbox" type="checkbox" >
					</div>
				</form>
			</div>
		</div>
		<div>
				<button type="button" id="submit" class="mui-btn mui-btn-primary" onclick="return false;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">提交</font></font></button>
		</div>
	</body>
	<script src="../js/zepto.js"></script>
		<script src="../js/jquery.min.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<script src="../Script/Common/huayi.http.js"></script>
	<script src="../js/mui.min.js"></script>
	
	<script>
		$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "/Questionnaire/GetPagerInfoQ",
		async: true,
		dataType: "json",
		data: {
			pid:19,
//			token: $.cookie("token"),
			token:'50C57EA4C7E1B978AF234F8EB3680C1D8F91BA568AC8AF1D4CCB03CC55A352C60A80B78FD91F4B352A48E102F56AC6BFEA63CE401DAC1473B80E93CCEDFF7156997EED1DB83832D94040B3EAEB66DAF1186D7C6C1AABED804CF3D941E6D76CF8439406192F5B035FB3608C728D7CAC9BAFC4ED62AF1112FB7FF1647D1F3164FF0C2EB28BE97556050A8AD5F7D67FB67474710BE1D5D83BC12BD9AF6D42B6E4E72727781BECAD233E2F03A5000CD77B4AE779EA4295A7CDF6A42CF42561319509A9EA06CC3232F85C7536536A88DC44385371487AC5E3C2504573C90C0EE46BD6043C29E5248277385EF56B127FD9002BD66EA649FAFD1C24520A3606E75C9A9CDAD5A91E2E3B587A38DA3D5AE36E790274785CAA6AD243D1E24EEE18B8372C86C4AF85C7072B431723784063013483AC8A3F0AD11D85CE3D3D8F9A9E352CB8F8A97A59937F0F51DE292AF76BE38B5553067BFF5FC12B7F39297D298F8D837C84BA8532D5C19DCAD04DAC98CB4D8EBDE7D959944EF5DCAD0C54F29767DE98259766A9FDEBA05B78652A6BE178119C6FF03B9771AF4B9A6D982E1D0A0898715F2C5AFDF9039EAD952C2AA25822442EFF811C2BE4843790F8CF31E22CAB445912A543DF4DF58E7DA036378F3C18EC8736EAEE205DA909D3D1CB475FDD3A58E4B598C3AE15E2BC8BF5D6CFEEA60C5A6A5C7A79104EB371C430424B33F311AFF71175910841FA5DE9AF1E9BCDBA802394899FAD26449A10FC994742278D484D3A03430A8AE4D0AE48757180D0B069F8BF840ED431DF7BC00C9C85D602DE0CEF8EC13F41842D384EEFF6855B09B7DD4DF6BC23F2C261EE322CC0F15EB42DC6666678102C4826C31B87DA51DB76844A70B204CEF48D522411C69883C9618082A5D8EDD8'

		},
		success: function(data) {
			if(data.state.toLowerCase() == 'success') {
				$('.Title').text(data.data.F_Title);
				$(".F_Remark").text(data.data.F_Remark);
				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;
					 console.log(Questions[i]);
					
					//判断类型
					if(questype == 2) { 
						//选项
						if(Questions[i].quesitems.length > 0) {
							html += '<h5 class="mui-content-padded "  indexs="'+Questions[i].quesid+'">' + Questions[i].questitle + ' </h5>';
							html += '<div class="mui-card "  >';
							html += '<form class="mui-input-group radio" name="radio' + Quesid + '" indexs="' + Questions[i].quesid + '">';
							var quesitems = Questions[i].quesitems;
							for(var j = 0; j < quesitems.length; j++) {
								html += '<div class="mui-input-row mui-radio mui-left">'	
								html += '<label style="line-height:20px;" >'	
								html +=''+(j+1)+'.';
								html += '<input type="radio"  index_="' + quesitems[j].itemid + '" value="'+ quesitems[j].itemid + '" name="radio'+Quesid+'"  > <span> ' + quesitems[j].itemname + '</span></label>'
								html += '</div>'
							}
							html += '</form>'
							html += '</div>'
							html += '</li>'
						}
					} 
					else if(questype == 1) {

							html += '<div>';
							html += '<textarea class="mui-input-clear question" index="' + Questions[i].quesid + '"name="" rows="" cols="" style="width: 100%;"></textarea>'
							html += '</div>'

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

							html += '<div>';
							var quesitems = Questions[i].quesitems;
							for(var j = 0; j < quesitems.length; j++) {
								html += '<label style="font-weight: normal;">'
								html +=''+(j+1)+'.';
								html += '<input type="checkbox" value="'+ quesitems[j].itemname +'" name="checks" > ' + quesitems[j].itemname + '</label>'
							}
							html += '</div>'

							html += '</li >';
						}
					}

				}
				$(html).appendTo(".mui-content");
			}
		}
	});		
		//测试
		//提交
			var ans = [];
			var type;
			var star_number = [];
			var id;
			var content;
			var str;
			var strs;
			$("#submit").click(function() {

				$(".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();
//					if(val != null) {
						str = index + '_' + val + '_' + valText;
						ans.push(str);
						console.log(ans)
//					}
				})
				
//				$(".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);
//					}
//				})
//					//请求
////					$.ajax({
////						type: "POST",
////						url: huayi.config.callcenter_url + "CallOutPlan/Answers",
////						dataType: 'json',
////						data: {
////							taskid: $("#F_TaskId").val(), //任务ID
////							custelid: $("#F_Id").val(), //客户电话ID
////							cusid: $("#F_CusID").val(), //客户档案ID
////							ans: ans, //答案，数组形式["15_20_单选选项内容","17_25|36|58_复选选项内容1|选项内容2|选项内容3","30_0_问答题"]
////							hjjgid: $('input[name="check"]:checked').val(), //呼叫结果ID
////							//yhfkid: $('input[name="checks"]:checked').val(), //用户反馈ID
////							yhfkid: 0, //用户反馈ID
////							token: $.cookie("token")
////						},
////						async: true,
////						success: function(data) {
////							var Count = data.data;
////							//if(data.state == "success") {
////								var index1 = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
////								//debugger;
////								parent.layer.close(index1); //再执行关闭
////								parent.initTable();
////								parent.layer.msg('提交成功');
////							//}
////						},
////					});
//
//			})
	});

	</script>
</html>