问卷样式更改

CallCenterWeb.UI/OutboundMessage/LookMessage.html

@@ -86,6 +86,7 @@
 				border: 1px solid #ccc;
 				border-bottom: none;
 				float: none;
+				border-top: none
 			}
 			
 			.Qus_box {
@@ -94,7 +95,7 @@
 			
 			.Qus_box div {
 				padding: 10px;
-				border-bottom: 1px solid #ccc;
+				border-top: 1px solid #ccc;
 			}
 			
 			.title_ul {
@@ -113,19 +114,43 @@
 				margin: 0;
 				padding: 10px;
 			}
-			.checkbox input[type=checkbox]{
+			
+			.checkbox input[type=checkbox] {
 				margin-top: 0;
 				margin-left: 0;
 				position: relative;
 			}
-			.radio input[type=radio]{
+			
+			.radio input[type=radio] {
 				margin-top: 0;
 				margin-left: 0;
 				position: relative;
 			}
-			.wrapper{
+			
+			.wrapper {
 				margin-bottom: 20px;
 			}
+			
+			.Ul {
+				float: left;
+				padding-left: 0;
+				border: none
+			}
+			
+			.Ul li {
+				float: left;
+				border: none;
+				padding: 5px;
+			}
+			
+			.checkbox,
+			.radio {
+				margin-bottom: 0;
+			}
+			
+			.Wd {
+				border-bottom: 1px solid #ccc;
+			}
 		</style>
 	</head>
 
@@ -142,7 +167,8 @@
 							<label for="">姓名：</label><span class="Name_">18839115206</span>
 						</li>
 						<li>
-							<label for="">电话号码:</label><a class="CallOut" id="CallOut"><span class="Phone_"></span><img  src="../img/Phones.png" alt="" /></a>
+							<label for="">电话号码:</label>
+							<a class="CallOut" id="CallOut"><span class="Phone_"></span><img src="../img/Phones.png" alt="" /></a>
 						</li>
 
 					</ul>
@@ -173,28 +199,28 @@
 			<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="">问卷名称</label><span class="F_Remark"></span>
-							</li>
-						</ul>
-						<ul class="Qus_box">
+					<ul style="padding-left: 0;" class="title_ul">
+						<li>
+							<label for="">问卷名称</label><span class="Title"></span>
+						</li>
+						<li>
+							<label for="">问卷名称</label><span class="F_Remark"></span>
+						</li>
+					</ul>
+					<ul class="Qus_box">
 
-						</ul>
-					</div>
+					</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="F_CusID" />
+					<input type="hidden" id="F_Id" />
+					<input type="hidden" id="F_TaskId" />
 					<input type="hidden" id="TelCode" value="" />
 				</div>
 			</div>
@@ -211,43 +237,42 @@
 				$("#sc_btns").click(function() {
 					initTable();
 				})
-				
+
 				$(".CallOut").click(function(event) {
-				    if ($(".Phone_").text()) {
-				        calloutopt($(".Phone_").text());
-				    }
+					if($(".Phone_").text()) {
+						calloutopt($(".Phone_").text());
+					}
 				});
 			})
-           //外呼
-           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") {
-			                    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.Send();
-			                }
+			//外呼
+			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") {
+								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.Send();
+							}
 
-			            }
-			        });
-			    }
+						}
+					});
+				}
 			}
 			//详情查看
 			function XQ(wid) {
@@ -329,11 +354,15 @@
 									if(Questions[i].quesitems.length > 0) { //单选
 										html += '<div class="radio" 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>'
 									}
@@ -347,15 +376,18 @@
 									if(Questions[i].quesitems.length > 0) { //多选
 
 										html += '<div class="checkbox" 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 >';
 									}
 								}
@@ -394,73 +426,73 @@
 			var id;
 			var content;
 			var str;
