bug 修改

CallCenterWeb.UI/ReportForm/zxSatisfaction.html

 			<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="javaScript:;">员工考核分析</a>&gt;
 					<a href="" style="color: #000;">坐席满意度评价</a>
 				</sapn>
 			</div>
 					endtime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[1];
 					getTableDataList(); //获取表格数据
 				})
+				//按回车搜索
+				document.onkeydown = function (e) {
+					stime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[0];
+					endtime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[1];
+				    var theEvent = window.event || e;
+				    var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
+				    if (code == 13) {
+				        getTableDataList();
+				    }
+				}
+
 				//导出
 				$('.export').click(function() {
 					stime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[0];

CallCenterWeb.UI/TelCall/WorkTime.html

 				' </div>';
 			var tc;
 			$(document).ready(function() {
-				/*日期选择*/
-				laydate.render({
-					elem: '#workstart',
-					type: 'datetime',
-					theme: '1ab394',
-					calendar: true,
-				});
-				laydate.render({
-					elem: '#workend',
-					type: 'datetime',
-					theme: '1ab394',
-					calendar: true,
-				});
 				/*搜索*/
 				$("#sc_btn ").click(function() {
 					initTable();
 				})
+				
+				//按enter实现搜索
+				$('#KeyWords').bind('keypress', function (event) {
+  					if (event.keyCode == "13") {
+  						initTable();
+   						return false;
+					}
+				});
 
 				/*删除提示*/
 				$(".remove").click(function() {
 						area: ['35%', '65%'], //宽高
 
 					});
+					/*日期选择*/
+					laydate.render({
+						elem: '#workstart',
+						type: 'datetime',
+						theme: '1ab394',
+						calendar: true,
+					});
+					laydate.render({
+						elem: '#workend',
+						type: 'datetime',
+						theme: '1ab394',
+						calendar: true,
+					});
 				});
 				/*修改弹窗*/
 				$(".xg").click(function() {
 								$("#workend").val(result.data.F_EndDate);
 								$("#timename").val(result.data.F_Name);
 								$("#Pb").val(result.data.F_Remark);
+								/*日期选择*/
+								laydate.render({
+									elem: '#workstart',
+									type: 'datetime',
+									theme: '1ab394',
+									calendar: true,
+								});
+								laydate.render({
+									elem: '#workend',
+									type: 'datetime',
+									theme: '1ab394',
+									calendar: true,
+								});
 							}
 						})
 					}
 				});
-
 				initTable();
 			})
 

CallCenterWeb.UI/callScreen/call.js

 	}
 	return str;
 }
+
+//工单编号
+//function View(val, row) {
+//	return '<div class="imgs" ><a class="xg" index="' + row.CreateUser + '" onclick= btn_order_details("' + row.F_WorkOrderId + '") >' + val + '</a></div>';
+//	$("#F_UserCode").val(row.CreateUser);
+//}
+
+// 工单编号
 function View(val, row) {
-	return '<div class="imgs" ><a class="xg" index="' + row.CreateUser + '" onclick= TZ("' + row.F_WorkOrderId + '") >' + val + '</a></div>';
+	if (row.F_DealTimely === "Ⅰ级") {
+		return '<div class="imgs" ><a class="xg workOrderIdColorRed" index="' + row.CreateUser + '" onclick= btn_order_details("' + row.F_Id + '") >' + val + '</a></div>';
+	} else if (row.F_DealTimely === "Ⅱ级") {
+		return '<div class="imgs" ><a class="xg workOrderIdColorGreen" index="' + row.CreateUser + '" onclick= btn_order_details("' + row.F_Id + '") >' + val + '</a></div>';
+	} else if (row.F_DealTimely === "普通工单") {
+		return '<div class="imgs" ><a class="xg" index="' + row.CreateUser + '" onclick= btn_order_details("' + row.F_Id + '") >' + val + '</a></div>';
+	} else {
+		return '<div class="imgs" ><a class="xg" index="' + row.CreateUser + '" onclick= btn_order_details("' + row.F_Id + '") >' + val + '</a></div>';
+	}
 	$("#F_UserCode").val(row.CreateUser);
 }
