医院修改

CallCenterWeb.UI/OnDuty/Follow-Reminder.html

@@ -190,51 +190,51 @@
 						<td onclick="XX()" style="color:#337ab7; cursor: pointer;">13788888888 </td>
 						<td data-align="center" >2018-06-20</td>
 						<td data-align="center">系统管理</td>
-						<td data-align="center">已呼叫</td>
-						<td data-align="center">已接通</td>
-						<td data-align="center">已回访</td>
+						<td data-align="center">未呼叫</td>
+						<td data-align="center">--</td>
+						<td data-align="center">--</td>
 						<td data-align="center"></td>
-						<td data-align="center">2018-01-08 11:55:36</td>
-						<td data-align="center">2018-05-08 11:55:36</td>
+						<td data-align="center">--</td>
+						<td data-align="center">--</td>
 					</tr>
 					<tr>
 						<td data-align="center">王丽芳</td>
 						<td data-align="center">女</td>
-						<td onclick="XX()" style="color:#337ab7; cursor: pointer;">13788888888</td>
+						<td onclick="XX()" style="color:#337ab7; cursor: pointer;">13788888888 </td>
 						<td data-align="center" >2018-06-20</td>
 						<td data-align="center">系统管理</td>
-						<td data-align="center">已呼叫</td>
-						<td data-align="center">未接通</td>
-						<td data-align="center">空号</td>
+						<td data-align="center">未呼叫</td>
+						<td data-align="center">--</td>
+						<td data-align="center">--</td>
 						<td data-align="center"></td>
-						<td data-align="center">2018-01-08 11:55:36</td>
-						<td data-align="center">2018-05-08 11:55:36</td>
+						<td data-align="center">--</td>
+						<td data-align="center">--</td>
 					</tr>
 					<tr>
 						<td data-align="center">王丽芳</td>
 						<td data-align="center">女</td>
-						<td onclick="XX()" style="color:#337ab7; cursor: pointer;">13788888888</td>
+						<td onclick="XX()" style="color:#337ab7; cursor: pointer;">13788888888 </td>
 						<td data-align="center" >2018-06-20</td>
 						<td data-align="center">系统管理</td>
-						<td data-align="center">已呼叫</td>
-						<td data-align="center">未接通</td>
-						<td data-align="center">停机</td>
+						<td data-align="center">未呼叫</td>
+						<td data-align="center">--</td>
+						<td data-align="center">--</td>
 						<td data-align="center"></td>
-						<td data-align="center">2018-01-08 11:55:36</td>
-						<td data-align="center">2018-05-08 11:55:36</td>
+						<td data-align="center">--</td>
+						<td data-align="center">--</td>
 					</tr>
 					<tr>
 						<td data-align="center">王丽芳</td>
 						<td data-align="center">女</td>
-						<td onclick="XX()" style="color:#337ab7; cursor: pointer;">13788888888</td>
+						<td onclick="XX()" style="color:#337ab7; cursor: pointer;">13788888888 </td>
 						<td data-align="center" >2018-06-20</td>
 						<td data-align="center">系统管理</td>
-						<td data-align="center">已呼叫</td>
-						<td data-align="center">未接通</td>
-						<td data-align="center">关机</td>
+						<td data-align="center">未呼叫</td>
+						<td data-align="center">--</td>
+						<td data-align="center">--</td>
 						<td data-align="center"></td>
-						<td data-align="center">2018-01-08 11:55:36</td>
-						<td data-align="center">2018-05-08 11:55:36</td>
+						<td data-align="center">--</td>
+						<td data-align="center">--</td>
 					</tr>
 				</table>
 			</div>

CallCenterWeb.UI/OnDuty/SeatsMessage.html

@@ -73,6 +73,13 @@
 			}
 			.table th{ line-height: 40px; text-align: center;}
 			.table{ line-height: 40px; text-align: center;}
