问卷报表

CallCenterWeb.UI/Questionnaire/Table.html

@@ -18,6 +18,34 @@
 			.LY:active {
 				color: #fff!important;
 			}
+			
+			#Task thead td {
+				color: #fff;
+				background-color: #1ab394;
+				text-align: center;
+			}
+			
+			.table-head table thead {
+				width: calc( 100% - 5px);
+			}
+			/*table thead,
+			tbody tr {
+				display: table;
+				width: 100%;
+				table-layout: fixed;
+				text-align: center;
+			}*/
+			
+			.table {
+				margin-bottom: 0;
+			}
+			
+			.table-body {
+				width: 100%;
+				height: 515px;
+				overflow-y: scroll;
+				overflow-x: scroll;
+			}
 		</style>
 	</head>
 
@@ -27,8 +55,8 @@
 				<div class="dhLeft">
 					<sapn><i class="syIcon"></i>位置：
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
-						<a href="javaScript:;">话务管理</a>&gt;
-						<a href="" style="color: #000;">语音留言</a>
+						<a href="javaScript:;">调查问卷</a>&gt;
+						<a href="" style="color: #000;">调查问卷统计</a>
 					</sapn>
 				</div>
 			</div>
@@ -57,21 +85,104 @@
 				</div>
 			</div>
 			<div style="width: 100%;padding: 10px;">
-				<table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
-					<thead>
-						<tr>
-							<th data-field="state" data-checkbox="true"></th>
-							<th data-field="F_CallId" data-formatter="Code" data-align="center">编号</th>
-							<th data-field="F_Phone" data-align="center">来电号码</th>
-							<th data-field="F_RecFileUrl" data-align="center" data-formatter="setCode" data-align="center">留言</th>
-							<th data-field="F_LeaveTime" data-align="center">留言时间</th>
-							<th data-field="F_UserName" data-align="center">处理人</th>
-							<th data-field="F_DealContent" data-align="center">处理结果</th>
-							<th data-field="F_Status" data-align="center" data-formatter="clzt">处理状态</th>
-							<th data-field="F_DealTime" data-align="center">处理时间</th>
-						</tr>
-					</thead>
-				</table>
+				<div class="table-head">
+					<table id="Task" class="table table-hover table-striped table-bordered table-condensed">
+						<colgroup>
+							<col style="width: 80px;" />
+							<col/>
+						</colgroup>
+						<thead>
+							<tr>
+								<td>测试测试</td>
+								<td colspan="4">测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+							</tr>
+						</thead>
+					</table>
+				</div>
+				<div class="table-body">
+					<table class="thTable hwbb table table-hover table-striped table-bordered table-condensed">
+						<colgroup>
+							<col style="width: 80px;" />
+							<col/>
+						</colgroup>
+						<tbody>
+							<tr>
+								<td>测试测试</td>
+								<td colspan="4" style="text-align: center;">测试测试</td>
+								<td colspan="4" style="text-align: center;">测试测试</td>
+								<td colspan="4" style="text-align: center;">测试测试</td>
+								<td colspan="2" style="text-align: center;">测试测试</td>
+								<td colspan="3" style="text-align: center;">测试测试</td>
+
+							</tr>
+							<tr style="border:1px solid #E0EEFE" align="center">
+								<td ></td>
+								<td>A</td>
+								<td>B</td>
+								<td>B</td>
+								<td>D</td>
+								<td>A</td>
+								<td>B</td>
+								<td>B</td>
+								<td>D</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								
+								
+							</tr>
+
+							<tr style="border:1px solid #E0EEFE" align="center">
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+							</tr>
+
+							<tr style="border:1px solid #E0EEFE" align="center">
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+							</tr>
+							<tr style="border:1px solid #E0EEFE" align="center">
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+								<td>测试测试</td>
+							</tr>
+
+						</tbody>
+					</table>
+				</div>
 			</div>
 		</div>
 		>