+
+
+// 工单状态返回值判断
+function workOrderStateJudge (val, row) {
+	if (val === 0) {
+		return '<div>待提交</div>';
+	} else if (val === 1) {
+		return '<div>待分派</div>';
+	} else if (val === 2) {
+		return '<div>待接单</div>';
+	} else if (val === 3) {
+		return '<div>待处理</div>';
+	} else if (val === 4) {
+		return '<div>处理中</div>';
+	} else if (val === 5) {
+		return '<div>退回待分派</div>';
+	} else if (val === 6) {
+		return '<div>退回待提交</div>';
+	} else if (val === 10) {
+		return '<div>已完成</div>';
+	} else {
+		return '<div></div>';
+	}
+}
+
+// 工单类别返回值判断
+function workOrderTypeJudge (val, row) {
+	if (val === 1) {
+		return '<div>咨询</div>';
+	} else if (val === 2) {
+		return '<div>投诉</div>';
+	} else {
+		return '<div></div>';
+	}
+}
+
+// 重复工单返回值判断
+function workOrderDuplicateJudge (val, row) {
+	if (val === 0) {
+		return '<div>未重复</div>';
+	} else if (val === 1) {
+		return '<div>重复</div>';
+	} else {
+		return '<div></div>';
+	}
+}
+
 function Detail(val) {
     if (val) {
         var str = '<div style="color:#e43926;" '
 });
 
 //修改