+			
+			.page_num{ margin:0 auto; width:980px; }
+			.page_num_fr{ margin:50px 0px;}
+			.page_num_fr  li{ float:left; margin-right:10px; line-height:30px; border:#ccc 1px solid;}
+			.page_num_ys{ width:38px; height:38px; }
+			.page_num_fr  li a{ padding:0px 10px;} 
+			.page_num_fr  li a:hover{ background:#bfbfbf; color:#fff; text-decoration:underline;}
 		</style>
 
 	</head>
@@ -158,10 +165,24 @@
 						<td data-align="center" data-align="center">2018-06-20</td>
 					</tr>
 				</table>
-				<tbody>
-					
-				</tbody>
 			</div>
+			<div>
+	        	<ul class="page_num_fr fr">
+	            	<li><a href="#">首页</a></li>
+	            	<li><a href="#">1</a></li>
+	            	<li><a href="#">2</a></li>
+	            	<li><a href="#">3</a></li>
+	            	<li><a href="#">4</a></li>
+	            	<li><a href="#">5</a></li>
+	            	<li><a href="#">6</a></li>
+	            	<li><a href="#">7</a></li>
+	            	<li><a href="#">8</a></li>
+	            	<li><a href="#">9</a></li>
+	            	<li><a href="#">10</a></li>
+	            	<li><a href="#">末页</a></li>
+	            </ul>
+	            <ul class="clearfix"></ul>
+	    	</div> 
 		</div>
 		<script src="../js/laydate/laydate.js"></script>
 		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>

CallCenterWeb.UI/Questionnaire/AddQuestion.html

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title></title>
+	</head>
+	<body>
+	</body>
+</html>

CallCenterWeb.UI/Questionnaire/AddRight.html

@@ -0,0 +1,191 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<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 rel="stylesheet" href="../css/Quality/bootstrap-editable.css" />
+		<script src="../js/Questions/bootstrap-editable.js"></script>
+		<title></title>
+		<style>
+			table tr {
+				margin-bottom: 20px;
+			}
+			
+			table tr td {
+				text-align: left;
+				padding: 5px;
+			}
+			
+			.Content {
+				padding: 10px;
+			}
+			
+			.btn {
+				background: #1ab394;
+			}
+			
+			.Btn_box {
+				margin-top: 20px;
+				color: #fff;
+			}
+			
+			.inpBox select {
+				width: 150px;
+				padding: 3px 6px;
+			}
+			
+			.F_Remark {
+				width: 100%;
+				resize: none;
+			}
+			
+			.tab {
+				border-bottom: 1px solid #ccc;
+			}
+			
+			.Check_box {
+				display: none;
+			}
+			
+			.Show {
+				display: block;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div class="Content">
+			<div class="tab">
+				<table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
+					<tr>
+						<th class="text-danger">试题分类：</th>
+						<td>
+							<div class="inpBox">
+								<select name="" id="Select">
+									<option value="">请选择试题分类</option>
+								</select>
+							</div>
+						</td>
+						<th>试题题型：</th>
+						<td>
+							<div class="inpBox">
+								<select name="" id="CheckQuestion">
+									<option value="1">问答题</option>
+									<option value="2">单选题</option>
+									<option value="3">多选题</option>
+								</select>
+							</div>
+						</td>
+					</tr>
+					<tr>
+						<th class="text-danger">试题标题：</th>
+						<td colspan="5">
+							<textarea name="" rows="1" cols="20" id="qTitle" class="F_Remark"></textarea>
+						</td>
+					</tr>
+					<tr>
+						<th>试题说明：</th>
+						<td colspan="5">
+							<textarea name="" rows="4" cols="20" id="remarks" class="F_Remark"></textarea>
+						</td>
+					</tr>
+
+				</table>
+
+			</div>
+
+			<div style="text-align: center; margin-top: 50px;">
+				<button class="btns add size-14">保存</button>
+			</div>
+		</div>
+		<script src="../js/autosize/autosize.js"></script>
+		<script>
+			var wid = helper.request.queryString("Str");
+			$(document).ready(function() {
+				autosize($('textarea'));
+				getQCategoryAlllist()
+				.then(function() {
+					if(wid != "undefined") {
+						$('#Select').val(wid);
+					}
+				});
+
+			});
+
+			//增加
+			$(".add").click(function() {
+				var CategoryId = $("#Select").val(); //试题分类
+				var Title = $("#qTitle").val(); //试题标题
+				if(!$.trim(CategoryId)) {
+					layer.confirm('试题分类不能为空！', {
+						icon: 2,
+						btn: ['确定']
+					});
+					return;
+				}
+				if(!$.trim(Title)) {
+					layer.confirm('试题标题不能为空！', {
+						icon: 2,
+						btn: ['确定']
+					});
+					return;
+				}
+
+				$.ajax({
+					type: "post",
+					url: huayi.config.callcenter_url + "Questionnaire/CreateOrUpdateQuestion",
+					async: true,
+					dataType: "json",
+					data: {
+						//						F_QuestionId://试题ID
+						F_CategoryId: CategoryId, //分类ID
+						F_Title: Title, //试题标题
+						//						F_Content://试题内容
+						F_Type: $("#CheckQuestion").val(), //题型（1.问答题；2.单选题；3.多选题）
+						F_Remark: $("#remarks").val(), //试题说明
+						token: $.cookie("token"),
+					},
+					success: function(data) {
+						if(data.state.toLowerCase() == 'success') {
+							var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+							parent.layer.close(index); //再执行关闭
+							parent.Finish();
+							parent.layer.msg(data.message);
+
+						}
+					}
+				});
+			})
+
+			//获取试题分类
+			function getQCategoryAlllist() {
+				var dtd = $.Deferred(); //在函数内部，新建一个Deferred对象
+				$.ajax({
+					type: "get",
+					url: huayi.config.callcenter_url + "Questionnaire/GetQCategoryAlllist",
+					dataType: 'json',
+					async: true,
+					data: {
+						token: $.cookie("token")
+					},
+					success: function(data) {
+						/*验证请求*/
+						if(data.state == "success") {
+							for(var i = 0; i < data.data.length; i++) {
+								var html = '<option value="' + data.data[i].F_CategoryId + '">' + data.data[i].F_CategoryName + '</option>'
+								$(html).appendTo("#Select");
+							}
+							dtd.resolve(); // 改变Deferred对象的执行状态
+						}
+					}
+				});
+				return dtd.promise(); // 返回promise对象
+			}
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/Questionnaire/City.html

@@ -0,0 +1,193 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>乡镇排名报表查询</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="../css/init.css" rel="stylesheet" />
+		<script src="../Script/Common/huayi.load.js"></script>
+		<script src="../Script/Common/huayi.config.js"></script>
+		<link href="../css/Table/table1.css" rel="stylesheet" />
+		<script src="../js/laydate/laydate.js"></script>
+		<style>
+			.LY:hover {
+				color: #fff;
+			}
+			
+			.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;
+			}
+			
+			.sc_btn {
+				line-height: 34px;
+			}
+			
+			.laydate-icon {
+				font-size: 14px;
+			}
+		</style>
+	</head>
+
+	<body class="gray-bg">
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
+						<a href="javaScript:;">外呼管理</a>&gt;
+						<a href="javaScript:;">外呼报表</a>&gt;
+						<a href="" style="color: #000;">乡镇排名报表查询</a>
+					</sapn>
+				</div>
+			</div>
+			<div class="th-box">
+				<div class="th-bar">
+					<div class="seach-box fr">
+						<ul>
+							<li>
+								<label for="">时间:</label>
+
+								<input type="text" id="ss_kssj" class="photo laydate-icon" placeholder="请选择开始时间和结束时间" />
+							</li>
+
+							<li>
+								<a class="sc_btn seach">搜索</a>
+							</li>
+							<li>
+								<a class="sc_btn export">导出</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<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>
+							</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>
+		<script>
+			$(document).ready(function() {
+				/*var nt = helper.DateFormat.getNowDate();
+				var pr = helper.DateFormat.getPreMonth(nt);
+				var st = pr + ' ~ ' + nt;*/
+				laydate.render({
+					elem: '#ss_kssj',
+					range: '~',
+					//value: st,
+					calendar: true,
+					theme: '#1ab394',
+				});
+				getRankList()
+				$(".seach").click(function() {
+					getRankList();
+
+				});
+				$('#ReIndex').click(function() {
+					top.home_index();
+				});
+			});
+
+			//获取数据
+			function getRankList() {
+				/*var nt = helper.DateFormat.getNowDate();
+				var pr = helper.DateFormat.getPreMonth(nt);
+				var st = $("#ss_kssj").val() == "" ? pr : $("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[0];
+				var et = $("#ss_kssj").val() == "" ? nt : $("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[1];*/
+				$.ajax({
+					type: "get",
+					url: huayi.config.callcenter_url + "CallOutReport/GetRank",
+					dataType: 'json',
+					data: {
+						sdate: $("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[0],
+						edate: $("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[1],
+						token: $.cookie("token")
+					},
+					async: true,
+					success: function(data) {
+						$(".hwbb tbody").empty();
+						var Count = data.data;
+						var countLength = Count.length;
+						for(var i = 0; i < countLength - 1; i++) {
+							$('<tr>' +
+								'<td>' + (i + 1) + ' </td>' +
+								'<td>' + Count[i].xiangzhen + ' </td>' +
+								'<td> ' + Count[i].zongshu + ' </td>' +
+								'</tr>').appendTo(".hwbb tbody");
+						}
+						$('<tr>' +
+							'<td colspan="2">' + Count[i].xiangzhen + ' </td>' +
+							'<td> ' + Count[countLength - 1].zongshu + ' </td>' +
+							'</tr>').appendTo(".hwbb tbody");
+					}
+				});
+			}
+
+			//导出功能
+			$('.export').click(function() {
+				dcexcel(this);
+			})
+
+			function dcexcel(obj) {
+				var url = huayi.config.callcenter_url + "CallOutReport/GetRankExpt?token=" + $.cookie("token");
+				url += "&sdate=" + ($("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[0]) + "&edate=" + ($("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[1]);
+				obj.href = url;
+			}
+		</script>
+
+	</body>
+
+</html>

CallCenterWeb.UI/Questionnaire/QuestionSetting.html

@@ -0,0 +1,305 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
+		<link href="../css/bootstrap.min.css" />
+		<link href="../css/init.css" rel="stylesheet" />
+		<link rel="stylesheet" href="../css/boot/bootstrap-table.css" />
+		<link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
+		<link href="../css/animate.min.css" rel="stylesheet">
+		<link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
+		<link href="../css/layer/need/layer.css" />
+		<link rel="stylesheet" href="../css/zhibiaoguanli.css" />
+		<link rel="stylesheet" href="../css/init.css" />
+		<script src="../Script/Common/huayi.load.js"></script>
+		<script src="../Script/Common/huayi.config.js"></script>
+		<title>问卷设置</title>
+		<style>
+			.fr {
+				float: right;
+			}
+			
+			.fr li {
+				float: left;
+			}
+			
+			.size-14 {
+				font-size: 14px!important;
+			}
+			
+			.size-16 {
+				font-size: 16px;
+			}
+			
+			.anniu i {
+				margin-right: 5px;
+			}
+			
+			.x-color {
+				width: 100px;
+				background-color: #FFF;
+				background-image: none;
+				border: 1px solid #e5e6e7;
+				border-radius: 1px;
+				color: inherit;
+				padding: 14px 12px;
+			}
+			
+			.inputs {
+				border: 1px solid #e5e6e7;
+				width: 150px;
+				padding: 6px 12px;
+			}
+			
+			#tbr {
+				border: 1px solid #ccc;
+			}
+			
+			#tbr td {
+				padding: 10px;
+				padding: 6px 0 5px 10px;
+				color: #717171;
+				line-height: 200%;
+				border-top: 1px dotted #cccccc;
+			}
+			
+			#tbr th {
+				border-right: 1px dotted #cccccc;
+				border-top: 1px dotted #cccccc;
+				background: #f9f9f9;
+				text-align: right;
+			}
+			
+			.Back {
+				background-color: #999!important;
+			}
+			
+			label {
+				margin-right: 10px;
+			}
+			
+			#tbr {
+				display: none;
+			}
+			
+			.WJmessage {
+				line-height: 20px;
+				border-bottom: 1px solid #ccc;
+				padding-bottom: 10px;
+			}
+			
+			.IMG_box {
+				text-align: center;
+				padding: 10px;
+				margin-top: 5%;
+			}
+			
+			.Qus_box li {
+				list-style: none;
+				border: 1px solid #ccc;
+				border-bottom: none;
+			}
+			
+			.Qus_box {
+				padding-left: 0!important;
+				margin-bottom: 0;
+			}
+			
+			.Qus_box div {
+				padding: 10px;
+				border-bottom: 1px solid #ccc;
+			}
+			
+			.title_ul {
+				padding-left: 0;
+				margin-bottom: 0;
+			}
+			
+			.title_ul li {
+				border: 1px solid #ccc;
+			}
+			
+			.title_ul li label {
+				border-right: 1px solid #ccc;
+				margin: 0;
+				padding: 10px;
+			}
+			
+			.WJ_box {
+				display: none;
+			}
+			
+			.WJ_box span {
+				margin-left: 20px;
+				width: 80%;
+			}
+			
+			.fl {
+				float: left;
+			}
+			
+			table {
+				border: 1px solid #ccc;
+			}
+			
+			tr td {
+				border: 1px solid #ccc;
+			}
+			
+			td label {
+				width: 80px;
+			}
+			textarea{
+				resize: none;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div class="daoHang clearfix">
+			<div class="dhLeft">
+				<sapn><i class="syIcon"></i>位置：
+					<a id="ReIndex">首页</a>&gt;
+					<a href="javaScript:;">问卷调查</a>&gt;
+					<a href="" style="color: #000;">问卷设置</a>
+				</sapn>
+			</div>
+		</div>
+
+		<div class='wrap'>
+
+			<div class="tbleft" style="width: 25%;">
+				<h4 style="line-height: 20px;"><i class="fa fa-file-text-o size-14"></i>试题问卷</h4>
+				<div class="top clearfix ">
+					<div class="fr">
+
+						<span>&nbsp;试卷名称：<input class=" inputs" type="text" id="KeyWords" /></span>
+						<button class="btns searchGo size-14"> <i class="fa fa-search size-14"></i>&nbsp;搜索</button>
+					</div>
+
+				</div>
+				<div class="anniu " class="toolbar1  ">
+					<button class="leftAdd btn size-14"><i class="fa fa-plus size-14"></i>增加</button>
+					<button class="leftChange btn size-14"><i class="fa fa-pencil size-14"></i>修改</button>
+					<button class="leftDelete btn size-14"><i class="fa fa-remove size-14"></i>删除</button>
+				</div>
+				<table id="tb1">
+					<thead>
+						<tr>
+							<th data-field="checkbox" data-align="center" data-formatter="setCode"></th>
+							<th data-align="center" data-field="F_Title">试卷名称</th>
+							<th data-align="center" data-field="F_PagerId" data-formatter="Code">操作</th>
+
+						</tr>
+					</thead>
+					<tbody>
+					</tbody>
+				</table>
+			</div>
+			<!--右边/-->
+			<div class="tbright" style="width: 70%;">
+				<h4 style="" class="WJmessage">问卷信息</h4>
+				<div class="IMG_content">
+					<div class="IMG_box">
+						<img src="../img/wjdc.jpg" alt="" />
+					</div>
+				</div>
+				<!--<table id="tbr" style="width: 100%;">
+					<thead>
+						<tr>
+
+							<th style='width: 150px;'>问卷名称：</th>
+							<td colspan="7" ><span class="Title">555555555</span></td>
+
+						</tr>
+						<tr>
+
+							<th style='width: 150px;'>问卷说明：</th>
+							<td  ><span class="F_Remark">55555555555</span></td>
+
+						</tr>
+					</thead>
+					<tbody class="tbody">
+						<tr class="Back">
+							<td colspan="2">
+								<h3 class="size-14">1、对我们的产品是否满意？ </h3>
+							</td>
+						</tr>
+						<tr class="">
+							<td colspan="2">
+								<div class="Message_box">
+									<label style="font-weight: normal;">1.<input type="checkbox" value="一般" name="ltype" > 一般</label>
+									<label style="font-weight: normal;"><input type="checkbox" value="538" name="ltype" > 满意</label>
+									<label style="font-weight: normal;"><input type="checkbox" value="539" name="ltype" >不满意</label>
+								</div>
+							</td>
+						</tr>
+						<tr class="Back">
+							<td colspan="2">
+								<h3 class="size-14">2、您好,你是?  </h3>
+							</td>
+						</tr>
+						<tr>
+							<td colspan="2">
+								<div class="Message_box">
+									<textarea name="" rows="" cols="" style="width: 100%;"></textarea>
+								</div>
+							</td>
+						</tr>
+					</tbody>
+				</table>-->
+				<div class="WJ_box">
+					<!--<ul style="padding-left: 0;" class="title_ul">
+						<li style="overflow: hidden;">
+							<label for="" class="fl">问卷名称</label><div class="Title fl" style="width: 80%;padding: 5px;line-height: 40px;"></div>
+						</li>
+						<li style="overflow: hidden;">
+							<label for="" class="fl">问卷说明</label><div class="F_Remark fl" style="width: 80%;padding: 5px;"></div>
+						</li>
+						
+					</ul>-->
+					<table style="width: 100%;">
+						<tr>
+							<td style="text-align: center; padding-top: 10px; width: 90px;">
+								<label for="" class="fl">问卷名称</label>
+							</td>
+							<td>
+								<div class="Title fl" style="width: 80%;padding: 5px;"></div>
+
+							</td>
+						</tr>
+						<tr>
+							<td style="text-align: center;padding-top: 10px;"><label for="" class="fl">问卷开场语</label></td>
+							<td>
+								<div id="startText" class="F_Remark fl" style="width: 80%;padding: 5px;"></div>
+							</td>
+						</tr>
+						<tr>
+							<td style="text-align: center;padding-top: 10px;"><label for="" class="fl">问卷说明</label></td>
+							<td>
+								<div id="F_Remark" class="F_Remark fl" style="width: 80%;padding: 5px;"></div>
+							</td>
+						</tr>
+					</table>
+					<ul class="Qus_box">
+
+					</ul>
+					<table style="width: 100%; margin-top: -1px; margin-bottom: 20px;">
+						<tr>
+							<td style="text-align: center;padding-top: 10px; width: 90px;"><label for="" class="fl">问卷结束语</label></td>
+							<td>
+								<div id="endText" class="F_Remark fl" style="width: 80%;padding: 5px;"></div>
+							</td>
+						</tr>
+					</table>
+					
+				</div>
+			</div>
+		</div>
+
+	</body>
+	<script src="../js/Questions/QuestionSetting.js"></script>
+</html>

CallCenterWeb.UI/Questionnaire/QuestionsManagement.html

@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
+		<link href="../css/bootstrap.min.css" />
+		<link href="../css/init.css" rel="stylesheet" />
+		<link rel="stylesheet" href="../css/boot/bootstrap-table.css" />
+		<link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
+		<link href="../css/animate.min.css" rel="stylesheet">
+		<link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
+		<link href="../css/layer/need/layer.css" />
+		<link rel="stylesheet" href="../css/zhibiaoguanli.css" />
+		<link rel="stylesheet" href="../css/init.css" />
+		<script src="../Script/Common/huayi.load.js"></script>
+		<script src="../Script/Common/huayi.config.js"></script>
+		<title>问卷调查</title>
+		<style>
+			.fr {
+				float: right;
+			}
+			
+			.fr li {
+				float: left;
+			}
+			
+			.size-14 {
+				font-size: 14px!important;
+			}
+			
+			.size-16 {
+				font-size: 16px;
+			}
+			
+			.anniu i {
+				margin-right: 5px;
+			}
+			
+			.x-color {
+				height: 34px;
+				line-height: 34px;
+				width: 100px;
+				background-color: #FFF;
+				background-image: none;
+				border: 1px solid #e5e6e7;
+				border-radius: 1px;
+				color: inherit;
+			}
+			
+			.inputs {
+				border: 1px solid #e5e6e7;
+				width: 150px;
+				padding: 6px 12px;
+			}
+			
+			.d {
+				color: forestgreen;
+			}
+			
+			.du {
+				color: #0064B6;
+			}
+			
+			.w {
+				color: #e43926;
+			}
+			
+			.Title_box {
+				line-height: 20px;
+				border-bottom: 1px solid #ccc;
+				padding-bottom: 10px;
+			}
+			
+			.ce {
+				width: 50px;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div class="daoHang clearfix">
+			<div class="dhLeft">
+				<sapn><i class="syIcon"></i>位置：
+					<a id="ReIndex">首页</a>&gt;
+					<a href="javaScript:;">问卷调查</a>&gt;
+					<a href="" style="color: #000;">试题管理</a>
+				</sapn>
+			</div>
+		</div>
+		<div class="top clearfix ">
+			<div class="fr">
+				<span>&nbsp;题型：
+					<select name="" id="Quetions" class="x-color">
+						<option value="">所有试题</option>
+						<option value="1">问答题</option>
+						<option value="2">单选题</option>
+						<option value="3">多选题</option>
+					</select>
+				</span>
+				<span>&nbsp;试题标题：<input class="inputs" type="text" id="KeyWords" /></span>
+				<button class="btns searchGo size-14"> <i class="fa fa-search size-14"></i>&nbsp;搜索</button>
+			</div>
+
+		</div>
+		<div class='wrap'>
+			<div class="tbleft">
+				<h4 class="Title_box">试题分类</h4>
+				<div class="anniu " class="toolbar1  ">
+					<button class="leftAdd btn size-14"><i class="fa fa-plus size-14"></i>增加</button>
+					<button class="leftChange btn size-14"><i class="fa fa-pencil size-14"></i>修改</button>
+					<button class="leftDelete btn size-14"><i class="fa fa-remove size-14"></i>删除</button>
+				</div>
+				<table id="tb1">
+					<thead>
+						<tr>
+							<th data-field="checkbox" data-align="center" data-formatter="setCode"></th>
+							<th data-align="center" data-field="F_CategoryName">试题分类</th>
+						</tr>
+					</thead>
+					<tbody>
+					</tbody>
+				</table>
+			</div>
+			<!--右边/-->
+			<div class="tbright">
+				<h4 class="Title_box">试题列表</h4>
+				<div class="anniu" class="toolbar2">
+					<button class="rightAdd btn size-14"><i class="fa fa-plus size-14"></i>增加</button>
+					<button class="rightChange btn size-14"><i class="fa fa-pencil size-14"></i>修改</button>
+					<button class="rightDelete btn size-14"><i class="fa fa-remove size-14"></i>删除</button>
+					<button class="rightAll btn size-14"><i class="fa fa-file size-14"></i>所有试题</button>
+				</div>
+				<table id="tbr">
+					<thead>
+						<tr>
+							<th data-align="center" data-field="id" data-formatter="setCode"></th>
+							<th data-align="center" data-field="F_CategoryName">试题分类</th>
+							<th data-align="center" data-field="F_Type" data-formatter="Type">试题类型</th>
+							<th data-align="center" data-field="F_Title">试题标题</th>
+							<th data-align="center" data-field="F_Content">试题内容</th>
+							<th data-align="center" data-field="F_Remark">试题说明</th>
+							<th data-align="center" data-field="F_Type" data-formatter="Code">操作</th>
+						</tr>
+					</thead>
+					<tbody>
+					</tbody>
+				</table>
+			</div>
+		</div>
+
+	</body>
+	<script src="../css/layer/layer.js"></script>
+	<script src="../js/Questions/QuestionsManagement.js"></script>
+	</script>
+
+</html>

CallCenterWeb.UI/Questionnaire/Safety.html

@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>不安全信息统计表</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="../css/init.css" rel="stylesheet" />
+		<script src="../Script/Common/huayi.load.js"></script>
+		<script src="../Script/Common/huayi.config.js"></script>
+		<link href="../css/Table/table1.css" rel="stylesheet" />
+		<script src="../js/laydate/laydate.js"></script>
+		<style>
+			.LY:hover {
+				color: #fff;
+			}
+			
+			.LY:active {
+				color: #fff!important;
+			}
+			
+			#Task thead tr th {
+				color: #fff;
+				background-color: #1ab394;
+				text-align: center;
+			}
+			
+			.sc_btn {
+				line-height: 34px;
+			}
+			
+			.laydate-icon {
+				font-size: 14px;
+			}
+		</style>
+	</head>
+
+	<body class="gray-bg">
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：
+						<a id="ReIndex">首页</a>&gt;
+						<a href="javaScript:;">外呼管理</a>&gt;
+						<a href="javaScript:;">外呼报表</a>&gt;
+						<a href="" style="color: #000;">不安全原因比例报表</a>
+					</sapn>
+				</div>
+			</div>
+			<div class="th-box">
+				<div class="seach-box fr">
+					<ul>
+						<li>
+							<label for="">时间:</label>
+
+							<input type="text" id="ss_kssj" class="photo laydate-icon" placeholder="请选择开始时间和结束时间" />
+						</li>
+						<li>
+							<a class="sc_btn seach">搜索</a>
+						</li>
+						<li>
+							<a class="sc_btn export">导出</a>
+						</li>
+
+					</ul>
+				</div>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<div class="table-head">
+					<table id="Task" class="table table-hover table-striped table-bordered table-condensed">
+						<thead>
+							<tr>
+								<th data-field="Reasons" data-align="center">原因</th>
+								<th data-field="Counts" data-align="center"> 数量</th>
+								<th data-field="Rates" data-align="center"> 比例（%）</th>
+							</tr>
+						</thead>
+					</table>
+				</div>
+
+			</div>
+		</div>
+		<script>
+			$(document).ready(function() {
+				laydate.render({
+					elem: '#ss_kssj',
+					range: '~',
+					calendar: true,
+					theme: '#1ab394',
+				});
+
+				IndexCategoryGe();
+				$(".seach").click(function() {
+					IndexCategoryGe();
+				})
+				//$('#ReIndex').click(function(){
+				//top.home_index();
+				//})
+
+			})
+
+			//问卷列表
+			function IndexCategoryGe() {
+				$.ajax({
+					url: huayi.config.callcenter_url + '/Questionnaire/GetUnsafeRate',
+					type: 'get',
+					data: {
+						startdate: $("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[0],
+						enddate: $("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[1],
+						token: $.cookie("token")
+					},
+					dataType: "json",
+					async: true,
+					success: function(returnValue) {
+						//异步获取数据
+						//console.log(returnValue); 
+						var resultData1 = returnValue.data;
+						//console.log(resultData1);
+						$('#Task').bootstrapTable('load', resultData1);
+					}
+				});
+				$('#Task').bootstrapTable('destroy').bootstrapTable({
+					striped: true
+				});
+			}
+			//导出功能
+			$('.export').click(function() {
+				dcexcel(this);
+
+			})
+
+			function dcexcel(obj) {
+				var url = huayi.config.callcenter_url + "/Questionnaire/GetUnsafeRateExpt?token=" + $.cookie("token");
+				url += "&startdate=" + ($("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[0]) + "&enddate=" + ($("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[1]);
+				obj.href = url;
+				console.log(url);
+			}
+		</script>
+
+	</body>
+
+</html>

CallCenterWeb.UI/Questionnaire/SafetyTable.html

@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>不安全信息统计表</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="../css/init.css" rel="stylesheet" />
+		<script src="../Script/Common/huayi.load.js"></script>
+		<script src="../Script/Common/huayi.config.js"></script>
+		<link href="../css/Table/table1.css" rel="stylesheet" />
+		<script src="../js/laydate/laydate.js"></script>
+		<style>
+			.LY:hover {
+				color: #fff;
+			}
+			
+			.LY:active {
+				color: #fff!important;
+			}
+			
+			#Task thead tr th {
+				color: #fff;
+				background-color: #1ab394;
+				text-align: center;
+			}
+			
+			.sc_btn {
+				line-height: 34px;
+			}
+			
+			.laydate-icon {
+				font-size: 14px;
+			}
+		</style>
+	</head>
+
+	<body class="gray-bg">
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：
+						<a id="ReIndex">首页</a>&gt;
+						<a href="javaScript:;">外呼管理</a>&gt;
+						<a href="javaScript:;">报表管理</a>&gt;
+						<a href="" style="color: #000;">不安全信息统计表</a>
+					</sapn>
+				</div>
+			</div>
+			<div class="th-box">
+				<div class="seach-box fr">
+					<ul>
+						<li>
+							<label for="">时间:</label>
+
+							<input type="text" id="ss_kssj" class="photo laydate-icon" placeholder="请选择开始时间和结束时间" />
+						</li>
+						<li>
+							<a class="sc_btn seach">搜索</a>
+						</li>
+						<li>
+							<a class="sc_btn export">导出</a>
+						</li>
+
+					</ul>
+				</div>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<div class="table-head">
+					<table id="Task" class="table table-hover table-striped table-bordered table-condensed">
+						<thead>
+							<tr>
+								<th data-field="xiangzhen" data-align="center">乡镇</th>
+								<th data-field="dianhua" data-align="center"> 电话</th>
+								<th data-field="zhiye" data-align="center"> 职业</th>
+								<th data-field="yuanyin" data-align="center">原因</th>
+							</tr>
+						</thead>
+					</table>
+				</div>
+
+			</div>
+		</div>
+		<script>
+			$(document).ready(function() {
+				laydate.render({
+					elem: '#ss_kssj',
+					range: '~',
+					calendar: true,
+					theme: '#1ab394',
+				});
+
+				IndexCategoryGe();
+				$(".seach").click(function() {
+					IndexCategoryGe();
+				})
+				//$('#ReIndex').click(function(){
+				//top.home_index();
+				//})
+
+			})
+
+			//问卷列表
+			function IndexCategoryGe() {
+				$.ajax({
+					url: huayi.config.callcenter_url + 'Questionnaire/GetUnsafeInfo',
+					type: 'get',
+					data: {
+						startdate: $("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[0],
+						enddate: $("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[1],
+						token: $.cookie("token")
+					},
+					dataType: "json",
+					async: true,
+					success: function(returnValue) {
+						//异步获取数据
+						//console.log(returnValue); 
+						var resultData1 = returnValue.data;
+						//console.log(resultData1);
+						$('#Task').bootstrapTable('load', resultData1);
+					}
+				});
+				$('#Task').bootstrapTable('destroy').bootstrapTable({
+					striped: true
+				});
+			}
+			//导出功能
+			$('.export').click(function() {
+				//        		var S= $("#ss_kssj").val();
+				//        		var E=$("#ss_jssj").val();
+				//        		if(!S&&!E){
+				//        			layer.alert("选择时间");
+				//        		}else{
+				dcexcel(this);
+				//        		}
+
+			})
+
+			function dcexcel(obj) {
+				var url = huayi.config.callcenter_url + "/Questionnaire/GetUnsafeInfoExpt?token=" + $.cookie("token");
+				url += "&startdate=" + ($("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[0]) + "&enddate=" + ($("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[1]);
+				obj.href = url;
+				console.log(url);
+			}
+		</script>
+
+	</body>
+
+</html>

CallCenterWeb.UI/Questionnaire/Table.html

@@ -0,0 +1,278 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>外呼任务报表</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="../css/init.css" rel="stylesheet" />
+		<script src="../Script/Common/huayi.load.js"></script>
+		<script src="../Script/Common/huayi.config.js"></script>
+		<link href="../css/Table/table1.css" rel="stylesheet" />
+		<style>
+			.LY:hover {
+				color: #fff;
+			}
+			
+			.LY:active {
+				color: #fff!important;
+			}
+			
+			.table {
+				margin-bottom: 0;
+			}
+			
+			.table-body {
+				width: 100%;
+				/*height: 300px;
+				overflow-y: scroll;*/
+				overflow-x: scroll;
+			}
+			
+			.tds {
+				background-color: #1ab394!important;
+				color: #fff;
+				padding: ;
+			}
+			
+			.hwbb tbody td {
+				min-width: 100px;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+			
+			.hwbb td {
+				text-align: center;
+			}
+		</style>
+	</head>
+
+	<body class="gray-bg">
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
+						<a href="javaScript:;">外呼管理</a>&gt;
+						<a href="javaScript:;">外呼报表</a>&gt;
+						<a href="" style="color: #000;">外呼问题查询报表</a>
+					</sapn>
+				</div>
+			</div>
+			<div class="th-box clearfix">
+				<div class="th-bar">
+					<div class="seach-box fr">
+						<ul>
+							<li>任务列表：
+								<select name="" id="cljg" class="x-color select"></select>
+							</li>
+							<li>问题列表：
+								<select name="" id="Wt" class="x-color select"></select>
+							</li>
+							<li>乡镇：
+								<select name="" id="country" class="x-color select">
+									<option value="">--全部--</option>
+								</select>
+							</li>
+							<li>
+								时间:
+								<input type="text" id="ss_kssj" class="photo size-14 laydate-icon" placeholder="请选择开始时间和结束时间" />
+							</li>
+							<li>
+								<a class="sc_btn seach">搜索</a>
+							</li>
+							<li>
+								<a class=" sc_btn  export ">导出</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<div class="table-body">
+					<table class="thTable hwbb table table-hover table-striped table-bordered table-condensed">
+						<thead>
+							<tr>
+
+							</tr>
+						</thead>
+						<tbody>
+
+						</tbody>
+					</table>
+				</div>
+			</div>
+		</div>
+		<script src="../js/laydate/laydate.js"></script>
+		<script>
+			$(document).ready(function() {
+				taskSelect(); //查询条件中获取任务列表
+				questionnaireSelect(); //查询条件问题任务列表
+				getCountry();
+				laydate.render({
+					elem: '#ss_kssj',
+					range: '~',
+					//value: st,
+					calendar: true,
+					theme: '#1ab394',
+				});
+
+				$(".sc_btn").click(function() {
+					getColumnList()
+						.then(function() {
+							getDataList();
+						});
+				})
+
+				//导出功能
+				$('.export').click(function() {
+					dcexcel(this);
+				})
+
+			});
+
+			//获取表头
+			function getColumnList() {
+				var dtd = $.Deferred(); //在函数内部，新建一个Deferred对象
+				$(".hwbb thead tr").empty();
+				$.ajax({
+					type: "get",
+					url: huayi.config.callcenter_url + "CallOutReport/GetColumnList",
+					dataType: 'json',
+					data: {
+						taskID: $("#cljg").val(), //string	是	任务id
+						quesid: $("#Wt").val(), //string	是	问题id
+						token: $.cookie("token")
+					},
+					async: true,
+					success: function(data) {
+						if(data.state.toLowerCase() == "success") {
+							var Count = data.data;
+							if(Count.length > 0) {
+								$('<td class="tds"> </td>').appendTo(".hwbb thead tr");
+								for(var i = 0; i < Count.length; i++) {
+									$('<td class="tds" colspan="' + Count[i].fenxiangshu + '">' + Count[i].wenti + ' </td>').appendTo(".hwbb thead tr");
+								}
+								dtd.resolve(); // 改变Deferred对象的执行状态
+							}
+						}
+					}
+				});
+				return dtd.promise(); // 返回promise对象
+			}
+
+			function getDataList() {
+				$(".hwbb tbody ").empty()
+				$.ajax({
+					type: "get",
+					url: huayi.config.callcenter_url + "CallOutReport/GetDataList",
+					dataType: 'json',
+					data: {
+						TaskID: $("#cljg").val(), //string	是	任务id
+						quesid: $('#Wt').val(), // string 是 问题id
+						countryid: $('#country').val(), // string 否 乡镇id
+						sdate: $("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[0],// string 否 开始时间
+						edate: $("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[1],//string 否 结束时间						
+						token: $.cookie("token")
+					},
+					async: true,
+					success: function(data) {
+						if(data.state.toLowerCase() == "success") {
+							var dataList = data.data;
+							for(var i = 0, dataListLength = dataList.length; i < dataListLength; i++){
+								var $tr = $('<tr></tr>');
+								var dataTd = dataList[i];
+								for(var j = 0, dataTdLength = dataTd.length; j < dataTdLength; j++){
+									$('<td class="td">' + dataTd[j] + ' </td>').appendTo($tr);
+								}
+								$tr.appendTo(".hwbb tbody");
+							}
+						}
+					}
+				});
+			}
+			//导出
+			function dcexcel(obj) {
+				var url = huayi.config.callcenter_url + "Questionnaire/GetDataListExpt?token=" + $.cookie("token");
+				url += "&taskname=" + $("#cljg").val() + "&question=" + $("#Wt").val();
+				obj.href = url;
+			}
+
+			//查询条件中获取任务列表
+			function taskSelect() {
+				$.ajax({
+					type: "get",
+					url: huayi.config.callcenter_url + "Questionnaire/GetTaskList",
+					dataType: 'json',
+					data: {
+						token: $.cookie("token")
+					},
+					async: true,
+					success: function(data) {
+						if(data.state.toLowerCase() == "success") {
+							var Count = data.data;
+							if(Count.length > 0) {
+								$("<option value=''>--全部--</option>").appendTo($("#cljg"));
+								for(var i = 0; i < Count.length; i++) {
+									$("<option value='" + Count[i].F_TaskID + "'>" + Count[i].F_TaskName + "</option>").appendTo($("#cljg"));
+								}
+							} else {
+								$("<option value=''>--暂无数据--</option>").appendTo($("#cljg"));
+							}
+						}
+					}
+				});
+			}
+			///查询条件问题任务列表
+			function questionnaireSelect() {
+				$.ajax({
+					type: "get",
+					url: huayi.config.callcenter_url + "Questionnaire/GetQList",
+					dataType: 'json',
+					data: {
+						token: $.cookie("token")
+					},
+					async: true,
+					success: function(data) {
+						if(data.state.toLowerCase() == "success") {
+							var Count = data.data;
+							//$("<option value=''>--全部--</option>").appendTo($("#Wt"));
+							for(var i = 0; i < Count.length; i++) {
+								$("<option value='" + Count[i].F_CategoryId + "'>" + Count[i].F_Title + "</option>").appendTo($("#Wt"));
+							}
+						} else {
+							$("<option value=''>--暂无数据--</option>").appendTo($("#Wt"));
+						}
+					}
+				});
+			}
+
+			//获取乡镇下拉
+			function getCountry() {
+				$.ajax({
+					type: "get",
+					url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
+					dataType: 'json',
+					data: {
+						flag: 'JBDW',
+						token: $.cookie("token")
+					},
+					async: true,
+					success: function(data) {
+						if(data.state.toLowerCase() == "success") {
+							var res = data.data;
+							for(var i = 0; i < res.length; i++) {
+								$('<option value="' + res[i].F_DictionaryValueId + '">' + res[i].F_Name + '</option>').appendTo($("#country"));
+							}
+						} else {
+							$("<option value=''>--暂无数据--</option>").appendTo($("#country"));
+						}
+					}
+				});
+			}
+		</script>
+
+	</body>
+
+</html>

CallCenterWeb.UI/Questionnaire/Tasks.html

@@ -0,0 +1,272 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>外呼报表</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="../css/init.css" rel="stylesheet" />
+		<script src="../Script/Common/huayi.load.js"></script>
+		<script src="../Script/Common/huayi.config.js"></script>
+		<link href="../css/Table/table1.css" rel="stylesheet" />
+		<style>
+			.LY:hover {
+				color: #fff;
+			}
+			
+			.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>
+
+	<body class="gray-bg">
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
+						<a href="javaScript:;">外呼管理</a>&gt;
+						<a href="javaScript:;">外呼报表</a>&gt;
+						<a href="" style="color: #000;">外呼任务报表</a>
+					</sapn>
+				</div>
+			</div>
+			<div class="th-box  clearfix">
+				<div class="th-bar">
+					<div class="seach-box fr">
+						<ul>
+							<li>任务列表：
+								<select id="cljg" class="x-color select"></select>
+							</li>
+							<li>问题列表：
+								<select id="Wt" class="x-color select"></select>
+							</li>
+							<!--<li>乡镇：
+								<select id="country" class="x-color select">
+									<option value="">--全部--</option>
+								</select>
+							</li>-->
+							<li>
+								时间:
+								<input type="text" id="ss_kssj" class="photo size-14 laydate-icon" placeholder="请选择开始时间和结束时间" />
+							</li>
+							<li>
+								<a class="sc_btn seach">搜索</a>
+							</li>
+							<li>
+								<a class="sc_btn export">导出</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<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>
+		<script src="../js/laydate/laydate.js"></script>
+		<script>
+			$(document).ready(function() {
+				taskSelect();
+				questionnaireSelect();
+				//getCountry();
+				laydate.render({
+					elem: '#ss_kssj',
+					range: '~',
+					//value: st,
+					calendar: true,
+					theme: '#1ab394',
+				});
+				$(".sc_btn").click(function() {
+					getDataList();
+				})
+				//导出功能
+				$('.export').click(function() {
+					dcexcel(this);
+				})
+
+			});
+			//查询条件中获取任务列表
+			function taskSelect() {
+				$.ajax({
+					type: "get",
+					url: huayi.config.callcenter_url + "Questionnaire/GetTaskList",
+					dataType: 'json',
+					data: {
+						token: $.cookie("token")
+					},
+					async: true,
+					success: function(data) {
+						if(data.state.toLowerCase() == "success") {
+							var Count = data.data;
+							if(Count.length > 0) {
+								//$("<option value=''>--全部--</option>").appendTo($("#cljg"));
+								for(var i = 0; i < Count.length; i++) {
+									$("<option value='" + Count[i].F_TaskID + "'>" + Count[i].F_TaskName + "</option>").appendTo($("#cljg"));
+								}
+							} else {
+								$("<option value=''>--暂无数据--</option>").appendTo($("#cljg"));
+							}
+						}
+					}
+				});
+			}
+			///查询条件问题任务列表
+			function questionnaireSelect() {
+				$.ajax({
+					type: "get",
+					url: huayi.config.callcenter_url + "Questionnaire/GetQList",
+					dataType: 'json',
+					data: {
+						token: $.cookie("token")
+					},
+					async: true,
+					success: function(data) {
+						if(data.state.toLowerCase() == "success") {
+							var Count = data.data;
+//							$("<option value=''>--全部--</option>").appendTo($("#Wt"));
+							for(var i = 0; i < Count.length; i++) {
+								$("<option value='" + Count[i].F_QuestionId + "'>" + Count[i].F_Title + "</option>").appendTo($("#Wt"));
+							}
+						} else {
+							$("<option value=''>--暂无数据--</option>").appendTo($("#Wt"));
+						}
+					}
+				})
+				.then(function(){
+					getDataList();
+				});
+			}
+			
+			//获取乡镇下拉
+//			function getCountry(){
+//				$.ajax({
+//					type: "get",
+//					url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
+//					dataType: 'json',
+//					data: {
+//						flag: 'JBDW',
+//						token: $.cookie("token")
+//					},
+//					async: true,
+//					success: function(data) {
+//						if(data.state.toLowerCase() == "success") {
+//							var res = data.data;
+//							for(var i = 0; i < res.length; i++) {
+//								$('<option value="'+ res[i].F_DictionaryValueId +'">'+ res[i].F_Name +'</option>').appendTo($("#country"));
+//							}
+//						}else{
+//							$("<option value=''>--暂无数据--</option>").appendTo($("#country"));
+//						}
+//					}
+//				});
+//			}
+			
+			//获取数据			
+			function getDataList() {
+				
+				$.ajax({
+					type: "get",
+					url: huayi.config.callcenter_url + "CallOutReport/GetReport",
+					dataType: 'json',
+					data: {
+						TaskID: $("#cljg").val(), //string	是	任务id
+						quesid: $('#Wt').val(), // string 是 问题id
+						//countryid: $('#country').val(), // string 否 乡镇id
+						sdate: $("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[0],// string 否 开始时间
+						edate: $("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[1],//string 否 结束时间
+						token: $.cookie("token")
+					},
+					async: true,
+					success: function(data) {
+						$(".thTable tbody").empty();
+						if(data.state.toLowerCase() == "success") {
+							var Count = data.data;
+							if(Count.length > 0) {
+								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");
+								}
+							} else {
+								$(".thTable tbody").html('<p class="text-center">没有找到您想要的记录呢！我会努力的...</p>');
+							}
+						} else {
+							$(".thTable tbody").html('<p class="text-center">没有找到您想要的记录呢！我会努力的...</p>');
+						}
+					}
+				});
+			}
+
+			function dcexcel(obj) {
+				var url = huayi.config.callcenter_url + "CallOutReport/GetReportExpt?token=" + $.cookie("token");
+				url += "&TaskID=" + $("#cljg").val();
+				url += "&quesid=" + $("#Wt").val();
+				//url += "&countryid=" + $("#country").val();
+				url += "&sdate=" + ($("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[0]);// string 否 开始时间
+				url += "&edate=" + ($("#ss_kssj").val() && $("#ss_kssj").val().split(' ~ ')[1]);// string 否 开始时间
+				obj.href = url;
+			}
+		</script>
+
+	</body>
+
+</html>

CallCenterWeb.UI/Questionnaire/XgRight.html

@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<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 rel="stylesheet" href="../css/Quality/bootstrap-editable.css" />
+		<script src="../js/Questions/bootstrap-editable.js"></script>
+		<title></title>
+		<style>
+			table tr {
+				margin-bottom: 20px;
+			}
+			
+			table tr td {
+				text-align: left;
+				padding: 5px;
+			}
+			
+			.Content {
+				padding: 10px;
+			}
+			
+			.btn {
+				background: #1ab394;
+			}
+			
+			.Btn_box {
+				margin-top: 20px;
+				color: #fff;
+			}
+			
+			.inpBox select {
+				width: 150px;
+				padding: 3px 6px;
+			}
+			
+			.F_Remark {
+				width: 100%;
+				resize: none;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div>
+			<div class="Content">
+				<div class="tab">
+					<table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
+
+						<tr>
+							<th class="text-danger">试题分类：</th>
+							<td>
+								<div class="inpBox">
+									<select name="" id="Select">
+										<option value="">请选择试题分类</option>
+									</select>
+								</div>
+							</td>
+							<th>试题题型：</th>
+							<td>
+								<div class="inpBox">
+									<select name="" id="CheckQuestion">
+										<option value="1">问答题</option>
+										<option value="2">单选题</option>
+										<option value="3">多选题</option>
+									</select>
+								</div>
+							</td>
+						</tr>
+						<tr>
+							<th class="text-danger">试题标题：</th>
+							<td colspan="5">
+								<textarea name="" rows="1" cols="20" id="qTitle" class="F_Remark"></textarea>
+							</td>
+						</tr>
+						<tr>
+							<th>试题说明：</th>
+							<td colspan="5">
+								<textarea name="" rows="3" cols="20" id="remarks" class="F_Remark"></textarea>
+							</td>
+						</tr>
+
+					</table>
+
+				</div>
+				<div style="text-align: center; margin-top: 50px;">
+					<button class="btns add size-14">保存</button>
+				</div>
+			</div>
+		</div>
+		<script>
+			var Cids = helper.request.queryString("Cids");
+			var QuestionId;
+			$(document).ready(function() {
+				Select();
+			});
+			//修改
+			$(".add").click(function() {
+				var CategoryId = $("#Select").val(); //试题分类
+				var Title = $("#qTitle").val(); //试题标题
+				if(!$.trim(CategoryId)) {
+					layer.confirm('试题分类不能为空！', {
+						icon: 2,
+						btn: ['确定']
+					});
+					return;
+				}
+				if(!$.trim(Title)) {
+					layer.confirm('试题标题不能为空！', {
+						icon: 2,
+						btn: ['确定']
+					});
+					return;
+				}
+				$.ajax({
+					type: "post",
+					url: huayi.config.callcenter_url + "Questionnaire/CreateOrUpdateQuestion",
+					async: true,
+					dataType: "json",
+					data: {
+						F_QuestionId: QuestionId, //试题ID
+						F_CategoryId: CategoryId, //分类ID
+						F_Title: Title, //试题标题
+						//						F_Content://试题内容
+						F_Type: $("#CheckQuestion").val(), //题型（1.问答题；2.单选题；3.多选题）
+						F_Remark: $("#remarks").val(), //试题说明
+						token: $.cookie("token"),
+
+					},
+					success: function(data) {
+						if(data.state.toLowerCase() == 'success') {
+							var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+							parent.layer.close(index); //再执行关闭
+							parent.Finish();
+							parent.layer.msg("修改成功");
+
+						}
+					}
+				});
+			})
+
+			//下拉
+			function Select() {
+				$.ajax({
+						type: "get",
+						url: huayi.config.callcenter_url + "Questionnaire/GetQCategoryAlllist",
+						dataType: 'json',
+						async: true,
+						data: {
+							token: $.cookie("token")
+						},
+						success: function(data) {
+							/*验证请求*/
+							if(data.state == "success") {
+								var html = ''
+								for(var i = 0; i < data.data.length; i++) {
+									html += '<option value="' + data.data[i].F_CategoryId + '">' + data.data[i].F_CategoryName + '</option>'
+								}
+								$(html).appendTo("#Select");
+
+							}
+						}
+					})
+					.then(function() {
+						//获取详情
+						$.ajax({
+							type: "get",
+							url: huayi.config.callcenter_url + "Questionnaire/GetQuestionModel",
+							dataType: 'json',
+							async: true,
+							data: {
+								id: Cids,
+								token: $.cookie("token")
+							},
+							success: function(data) {
+								/*验证请求*/
+								if(data.state == "success") {
+									$("#Select").val(data.data.F_CategoryId); //试题分类
+									console.log(data.data.F_CategoryId);
+									QuestionId = data.data.F_QuestionId;
+									$("#CheckQuestion").val(data.data.F_Type); //问题类型F_Title
+									$('#qTitle').val(data.data.F_Title) //标题
+									$('#remarks').val(data.data.F_Remark) //说明
+
+								}
+
+							}
+						});
+
+					});
+			}
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/Questionnaire/aaaa.html

@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
+		<link href="../css/bootstrap.min.css" />
+		<link href="../css/init.css" rel="stylesheet" />
+		<link rel="stylesheet" href="../css/boot/bootstrap-table.css" />
+		<link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
+		<link href="../css/animate.min.css" rel="stylesheet">
+		<link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
+		<link href="../css/layer/need/layer.css" />
+		<link rel="stylesheet" href="../css/zhibiaoguanli.css" />
+		<link rel="stylesheet" href="../css/init.css" />
+			<script src="../Script/Common/huayi.load.js"></script>
+	<script src="../Script/Common/huayi.config.js"></script>
+		<title>问卷调查</title>
+		<style>
+			.fr {
+				float: right;
+			}
+			
+			.fr li {
+				float: left;
+			}
+			
+			.size-14 {
+				font-size: 14px!important;
+			}
+			
+			.size-16 {
+				font-size: 16px;
+			}
+			
+			.anniu i {
+				margin-right: 5px;
+			}
+			
+			.x-color {
+				width: 100px;
+				background-color: #FFF;
+				background-image: none;
+				border: 1px solid #e5e6e7;
+				border-radius: 1px;
+				color: inherit;
+				
+			}
+			
+			.inputs {
+				border: 1px solid #e5e6e7;
+				width: 150px;
+				padding: 6px 12px;
+			}
+			.d{
+				color: forestgreen;
+			}
+			.du{
+				color: #0064B6;
+			}
+			.w{
+				color: #e43926;
+			}
+			.Title_box{
+				line-height: 20px;
+				border-bottom: 1px solid #ccc;
+				padding-bottom: 10px;
+			}
+			.ce{
+				width: 50px;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div class="daoHang clearfix">
+			<div class="dhLeft">
+				<sapn><i class="syIcon"></i>位置：
+					<a  id="ReIndex">首页</a>&gt;
+					<a href="javaScript:;">问卷调查</a>&gt;
+					<a href="" style="color: #000;">试题管理</a>
+				</sapn>
+			</div>
+		</div>
+		<div class="top clearfix ">
+			<div class="fr">
+				<span>&nbsp;题型：
+					<select name="" id="Quetions" class="x-color">
+						<option value="">所有试题</option>
+						<option value="1">问答题</option>
+						<option value="2">单选题</option>
+						<option value="3">多选题</option>
+					</select>
+				</span>
+				<span>&nbsp;试题标题：<input class="inputs" type="text" id="KeyWords" /></span>
+				<button class="btns searchGo size-14"> <i class="fa fa-search size-14"></i>&nbsp;搜索</button>
+			</div>
+
+		</div>
+		<div class='wrap'>
+			<!--右边/-->
+			<div class="" style="padding: 20px;">
+				<div class="anniu" class="toolbar2">
+					<button class="rightAdd btn size-14"><i class="fa fa-plus size-14"></i>增加</button>
+					<button class="rightChange btn size-14"><i class="fa fa-pencil size-14"></i>修改</button>
+					<button class="rightDelete btn size-14"><i class="fa fa-remove size-14"></i>删除</button>
+					<button class="rightAll btn size-14"><i class="fa fa-file size-14"></i>所有试题</button>
+				</div>
+				<table id="tbr">
+					<thead>
+						<tr>
+							<th data-align="center" data-field="id" data-formatter="setCode"></th>
+							<th data-align="center" data-field="F_CategoryName" >试题分类</th>
+							<th data-align="center"  data-field="F_Type"  data-formatter="Type">试题类型</th>
+							<th data-align="center" data-field="F_Title">试题标题</th>
+							<th data-align="center" data-field="F_Content">试题内容</th>
+							<th data-align="center" data-field="F_Type"data-formatter="Code">操作</th>
+						</tr>
+					</thead>
+					<tbody>
+					</tbody>
+				</table>
+			</div>
+		</div>
+		
+	</body>
+	<script src="../css/layer/layer.js"></script>
+	<script src="bbb.js"></script>
+</script>
+</html>

CallCenterWeb.UI/Questionnaire/aaaaaa.json

@@ -0,0 +1,16 @@
+{
+	"state": "success",
+	"message": "获取调查问卷报表数据成功",
+	"data": [
+	    {"name":"测试","age":"18839115206","sex":"学生","sesson":"测试测试"},
+	     {"name":"测试","age":"18839115206","sex":"学生","sesson":"测试测试"},
+	      {"name":"测试","age":"18839115206","sex":"学生","sesson":"测试测试"},
+	       {"name":"测试","age":"18839115206","sex":"学生","sesson":"测试测试"},
+	        {"name":"测试","age":"18839115206","sex":"学生","sesson":"测试测试"},
+	         {"name":"测试","age":"18839115206","sex":"学生","sesson":"测试测试"},
+	          {"name":"测试","age":"18839115206","sex":"学生","sesson":"测试测试"},
+	           {"name":"测试","age":"18839115206","sex":"学生","sesson":"测试测试"},
+	            {"name":"测试","age":"18839115206","sex":"学生","sesson":"测试测试"},
+	             {"name":"测试","age":"18839115206","sex":"学生","sesson":"测试测试"}
+	]
+}

CallCenterWeb.UI/Questionnaire/add.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<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" />
+		<title>增加试题分类</title>
+		<style>
+			.Content {
+				text-align: center;
+				padding: 10px;
+			}
+			
+			.btn {
+				background: #1ab394;
+			}
+			
+			.Btn_box {
+				margin-top: 20px;
+				color: #fff;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div>
+			<div class="Content">
+				<span>名称：<input type="text"  class="name"/></span>
+				<div class="Btn_box">
+					<button class="rightAll btn size-14">保存</button>
+				</div>
+			</div>
+		</div>
+		<script>
+			$(".rightAll").click(function() {
+				if(!$(".name").val()) {
+					layer.msg("名称不能为空");
+				}
+				//增加分类
+				$.ajax({
+					type: "post",
+					url: huayi.config.callcenter_url + "/Questionnaire/CreateOrUpdateQCategory",
+					dataType: 'json',
+					data: {
+						name: $(".name").val(),
+						token: $.cookie("token")
+					},
+					async: true,
+					success: function(data) {
+						if(data.state == "success") {
+							var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+							parent.layer.close(index); //再执行关闭
+							parent.IndexCategoryGe();
+							parent.layer.msg(data.message);
+						}
+
+					}
+				});
+			})
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/Questionnaire/addCheck.html

@@ -0,0 +1,296 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<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 rel="stylesheet" href="bootstrap-editable.css" />
+		<link href="../css/init.css" rel="stylesheet" />
+		<link rel="stylesheet" href="../css/Quality/bootstrap-editable.css" />
+		<script src="bootstrap-editable.js"></script>
+		<title></title>
+		<style>
+			.Content {
+				padding: 10px;
+			}
+			
+			.Btn_box {
+				margin-top: 20px;
+				color: #fff;
+			}
+			
+			.inpBox select {
+				width: 150px;
+				padding: 3px 6px;
+			}
+			
+			.F_Remark {
+				width: 100%;
+			}
+			
+			.tab {
+				border-bottom: 1px solid #ccc;
+			}
+			
+			.rightAdd {
+				margin-bottom: 20px;
+				background: #1ab394;
+				color: #fff;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div>
+			<div class="Content">
+				<div class="Check_box">
+					<button class="rightAdd btn size-14"><i class="fa fa-plus size-14"></i>增加</button>
+					<table id="tbr" style="width: 100%;">
+						<thead>
+							<tr>
+								<th data-align="center" data-field="id" data-formatter="setCode">序号</th>
+								<th data-align="center" data-field="F_ItemName" data-formatter="Check">选项</th>
+								<th data-align="center" data-field="F_ItemId" data-formatter="Removes">操作</th>
+							</tr>
+						</thead>
+						<tbody>
+						</tbody>
+					</table>
+				</div>
+
+			</div>
+		</div>
+		<script>
+			var wid = helper.request.queryString("Str");
+			console.log(wid);
+
+			$(document).ready(function() {
+
+				if(wid) {
+					var $tableLeft = $('#tbr');
+					//销毁表格
+					$tableLeft.bootstrapTable('destroy');
+					//			初始化表格,动态从服务器加载数据
+					$tableLeft.bootstrapTable({
+						method: "get", //使用get请求到服务器获取数据
+						url: huayi.config.callcenter_url + "Questionnaire/GetQuestionItemList",
+						//			url: "//117.158.196.116:8878/IndexBase/GetList",
+						striped: true, //表格显示条纹
+						pagination: true, //启动分页
+						pageSize: 5, //每页显示的记录数
+						pageNumber: 1, //当前第几页
+						pageList: [5, 10, 50, 100], //记录数可选列表
+						contentType: 'application/x-www-form-urlencoded',
+						search: false, //是否启用查询
+						showColumns: false, //显示下拉框勾选要显示的列
+						showRefresh: false, //显示刷新按钮
+						sidePagination: "server", //表示服务端请求
+						//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+						//设置为limit可以获取limit, offset, search, sort, order
+						queryParamsType: "undefined",
+						queryParams: function queryParams(params) { //设置查询参数
+							var param = {
+								pageindex: params.pageNumber,
+								pagesize: params.pageSize,
+								id: wid,
+								token: $.cookie("token"),
+
+							};
+							return param;
+						},
+						onLoadSuccess: function() { //加载成功时执行
+							//							layer.msg("加载成功");
+							$("#tbr a.username").editable({
+								url: function(params) {
+									var id = $(this).attr("id");
+									var QuestionId = $(this).attr("index");
+									console.log(params.value);
+									$.ajax({
+										type: 'POST',
+										url: huayi.config.callcenter_url + "Questionnaire/CreateOrUpdateQuestionItem",
+										data: {
+											Id: id,
+											name: params.value,
+											QuestionId: QuestionId,
+											token: $.cookie("token")
+										},
+										dataType: 'JSON',
+										success: function(data) {
+											if(data.state.toLowerCase() == 'success') {
+												var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+												//												parent.layer.close(index); //再执行关闭
+												parent.Finish();
+												parent.layer.msg("保存成功");
+
+											}
+										},
+										error: function() {
+											alert("error");
+										}
+									});
+								},
+								type: 'text'
+							});
+						},
+						onLoadError: function() { //加载失败时执行
+							//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+						}
+					});
+					//添加行
+					$(".rightAdd ").click(function() {
+						var index = $tableLeft.bootstrapTable('getData').length;
+						$.ajax({
+							type: 'POST',
+							url: huayi.config.callcenter_url + "Questionnaire/CreateOrUpdateQuestionItem",
+							data: {
+								QuestionId: wid,
+								token: $.cookie("token")
+							},
+							dataType: 'JSON',
+							success: function(data) {
+								if(data.state.toLowerCase() == 'success') {
+									console.log(data.data);
+
+									$tableLeft.bootstrapTable('insertRow', {
+										index: -1,
+										row: {
+
+										}
+									});
+									$tableLeft.bootstrapTable('refresh');
+								}
+							},
+							error: function() {
+								alert("error");
+							}
+						});
+
+					});
+				}
+
+				//列表
+
+			});
+
+			//序号
+			function setCode(value, row, index) {
+				return index + 1;
+			}
+			//修改
+			function Check(value, row, index) {
+				return '<a title="点击移入"  class="username" id="' + row.F_ItemId + '" index="' + row.F_QuestionId + '">' + value + '</a>'
+
+			}
+			//操作
+			function Removes(value, row, index) {
+				return '<div><a onclick="Remove(' + value + ')" ><i class="fa fa-remove size-14"></i></a></div>'
+			}
+
+			;
+			//删除
+			function Remove(val) {
+				layer.confirm('确定删除当前选项？', {
+					btn: ['是', '否'] //按钮
+				}, function(index) {
+					$.ajax({
+						type: 'POST',
+						url: huayi.config.callcenter_url + "Questionnaire/DeleteQuestionItme",
+						data: {
+							id: val,
+							token: $.cookie("token")
+						},
+						dataType: 'JSON',
+						success: function(data) {
+							if(data.state.toLowerCase() == 'success') {
+								//								var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+								//								layer.close(index); //再执行关闭
+								parent.Finish();
+								parent.layer.msg("删除成功");
+								initTable();
+								layer.close(index);
+							}
+						},
+						error: function() {
+							alert("error");
+						}
+					});
+				});
+			}
+
+			function initTable() {
+				var $tableLeft = $('#tbr');
+				//销毁表格
+				$tableLeft.bootstrapTable('destroy');
+				//			初始化表格,动态从服务器加载数据
+				$tableLeft.bootstrapTable({
+					method: "get", //使用get请求到服务器获取数据
+					url: huayi.config.callcenter_url + "Questionnaire/GetQuestionItemList",
+					//			url: "//117.158.196.116:8878/IndexBase/GetList",
+					striped: true, //表格显示条纹
+					pagination: true, //启动分页
+					pageSize: 5, //每页显示的记录数
+					pageNumber: 1, //当前第几页
+					pageList: [5, 10, 50, 100], //记录数可选列表
+					contentType: 'application/x-www-form-urlencoded',
+					search: false, //是否启用查询
+					showColumns: false, //显示下拉框勾选要显示的列
+					showRefresh: false, //显示刷新按钮
+					sidePagination: "server", //表示服务端请求
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+					//设置为limit可以获取limit, offset, search, sort, order
+					queryParamsType: "undefined",
+					queryParams: function queryParams(params) { //设置查询参数
+						var param = {
+							pageindex: params.pageNumber,
+							pagesize: params.pageSize,
+							id: wid,
+							token: $.cookie("token"),
+
+						};
+						return param;
+					},
+					onLoadSuccess: function() { //加载成功时执行
+						//							layer.msg("加载成功");
+						$("#tbr a.username").editable({
+							url: function(params) {
+								var id = $(this).attr("id");
+								var QuestionId = $(this).attr("index");
+								console.log(params.value);
+								$.ajax({
+									type: 'POST',
+									url: huayi.config.callcenter_url + "Questionnaire/CreateOrUpdateQuestionItem",
+									data: {
+										Id: id,
+										name: params.value,
+										QuestionId: QuestionId,
+										token: $.cookie("token")
+									},
+									dataType: 'JSON',
+									success: function(data) {
+										if(data.state.toLowerCase() == 'success') {
+											var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+											//												parent.layer.close(index); //再执行关闭
+											parent.Finish();
+											parent.layer.msg("保存成功");
+
+										}
+									},
+									error: function() {
+										alert("error");
+									}
+								});
+							},
+							type: 'text'
+						});
+					},
+					onLoadError: function() { //加载失败时执行
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+					}
+				});
+			}
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/Questionnaire/addSWenjuanxinxi.html

@@ -0,0 +1,183 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<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 rel="stylesheet" href="../css/Quality/bootstrap-editable.css" />
+		<script src="../js/Questions/bootstrap-editable.js"></script>
+		<title></title>
+		<style>
+			table tr {
+				margin-bottom: 20px;
+			}
+			
+			table tr td {
+				text-align: left;
+				padding: 5px;
+			}
+			
+			.Content {
+				padding: 10px;
+			}
+			
+			.btn {
+				background: #1ab394;
+			}
+			
+			.Btn_box {
+				margin-top: 20px;
+				color: #fff;
+			}
+			
+			.inpBox select {
+				width: 150px;
+				padding: 3px 6px;
+			}
+			
+			.F_Remark {
+				width: 100%;
+				resize: none;
+			}
+			
+			.tab {
+				border-bottom: 1px solid #ccc;
+			}
+			
+			.Check_box {
+				display: none;
+			}
+			
+			.Show {
+				display: block;
+			}
+			
+			#sqzx th {
+				width: 100px;
+			}
+			
+			.d {
+				color: forestgreen;
+			}
+			
+			.du {
+				color: #0064B6;
+			}
+			
+			.w {
+				color: #e43926;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div>
+			<div class="Content">
+				<div class="tab">
+
+					<table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
+						<tr>
+							<th>问卷名称：</th>
+							<td colspan="5">
+								<input type="text" class="Title form-control" />
+							</td>
+						</tr>
+						<tr>
+							<th>问卷开场语：</th>
+							<td colspan="5">
+								<textarea name="" class="F_Remark form-control" rows="3" cols="20" id="startText"></textarea>
+
+							</td>
+						</tr>
+						<tr>
+							<th>问卷说明：</th>
+							<td colspan="5">
+								<textarea name="" rows="3" cols="20" class="F_Remark form-control" id="F_Remark"></textarea>
+
+							</td>
+						</tr>
+						<tr>
+							<th>问卷结束语：</th>
+							<td colspan="5">
+								<textarea name="" class="F_Remark form-control" rows="3" cols="20" id="endText"></textarea>
+
+							</td>
+						</tr>
+
+					</table>
+
+				</div>
+				<div style="text-align: center; margin-top: 50px;">
+					<button class="btns add size-14">保存</button>
+				</div>
+			</div>
+		</div>
+		<script src="../js/autosize/autosize.js"></script>
+		<script>
+			$(document).ready(function() {
+				autosize($('textarea'));
+				//增加
+				$(".add").click(function() {
+					var CategoryId = $(".Title").val(); //问卷名称
+					var Title = $("#F_Remark").val(); //问卷内容
+					if(!$.trim(CategoryId)) {
+						layer.confirm('问卷名称不能为空！', {
+							icon: 2,
+							btn: ['确定'] //按钮
+						});
+						return;
+					}
+					if(!$.trim($('#startText').val())) {
+						layer.confirm('问卷开场语不能为空！', {
+							icon: 2,
+							btn: ['确定'] //按钮
+						});
+						return;
+					}
+					if(!$.trim(Title)) {
+						layer.confirm('问卷说明不能为空！', {
+							icon: 2,
+							btn: ['确定'] //按钮
+						});
+						return;
+					}
+					if(!$.trim($('#endText').val())) {
+						layer.confirm('问卷结束语不能为空！', {
+							icon: 2,
+							btn: ['确定'] //按钮
+						});
+						return;
+					}
+
+					$.ajax({
+						type: "post",
+						url: huayi.config.callcenter_url + "/Questionnaire/CreateOrUpdatePager",
+						async: true,
+						dataType: "json",
+						data: {
+							Title: CategoryId, //问卷标题
+							StartText: $('#startText').val(), //问卷开场语
+							EndText: $('#endText').val(), //问卷结束语
+							Remark: Title, //问卷备注
+							token: $.cookie("token"),
+
+						},
+						success: function(data) {
+							if(data.state.toLowerCase() == 'success') {
+								var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+								parent.layer.close(index); //再执行关闭
+								parent.IndexCategoryGe()
+								parent.layer.msg(data.message);
+
+							}
+						}
+					});
+				})
+			});
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/Questionnaire/addSetting.html

@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<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 rel="stylesheet" href="../css/Quality/bootstrap-editable.css" />
+		<script src="../js/Questions/bootstrap-editable.js"></script>
+		<title></title>
+		<style>
+			.Content {
+				padding: 10px;
+			}
+			
+			.Btn_box {
+				margin-top: 20px;
+				color: #fff;
+			}
+			
+			.inpBox select {
+				width: 150px;
+				padding: 3px 6px;
+			}
+			
+			.F_Remark {
+				width: 100%;
+			}
+			
+			.tab {
+				border-bottom: 1px solid #ccc;
+			}
+			
+			.Check_box {
+				display: none;
+			}
+			
+			.Show {
+				display: block;
+			}
+			
+			#sqzx th {
+				width: 100px;
+			}
+			
+			.d {
+				color: forestgreen;
+			}
+			
+			.du {
+				color: #0064B6;
+			}
+			
+			.w {
+				color: #e43926;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div>
+			<div class="Content clearfix">
+
+				<div style="width: 50%;padding: 10px;" class="fl clearfix">
+					<div class="fr form-inline">
+						<select class="form-control" id="Select" style="width: 120px;">
+							<option value="">请选择问卷</option>
+						</select>
+						<span>&nbsp;题型：
+							<select class="form-control" id="Quetions" class="x-color">
+								<option value="">所有试题</option>
+								<option value="1">问答题</option>
+								<option value="2">单选题</option>
+								<option value="3">多选题</option>
+							</select>
+						</span>
+						<span>&nbsp;关键字：<input class="form-control inputs" type="text" id="KeyWords"  style="width: 100px;"/></span>
+						<button class="btns searchGo size-14"> <i class="fa fa-search size-14"></i>&nbsp;搜索</button>
+					</div>
+					<div>
+						<p><button class="btns" id="leftMove">移入<i class="fa fa-angle-double-right" style="margin-left: 5px;"></i></button></p>
+					</div>
+
+					<table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+						<thead>
+							<tr>
+								<th data-field="state" data-align="center" data-checkbox="true"></th>
+								<th data-align="center" data-field="F_CategoryName">试题分类</th>
+								<th data-align="center" data-field="F_Type" data-formatter="Type">试题类型</th>
+								<th data-align="center" data-field="F_Title">试题标题</th>
+								<th data-align="center" data-field="F_Content" data-formatter="Content">试题内容</th>
+							</tr>
+						</thead>
+						<tbody id="tbody"></tbody>
+					</table>
+				</div>
+				<div style="width: 50%;padding: 10px;float: right;">
+					<p>
+						<button class="btns" onclick="rightMove()"><i class="fa fa-angle-double-left" style="margin-right: 5px;"></i>移出</button>
+
+					</p>
+					<table id="lists" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+						<thead>
+							<tr>
+								<th data-field="state" data-align="center" data-checkbox="true"></th>
+								<th data-align="center" data-field="F_CategoryName">试题分类</th>
+								<th data-align="center" data-field="F_Type" data-formatter="Type">试题类型</th>
+								<th data-align="center" data-field="F_Title">试题标题</th>
+								<th data-align="center" data-field="F_Content" data-formatter="Content">试题内容</th>
+							</tr>
+						</thead>
+						<tbody id="tbody"></tbody>
+					</table>
+				</div>
+			</div>
+		</div>
+		<script>
+			var wid = helper.request.queryString("Str");
+			console.log(wid);
+			var $tableLeft = $('#list');
+			var $tableLeft1 = $('#lists');
+			$(document).ready(function() {
+				List();
+				Right();
+				//搜索
+				$(".searchGo").click(function() {
+					List();
+				})
+				Select();
+
+				//列表
+				function Select() {
+					$.ajax({
+						type: "get",
+						url: huayi.config.callcenter_url + "Questionnaire/GetQCategoryAlllist",
+						dataType: 'json',
+						async: true,
+						data: {
+							token: $.cookie("token")
+						},
+						success: function(data) {
+							/*验证请求*/
+							if(data.state == "success") {
+								for(var i = 0; i < data.data.length; i++) {
+									var html = '<option value="' + data.data[i].F_CategoryId + '">' + data.data[i].F_CategoryName + '</option>'
+									$(html).appendTo("#Select");
+								}
+							}
+						}
+					});
+				}
+			});
+
+			function List() {
+				//销毁表格
+				$tableLeft.bootstrapTable('destroy');
+				//			初始化表格,动态从服务器加载数据
+				$tableLeft.bootstrapTable({
+					method: "get", //使用get请求到服务器获取数据
+					url: huayi.config.callcenter_url + "Questionnaire/GetQuestionNotItemsList",
+					striped: true, //表格显示条纹
+					pagination: true, //启动分页
+					pageSize: 5, //每页显示的记录数
+					pageNumber: 1, //当前第几页
+					pageList: [5, 10, 50, 100], //记录数可选列表
+					contentType: 'application/x-www-form-urlencoded',
+					search: false, //是否启用查询
+					showColumns: false, //显示下拉框勾选要显示的列
+					showRefresh: false, //显示刷新按钮
+					sidePagination: "server", //表示服务端请求
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+					//设置为limit可以获取limit, offset, search, sort, order
+					queryParamsType: "undefined",
+					queryParams: function queryParams(params) { //设置查询参数
+						var param = {
+							PagerId: wid,
+							PageIndex: params.pageNumber,
+							PageSize: params.pageSize,
+							token: $.cookie("token"),
+							Key: $("#KeyWords").val(),
+							CategoryId: $("#Select").val(),
+							SelectType: $("#Quetions").val(),
+
+						};
+						return param;
+					},
+					onLoadSuccess: function() { //加载成功时执行
+						//								layer.msg("加载成功");
+					},
+					onLoadError: function() { //加载失败时执行
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+					}
+				});
+			}
+
+			function Right() {
+				$tableLeft1.bootstrapTable('destroy');
+				//			初始化表格,动态从服务器加载数据
+				$tableLeft1.bootstrapTable({
+					method: "get", //使用get请求到服务器获取数据
+					url: huayi.config.callcenter_url + "Questionnaire/GetQuestionPageList",
+					striped: true, //表格显示条纹
+					pagination: true, //启动分页
+					pageSize: 5, //每页显示的记录数
+					pageNumber: 1, //当前第几页
+					pageList: [5, 10, 50, 100], //记录数可选列表
+					contentType: 'application/x-www-form-urlencoded',
+					search: false, //是否启用查询
+					showColumns: false, //显示下拉框勾选要显示的列
+					showRefresh: false, //显示刷新按钮
+					sidePagination: "server", //表示服务端请求
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+					//设置为limit可以获取limit, offset, search, sort, order
+					queryParamsType: "undefined",
+					queryParams: function queryParams(params) { //设置查询参数
+						var param = {
+							PagerId: wid,
+							PageIndex: params.pageNumber,
+							PageSize: params.pageSize,
+							token: $.cookie("token"),
+
+						};
+						return param;
+					},
+					onLoadSuccess: function() { //加载成功时执行
+						//								layer.msg("加载成功");
+					},
+					onLoadError: function() { //加载失败时执行
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+					}
+				});
+			}
+			//序号
+			function setCode(value, row, index) {
+				return index + 1;
+			}
+			//修改
+			function Check(value, row, index) {
+				return '<a title="点击移入"  class="username">' + value + '</a>'
+
+			}
+
+			function Content(val) {
+				if(val) {
+					var str = '<div '
+					if(val.length > 10) {
+						str = str + ' title="' + val + '" ';
+						val = val.substr(0, 10) + "...";
+					}
+					return str + '>' + val + '</div>';
+				} else {
+					return '';
+				}
+			}
+			//分类
+			function Type(val) {
+				var cs = '';
+				var vals = '';
+				if(val == 1) {
+					cs = 'w';
+					vals = "问答题"
+				} else if(val == 2) {
+					cs = 'd';
+					vals = "单选题"
+				} else {
+					cs = 'du'
+					vals = "多选题"
+				}
+
+				return '<a class="' + cs + '">' + vals + '</a>'
+				console.log(val);
+			}
+			//左边移动
+			$("#leftMove").click(function() {
+				var ids = $.map($('#list').bootstrapTable('getSelections'),
+					function(row) {
+						return row.F_QuestionId;
+					});
+				console.log(ids);
+				if(ids.length <= 0) {
+					layer.confirm('请选择一项移入！', {
+						btn: ['确定']
+					});
+					return;
+				}
+				goRight();
+			})
+
+			//                   
+
+			function goRight() {
+
+				/*执行删除*/
+				var ids = $.map($('#list').bootstrapTable('getSelections'),
+					function(row) {
+						return row.F_QuestionId;
+					});
+				$.ajax({
+					type: 'POST',
+					url: huayi.config.callcenter_url + "Questionnaire/AddPagerItems",
+					data: {
+						ids: ids,
+						pid: wid,
+						token: $.cookie("token")
+					},
+					dataType: 'JSON',
+					success: function(data, textStatus, jqXHR) {
+						$('#list').bootstrapTable('refresh');
+						$('#lists').bootstrapTable('refresh');
+					},
+					error: function() {
+						alert("error");
+					}
+				});
+
+			}
+			//右边移动
+			function rightMove() {
+				var changes = $.map($('#lists').bootstrapTable('getSelections'), function(row) {
+					return row.F_ItemId;
+
+				});
+				if(changes.length <= 0) {
+					layer.confirm('请选择一项移出！', {
+						btn: ['确定']
+					});
+					return;
+				} else {
+					goLeft(changes)
+				}
+
+			}
+
+			function goLeft(ids) {
+				$.ajax({
+					type: 'POST',
+					url: huayi.config.callcenter_url + "Questionnaire/DelPagerItems",
+					data: {
+						ids: ids,
+						token: $.cookie("token")
+					},
+					dataType: 'JSON',
+					success: function(data, textStatus, jqXHR) {
+						$('#list').bootstrapTable('refresh');
+						$('#lists').bootstrapTable('refresh');
+					},
+					error: function() {
+						alert("error");
+					}
+				});
+
+			}
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/Questionnaire/bbb.js

@@ -0,0 +1,298 @@
+var keys;
+var Cids; //分类id
+var ids; //指标id
+var CategoryName; //分类名称
+var Sort; //排序
+var Score; //分数
+var Title; //标题
+var Remark; //备注
+var Pid; //父id
+var Left_Cids;
+var Left_Sort;
+var Left_Score;
+var Left_Pid;
+var $tableLeft = $('#tbr');
+var $tableLeft1 = $('#tb1');
+var token = $.cookie("token");
+var Str;
+var Type;
+
+$(document).ready(function() {
+	Finish();
+	IndexCategoryGe();
+
+})
+
+//所有指标
+$(".rightAll").click(function() {
+	Finish();
+
+});
+//搜索功能
+$(".searchGo").click(function() {
+	Finish();
+});
+//下拉框
+$("#Quetions").on("change", function() {
+	Finish();
+})
+
+//清空选项
+function Clean() {
+	$(".model").hide();
+	$("._CategoryName").val("");
+	$("._Score").val('');
+	$("._Sort").val('');
+	$(".F_Title").val('');
+	$(".F_Remark").val('');
+}
+
+////左边表格
+/*获取选中行对象*/
+$tableLeft1.on("click-row.bs.table", function(e, row, ele) {
+	$('.success').removeClass('success'); //去除之前选中的行的，选中样式
+	$(ele).addClass('success'); //添加当前选中的 success样式用于区别
+	Left_Cids = row.F_CategoryId; //分类ID
+	console.log(Left_Cids);
+	Finish(Left_Cids); //右边列表
+});
+//获取试题分类列表	    ///左边列表
+function IndexCategoryGe() {
+	//销毁表格
+	$tableLeft1.bootstrapTable('destroy');
+	//初始化表格,动态从服务器加载数据
+	$tableLeft1.bootstrapTable({
+		method: "get", //使用get请求到服务器获取数据
+		url: huayi.config.callcenter_url + "Questionnaire/GetQCategoryList",
+		contentType: 'application/x-www-form-urlencoded',
+		striped: true, //表格显示条纹
+		pagination: true, //启动分页
+		pageSize: 10, //每页显示的记录数
+		pageNumber: 1, //当前第几页
+		pageList: [5, 20, 50, 100], //记录数可选列表
+		search: false, //是否启用查询
+		showColumns: false, //显示下拉框勾选要显示的列
+		showRefresh: false, //显示刷新按钮
+		sidePagination: "server", //表示服务端请求
+		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+		//设置为limit可以获取limit, offset, search, sort, order
+		queryParamsType: "undefined",
+		queryParams: function queryParams(params) { //设置查询参数
+			var param = {
+				pageindex: params.pageNumber,
+				pagesize: params.pageSize,
+				token: token
+			};
+			return param;
+		},
+		onLoadSuccess: function() { //加载成功时执行
+			//								layer.msg("加载成功");
+		},
+		onLoadError: function() { //加载失败时执行
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+		}
+	});
+}
+
+//删除左边删除
+$('.leftDelete').click(function() {
+	if(Left_Cids) {
+
+		DelIndexCategory(Left_Cids);
+	} else {
+		layer.msg('没有可删除的选项！');
+	}
+})
+//删除功能
+function DelIndexCategory(Left_Cids) {
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "Questionnaire/DeleteQCategory",
+		//url: '//117.158.196.116:8878/IndexCategory/DelIndexCategory',
+		dataType: 'json',
+		data: {
+			id: Left_Cids,
+			token: token
+		},
+		async: true,
+		success: function(data) {
+			layer.msg("删除成功");
+			IndexCategoryGe();
+		}
+	});
+}
+///左边修改功能
+$(".leftChange ").click(function() {
+	if(Left_Cids) {
+		Str = Left_Cids;
+		console.log(Str);
+		layer.open({
+			type: 2,
+			content: "../Questionnaire/modify.html?str=" + Str, //iframe的url，no代表不显示滚动条
+			title: '修改分类',
+			area: ['35%', '30%'], //宽高
+		});
+		//			GetIndexCategory(Left_Cids);
+
+	} else {
+		layer.msg('没有可修改的选项！');
+	}
+})
+
+//增加
+$(".leftAdd").click(function() {
+	layer.open({
+		type: 2,
+		content: "../Questionnaire/add.html", //iframe的url，no代表不显示滚动条
+		title: '添加分类',
+		area: ['35%', '30%'], //宽高
+	});
+});
+
+/////////////////////////右边表格
+function Finish() {
+	//销毁表格
+	$tableLeft.bootstrapTable('destroy');
+	//初始化表格,动态从服务器加载数据
+	$tableLeft.bootstrapTable({
+		method: "get", //使用get请求到服务器获取数据
+		url: huayi.config.callcenter_url + "QCSettings/GetList",
+		//			url: "//117.158.196.116:8878/IndexBase/GetList",
+		contentType: 'application/x-www-form-urlencoded',
+		striped: true, //表格显示条纹
+		pagination: true, //启动分页
+		pageSize: 10, //每页显示的记录数
+		pageNumber: 1, //当前第几页
+		pageList: [5, 20, 50, 100], //记录数可选列表
+		search: false, //是否启用查询
+		showColumns: false, //显示下拉框勾选要显示的列
+		showRefresh: false, //显示刷新按钮
+		sidePagination: "server", //表示服务端请求
+		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+		//设置为limit可以获取limit, offset, search, sort, order
+		queryParamsType: "undefined",
+		queryParams: function queryParams(params) { //设置查询参数
+			var param = {
+				pageindex: params.pageNumber,
+				pagesize: params.pageSize,
+				CategoryId: Left_Cids,
+				SelectType: $("#Quetions").val(),
+				Key: $("#KeyWords").val(),
+				token: token,
+
+			};
+			return param;
+		},
+		onLoadSuccess: function() { //加载成功时执行
+			//								layer.msg("加载成功");
+
+		},
+		onLoadError: function() { //加载失败时执行
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+		}
+	});
+}
+
+/*获取选中行对象*/
+$tableLeft.on("click-row.bs.table", function(e, row, ele) {
+	$('.success').removeClass('success'); //去除之前选中的行的，选中样式
+	$(ele).addClass('success'); //添加当前选中的 success样式用于区别
+	Cids = row.F_QuestionId; //试题ID
+	console.log(Cids);
+	ids = row.F_CategoryId; //分类ID
+
+});
+//增加
+$(".rightAdd").click(function() {
+	Str = Left_Cids;
+	console.log(Str);
+	layer.open({
+		type: 2,
+		content: "../Questionnaire/AddRight.html?str=" + Str, //iframe的url，no代表不显示滚动条
+		title: '添加分类',
+		area: ['45%', '60%'], //宽高
+	});
+
+})
+//修改功能
+$(".rightChange ").click(function() {
+	if(Cids) {
+		layer.open({
+			type: 2,
+			content: "../Questionnaire/XgRight.html?Cids=" + Cids, //iframe的url，no代表不显示滚动条
+			title: '修改试题',
+			area: ['45%', '60%'], //宽高
+		});
+
+	} else {
+		layer.msg('没有可修改的选项！');
+	}
+})
+//删除
+$('.rightDelete').click(function() {
+	if(Cids) {
+		console.log(Cids);
+		Delet(Cids);
+	} else {
+		layer.msg('没有可删除的选项！');
+
+	}
+})
+//编号
+function setCode(val, row, index) {
+	return index + 1;
+}
+//类型操作
+function Type(val) {
+	var cs = '';
+	var vals = '';
+	if(val == 1) {
+		cs = 'w';
+		vals = "问答题"
+	} else if(val == 2) {
+		cs = 'd';
+		vals = "单选题"
+	} else {
+		cs = 'du'
+		vals = "多选题"
+	}
+
+	return '<a class="' + cs + '">' + vals + '</a>'
+	console.log(val);
+}
+//操作
+function Code(val, row) {
+	if(val > 1) {
+		return '<a onclick="XG(' + row.F_QuestionId + ')">操作</a>'
+	}
+}
+
+function XG(val) {
+	layer.open({
+		type: 2,
+		content: "../Questionnaire/addCheck.html?str=" + val, //iframe的url，no代表不显示滚动条
+		title: '试题选项',
+		area: ['45%', '60%'], //宽高
+	});
+}
+
+//删除试题
+function Delet(Cids) {
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "/Questionnaire/DeleteQuestion",
+		dataType: 'json',
+		data: {
+			id: Cids,
+			token: token
+		},
+		async: true,
+		success: function(data) {
+			if(data.state.toLowerCase() == 'success') {
+				layer.msg("删除成功");
+				Finish();
+			}
+
+		}
+	});
+}

CallCenterWeb.UI/Questionnaire/bootstrap-editable.css

@@ -0,0 +1,663 @@
+/*! X-editable - v1.5.1 
+* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
+* http://github.com/vitalets/x-editable
+* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
+.editableform {
+    margin-bottom: 0; /* overwrites bootstrap margin */
+}
+
+.editableform .control-group {
+    margin-bottom: 0; /* overwrites bootstrap margin */
+    white-space: nowrap; /* prevent wrapping buttons on new line */
+    line-height: 20px; /* overwriting bootstrap line-height. See #133 */
+}
+
+/* 
+  BS3 width:1005 for inputs breaks editable form in popup 
+  See: https://github.com/vitalets/x-editable/issues/393
+*/
+.editableform .form-control {
+    width: auto;
+}
+
+.editable-buttons {
+   display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
+   vertical-align: top;
+   margin-left: 7px;
+   /* inline-block emulation for IE7*/
+   zoom: 1; 
+   *display: inline;
+}
+
+.editable-buttons.editable-buttons-bottom {
+   display: block; 
+   margin-top: 7px;
+   margin-left: 0;
+}
+
+.editable-input {
+    vertical-align: top; 
+    display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
+    width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
+    white-space: normal; /* reset white-space decalred in parent*/
+   /* display-inline emulation for IE7*/
+   zoom: 1; 
+   *display: inline;   
+}
+
+.editable-buttons .editable-cancel {
+   margin-left: 7px; 
+}
+
+/*for jquery-ui buttons need set height to look more pretty*/
+.editable-buttons button.ui-button-icon-only {
+   height: 24px; 
+   width: 30px;
+}
+
+.editableform-loading {
+    background: url('../img/loading.gif') center center no-repeat;  
+    height: 25px;
+    width: auto; 
+    min-width: 25px; 
+}
+
+.editable-inline .editableform-loading {
+    background-position: left 5px;      
+}
+
+ .editable-error-block {
+    max-width: 300px;
+    margin: 5px 0 0 0;
+    width: auto;
+    white-space: normal;
+}
+
+/*add padding for jquery ui*/
+.editable-error-block.ui-state-error {
+    padding: 3px;  
+}  
+
+.editable-error {
+   color: red;  
+}
+
+/* ---- For specific types ---- */
+
+.editableform .editable-date {
+    padding: 0; 
+    margin: 0;
+    float: left;
+}
+
+/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
+.editable-inline .add-on .icon-th {
+   margin-top: 3px;
+   margin-left: 1px; 
+}
+
+
+/* checklist vertical alignment */
+.editable-checklist label input[type="checkbox"], 
+.editable-checklist label span {
+    vertical-align: middle;
+    margin: 0;
+}
+
+.editable-checklist label {
+    white-space: nowrap; 
+}
+
+/* set exact width of textarea to fit buttons toolbar */
+.editable-wysihtml5 {
+    width: 566px; 
+    height: 250px; 
+}
+
+/* clear button shown as link in date inputs */
+.editable-clear {
+   clear: both;
+   font-size: 0.9em;
+   text-decoration: none;
+   text-align: right;
+}
+
+/* IOS-style clear button for text inputs */
+.editable-clear-x {
+   background: url('../img/clear.png') center center no-repeat;
+   display: block;
+   width: 13px;    
+   height: 13px;
+   position: absolute;
+   opacity: 0.6;
+   z-index: 100;
+   
+   top: 50%;
+   right: 6px;
+   margin-top: -6px;
+   
+}
+
+.editable-clear-x:hover {
+   opacity: 1;
+}
+
+.editable-pre-wrapped {
+   white-space: pre-wrap;
+}
+.editable-container.editable-popup {
+    max-width: none !important; /* without this rule poshytip/tooltip does not stretch */
+}  
+
+.editable-container.popover {
+    width: auto; /* without this rule popover does not stretch */
+}
+
+.editable-container.editable-inline {
+    display: inline-block; 
+    vertical-align: middle;
+    width: auto;
+    /* inline-block emulation for IE7*/
+    zoom: 1; 
+    *display: inline;    
+}
+
+.editable-container.ui-widget {
+   font-size: inherit;  /* jqueryui widget font 1.1em too big, overwrite it */
+   z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */
+}
+.editable-click, 
+a.editable-click, 
+a.editable-click:hover {
+    text-decoration: none;
+    border-bottom: dashed 1px #0088cc;
+}
+
+.editable-click.editable-disabled, 
+a.editable-click.editable-disabled, 
+a.editable-click.editable-disabled:hover {
+   color: #585858;  
+   cursor: default;
+   border-bottom: none;
+}
+
+.editable-empty, .editable-empty:hover, .editable-empty:focus{
+  font-style: italic; 
+  color: #DD1144;  
+  /* border-bottom: none; */
+  text-decoration: none;
+}
+
+.editable-unsaved {
+  font-weight: bold; 
+}
+
+.editable-unsaved:after {
+/*    content: '*'*/
+}
+
+.editable-bg-transition {
+  -webkit-transition: background-color 1400ms ease-out;
+  -moz-transition: background-color 1400ms ease-out;
+  -o-transition: background-color 1400ms ease-out;
+  -ms-transition: background-color 1400ms ease-out;
+  transition: background-color 1400ms ease-out;  
+}
+
+/*see https://github.com/vitalets/x-editable/issues/139 */
+.form-horizontal .editable
+{ 
+    padding-top: 5px;
+    display:inline-block;
+}
+
+
+/*!
+ * Datepicker for Bootstrap
+ *
+ * Copyright 2012 Stefan Petre
+ * Improvements by Andrew Rowls
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ */
+.datepicker {
+  padding: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  direction: ltr;
+  /*.dow {
+		border-top: 1px solid #ddd !important;
+	}*/
+
+}
+.datepicker-inline {
+  width: 220px;
+}
+.datepicker.datepicker-rtl {
+  direction: rtl;
+}
+.datepicker.datepicker-rtl table tr td span {
+  float: right;
+}
+.datepicker-dropdown {
+  top: 0;
+  left: 0;
+}
+.datepicker-dropdown:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  top: -7px;
+  left: 6px;
+}
+.datepicker-dropdown:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #ffffff;
+  position: absolute;
+  top: -6px;
+  left: 7px;
+}
+.datepicker > div {
+  display: none;
+}
+.datepicker.days div.datepicker-days {
+  display: block;
+}
+.datepicker.months div.datepicker-months {
+  display: block;
+}
+.datepicker.years div.datepicker-years {
+  display: block;
+}
+.datepicker table {
+  margin: 0;
+}
+.datepicker td,
+.datepicker th {
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  border: none;
+}
+.table-striped .datepicker table tr td,
+.table-striped .datepicker table tr th {
+  background-color: transparent;
+}
+.datepicker table tr td.day:hover {
+  background: #eeeeee;
+  cursor: pointer;
+}
+.datepicker table tr td.old,
+.datepicker table tr td.new {
+  color: #999999;
+}
+.datepicker table tr td.disabled,
+.datepicker table tr td.disabled:hover {
+  background: none;
+  color: #999999;
+  cursor: default;
+}
+.datepicker table tr td.today,
+.datepicker table tr td.today:hover,
+.datepicker table tr td.today.disabled,
+.datepicker table tr td.today.disabled:hover {
+  background-color: #fde19a;
+  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
+  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
+  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
+  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
+  background-image: linear-gradient(top, #fdd49a, #fdf59a);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
+  border-color: #fdf59a #fdf59a #fbed50;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  color: #000;
+}
+.datepicker table tr td.today:hover,
+.datepicker table tr td.today:hover:hover,
+.datepicker table tr td.today.disabled:hover,
+.datepicker table tr td.today.disabled:hover:hover,
+.datepicker table tr td.today:active,
+.datepicker table tr td.today:hover:active,
+.datepicker table tr td.today.disabled:active,
+.datepicker table tr td.today.disabled:hover:active,
+.datepicker table tr td.today.active,
+.datepicker table tr td.today:hover.active,
+.datepicker table tr td.today.disabled.active,
+.datepicker table tr td.today.disabled:hover.active,
+.datepicker table tr td.today.disabled,
+.datepicker table tr td.today:hover.disabled,
+.datepicker table tr td.today.disabled.disabled,
+.datepicker table tr td.today.disabled:hover.disabled,
+.datepicker table tr td.today[disabled],
+.datepicker table tr td.today:hover[disabled],
+.datepicker table tr td.today.disabled[disabled],
+.datepicker table tr td.today.disabled:hover[disabled] {
+  background-color: #fdf59a;
+}
+.datepicker table tr td.today:active,
+.datepicker table tr td.today:hover:active,
+.datepicker table tr td.today.disabled:active,
+.datepicker table tr td.today.disabled:hover:active,
+.datepicker table tr td.today.active,
+.datepicker table tr td.today:hover.active,
+.datepicker table tr td.today.disabled.active,
+.datepicker table tr td.today.disabled:hover.active {
+  background-color: #fbf069 \9;
+}
+.datepicker table tr td.today:hover:hover {
+  color: #000;
+}
+.datepicker table tr td.today.active:hover {
+  color: #fff;
+}
+.datepicker table tr td.range,
+.datepicker table tr td.range:hover,
+.datepicker table tr td.range.disabled,
+.datepicker table tr td.range.disabled:hover {
+  background: #eeeeee;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.datepicker table tr td.range.today,
+.datepicker table tr td.range.today:hover,
+.datepicker table tr td.range.today.disabled,
+.datepicker table tr td.range.today.disabled:hover {
+  background-color: #f3d17a;
+  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
+  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
+  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
+  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
+  background-image: linear-gradient(top, #f3c17a, #f3e97a);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
+  border-color: #f3e97a #f3e97a #edde34;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.datepicker table tr td.range.today:hover,
+.datepicker table tr td.range.today:hover:hover,
+.datepicker table tr td.range.today.disabled:hover,
+.datepicker table tr td.range.today.disabled:hover:hover,
+.datepicker table tr td.range.today:active,
+.datepicker table tr td.range.today:hover:active,
+.datepicker table tr td.range.today.disabled:active,
+.datepicker table tr td.range.today.disabled:hover:active,
+.datepicker table tr td.range.today.active,
+.datepicker table tr td.range.today:hover.active,
+.datepicker table tr td.range.today.disabled.active,
+.datepicker table tr td.range.today.disabled:hover.active,
+.datepicker table tr td.range.today.disabled,
+.datepicker table tr td.range.today:hover.disabled,
+.datepicker table tr td.range.today.disabled.disabled,
+.datepicker table tr td.range.today.disabled:hover.disabled,
+.datepicker table tr td.range.today[disabled],
+.datepicker table tr td.range.today:hover[disabled],
+.datepicker table tr td.range.today.disabled[disabled],
+.datepicker table tr td.range.today.disabled:hover[disabled] {
+  background-color: #f3e97a;
+}
+.datepicker table tr td.range.today:active,
+.datepicker table tr td.range.today:hover:active,
+.datepicker table tr td.range.today.disabled:active,
+.datepicker table tr td.range.today.disabled:hover:active,
+.datepicker table tr td.range.today.active,
+.datepicker table tr td.range.today:hover.active,
+.datepicker table tr td.range.today.disabled.active,
+.datepicker table tr td.range.today.disabled:hover.active {
+  background-color: #efe24b \9;
+}
+.datepicker table tr td.selected,
+.datepicker table tr td.selected:hover,
+.datepicker table tr td.selected.disabled,
+.datepicker table tr td.selected.disabled:hover {
+  background-color: #9e9e9e;
+  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
+  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
+  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
+  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
+  background-image: linear-gradient(top, #b3b3b3, #808080);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
+  border-color: #808080 #808080 #595959;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.datepicker table tr td.selected:hover,
+.datepicker table tr td.selected:hover:hover,
+.datepicker table tr td.selected.disabled:hover,
+.datepicker table tr td.selected.disabled:hover:hover,
+.datepicker table tr td.selected:active,
+.datepicker table tr td.selected:hover:active,
+.datepicker table tr td.selected.disabled:active,
+.datepicker table tr td.selected.disabled:hover:active,
+.datepicker table tr td.selected.active,
+.datepicker table tr td.selected:hover.active,
+.datepicker table tr td.selected.disabled.active,
+.datepicker table tr td.selected.disabled:hover.active,
+.datepicker table tr td.selected.disabled,
+.datepicker table tr td.selected:hover.disabled,
+.datepicker table tr td.selected.disabled.disabled,
+.datepicker table tr td.selected.disabled:hover.disabled,
+.datepicker table tr td.selected[disabled],
+.datepicker table tr td.selected:hover[disabled],
+.datepicker table tr td.selected.disabled[disabled],
+.datepicker table tr td.selected.disabled:hover[disabled] {
+  background-color: #808080;
+}
+.datepicker table tr td.selected:active,
+.datepicker table tr td.selected:hover:active,
+.datepicker table tr td.selected.disabled:active,
+.datepicker table tr td.selected.disabled:hover:active,
+.datepicker table tr td.selected.active,
+.datepicker table tr td.selected:hover.active,
+.datepicker table tr td.selected.disabled.active,
+.datepicker table tr td.selected.disabled:hover.active {
+  background-color: #666666 \9;
+}
+.datepicker table tr td.active,
+.datepicker table tr td.active:hover,
+.datepicker table tr td.active.disabled,
+.datepicker table tr td.active.disabled:hover {
+  background-color: #006dcc;
+  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
+  background-image: linear-gradient(top, #0088cc, #0044cc);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
+  border-color: #0044cc #0044cc #002a80;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.datepicker table tr td.active:hover,
+.datepicker table tr td.active:hover:hover,
+.datepicker table tr td.active.disabled:hover,
+.datepicker table tr td.active.disabled:hover:hover,
+.datepicker table tr td.active:active,
+.datepicker table tr td.active:hover:active,
+.datepicker table tr td.active.disabled:active,
+.datepicker table tr td.active.disabled:hover:active,
+.datepicker table tr td.active.active,
+.datepicker table tr td.active:hover.active,
+.datepicker table tr td.active.disabled.active,
+.datepicker table tr td.active.disabled:hover.active,
+.datepicker table tr td.active.disabled,
+.datepicker table tr td.active:hover.disabled,
+.datepicker table tr td.active.disabled.disabled,
+.datepicker table tr td.active.disabled:hover.disabled,
+.datepicker table tr td.active[disabled],
+.datepicker table tr td.active:hover[disabled],
+.datepicker table tr td.active.disabled[disabled],
+.datepicker table tr td.active.disabled:hover[disabled] {
+  background-color: #0044cc;
+}
+.datepicker table tr td.active:active,
+.datepicker table tr td.active:hover:active,
+.datepicker table tr td.active.disabled:active,
+.datepicker table tr td.active.disabled:hover:active,
+.datepicker table tr td.active.active,
+.datepicker table tr td.active:hover.active,
+.datepicker table tr td.active.disabled.active,
+.datepicker table tr td.active.disabled:hover.active {
+  background-color: #003399 \9;
+}
+.datepicker table tr td span {
+  display: block;
+  width: 23%;
+  height: 54px;
+  line-height: 54px;
+  float: left;
+  margin: 1%;
+  cursor: pointer;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.datepicker table tr td span:hover {
+  background: #eeeeee;
+}
+.datepicker table tr td span.disabled,
+.datepicker table tr td span.disabled:hover {
+  background: none;
+  color: #999999;
+  cursor: default;
+}
+.datepicker table tr td span.active,
+.datepicker table tr td span.active:hover,
+.datepicker table tr td span.active.disabled,
+.datepicker table tr td span.active.disabled:hover {
+  background-color: #006dcc;
+  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
+  background-image: linear-gradient(top, #0088cc, #0044cc);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
+  border-color: #0044cc #0044cc #002a80;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.datepicker table tr td span.active:hover,
+.datepicker table tr td span.active:hover:hover,
+.datepicker table tr td span.active.disabled:hover,
+.datepicker table tr td span.active.disabled:hover:hover,
+.datepicker table tr td span.active:active,
+.datepicker table tr td span.active:hover:active,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.active,
+.datepicker table tr td span.active:hover.active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active.disabled:hover.active,
+.datepicker table tr td span.active.disabled,
+.datepicker table tr td span.active:hover.disabled,
+.datepicker table tr td span.active.disabled.disabled,
+.datepicker table tr td span.active.disabled:hover.disabled,
+.datepicker table tr td span.active[disabled],
+.datepicker table tr td span.active:hover[disabled],
+.datepicker table tr td span.active.disabled[disabled],
+.datepicker table tr td span.active.disabled:hover[disabled] {
+  background-color: #0044cc;
+}
+.datepicker table tr td span.active:active,
+.datepicker table tr td span.active:hover:active,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.active,
+.datepicker table tr td span.active:hover.active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active.disabled:hover.active {
+  background-color: #003399 \9;
+}
+.datepicker table tr td span.old,
+.datepicker table tr td span.new {
+  color: #999999;
+}
+.datepicker th.datepicker-switch {
+  width: 145px;
+}
+.datepicker thead tr:first-child th,
+.datepicker tfoot tr th {
+  cursor: pointer;
+}
+.datepicker thead tr:first-child th:hover,
+.datepicker tfoot tr th:hover {
+  background: #eeeeee;
+}
+.datepicker .cw {
+  font-size: 10px;
+  width: 12px;
+  padding: 0 2px 0 5px;
+  vertical-align: middle;
+}
+.datepicker thead tr:first-child th.cw {
+  cursor: default;
+  background-color: transparent;
+}
+.input-append.date .add-on i,
+.input-prepend.date .add-on i {
+  display: block;
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+}
+.input-daterange input {
+  text-align: center;
+}
+.input-daterange input:first-child {
+  -webkit-border-radius: 3px 0 0 3px;
+  -moz-border-radius: 3px 0 0 3px;
+  border-radius: 3px 0 0 3px;
+}
+.input-daterange input:last-child {
+  -webkit-border-radius: 0 3px 3px 0;
+  -moz-border-radius: 0 3px 3px 0;
+  border-radius: 0 3px 3px 0;
+}
+.input-daterange .add-on {
+  display: inline-block;
+  width: auto;
+  min-width: 16px;
+  height: 18px;
+  padding: 4px 5px;
+  font-weight: normal;
+  line-height: 18px;
+  text-align: center;
+  text-shadow: 0 1px 0 #ffffff;
+  vertical-align: middle;
+  background-color: #eeeeee;
+  border: 1px solid #ccc;
+  margin-left: -5px;
+  margin-right: -5px;
+}

CallCenterWeb.UI/Questionnaire/detailReportForm.html

@@ -0,0 +1,325 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>详情报表</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="../css/init.css" rel="stylesheet" />
+		<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="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
+		<style>
+			.LY:hover {
+				color: #fff;
+			}
+			
+			.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;
+			}
+			
+			.seach-box ul {
+				overflow: inherit;
+			}
+			
+			.dropdown-menu li {
+				float: none;
+			}
+		</style>
+	</head>
+
+	<body class="gray-bg">
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
+						<a href="javaScript:;">外呼管理</a>&gt;
+						<a href="javaScript:;">外呼报表</a>&gt;
+						<a href="" style="color: #000;">详情报表</a>
+					</sapn>
+				</div>
+			</div>
+			<div class="th-box">
+				<div class="th-bar">
+					<div class="seach-box">
+						<ul class="clearfix">
+							<li>
+								<select class="form-control selectpicker" id="taskList" data-live-search="true"></select>
+							</li>
+							<li>
+								<select class="form-control selectpicker" id="questionList" data-live-search="true"></select>
+							</li>
+							<li>
+								<!--<select id="" multiple class="x-color select"></select>-->
+								<select class="form-control selectpicker" id="optionsList" multiple data-live-search="true"></select>
+							</li>
+							<li>
+								<input type="text" id="stime" class="photo size-14 laydate-icon" placeholder="请选择开始时间和结束时间" />
+							</li>
+							<li>
+								<a class="sc_btn seach">搜索</a>
+							</li>
+							<li>
+								<a class="sc_btn export">导出</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<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>
+
+						</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>
+		<script src="../js/laydate/laydate.js"></script>
+		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
+		<script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
+		<script>
+			$(document).ready(function() {
+				getProLocations($('#taskList'), $('#questionList'), $('#optionsList'));
+				laydate.render({
+					elem: '#stime',
+					range: '~',
+					calendar: true,
+					theme: '#1ab394',
+				});
+				$(".sc_btn").click(function() {
+					if(!$.trim($('#taskList').val())) {
+						layer.msg('请选择任务');
+						return;
+					}
+					if(!$.trim($('#questionList').val())) {
+						layer.msg('请选择任务');
+						return;
+					}
+					$("#Task thead").empty();
+					$(".thTable tbody").empty();
+					getDataLists();
+				})
+				//导出功能
+				$('.export').click(function() {
+					if(!$.trim($('#taskList').val())) {
+						layer.msg('请选择任务');
+						return;
+					}
+					if(!$.trim($('#questionList').val())) {
+						layer.msg('请选择任务');
+						return;
+					}
+					dcexcel(this);
+				})
+
+			});
+			//获取表头 和 数据
+			function getDataLists() {
+				$.ajax({
+						type: "get",
+						url: huayi.config.callcenter_url + "CallOutReport/GetColoumnBMY",
+						dataType: 'json',
+						data: {
+							TaskID: $("#taskList").val(), //任务id（必选）
+							quesid: $("#questionList").val(), //问题id（必选）
+							token: $.cookie("token")
+						},
+						success: function(data) {
+							$("#Task thead").empty();
+							if(data.state.toLowerCase() == "success") {
+								data = data.data;
+								if(data && data.length > 0) {
+									var $tr = $('<tr></tr>');
+									for(var i = 0; i < data.length; i++) {
+										$tr.append('<td>' + data[i] + '</td>');
+										$("#Task thead").append($tr);
+									}
+								}
+							}
+						}
+					})
+					.then(function() {
+						$.ajax({
+							type: "get",
+							url: huayi.config.callcenter_url + "CallOutReport/GetReportBMY",
+							dataType: 'json',
+							data: {
+								TaskID: $("#taskList").val(), //任务id（必选）
+								quesid: $("#questionList").val(), //问题id（必选）
+								ansids: $("#optionsList").val() && $("#optionsList").val().join(','), //选项id（多选，默认可以不选，随着选中的问题id做联动）
+								sdate: $("#stime").val() && $("#stime").val().split(' ~ ')[0], // 开始时间
+								edate: $("#stime").val() && $("#stime").val().split(' ~ ')[1], // 结束时间
+								token: $.cookie("token")
+							},
+							success: function(data) {
+								$(".thTable tbody").empty();
+								if(data.state.toLowerCase() == "success") {
+									data = data.data;
+									if(data && data.length > 0) {
+										for(var i = 0; i < data.length; i++) {
+											$('<tr><td>' + data[i].name + ' </td>' +
+												'<td> ' + data[i].phone + ' </td>' +
+												'<td> ' + data[i].answer + ' </td>' +
+												'</tr>').appendTo(".hwbb tbody");
+										}
+									} else {
+										$(".thTable tbody").html('<p class="text-center">没有找到您想要的记录呢！我会努力的...</p>');
+									}
+								} else {
+									$(".thTable tbody").html('<p class="text-center">没有找到您想要的记录呢！我会努力的...</p>');
+								}
+							}
+						});
+					});
+			}
+
+			function dcexcel(obj) {
+				var url = huayi.config.callcenter_url + "CallOutReport/GetReportBMYExpt?token=" + $.cookie("token");
+				url += "&TaskID=" + $("#taskList").val();
+				url += "&quesid=" + $("#questionList").val();
+				url += "&ansids=" + ($("#optionsList").val()  && $("#optionsList").val().join(','));
+				url += "&sdate=" + ($("#stime").val() && $("#stime").val().split(' ~ ')[0]); // string 否 开始时间
+				url += "&edate=" + ($("#stime").val() && $("#stime").val().split(' ~ ')[1]); // string 否 开始时间
+				obj.href = url;
+			}
+
+			//任务列表 问题列表 问题选项 三级联动
+			function getProLocations(obj, obj1, obj2) {
+				obj.empty();
+				obj1.empty();
+				obj2.empty();
+				obj.append('<option selected="selected" value="">请选择任务</option>');
+				obj1.append('<option selected="selected" value="">请选择问题</option>');
+				obj2.append('<option selected="selected" value="">请选择选项</option>');
+
+				$.ajax({
+					type: "get",
+					url: huayi.config.callcenter_url + "CallOutReport/GetTaskDDL",
+					dataType: 'json',
+					data: {
+						token: $.cookie('token')
+					},
+					success: function(data) {
+						var content = data.data; //任务列表
+						//初始化 任务列表
+						if(content && content.length > 0) {
+							$(content).each(function(i, n) {
+								$("<option value='" + n.F_TaskID + "'>" + n.F_TaskName + "</option>").appendTo(obj);
+							});
+							obj.selectpicker('refresh');
+						}
+
+						//问题列表
+						obj.change(function() {
+							obj1.empty();
+							//获取问题列表
+							$.ajax({
+								type: "get",
+								url: huayi.config.callcenter_url + "CallOutReport/GetQuesDDL",
+								dataType: 'json',
+								data: {
+									taskid: obj.val(), //任务id（默认显示全部）
+									token: $.cookie("token")
+								},
+								success: function(data) {
+									if(data.state.toLowerCase() == "success") {
+										var Count = data.data;
+										if(Count && Count.length > 0) {
+											for(var i = 0; i < Count.length; i++) {
+												$(Count[i]).each(function(j, v) {
+													$("<option value='" + v.F_QuestionId + "'>" + v.F_Title + "</option>").appendTo(obj1);
+												});
+											}
+										}
+										obj1.selectpicker('refresh');
+										obj1.trigger('change');
+									}
+								}
+							});
+						});
+
+						//选项
+						obj1.change(function() {
+							obj2.empty();
+							//获取选项列表
+							$.ajax({
+								type: "get",
+								url: huayi.config.callcenter_url + "CallOutReport/GetQuesItemDDL",
+								dataType: 'json',
+								data: {
+									quesid: obj1.val(), //问题id（需选中问题后显示）
+									token: $.cookie("token")
+								},
+								success: function(data) {
+									if(data.state.toLowerCase() == "success") {
+										var Count = data.data;
+										if(Count && Count.length > 0) {
+											for(var i = 0; i < Count.length; i++) {
+												$(Count[i]).each(function(j, v) {
+													$("<option value='" + v.F_ItemId + "'>" + v.F_ItemName + "</option>").appendTo(obj2);
+												});
+											}
+											obj2.selectpicker('refresh');
+										}
+									}
+								}
+							});
+
+						});
+
+					},
+				});
+			}
+		</script>
+
+	</body>
+
+</html>

CallCenterWeb.UI/Questionnaire/modify.html

@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<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" />
+		<title></title>
+		<style>
+			.Content {
+				text-align: center;
+				padding: 10px;
+			}
+			
+			.btn {
+				background: #1ab394;
+			}
+			
+			.Btn_box {
+				margin-top: 20px;
+				color: #fff;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div>
+			<div class="Content">
+				<span>名称：<input type="text" class="name" /></span>
+				<div class="Btn_box">
+					<button class="rightAll btn size-14">保存</button>
+				</div>
+			</div>
+		</div>
+		<script>
+			var wid = helper.request.queryString("Str");
+			console.log(wid);
+			if(wid) {
+				//增加分类
+					$.ajax({
+						type: "post",
+						url: huayi.config.callcenter_url + "Questionnaire/GetQCategoryModel",
+						dataType: 'json',
+						data: {
+							id: wid,
+							token: $.cookie("token")
+						},
+						async: true,
+						success: function(data) {
+							if(data.state == "success") {
+								$(".name").val(data.data.F_CategoryName);
+								
+							}
+
+						}
+					});
+				$(".rightAll").click(function() {
+					if(!$(".name").val()) {
+						layer.msg("名称不能为空");
+					}
+					//修改分类
+					$.ajax({
+						type: "post",
+						url: huayi.config.callcenter_url + "Questionnaire/CreateOrUpdateQCategory",
+						dataType: 'json',
+						data: {
+							id: wid,
+							name: $(".name").val(),
+							token: $.cookie("token")
+						},
+						async: true,
+						success: function(data) {
+							if(data.state == "success") {
+								var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+								parent.layer.close(index); //再执行关闭
+								parent.IndexCategoryGe();
+								parent.layer.msg("修改成功");
+							}
+
+						}
+					});
+				})
+			}
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/Questionnaire/xgWenjuanxinxi.html

@@ -0,0 +1,207 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<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 rel="stylesheet" href="../css/Quality/bootstrap-editable.css" />
+		<script src="../js/Questions/bootstrap-editable.js"></script>
+		<title></title>
+		<style>
+			table tr {
+				margin-bottom: 20px;
+			}
+			
+			table tr td {
+				text-align: left;
+				padding: 5px;
+			}
+			
+			.Content {
+				padding: 10px;
+			}
+			
+			.btn {
+				background: #1ab394;
+			}
+			
+			.Btn_box {
+				margin-top: 20px;
+				color: #fff;
+			}
+			
+			.inpBox select {
+				width: 150px;
+				padding: 3px 6px;
+			}
+			
+			.F_Remark {
+				width: 100%;
+				resize: none;
+			}
+			
+			.tab {
+				border-bottom: 1px solid #ccc;
+			}
+			
+			.Check_box {
+				display: none;
+			}
+			
+			.Show {
+				display: block;
+			}
+			
+			#sqzx th {
+				width: 100px;
+			}
+			
+			.d {
+				color: forestgreen;
+			}
+			
+			.du {
+				color: #0064B6;
+			}
+			
+			.w {
+				color: #e43926;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div>
+			<div class="Content">
+				<div class="tab">
+
+					<table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
+						<tr>
+							<th>问卷名称：</th>
+							<td colspan="5">
+								<input type="text" class="Title" />
+							</td>
+						</tr>
+						<tr>
+							<th>问卷开场语：</th>
+							<td colspan="5">
+								<textarea name="" class="F_Remark" rows="3" cols="20" id="startText"></textarea>
+
+							</td>
+						</tr>
+						<tr>
+							<th>问卷说明：</th>
+							<td colspan="5">
+								<textarea name="" rows="3" cols="20" class="F_Remark" id="F_Remark"></textarea>
+
+							</td>
+						</tr>
+						<tr>
+							<th>问卷结束语：</th>
+							<td colspan="5">
+								<textarea name="" class="F_Remark" rows="3" cols="20" id="endText"></textarea>
+
+							</td>
+						</tr>
+
+					</table>
+
+				</div>
+				<div style="text-align: center; margin-top: 50px;">
+					<button class="btns add size-14">保存</button>
+				</div>
+			</div>
+		</div>
+		<script src="../js/autosize/autosize.js"></script>
+		<script>
+			var wid = helper.request.queryString("Str");
+			$(document).ready(function() {
+				autosize($('textarea'));
+				//获取问卷信息
+				if(wid) {
+					$.ajax({
+						type: "get",
+						url: huayi.config.callcenter_url + "/Questionnaire/GetPagerInfoModel",
+						async: true,
+						dataType: "json",
+						data: {
+							pid: wid,
+							token: $.cookie("token"),
+
+						},
+						success: function(data) {
+							if(data.state.toLowerCase() == 'success') {
+								$('.Title').val(data.data.F_Title);
+								$("#startText").val(data.data.F_StartText);
+								$("#F_Remark").val(data.data.F_Remark);
+								$("#endText").val(data.data.F_EndText);
+
+							}
+						}
+					});
+				}
+				//修改
+				$(".add").click(function() {
+					var Title = $(".Title").val(); //问卷名称
+					var Remark = $("#F_Remark").val(); //问卷说明
+					if(!$.trim(Title)) {
+						layer.confirm('问卷名称不能为空！', {
+							icon: 2,
+							btn: ['确定'] //按钮
+						});
+						return;
+					}
+					if(!$.trim($('#startText').val())) {
+						layer.confirm('问卷开场语不能为空！', {
+							icon: 2,
+							btn: ['确定'] //按钮
+						});
+						return;
+					}
+					if(!$.trim(Remark)) {
+						layer.confirm('问卷说明不能为空！', {
+							icon: 2,
+							btn: ['确定'] //按钮
+						});
+						return;
+					}
+					if(!$.trim($('#endText').val())) {
+						layer.confirm('问卷结束语不能为空！', {
+							icon: 2,
+							btn: ['确定'] //按钮
+						});
+						return;
+					}
+					$.ajax({
+						type: "post",
+						url: huayi.config.callcenter_url + "/Questionnaire/CreateOrUpdatePager",
+						async: true,
+						dataType: "json",
+						data: {
+							Id: wid,
+							Title: Title, //问卷标题
+							StartText: $('#startText').val(), //问卷开场语
+							EndText: $('#endText').val(), //问卷结束语
+							Remark: Remark, //问卷备注
+							token: $.cookie("token"),
+
+						},
+						success: function(data) {
+							if(data.state.toLowerCase() == 'success') {
+								var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+								parent.layer.close(index); //再执行关闭
+								parent.IndexCategoryGe();
+								parent.layer.msg(data.message);
+
+							}
+						}
+					});
+				})
+			});
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/keHuManager/ContactPersonManger.html

@@ -131,8 +131,8 @@
 							<div class="form-group" style="width: 200px;  margin-right: 30px;">
 								<select class="form-control selectpicker" id="orderSource" data-live-search="true">
 									<option value="">全部</option>
-									<option value="">已出诊</option>
-									<option value="">未出诊</option>
+									<option value="">已出车</option>
+									<option value="">未出车</option>
 								</select>
 							</div>
 							时间：
@@ -172,7 +172,7 @@
 						<td>张文武 </td>
 						<td data-align="center" >赵明晶</td>
 						<td data-align="center">6</td>
-						<td data-align="center">2018-06-15</td>
+						<td data-align="center">2018-06-15 12:22</td>
 						<td data-align="center">扶沟县</td>
 						<td data-align="center" style="color:#337ab7; cursor: pointer;" onclick="XX()">已出车</td>
 					</tr>

CallCenterWeb.UI/keHuManager/LookMessage.html

@@ -21,24 +21,44 @@
 				<div>
 					<ul style="padding-left: 0; margin-top: 30px;" class="title_ul">
 						<li>
-							<label for="">问卷名称</label>
-							<span class="Title">息县安全感满意度调查问卷</span>
+							<label for="">车辆类型</label>
+							<span class="Title">紧急车辆</span>
 						</li>
 						<li>
-							<label for="startText">问卷开场语</label>
+							<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>
+							<label for="startText">车牌号</label>
+							<span id="startText" class="F_Remark">
+								123456
+							</span>
+						</li>
+						<li>
+							<label for="F_Remark">出车时间</label>
+							<span id="F_Remark" class="F_Remark">2018-06-15 12:22</span>
+						</li>
+						<li>
+							<label for="F_Remark">出车地点</label>
+							<span id="F_Remark" class="F_Remark">扶沟县</span>
+						</li>
+						<li>
+							<label for="F_Remark">出车缘由</label>
+							<span id="F_Remark" class="F_Remark">
+								测试测试测试测试测试测试测试测试测试测试测试测试
+								测试测试测试测试测试测试测试测试测试测试测试测试
+								测试测试测试测试测试测试测试测试测试测试测试测试
+							</span>
 						</li>
-					</ul>
-					<ul style="padding-left: 0;" class="title_ul">
 						<li>
-							<label for="">问卷结束语</label>
-							<span id="endText" class="F_Remark">访问到此结束，谢谢您的合作！</span>
+							<label for="F_Remark">出车医生</label>
+							<span id="F_Remark" class="F_Remark">赵明晶，赵明晶，赵明晶，赵明晶</span>
 						</li>
 					</ul>
 				</div>