外呼管理-我的任务-任务信息-问卷信息错位

CallCenterWeb.UI/OutboundMessage/LookMessage.html

@@ -102,19 +102,31 @@
 				padding-left: 0;
 				margin-bottom: 0;
 			}
-			
 			.title_ul li {
 				border: 1px solid #ccc;
 				float: none;
+				margin-top: -1px;
+				overflow: hidden;
+			}
+			.title_ul li span{
+				width: 90%;
+				line-height: 30px;
+				/*text-indent: 2em;*/
+				border-left: 1px solid #ccc;
+				display: block;
+				float: left;
+				padding: 0 10px;
 			}
-			
 			.title_ul li label {
-				border-right: 1px solid #ccc;
+				
 				line-height: 30px;
 				margin: 0;
-				padding: 10px;
+				text-align: center;
+				width: 10%;
+				display: block;
+				float: left;
+				
 			}
-			
 			.checkbox input[type=checkbox] {
 				margin-top: 0;
 				margin-left: 0;
@@ -206,7 +218,7 @@
 							<label for="">问卷名称</label><span class="Title"></span>
 						</li>
 						<li>
-							<label for="">问卷名称</label><span class="F_Remark"></span>
+							<label for="">问卷说明</label><span class="F_Remark"></span>
 						</li>
 					</ul>
 					<ul class="Qus_box">

CallCenterWeb.UI/OutboundMessage/LookMessages.html

@@ -83,10 +83,10 @@
 			
 			.Qus_box li {
 				list-style: none;
-    border: 1px solid #ccc;
-    border-bottom: none;
-    float: none;
-    border-top: none
+				border: 1px solid #ccc;
+				border-bottom: none;
+				float: none;
+				border-top: none
 			}
 			
 			.Qus_box {
@@ -94,8 +94,8 @@
 			}
 			
 			.Qus_box div {
-				    padding: 10px;
-    border-top: 1px solid #ccc;
+				padding: 10px;
+				border-top: 1px solid #ccc;
 			}
 			
 			.title_ul {
@@ -104,16 +104,29 @@
 			}
 			
 			.title_ul li {
-				    border: 1px solid #ccc;
-    float: none;
-    border-bottom: none;
+				border: 1px solid #ccc;
+				float: none;
+				margin-top: -1px;
+				overflow: hidden;
+			}
+			
+			.title_ul li span {
+				width: 90%;
+				line-height: 30px;
+				/*text-indent: 2em;*/
+				border-left: 1px solid #ccc;
+				display: block;
+				float: left;
+				padding: 0 10px;
 			}
 			
 			.title_ul li label {
-				border-right: 1px solid #ccc;
 				line-height: 30px;
 				margin: 0;
-				padding: 10px;
+				text-align: center;
+				width: 10%;
+				display: block;
+				float: left;
 			}
 			
 			.checkbox input[type=checkbox] {
@@ -131,20 +144,25 @@
 			.wrapper {
 				margin-bottom: 20px;
 			}
+			
 			.Ul {
 				float: left;
-    padding-left: 0;
-    border: none
+				padding-left: 0;
+				border: none
 			}
-			.Ul li{
+			
+			.Ul li {
 				float: left;
-    border: none;
-    padding: 5px;
+				border: none;
+				padding: 5px;
 			}
-			.checkbox, .radio{
+			
+			.checkbox,
+			.radio {
 				margin-bottom: 0;
 			}
-			.Wd{
+			
+			.Wd {
 				border-bottom: 1px solid #ccc;
 			}
 		</style>
@@ -202,7 +220,7 @@
 							<label for="">问卷名称</label><span class="Title"></span>
 						</li>
 						<li>
-							<label for="">问卷名称</label><span class="F_Remark"></span>
+							<label for="">问卷说明</label><span class="F_Remark"></span>
 						</li>
 					</ul>
 					<ul class="Qus_box ">
@@ -211,7 +229,7 @@
 				</div>
 			</div>
 		</div>
- 
+
 		<script>
 			var wid = helper.request.queryString("Str");
 			console.log(wid);
@@ -219,8 +237,7 @@
 				GetHJJG();
 				//GetYHFK();
 				XQ(wid);
-				
-			
+
 			})
 
 			//详情查看
@@ -247,77 +264,77 @@
 						//循环填表
 						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;
-								html += '<li class="" name="ltype' + Quesid + '" >';
-								html += '<div class="Back">';
-								html += '<h3 class="size-14 QuesTitle"  indexs="' + Questions[i].quesid + '">' + Questions[i].questitle + ' </h3>';
-								html += '</div>';
-								//判断类型
-								if(questype == 2) {
-									//选项
-									if(Questions[i].quesitems.length > 0) { //单选
-										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='';
-											if(quesanswers==quesitems[j].itemid){
-												chk='checked="checked"';
+							var questype = Questions[i].questype;
+							var quesanswers = Questions[i].quesanswers;
+							var Quesid = Questions[i].quesid;
+							html += '<li class="" name="ltype' + Quesid + '" >';
+							html += '<div class="Back">';
+							html += '<h3 class="size-14 QuesTitle"  indexs="' + Questions[i].quesid + '">' + Questions[i].questitle + ' </h3>';
+							html += '</div>';
+							//判断类型
+							if(questype == 2) {
+								//选项
+								if(Questions[i].quesitems.length > 0) { //单选
+									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 = '';
+										if(quesanswers == quesitems[j].itemid) {
+											chk = 'checked="checked"';
 											//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 += '<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>'
+
 									}
-								} else if(questype == 1) {
-									//问答题
-									
-									html += '<div class="Wd" indexs="' + Questions[i].quesid + '">';
-									html += '<textarea class="Wds" "index="' + Questions[i].quesid + '"name="" rows="" cols="" style="width: 100%;">'+quesanswers+'</textarea>'
+									html += '</ul>'
 									html += '</div>'
+									html += '</li>'
+								}
+							} else if(questype == 1) {
+								//问答题
 
-								} else {
-									if(Questions[i].quesitems.length > 0) { //多选
+								html += '<div class="Wd" indexs="' + Questions[i].quesid + '">';
+								html += '<textarea class="Wds" "index="' + Questions[i].quesid + '"name="" rows="" cols="" style="width: 100%;">' + quesanswers + '</textarea>'
+								html += '</div>'
 
-										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('|'); 
-											 var chk='';
-											for(var k = 0; k < arr.length; k++){
-												chk='';
-												if(arr[k]==quesitems[j].itemid){
-													chk='checked="checked"';
-													break;
-												}
+							} else {
+								if(Questions[i].quesitems.length > 0) { //多选
+
+									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('|');
+										var chk = '';
+										for(var k = 0; k < arr.length; k++) {
+											chk = '';
+											if(arr[k] == quesitems[j].itemid) {
+												chk = 'checked="checked"';
+												break;
 											}
-											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 >';
+										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 >';
+								}
 							}
+
+						}
 						$(html).appendTo(".Qus_box");
 					}
 				});
@@ -345,7 +362,6 @@
 				});
 			}
 
-			
 			//用户反馈
 			function GetYHFK() {
 				$.ajax({