@@ -79,8 +190,9 @@
 			$(document).ready(function() {
 				Task();
 				Questionnaire();
-				$(".sc_btn").click(function(){
-					 GetColumnList ();
+				$(".sc_btn").click(function() {
+					GetColumnList();
+					Number()
 				})
 				///查询条件中获取任务列表
 				function Task() {
@@ -127,20 +239,43 @@
 					});
 				}
 				//任务查询获取表头
-				function  GetColumnList () {
+				function GetColumnList() {
+					$("#Task thead tr").empty();
 					$.ajax({
 						type: "get",
 						url: huayi.config.callcenter_url + "Questionnaire/GetColumnList",
 						dataType: 'json',
 						data: {
-							taskname:$("#cljg").val(),
-							question:$("#Wt").val(),
+							taskname: $("#cljg").val(),
+							question: $("#Wt").val(),
 							token: $.cookie("token")
 						},
 						async: true,
 						success: function(data) {
 							var Count = data.data;
-						
+							for(var i = 0; i < Count.length; i++) {
+								$('<td>' + Count[i].wenti + ' </td>').appendTo("#Task thead tr");
+
+							}
+							console.log(Count)
+						}
+					});
+				}
+
+				function Number() {
+					$.ajax({
+						type: "get",
+						url: huayi.config.callcenter_url + "Questionnaire/GetDataList",
+						dataType: 'json',
+						data: {
+							taskname: $("#cljg").val(),
+							question: $("#Wt").val(),
+							token: $.cookie("token")
+						},
+						async: true,
+						success: function(data) {
+							var Count = data.data;
+
 							console.log(Count)
 						}
 					});

CallCenterWeb.UI/Questionnaire/Tasks.html

@@ -18,6 +18,35 @@
 			.LY:active {
 				color: #fff!important;
 			}
+			
+			#Task thead td {
+				color: #fff;
+				background-color: #1ab394;
+				text-align: center;
+			}
+			
+			.table-head table thead {
+				width: calc( 100% - 5px);
+			}
+			
+			table thead,
+			tbody tr {
+				display: table;
+				width: 100%;
+				table-layout: fixed;
+				text-align: center;
+			}
+			
+			.table {
+				margin-bottom: 0;
+			}
+			
+			.table-body {
+				width: 100%;
+				height: 515px;
+				overflow-y: scroll;
+				overflow-x: scroll;
+			}
 		</style>
 	</head>
 
@@ -49,30 +78,44 @@
 				</div>
 			</div>
 			<div style="width: 100%;padding: 10px;">
-				<table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
-					<thead>
-						<tr>
-							<th data-field="state" data-checkbox="true"></th>
-							<th data-field="F_CallId" data-formatter="Code" data-align="center">编号</th>
-							<th data-field="F_Phone" data-align="center">来电号码</th>
-							<th data-field="F_RecFileUrl" data-align="center" data-formatter="setCode" data-align="center">留言</th>
-							<th data-field="F_LeaveTime" data-align="center">留言时间</th>
-							<th data-field="F_UserName" data-align="center">处理人</th>
-							<th data-field="F_DealContent" data-align="center">处理结果</th>
-							<th data-field="F_Status" data-align="center" data-formatter="clzt">处理状态</th>
-							<th data-field="F_DealTime" data-align="center">处理时间</th>
-						</tr>
-					</thead>
-				</table>
+				<div class="table-head">
+					<table id="Task" class="table table-hover table-striped table-bordered table-condensed">
+						<colgroup>
+							<col style="width: 80px;" />
+							<col/>
+						</colgroup>
+						<thead>
+							<tr>
+								<td>问题</td>
+								<td>选项</td>
+								<td>数量</td>
+								<td>比例</td>
+							</tr>
+						</thead>
+					</table>
+				</div>
+				<div class="table-body">
+					<table class="thTable hwbb table table-hover table-striped table-bordered table-condensed">
+						<colgroup>
+							<col style="width: 80px;" />
+							<col/>
+						</colgroup>
+						<tbody>
+
+						</tbody>
+					</table>
+				</div>
+				<div>
+				</div>
 			</div>
 		</div>
-		>
 		<script>
 			$(document).ready(function() {
 				Task();
-			
-				$(".sc_btn").click(function(){
-					 GetColumnList ();
+
+				$(".sc_btn").click(function() {
+					GetColumnList();
+					Number()
 				})
 				///查询条件中获取任务列表
 				function Task() {
@@ -96,21 +139,48 @@
 						}
 					});
 				}
-	
+
 				//任务查询获取表头
-				function  GetColumnList () {
+				function GetColumnList() {
+					$("#Task tbody").empty();
 					$.ajax({
 						type: "get",
 						url: huayi.config.callcenter_url + "/Questionnaire/GetReport?",
 						dataType: 'json',
 						data: {
-							 taskname:$("#cljg").val(),
+							taskname: $("#cljg").val(),
 							token: $.cookie("token")
 						},
 						async: true,
 						success: function(data) {
 							var Count = data.data;
-						
+
+							for(var i = 0; i < Count.length; i++) {
+								$('<tr><td>' + Count[i].wenti + ' </td>' +
+									'<td> ' + Count[i].xuanxiang + ' </td>' +
+									'<td> ' + Count[i].shuliang + ' </td>' +
+									'<td> ' + Count[i].bili + ' </td>' +
+									'</tr>').appendTo(".hwbb tbody");
+
+							}
+							console.log(Count)
+						}
+					});
+				}
+				//获取数据
+				function Number(){
+					$.ajax({
+						type: "get",
+						url: huayi.config.callcenter_url + "Questionnaire/GetDataList",
+						dataType: 'json',
+						data: {
+							taskname: $("#cljg").val(),
+							token: $.cookie("token")
+						},
+						async: true,
+						success: function(data) {
+							var Count = data.data;
+
 							console.log(Count)
 						}
 					});