-			var  strs;
-			$(".Ce").click(function() {				
-					
-					$(".radio").each(function(j,k) {
-					    str = '';
-					    var name = $(k).attr("name");
-					    var index = $(k).attr("indexs");
-					    var val = $('input[name="' + name + '"]:checked').val();
-					    var valText = $('input[name="' + name + '"]:checked').next().text();
-					    if (val!=null) {
-					        str = index + '_' + val + '_' + valText;
-					        ans.push(str);
-					    }
+			var strs;
+			$(".Ce").click(function() {
+
+				$(".radio").each(function(j, k) {
+					str = '';
+					var name = $(k).attr("name");
+					var index = $(k).attr("indexs");
+					var val = $('input[name="' + name + '"]:checked').val();
+					var valText = $('input[name="' + name + '"]:checked').next().text();
+					if(val != null) {
+						str = index + '_' + val + '_' + valText;
+						ans.push(str);
+					}
+				})
+				$(".checkbox").each(function(j, k) {
+					strs = '';
+					var name = $(k).attr("name");
+					var index = $(k).attr("indexs");
+					var check = "";
+					var text = "";
+					//var val=$('input[name="'+ name+'"]:checked').val();
+					var VAl = $('input[name="' + name + '"]:checked');
+					$(VAl).each(function(i, n) {
+						text += $(this).next().text() + "|";
+						check += $(this).val() + "|";
 					})
-					$(".checkbox").each(function(j,k) {
-						strs = '';
-						var name = $(k).attr("name"); 
-						var index = $(k).attr("indexs"); 
-						var check = ""; var text = "";
-						//var val=$('input[name="'+ name+'"]:checked').val();
-						var VAl=$('input[name="'+ name+'"]: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 = '';
-						var name = $(k).attr("name"); 
-						var index = $(k).attr("indexs"); 
-						var val = $(k).find(".Wds").val();
-						if (val) {
-						    str = index + '_0_' + val;
-						    ans.push(str);
-						}
-					})	
+					if(check != "") {
+						str = index + '_' + check + '_' + text;
+						ans.push(str);
+					}
+				})
+				$(".Wd").each(function(j, k) {
+					strs = '';
+					var name = $(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
+						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
 
 						token: $.cookie("token")
 					},
 					async: true,
 					success: function(data) {
 						var Count = data.data;
-						
-					if(data.state == "success") {
-									var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
-									parent.layer.close(index); //再执行关闭
-									parent.initTable();
-									parent.layer.msg('提交成功');
-								}
+
+						if(data.state == "success") {
+							var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+							parent.layer.close(index); //再执行关闭
+							parent.initTable();
+							parent.layer.msg('提交成功');
+						}
 					}
 				});
 			})

CallCenterWeb.UI/OutboundMessage/LookMessages.html

@@ -83,9 +83,10 @@
 			
 			.Qus_box li {
 				list-style: none;
-				border: 1px solid #ccc;
-				border-bottom: none;
-				float: none;
+    border: 1px solid #ccc;
+    border-bottom: none;
+    float: none;
+    border-top: none
 			}
 			
 			.Qus_box {
@@ -93,8 +94,8 @@
 			}
 			
 			.Qus_box div {
-				padding: 10px;
-				border-bottom: 1px solid #ccc;
+				    padding: 10px;
+    border-top: 1px solid #ccc;
 			}
 			
 			.title_ul {
@@ -103,8 +104,9 @@
 			}
 			
 			.title_ul li {
-				border: 1px solid #ccc;
-				float: none;
+				    border: 1px solid #ccc;
+    float: none;
+    border-bottom: none;
 			}
 			
 			.title_ul li label {
@@ -129,6 +131,22 @@
 			.wrapper {
 				margin-bottom: 20px;
 			}
+			.Ul {
+				float: left;
+    padding-left: 0;
+    border: none
+			}
+			.Ul li{
+				float: left;
+    border: none;
+    padding: 5px;
+			}
+			.checkbox, .radio{
+				margin-bottom: 0;
+			}
+			.Wd{
+				border-bottom: 1px solid #ccc;
+			}
 		</style>
 	</head>
 
@@ -187,13 +205,13 @@
 							<label for="">问卷名称</label><span class="F_Remark"></span>
 						</li>
 					</ul>
-					<ul class="Qus_box">
+					<ul class="Qus_box ">
 
 					</ul>
 				</div>
 			</div>
 		</div>
-
+ 
 		<script>
 			var wid = helper.request.queryString("Str");
 			console.log(wid);
@@ -242,9 +260,11 @@
 								if(questype == 2) {
 									//选项
 									if(Questions[i].quesitems.length > 0) { //单选
-										html += '<div class="radio" name="ltype' + Quesid + '" indexs="' + Questions[i].quesid + '">';
+										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) + '.';
 											var chk='';
@@ -253,8 +273,10 @@
 											//html += '<input type="radio" checked="checked" index_="' + quesitems[j].itemid + '" value="' + quesitems[j].itemid + '" name="ltype' + Quesid + '"  style="margin-left:5px;"> <span>' + quesitems[j].itemname + '</span></label>'
 											}
 												html += '<input type="radio" '+chk+' 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>'
 									}
@@ -268,9 +290,11 @@
 								} else {
 									if(Questions[i].quesitems.length > 0) { //多选
 
-										html += '<div class="checkbox" name="ltype' + Quesid + '" indexs="' + Questions[i].quesid + '">';
+										html += '<div class="checkbox 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) + '.';
 											 var arr=quesanswers.split('|'); 
@@ -284,7 +308,9 @@
 											}
 											html += '<input type="checkbox" '+chk+' 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 >';