-function TZ(val) {
+function btn_order_details(val) {
 	var id = val;
 	layer.open({
 		type: 2,
-		title: '修改工单',
+		title: '工单详情',
 		maxmin: true, //开启最大化最小化按钮
 		area: ['80%', '90%'],
-		content: '../WorkOrder/Xga.html?id=' + id
+		content: './work_order_details.html?id=' + id
 		//              content: 'addZhiShiKuManger.html?addId=' + id + '&addPid='+ pid +'&addName='+ name +''
 	});
 }

CallCenterWeb.UI/callScreen/callScreen.html

             .complainDiv2{
             	display: none;
             }
+            .workOrderIdColorRed{
+				color: #FF0000;
+			}
+			.workOrderIdColorGreen{
+				color: #7CFC00;
+			}
+			.imgs {
+    			color: rgb(0, 128, 0);
+    			cursor: pointer;
+			}
+    		.imgs a:hover {
+        		color: #e43926;
+			}
+            .W100 .th-inner {
+			    width:100px !important;
+			}
+			.W160 .th-inner {
+			    width:160px !important;
+			}
+			.W220 .th-inner {
+			   width:220px !important;
+			}
+			.W220{
+			   width:220px !important;
+			}
 		</style>
 		<script>
 			function clearInter() {
                                     <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
                                         <thead>
                                             <tr>
-                                                <th data-field="F_WorkOrderId" data-formatter="View" data-align="center">工单编号</th>
+                                                <!--<th data-field="F_WorkOrderId" data-formatter="View" data-align="center">工单编号</th>
                                                 <th data-field="F_State" data-formatter="GetStateName" data-align="center">工单状态</th>
                                                 <th data-field="SourceName" data-align="center">工单来源</th>
                                                 <th data-field="TypeName" data-align="center">工单类型</th>
                                                 <th data-field="F_CusPhone" data-align="center">客户电话</th>
                                                 <th data-field="F_DealUser" data-align="center">受理人</th>
                                                 <th data-field="F_CreateTime" data-align="center">创建时间</th>
-                                                <th data-field="F_Content" data-align="center" data-formatter="Detail" style="width:500px;">投诉事件描述</th>
+                                                <th data-field="F_Content" data-align="center" data-formatter="Detail" style="width:500px;">投诉事件描述</th>-->
+                                                
+                    							<th data-field="F_WorkOrderId" data-class="W160" data-formatter="View" data-align="center">工单编号</th>
+												<th data-field="F_AreaName" data-class="W100" data-align="center">大区</th>
+												<th data-field="F_OfficName" data-class="W100" data-align="center">办事处</th>
+												<th data-field="F_CreateTime" data-class="W100" data-align="center">投诉时间</th>
+												<th data-field="F_SerialNumber" data-class="W100" data-align="center">序号</th>
+												<th data-field="F_CusName" data-class="W100" data-align="center">姓名</th>
+												<th data-field="F_AddRess" data-class="W100" data-align="center">地址</th>
+												<th data-field="F_CusPhone" data-class="W100" data-align="center">联系电话</th>
+												<th data-field="F_ProductType" data-class="W100" data-align="center">产品代码</th>
+												<th data-field="F_ProductName" data-class="W100" data-align="center">产品名称</th>
+												<th data-field="F_Specifications" data-class="W100" data-align="center">规格</th>
+												<th data-field="F_ProductDate" data-class="W100" data-align="center">生产日期</th>
+												<th data-field="F_BatchNumber" data-class="W100" data-align="center">产品编码</th>
+												<th data-field="F_Manufacturer" data-class="W100" data-align="center">生产厂家</th>
+												<th data-field="F_ProblemCode" data-class="W100" data-align="center">问题代码</th>
+												<th data-field="F_QualityProblem" data-class="W100" data-align="center">质量问题</th>
+												<th data-field="F_Notifications" data-class="W100" data-align="center">通知人</th>
+												<th data-field="F_ReceivingPerson" data-class="W100" data-align="center">接听人</th>
+												<th data-field="F_DealResult" data-class="W100" data-align="center">落实情况</th>
+												<th data-field="F_State" data-class="W100" data-formatter="workOrderStateJudge" data-align="center">处理进度</th>
+												<th data-field="F_Type" data-class="W100" data-formatter="workOrderTypeJudge" data-align="center">工单类别</th>
+												<th data-field="F_Duplicate" data-class="W100" data-formatter="workOrderDuplicateJudge" data-align="center">重复工单</th>
                                             </tr>
                                         </thead>
                                         <tbody class="list"></tbody>

CallCenterWeb.UI/callScreen/work_order_details.html

+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <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/WorkOrder/Search.css" rel="stylesheet">
+    <link rel="stylesheet" href="../css/WorkOrder/jquery.editable-select.css" />
+    <link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
+    <link rel="stylesheet" href="../css/init.css" />
+    <link rel="stylesheet" href="../css/WorkOrder/NewAddWorkOrder.css" />
+	<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+	<link href="../css/WorkOrder/Search.css" rel="stylesheet">
+	<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
+	<link href="../css/init.css" rel="stylesheet" />
+    <title></title>
+    <style>
+        ul li {
+            float: initial;
+            list-style: none;
+        }
+        
+        .ckxq .ckxq_ul li{
+        	display: inline-block;
+        }
+    </style>
+</head>
+
+<body class="gray-bg">
+        <div class="ckxq">
+			<ul class="clearfix ckxq_ul">
+				<li class="Active">工单详情</li>
+				<li>工单记录</li>
+			</ul>
+			<div class="gdxq">
+				<div class="">
+					<table id="gdxq_table" border="0" class="table table-bordered  table-hover " style="width: 100%;">
+						<tbody class="tbodys">
+							<tr>
+								<th>工单编号：</th>
+								<td>
+									<span id="detailWorkOrderId"></span>
+								</td>
+								<th>工单来源：</th>
+								<td>
+									<span id="detailSource"></span>
+								</td>
+								<th>工单类型：</th>
+								<td>
+									<span id="detailType"></span>
+								</td>
+							</tr>
+							<tr>
+								<th>大区：</th>
+								<td>
+									<span id="detailAreaName"></span>
+								</td>
+								<th>办事处：</th>
+								<td>
+									<span id="detailOfficeName"></span>
+								</td>
+								<th>投诉时间：</th>
+								<td>
+									<span id="detailCreateTime"></span>
+								</td>
+							</tr>
+							<tr>
+								<th>工单级别：</th>
+								<td>
+									<span id="detailDealTimely"></span>
+								</td>
+								<th>原因：</th>
+								<td>
+									<span id="detailReason"></span>
+								</td>
+								<th>通知人：</th>
+								<td>
+									<span id="detailNotifications"></span>
+								</td>
+							</tr>
+							<tr>
+								<th>姓名：</th>
+								<td>
+									<span id="detailCusName"></span>
+								</td>
+								<th>联系电话：</th>
+								<td>
+									<span id="detailCusPhone"></span>
+								</td>
+								<th>接听人：</th>
+								<td>
+									<span id="detailReceivingPerson"></span>
+								</td>
+							</tr>
+							<tr>
+								<th>地址：</th>
+								<td>
+									<span id="detailAddress"></span>
+								</td>
+								<th>产品代码：</th>
+								<td>
+									<span id="detailProductType"></span>
+								</td>
+								<th>产品名称：</th>
+								<td>
+									<span id="detailProductName"></span>
+								</td>
+							</tr>
+							<tr>
+								<th>规格：</th>
+								<td>
+									<span id="detailSpecifications"></span>
+								</td>
+								<th>生产日期：</th>
+								<td>
+									<span id="detailPRoductDate"></span>
+								</td>
+								<th>产品编码：</th>
+								<td>
+									<span id="detailBatchNumber"></span>
+								</td>									
+							</tr>
+							<tr>
+								<th>生产厂家：</th>
+								<td>
+									<span id="detailManufacturer"></span>
+								</td>
+								<th>问题代码：</th>
+								<td>
+									<span id="detailProblemCode"></span>
+								</td>
+								<th>质量问题：</th>
+								<td>
+									<span id="detailQualityProblem"></span>
+								</td>
+							</tr>
+							<tr>
+								<th>序号：</th>
+								<td>
+									<span id="detailSerialNumber"></span>
+								</td>
+								<th>工单状态：</th>
+								<td>
+									<span id="detailState"></span>
+								</td>
+								<th>重复工单：</th>
+								<td>
+									<span id="detailDuplicate"></span>
+								</td>
+							</tr>
+							<tr>
+								<th>落实情况：</th>
+								<td>
+									<span id="detailDealResult"></span>
+								</td>
+								<th>处理人：</th>
+								<td>
+									<span id="detailDealUser"></span>
+								</td>
+								<th>处理时间：</th>
+								<td>
+									<span id="detailDealTime"></span>
+								</td>
+							</tr>
+							<tr>
+							<tr>
+								<th>备注：</th>
+								<td colspan="5" id="detailContent">
+								</td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+			</div>
+			<div class="gdxq" style="display:none;">
+				<div class="">
+					<table id="workOrderRecord" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+						<thead>
+							<tr>
+								<th data-field="F_WoState" data-width="20%" data-align="left" data-formatter="formatterWorkOrderRecordStatus">工单状态</th>
+								<th data-field="F_OptContent" data-align="left">内容</th>
+								<th data-field="F_CreateTime" data-width="10%" data-align="center">创建时间</th>
+							</tr>
+						</thead>
+					</table>
+				</div>
+			</div>
+		</div>
+	<script type="text/javascript" src="./work_order_details.js"></script>
+</body>
+
+</html>

CallCenterWeb.UI/callScreen/work_order_details.js

+var selid = helper.request.queryString("id");
+$(document).ready(function () {
+	//工单详情
+	getWorkOrderDetails();
+	getWorkOrderRecord();
+	// 工单详情、记录切换
+	$(".ckxq ul li").click(function() {
+		$(this).addClass("Active").siblings().removeClass("Active");
+		var i = $(this).index();
+		$(".gdxq").hide();
+		$(".gdxq").eq(i).show();
+		if(i === 0) {
+			getWorkOrderDetails();
+		} else if(i === 1) {
+			getWorkOrderRecord();
+		}
+	});
+})
+
+
+// 工单详情
+function getWorkOrderDetails() {
+	$.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetDetails', {
+		id: selid,
+		token: $.cookie("token")
+	}, function(result) {
+		if(result.state.toLowerCase() == "success") {
+			if(result.rows.length > 0) {
+				var data = result.rows[0];
+				$("#detailWorkOrderId").text(data.F_WorkOrderId);
+				$("#detailSource").text(workOrderDetailsSourceJudge(data)); //工单来源
+				$("#detailType").text(workOrderDetailsTypeJudge(data)); //工单类别
+				$("#detailAreaName").html(data.F_AreaName);
+				$("#detailOfficeName").text(data.F_OfficName);
+				$("#detailCreateTime").text(data.F_CreateTime);
+				$("#detailDealTimely").text(data.F_DealTimely); //重要级别
+				$("#detailReason").text(data.F_Reason); //重要原因
+				$("#detailCusName").text(data.F_CusName);
+				$("#detailCusPhone").text(data.F_CusPhone);
+				$("#detailAddress").text(data.F_AddRess);
+				$("#detailProductType").text(data.F_ProductType); //产品代码
+				$("#detailProductName").text(data.F_ProductName);
+				$('#detailSpecifications').text(data.F_Specifications); 
+				$("#detailPRoductDate").text(data.F_ProductDate);
+				$("#detailBatchNumber").text(data.F_BatchNumber);
+				$("#detailManufacturer").text(data.F_Manufacturer);
+				$("#detailProblemCode").text(data.F_ProblemCode); //问题代码
+				$("#detailQualityProblem").text(data.F_QualityProblem); 
+				$("#detailNotifications").text(data.F_Notifications);
+				$("#detailReceivingPerson").text(data.F_ReceivingPerson);
+				$("#detailSerialNumber").text(data.F_SerialNumber);
+				$("#detailState").text(workOrderDetailsStateJudge(data)); //工单状态
+				$("#detailDuplicate").text(workOrderDetailsDuplicateJudge(data)); //重复工单
+				$("#detailContent").text(data.F_Content);
+				$("#detailDealResult").text(data.F_DealResult); //落实情况
+				$("#detailDealUser").text(data.F_DealUser);
+				$("#detailDealTime").text(data.F_DealTime);
+			}
+		}
+	})
+}
+
+
+// 工单记录
+function getWorkOrderRecord() {
+	//先销毁表格
+	$('#workOrderRecord').bootstrapTable('destroy');
+	//初始化表格,动态从服务器加载数据
+	$('#workOrderRecord').bootstrapTable({
+		method: "get", //使用get请求到服务器获取数据
+		url: huayi.config.callcenter_url + "WorkOrder/GetDetails", //获取数据的Servlet地址
+		contentType: 'application/x-www-form-urlencoded',
+		striped: true, //表格显示条纹
+		pagination: true, //启动分页
+		pageSize: 10, //每页显示的记录数
+		pageNumber: 1, //当前第几页
+		pageList: [10, 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 = {
+				id: selid, // 工单ID
+				token: $.cookie("token")
+			};
+			return param;
+		},
+		responseHandler: function(res) {
+            return {
+                "total": res.itemlasts.length,//总页数
+                "rows": res.itemlasts   //数据
+            };
+        },
+		onLoadSuccess: function() { //加载成功时执行
+			//layer.msg("加载成功");
+		},
+		onLoadError: function() { //加载失败时执行
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+		}
+	});
+}
+
+// 工单详情中判断工单来源的值
+function workOrderDetailsSourceJudge (data) {
+	if (data.F_Source === 1) {
+		return 'PC';
+	} else if (data.F_Source === 2) {
+		return 'APP';
+	} else if (data.F_Source === 3) {
+		return '微信';
+	} else {
+		return '';
+	}
+}
+
+// 工单详情中工单类别返回值判断
+function workOrderDetailsTypeJudge (data) {
+	if (data.F_Type === 1) {
+		return '咨询';
+	} else if (data.F_Type === 2) {
+		return '投诉';
+	} else {
+		return '';
+	}
+}
+
+// 工单详情中工单状态返回值判断
+function workOrderDetailsStateJudge (data) {
+	if (data.F_State === 0) {
+		return '待提交';
+	} else if (data.F_State === 1) {
+		return '待分派';
+	} else if (data.F_State === 2) {
+		return '待接单';
+	} else if (data.F_State === 3) {
+		return '待处理';
+	} else if (data.F_State === 4) {
+		return '处理中';
+	} else if (data.F_State === 5) {
+		return '退回待分派';
+	} else if (data.F_State === 6) {
+		return '退回待提交';
+	} else if (data.F_State === 10) {
+		return '已完成';
+	} else {
+		return '';
+	}
+}
+
+// 工单详情中重复工单返回值判断
+function workOrderDetailsDuplicateJudge (data) {
+	if (data.F_Duplicate === 0) {
+		return '未重复';
+	} else if (data.F_Duplicate === 1) {
+		return '重复';
+	} else {
+		return '';
+	}
+}
+
+// 工单记录中工单状态返回值判断
+function formatterWorkOrderRecordStatus(val, row) {
+    var formatterWorkOrderRecordStatusStr = '';
+    if (row.F_WoState === 0){
+        formatterWorkOrderRecordStatusStr = "待提交";
+    }
+    if (row.F_WoState === 1){
+        formatterWorkOrderRecordStatusStr = "待分派";
+    }
+    if (row.F_WoState === 2){
+        formatterWorkOrderRecordStatusStr = "待接单";
+    }
+    if (row.F_WoState === 3){
+    	formatterWorkOrderRecordStatusStr = "待处理";
+    }
+    if (row.F_WoState === 4){
+    	formatterWorkOrderRecordStatusStr = "处理中";
+    }
+    if (row.F_WoState === 5){
+    	formatterWorkOrderRecordStatusStr = "退回待分派";
+    }
+    if (row.F_OptType == 6){    	
+    	formatterWorkOrderRecordStatusStr = "退回待提交";
+    }
+    if (row.F_OptType == 10){
+    	formatterWorkOrderRecordStatusStr = "已完成";
+    }
+	return formatterWorkOrderRecordStatusStr;
+}

CallCenterWeb.UI/css/WorkOrder/Search.css

     cursor: pointer;
 }
 
-    .imgs a:hover {
-        color: #e43926;
-    }
+.imgs a:hover {
+    color: #e43926;
+}
 
 .ckxq ul li {
     padding: 5px 15px;

CallCenterWeb.UI/js/WorkOrder/WorkOrder.js

 		return '<div>PC</div>';
 	} else if (val === 2) {
 		return '<div>APP</div>';
-	} else if (val === 1) {
+	} else if (val === 3) {
 		return '<div>微信</div>';
 	} else {
 		return '<div></div>';
 
 // 工单详情
 function getWorkOrderDetails() {
+	console.log(selid,typeof(selid))
 	$.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetDetails', {
 		id: selid,
 		token: $.cookie("token")
 		return 'PC';
 	} else if (data.F_Source === 2) {
 		return 'APP';
-	} else if (data.F_Source === 1) {
+	} else if (data.F_Source === 3) {
 		return '微信';
 	} else {
 		return '';