工单管理，客户档案，区域管理

CallCenterWeb.UI/Script/Common/huayi.config.js

@@ -3,7 +3,7 @@
 }
 huayi.config = {
     //callcenter_url: "http://localhost:7456/",//生产环境 前端Web站IP和端口
-    callcenter_url: "http://192.168.4.18:4625/",//生产环境 前端Web站IP和端口
+    callcenter_url: "http://192.168.4.18:4624/",//生产环境 前端Web站IP和端口
     socket_ip: "192.168.5.7",//WebSocket通讯ip
     socket_port: "8081",    //WebSocket通讯端口
     menuworktime: 30000,    //菜单工单数量刷新间隔

CallCenterWeb.UI/Script/Common/regexs.js

@@ -0,0 +1,154 @@
+var regexs = {
+
+	/**
+	 * 项目编号(0-20位数字)
+	 * */
+	proNumber: /^\d{0,20}$/,
+	/**
+	 * 项目标题
+	 * 2-30位，中英数字-（），+空格
+	 * */
+	proTitle: /^[A-Za-z0-9\-（），+\s\u4e00-\u9fa5]{2,30}$/,
+	/**
+	 * 号段(7位数字)
+	 * 包含13、14、15、16、17、18、19
+	 * */
+	themRoughly: /^(1[3456789])\d{5}$/,
+	/**
+	 * 正整数
+	 * */
+	phoneNum: /^\+?[1-9]\d*$/,
+	/**
+	 * 价格，最多2位小数，小数点前的数字可有可无；
+	 * */
+	money: /^[0-9]*[.]?[0-9]{0,2}$/,
+	/**
+	 * 奖励处罚金额，最多2位小数，小数点前的数字可有可无；
+	 * */
+	rewardOrPubnishMoney: /^[+-]?[0-9]*[.]?[0-9]{0,2}$/,
+	/**
+	 * 账号、姓名、密码： 4-20个字符只能是汉字、字母、下划线、数字
+	 * */
+	accountReg: /^[\da-zA-Z_\u4e00-\u9f5a]{4,20}$/,
+	/**
+	 * 登录账号： 4-20个字符只能是字母、下划线、数字
+	 * */
+	userReg: /^[\da-zA-Z_]{4,20}$/,
+	/**
+	 * 密码： 6-32个字符只能是字母、下划线、数字
+	 * */
+	passwordReg: /^[\da-zA-Z_]{6,32}$/,
+	/**
+	 * 会员账号、姓名、电话、身份证、公司名称： 字符只能是汉字、字母、下划线、数字、@、.
+	 * */
+	accountSearchReg: /^[\da-zA-Z_@.\u4e00-\u9f5a]{0,20}$/,
+	/**
+	 * 身份证号码
+	 * 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
+	 * */
+	identityCard: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,
+	/**
+	 * @descrition:邮箱规则
+	 * 1.邮箱以a-z、A-Z、0-9开头，最小长度为1.
+	 * 2.如果左侧部分包含-、_、.则这些特殊符号的前面必须包一位数字或字母。
+	 * 3.@符号是必填项
+	 * 4.右则部分可分为两部分，第一部分为邮件提供商域名地址，第二部分为域名后缀，现已知的最短为2位。最长的为6为。
+	 * 5.邮件提供商域可以包含特殊字符-、_、.
+	 */
+	email: /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/,
+	/**
+	 * [ip ipv4、ipv6]
+	 * "192.168.0.0"
+	 * "192.168.2.3.1.1"
+	 * "235.168.2.1"
+	 * "192.168.254.10"
+	 * "192.168.254.10.1.1"
+	 */
+	ip: /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])((\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}|(\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){5})$/,
+	/**
+	 * @descrition:判断输入的参数是否是个合格的固定电话号码。
+	 * 待验证的固定电话号码。
+	 * 国家代码(2到3位)-区号(2到3位)-电话号码(7到8位)-分机号(3位)
+	 **/
+	fax: /^(([0\+]\d{2,3}-)?((0\d{2,3}))?(-)?)?(\d{7,8})(-(\d{3,}))?$/,
+	/**
+	 *@descrition:手机号码段规则
+	 * 13段：130、131、132、133、134、135、136、137、138、139
+	 * 14段：145、146、147、148
+	 * 15段：150、151、152、153、155、156、157、158、159
+	 * 16段：166
+	 * 17段：170、176、177、178
+	 * 18段：180、181、182、183、184、185、186、187、188、189
+	 * 19段：198、199
+	 * 国际码 如：中国(+86)
+	 */
+	phone1: /^((\+?[0-9]{1,4})|(\(\+86\)))?(13[0-9]|14[5678]|15[012356789]|166|17[03678]|18[0-9]|19[89])\d{8}$/,
+	//手机号 ： 3-12
+	phone: /^\d{3,12}$/,
+	/**
+	 * @descrition 匹配 URL
+	 */
+	url: /[a-zA-z]+:\/\/[^\s]/,
+	/**
+	 * 匹配网址
+	 * 
+	 */
+	InternetUrl: /^(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?$/,
+	/**
+	 * 匹配英文
+	 * */
+	english: /^[A-Za-z]+$/,
+	/**
+	 * 匹配中文
+	 * */
+	chinese: /^[\u0391-\uFFE5]+$/,
+	/**
+	 * 匹配中文、英文、数字
+	 * */
+	chOrenOrnum: /^[A-Za-z0-9\u4e00-\u9fa5]+$/,
+	/**
+	 * 匹配英文、数字
+	 * */
+	enOrnum: /^[A-Za-z0-9]+$/,
+	/**
+	 * 匹配中文、英文
+	 * */
+	chOren: /^[A-Za-z\u4e00-\u9fa5]+$/,
+	/**
+	 * 匹配中文、数字
+	 * */
+	chOrnum: /^[0-9\u4e00-\u9fa5]+$/,
+	/**
+	 * 匹配数字1次或多次
+	 * */
+	num: /^[0-9]+$/,
+	/**
+	 * 匹配数字0次或多次
+	 * */
+	nums: /^[0-9]*$/,
+	/**
+	 * 营业执照、组织机构代码
+	 * 统一代码由十八位的阿拉伯数字或大写英文字母（不使用I、O、Z、S、V）组成。 
+	 * 第3位~第8位：登记管理机关行政区划码（共六位阿拉伯数字）
+	 * */
+	companyNum: /^(?:(?![IOZSV])[\dA-Z]){2}\d{6}(?:(?![IOZSV])[\dA-Z]){10}$/,
+	/**
+	 * 匹配QQ号
+	 * 第一位1-9之间的数字，第二位0-9之间的数字，数字范围4-14个之间 
+	 * */
+	QQreg: /^[1-9][0-9]{4,14}$/,
+	/**
+	 * 匹配中文、英文、数字、下划线、中英文逗号、中英文句号  。
+	 * */
+	address: /^([\u2E80-\u9FFF]|\w|[,，\.。])*$/,
+	/**
+	 * 匹配中文、英文、数字、下划线 和 \ - —— #
+	 * */
+	roomNum: /^([\u2E80-\u9FFF]|\w|[\-_——#])*$/,
+	/**
+	 * 姓名 字符只能是汉字和·•的组合
+	 * */
+//	userNameReg: /^[\\u4e00-\\u9fa5]{2, 6}$/,//2-6位姓名
+	userNameReg: /^[\u4E00-\u9FA5\uf900-\ufa2d(·|•)s]{2,20}$/,//2-20位包含少数名族
+	percent: /^(?:[1-9][0-9]?|100)(?:\.[0-9]{1,2})?$/,
+}

CallCenterWeb.UI/WorkOrder/AddWorkOrder.html

@@ -12,7 +12,8 @@
 		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
 		<link rel="stylesheet" href="../css/WorkOrder/jquery.editable-select.css" />
 		<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
-		<link href="../css/init.css" rel="stylesheet" />
+		<link rel="stylesheet"  href="../css/init.css"/>
+		<link rel="stylesheet" href="../css/WorkOrder/NewAddWorkOrder.css" />
 		<title>手工制单</title>
 		<style>
 			ul li {
@@ -79,7 +80,34 @@
 			#typeclass {
 				background: #fff;
 			}
+			.treeList1 {
+				top: 34px!important;
+				border: 1px solid #e5e6e7!important;
+				border-top: 0;
+				height: auto!important;
+			}
 			
+			#TreeDemo1 li {
+				float: initial;
+			}
+			#typeclass1 {
+				background: #fff;
+			}
+			#typeclass_market1 {
+				background: #fff;
+			}
+			.addTree1 {
+			    background: #fff;
+			    position: absolute;
+			    width: 100%;
+			    border: 1px solid darkgrey;
+			    right: 0;
+			    top: 26px;
+			    z-index: 10;
+			    display: none;
+			    height: 100px;
+			    overflow-y: auto;
+			}
 			.form-group {
 				margin-bottom: 0;
 			}
@@ -163,29 +191,60 @@
 									<input type="text" class="form-control" id="name" />
 								</div>
 							</td>
-
 							<th>电话:</th>
 							<td>
 								<div class="form-group">
 									<input type="text" class="form-control" id="tel" />
 								</div>
 							</td>
-
-							<th>来电单位:</th>
+							
+							<th>购买日期:</th>
 							<td style="position: relative;">
-								<select name="" id="testInput1"  class="">
-									<option value="" selected>请选择来电单位</option>
-								</select>
+								<div class="time-box form-group">
+									<i class="tub fa fa-calendar"></i>
+									<input class="form-control search_time buyDate" type="text" placeholder="请选择时间">
+								</div>
 							</td>
 						</tr>
 						<tr>
-							<th>反馈单位:</th>
+							<th>产品名称:</th>
+							<td>
+								<div class="form-group">
+									<input type="text" class="form-control" id="productname" />
+								</div>
+							</td>
+							<th>购买地址:</th>
+							<td>
+								<div class="form-group">
+									<input type="text" class="form-control" id="buyAddress"/>
+								</div>
+							</td>
+							
+							<th>产品类别:</th>
 							<td style="position: relative;">
-								<select name="" id="testInput2"  class="">
-									<option value="" selected>请选择反馈单位</option>
-								</select>
+								<div class="form-group">
+									<input type="text" class="form-control" id="productType"/>
+								</div>
 							</td>
-
+						</tr>
+						<tr>
+							<th>生产批号:</th>
+							<td>
+								<div class="form-group">
+									<input type="text" class="form-control" id="batchNumber" />
+								</div>
+							</td>
+							
+							
+							<th>使用日期:</th>
+							<td style="position: relative;">
+								<div class="time-box form-group">
+									<i class="tub fa fa-calendar"></i>
+									<input class="form-control search_time userDate" type="text" placeholder="请选择时间">
+								</div>
+							</td>
+						</tr>
+						<tr>
 							<th>工单来源:</th>
 							<td>
 								<div class="form-group">
@@ -194,23 +253,26 @@
 									</select>
 								</div>
 							</td>
-
-							<th>工单状态:</th>
+							<th>工单类型:</th>
 							<td>
 								<div class="form-group">
-									<select name="" class="form-control" id="State"> </select>
+									<select name="" class="form-control orderType1">
+									
+									</select>
 								</div>
+								
 							</td>
-						</tr>
-						<tr>
-							<th>工单类型:</th>
+							<th>区域:</th>
 							<td>
 								<div class="time-box">
-									<i class="tub fa fa-caret-down down" style="color: #676b6d;"></i>
-									<input class="form-control" type="text" id="typeclass" readonly="readonly">
-									<input type="hidden" id="typeclassId" />
-									<div class="addTree treeList">
-										<ul id="TreeDemo" class="ztree">
+									<i class="tub fa fa-caret-down areaDown" style="color: #676b6d;"></i>
+									<input class="form-control" type="text" id="typeclass1" readonly="readonly">
+									<input type="text" class="inps2">
+										<input type="text" class="inps3">
+										<input type="text" class="inps4">
+									<input type="hidden" id="typeclassId1" />
+									<div class="addTree1 treeList1">
+										<ul id="TreeDemo1" class="ztree">
 
 										</ul>
 									</div>
@@ -218,33 +280,26 @@
 							</td>
 						</tr>
 						<tr>
-							<th>反馈内容及处理结果:</th>
-							<td colspan="5">
-								<textarea name="" rows="5" cols="" placeholder="" id="feedBackCon"></textarea>
-							</td>
-						</tr>
-						<tr>
-							<th>快递信息:</th>
-							<td colspan="5">
-								<textarea name="" rows="" cols="" id="express"></textarea>
-							</td>
-						</tr>
-						<tr>
-							<th>备注一:</th>
-							<td colspan="5">
-								<textarea name="" rows="" cols="" id="remark1"></textarea>
+							<th>客诉专员:</th>
+							<td>
+								<div class="form-group">
+									<select name="" class="form-control" id="vipName">
+									
+									</select>
+								</div>
 							</td>
-						</tr>
-						<tr>
-							<th>备注二:</th>
-							<td colspan="5">
-								<textarea name="" rows="" cols="" id="remark2"></textarea>
+							<th>专员电话:</th>
+							<td style="position: relative;">
+								<div class="form-group">
+									<input type="text" class="form-control" id="vipTel" disabled=""/>
+								</div>
 							</td>
+							
 						</tr>
 						<tr>
-							<th>备注三:</th>
+							<th>投诉事件描述:</th>
 							<td colspan="5">
-								<textarea name="" rows="" cols="" id="remark3"></textarea>
+								<textarea name="" rows="5" cols="" placeholder="" id="content"></textarea>
 							</td>
 						</tr>
 						<tr>
@@ -262,78 +317,116 @@
 							<th>姓名:</th>
 							<td>
 								<div class="form-group">
-									<input type="text" class="form-control" id="name_market" />
+									<input type="text" class="form-control" id="name" />
 								</div>
 							</td>
-
 							<th>电话:</th>
 							<td>
 								<div class="form-group">
-									<input type="text" class="form-control" id="tel_market" />
+									<input type="text" class="form-control" id="tel" />
 								</div>
 							</td>
+							
+							<th>区域:</th>
+							<td>
+								<div class="time-box">
+									<i class="tub fa fa-caret-down areaDown" style="color: #676b6d;"></i>
+									<input class="form-control" type="text" id="typeclass_market1" readonly="readonly">
+									<input type="text" class="inps2">
+										<input type="text" class="inps3">
+										<input type="text" class="inps4">
+									<input type="hidden" id="typeclassId1" />
+									<div class="addTree1 treeList_market1">
+										<ul id="TreeDemo_market1" class="ztree">
 
-							<th>来电单位:</th>
-							<!--<td>
-								<select class="form-control selectpicker" id="comeCall_dep_market" data-live-search="true">
-									<option value="">请选择来电单位</option>
-								</select>
-							</td>-->
-							<td style="position: relative;">
-								<!--<input id="testInput3" type="text" style="width:100%;" style="display: none;" />
-								<ul class="testInput-list">
-									<li></li>
-								</ul>-->
-								
-								<select id="testInput3">
-									<option value="">请选择来电单位</option>
-								</select>
+										</ul>
+									</div>
+								</div>
 							</td>
 						</tr>
 						<tr>
-							<th>反馈单位:</th>
-							<!--<td>
-								<select class="form-control selectpicker" id="feedbackDep_market" data-live-search="true">
-									<option value="">请选择反馈单位</option>
-								</select>
-							</td>-->
+							<th>客诉专员:</th>
+							<td>
+								<div class="form-group">
+									<select name="" class="form-control" id="customerName">
+									
+									</select>
+								</div>
+							</td>
+							<th>专员电话:</th>
 							<td style="position: relative;">
-								<!--<input id="testInput4" type="text" style="width:100%;" style="display: none;" />
-								<ul class="testInput-list">
-									<li></li>
-								</ul>-->
-								<select id="testInput4">
-									<option value="">请选择反馈单位</option>
-								</select>
+								<div class="form-group">
+									<input type="text" class="form-control" id="customerTel" disabled=""/>
+								</div>
 							</td>
 							
+						</tr>
+						<tr>
+							<th>问题分类:</th>
+							<td>
+								<div class="form-group">
+									<select name="" class="form-control orderType2">
+									
+									</select>
+								</div>
+								
+							</td>
 							<th>工单来源:</th>
 							<td>
 								<div class="form-group">
-									<select name="" class="form-control" id="DicValueList_market"> </select>
+									<select name="" class="form-control" id="DicValueList">
+									
+									</select>
+								</div>
+							</td>
+						</tr>
+						<tr>
+							<th>产品名称:</th>
+							<td>
+								<div class="form-group">
+									<input type="text" class="form-control" id="productname" />
 								</div>
 							</td>
-								<th>工单类型:</th>
+							<th>生产批号:</th>
 							<td>
-								<div class="time-box">
-									<i class="tub fa fa-caret-down down" style="color: #676b6d;"></i>
-									<input class="form-control" type="text" id="typeclass_market" readonly="readonly">
-									<input type="hidden" id="typeclassId_market" />
-									<div class="addTree treeList_market">
-										<ul id="TreeDemo_market" class="ztree">
-
-										</ul>
-									</div>
+								<div class="form-group">
+									<input type="text" class="form-control" id="batchNumber" />
+								</div>
+							</td>
+							<th>购买地址:</th>
+							<td>
+								<div class="form-group">
+									<input type="text" class="form-control" id="buyAddress"/>
 								</div>
 							</td>
-						
-							
 						</tr>
 						<tr>
-							
-							<th>备注内容:</th>
+							<th>生产日期:</th>
+							<td style="position: relative;">
+								<div class="time-box form-group">
+									<i class="tub fa fa-calendar"></i>
+									<input class="form-control search_time" id="proDuctdate"  type="text" placeholder="请选择时间">
+								</div>
+							</td>
+							<th>购买日期:</th>
+							<td style="position: relative;">
+								<div class="time-box form-group">
+									<i class="tub fa fa-calendar"></i>
+									<input class="form-control search_time buyDate"  type="text" placeholder="请选择时间">
+								</div>
+							</td>
+							<th>使用日期:</th>
+							<td style="position: relative;">
+								<div class="time-box form-group">
+									<i class="tub fa fa-calendar"></i>
+									<input class="form-control search_time userDate" type="text" placeholder="请选择时间">
+								</div>
+							</td>
+						</tr>
+						<tr>
+							<th>投诉事件描述:</th>
 							<td colspan="5">
-								<textarea name="" rows="5" cols="" id="remark_market"></textarea>
+								<textarea name="" rows="5" cols="" placeholder="" id="content"></textarea>
 							</td>
 						</tr>
 						<tr>
@@ -342,7 +435,6 @@
 							</td>
 						</tr>
 					</tbody>
-
 				</table>
 			</div>
 			<input type="hidden" id="CallID" />
@@ -352,65 +444,11 @@
 		<script src="../js/zTree/jquery.ztree.core.js"></script>
 		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
 		<script src="../js/WorkOrder/jquery.editable-select.js"></script>
-			<script src="../js/comboSelect/jquery.combo.select.js"></script>
+		<script src="../js/comboSelect/jquery.combo.select.js"></script>
 		<script src="../js/kindeditor/kindeditor.js"></script>
 		<script src="../js/kindeditor/lang/zh_CN.js"></script>
+		<script src="../js/laydate/laydate.js"></script>
 		<script src="../js/WorkOrder/AddWorkOrder.js"></script>
-		<!--<script>
-			//自己写的方法（未能实现鼠标下移选中）
-			function Select(obj) {
-				obj.click(function(event) {
-					event.preventDefault();
-				});
-				obj.focus(function() { //
-					//失去焦点后触发的事件
-					obj.parent().find('.testInput-list').show();
-					BindLDdep();
-				});
-				obj.blur(function() {//增加失去焦点事件
-					setTimeout(function() {
-						obj.parent().find('.testInput-list').hide();
-					}, 100)
-
-				});
-				obj.bind("input propertychange", function() {
-					var value = $(this).val();
-					obj.parent().find('.testInput-list').show();
-					BindLDdep(value)
-				});
-
-				function BindLDdep(str) {
-					$('.testInput-list').empty();
-					$.ajax({
-						type: "get",
-						url: huayi.config.callcenter_url + "Customer/BindLDdep",
-						dataType: 'json',
-						async: true,
-						data: {
-							keypara: str,
-							token: $.cookie("token")
-						},
-						success: function(data) {
-							var Count = data.data.dep;
-							var html = '';
-							$(Count).each(function(i, n) {
-								html = '<li class="dist" value="' + n + '" id="td' + i + '">' + n + '</li>';
-								$(html).appendTo($('.testInput-list'));
-							});
-							$('.testInput-list>li').click(function() {
-								$('.testInput-list').show();
-								obj.val($(this).html());
-								$('.testInput-list').hide();
-							})
-
-						}
-					});
-				};
-				//
-
-			}
-			
-		</script>-->
 	</body>
 
 </html>

CallCenterWeb.UI/WorkOrder/WorkOrderDispose.html

@@ -13,22 +13,10 @@
 		<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
 		<link href="../css/init.css" rel="stylesheet" />
 		<style>
-			/*table td {
-            word-break:break-all;
-            word-wrap:break-word;
-        }
-        table th {
-            min-width:100px;
-        }
-       ul li{
-       	float: initial;
-       }*/
-			
 			.time-box {
 				display: inline-block;
 				position: relative;
 			}
-			
 			i.tub {
 				position: absolute;
 				right: 8px;
@@ -36,72 +24,59 @@
 				font-size: 18px;
 				color: #1ab394;
 			}
-			
 			.search_time {
 				width: 228px!important;
 			}
-			
 			.bootstrap-select>.dropdown-toggle.bs-placeholder {
 				background-color: #ffffff!important;
 				border-color: #e5e6e7!important;
 			}
-			
 			.filter-option {
 				color: #676b6d;
 			}
-			
 			.bootstrap-select>.dropdown-toggle.btn-default {
 				background-color: #ffffff!important;
 				border-color: #e5e6e7!important;
 				color: #555;
 			}
-			
 			#typeclass {
 				background: #fff;
 			}
-			
 			.treeList {
 				top: 34px!important;
 				border: 1px solid #e5e6e7!important;
 				border-top: 0;
 				height: auto!important;
 			}
-			
 			#TreeDemo li {
 				float: initial;
 			}
-			
 			#ce,
 			#ces {
 				display: none;
 			}
-			
 			.E73 {
 				background: #87eebf;
 				color: #000;
 				width: 100px;
 			}
-			
 			.E72 {
 				width: 100px;
 			}
-			
 			._table1>thead>tr>th {
 				text-align: right;
 				padding: 4px !important;
 				width: 25%;
 			}
-			
 			._table1>thead>tr>td {
 				padding: 4px !important;
 				width: 25%;
 			}
-			/*.dropdown-menu li{
-				float: none;
-			}*/
+			.imgs a{
+				padding-right: 5px;
+			}
 		</style>
 	</head>
-
 	<body class="gray-bg">
 		<div class="daoHang clearfix">
 			<div class="dhLeft">
@@ -112,7 +87,6 @@
 					<a href="" class="nowPosition">待处理工单</a>
 				</sapn>
 			</div>
-
 			<div class="dhRight">
 				<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
 			</div>
@@ -123,13 +97,7 @@
 				<div class="th-bar clearfix">
 					<div class="pull-left">
 						<div class="form-inline">
-							<!--<div class="form-group">
-                            <input type="text" class="form-control" id="name" placeholder="请输入客户名称"/>
-                         </div>
-                         <div class="form-group">
-                            <input type="text" class="form-control" id="tel" placeholder="请输入客户电话"/>
-                         </div>-->
-							<div class="time-box form-group">
+							<!--<div class="time-box form-group">
 								<i class="tub fa fa-caret-down down" style="color: #676b6d;"></i>
 								<input class="form-control" type="text" id="typeclass" placeholder="请选择工单类型" readonly="readonly">
 								<input type="hidden" id="typeclassId" />
@@ -137,40 +105,26 @@
 									<p class="plasechoce">请选择</p>
 									<ul id="TreeDemo" class="ztree"></ul>
 								</div>
-							</div>
-
+							</div>-->
 							<div class="form-group">
 								<select class="form-control selectpicker" id="orderSource" data-live-search="true">
 									<option value="">请选择工单来源</option>
 								</select>
 							</div>
-
 							<div class="time-box form-group">
 								<i class="tub fa fa-calendar"></i>
 								<input class="form-control search_time" type="text" id="greetingTimes" placeholder="请选择时间">
 							</div>
-
-							<div class="form-group">
-								<!--<select class="form-control selectpicker" id="comeCall_dep" data-live-search="true">
-									<option value="">请选择来电单位</option>
-								</select>-->
-								<select class="" id="comeCall_dep">
-									<option value="" selected>请选择来电单位</option>
-								</select>
-							</div>
-
 							<div class="form-group">
 								<select class="form-control selectpicker" id="userid" data-live-search="true">
 									<option value="">请选择坐席工号</option>
 								</select>
 							</div>
-							<div class="form-group">
-								<!--<select class="form-control selectpicker" id="comeCall_deps" data-live-search="true">
-									<option value="">请选择反馈单位</option>
-								</select>-->
-								<select class="" id="comeCall_deps">
-									<option value="" selected>请选择反馈单位</option>
-								</select>
+							<div class="time-box form-group">
+								<input class="form-control" type="text" id="keyWord" placeholder="请输入关键字">
+							</div>
+							<div class="time-box form-group">
+								<input class="form-control" type="text" id="orderNum" placeholder="请输入工单号">
 							</div>
 						</div>
 
@@ -180,7 +134,7 @@
 					<div class="pull-right">
 						<button class="btns ss">搜索</button>
 						<!--<button class="btns gjss">高级搜索</button>-->
-						<a class="btns" onclick="dcexcel(this)">导出</a>
+						<!--<a class="btns" onclick="dcexcel(this)">导出</a>-->
 					</div>
 				</div>
 			</div>
@@ -189,21 +143,16 @@
 				<table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
 					<thead>
 						<tr>
-							<th data-field="WorkOrderID" data-formatter="View" data-align="center">工单编号</th>
-							<th data-field="WorkOrderID" data-formatter="Dispose" data-align="center">处理工单</th>
-							<th data-field="ID" data-formatter="Remove" data-align="center" data-class="E72">操作工单</th>
-							<th data-field="State" data-formatter="GetStateName" data-align="center">工单状态</th>
-							<th data-field="Address" data-align="center" data-formatter="forMaterDepart">来电单位</th>
-							<th data-field="Source" data-align="center">反馈单位</th>
-							<th data-field="GDLYName" data-align="center">工单来源</th>
-							<th data-field="TypeClassName" data-align="center">工单类型</th>
-							<th data-field="Customer" data-align="center" data-class="E73">姓名</th>
-							<th data-field="CustomerTel" data-align="center">客户电话</th>
-							<th data-field="CreateUserNameRel" data-align="center">受理人</th>
-							<th data-field="CreateTime" data-align="center">创建时间</th>
-							<th data-field="Detail" data-align="center" data-formatter="Detail" style="width:500px;">反馈内容及处理结果</th>
-							<th data-field="WorkOrderID" data-formatter="OverTime" 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_CusName" data-align="center" data-class="E73">姓名</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_WorkOrderId" data-formatter="Appoint" data-align="center">操作</th>
 						</tr>
 					</thead>
 				</table>
@@ -213,20 +162,16 @@
 				<table id="workorderlist_" class="market" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
 					<thead>
 						<tr>
-							<th data-field="WorkOrderID" data-formatter="View" data-align="center">工单编号</th>
-							<th data-field="WorkOrderID" data-formatter="Dispose" data-align="center">处理工单</th>
-							<th data-field="ID" data-formatter="Remove" data-align="center">操作工单</th>
-							<th data-field="State" data-formatter="GetStateName" data-align="center">工单状态</th>
-							<th data-field="Address" data-align="center" data-formatter="forMaterDepart">来电单位</th>
-							<th data-field="Source" data-align="center">反馈单位</th>
-							<th data-field="GDLYName" data-align="center">工单来源</th>
-							<th data-field="TypeClassName" data-align="center">工单类型</th>
-							<th data-field="Customer" data-align="center" data-class="E73">姓名</th>
-							<th data-field="CustomerTel" data-align="center">客户电话</th>
-							<th data-field="CreateUserNameRel" data-align="center">创建人</th>
-							<th data-field="CreateTime" data-align="center">创建时间</th>
-							<th data-field="Detail" data-align="center" data-formatter="Detail">反馈内容及处理结果</th>
-							<th data-field="WorkOrderID" data-formatter="OverTime" 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_CusName" data-align="center" data-class="E73">姓名</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_WorkOrderId" data-formatter="Appoint" data-align="center">操作</th>
 						</tr>
 					</thead>
 				</table>
@@ -235,7 +180,7 @@
 			<div class="ckxq  Hidens">
 				<ul class="clearfix ckxq_ul">
 					<li class="Active">工单详情</li>
-					<li>处理记录</li>
+					<!--<li>处理记录</li>-->
 					<!--<li>催办记录</li>
                     <li>评论记录</li>-->
 					<span class="Closed">×</span>
@@ -273,45 +218,54 @@
 									</td>
 								</tr>
 								<tr>
-									<th>来电单位：</th>
+									<th>购买日期：</th>
+									<td>
+										<span id="buyDate"></span>
+									</td>
+									<th>产品名称：</th>
 									<td>
-										<span id="xq_wtlx"></span>
+										<span id="productName"></span>
 									</td>
-									<th>反馈单位：</th>
+									<th>购买地址：</th>
 									<td>
-										<span id="xq_zxgh"></span>
+										<span id="buyAddress"></span>
 									</td>
 								</tr>
 								<tr>
-									<th>反馈及处理内容：</th>
-									<td colspan="5" id="xq_gdnr">
-										<!--<span id="xq_gdnr"></span>-->
+									<th>产品类别：</th>
+									<td>
+										<span id="productType"></span>
 									</td>
-								</tr>
-								<tr class="BZ">
-									<th>快递信息：</th>
-									<td colspan="5">
-										<span id="xq_kdxx"></span>
+									<th>生产批号：</th>
+									<td>
+										<span id="batchNumber"></span>
 									</td>
-								</tr>
-								<tr class="BZ">
-									<th>备注一：</th>
-									<td colspan="5">
-										<span id="bz-1"></span>
+									<th>使用日期：</th>
+									<td>
+										<span id="userDate"></span>
 									</td>
 								</tr>
-								<tr class="BZ">
-									<th>备注二：</th>
-									<td colspan="5">
-										<span id="bz-2"></span>
+								<tr>
+									<th>区域：</th>
+									<td>
+										<span id="areaName"></span>
+									</td>
+									<th>客诉专员：</th>
+									<td>
+										<span id="VipName"></span>
+									</td>
+									<th>专员电话：</th>
+									<td>
+										<span id="F_VipPhone"></span>
 									</td>
 								</tr>
-								<tr class="BZ">
-									<th>备注三：</th>
-									<td colspan="5">
-										<span id="bz-3"></span>
+								<tr>
+									<th>事件描述：</th>
+									<td colspan="5" id="conTent">
+										
 									</td>
 								</tr>
+								
 
 							</tbody>
 
@@ -357,70 +311,6 @@
 		</div>
 
 		<div class="t-shade">
-			<!--高级搜索-->
-			<!--<div class="shade_k gjsu ">
-              <div class="shade_title">
-                  <span>高级搜索<srong class="cknum"></srong></span>
-                  <span class="setwin"><a>x</a></span>
-              </div>
-              <div class="shade_content">
-                  <div class="dgxx_table size-13">
-                      <table class="_table1 table table-bordered  table-hover " border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
-                          <tr>
-                              <th>工单类型：</th>
-                              <td>
-                                  <div class="inpBox">
-                                      <input type="text" class="inps select" readonly="readonly" />
-                                      <input type="hidden" class="inps " id="ss_gdlx" />
-                                      <i class="xl xl_two"></i>
-                                      <div class="xl_common">
-                                          <ul class="xl_box">
-                                              <li>--请选择--</li>
-                                              <li itemid="1">售前咨询</li>
-                                              <li itemid="2">报修服务</li>
-                                              <li itemid="3">投诉建议</li>
-                                          </ul>
-                                      </div>
-                                  </div>
-                              </td>
-                              <th>工单编号：</th>
-                              <td>
-                                  <div class="inpBox">
-                                      <input type="text" class="inps " id="ss_gdbh" />
-                                  </div>
-                              </td>
-                          </tr>
-                          <tr>
-                              <th>客户姓名：</th>
-                              <td>
-                                  <div class="inpBox">
-                                      <input type="text" class="inps " id="ss_khxm" />
-                                  </div>
-                              </td>
-
-                              <th>客户电话：</th>
-                              <td>
-                                  <div class="inpBox">
-                                      <input type="text" class="inps " id="ss_khdh" />
-                                  </div>
-                              </td>
-                          </tr>
-                          <tr>
-                              <th>工单内容：</th>
-                              <td colspan="3">
-                                  <div class="inpBox">
-                                      <input type="text" class="inps " id="ss_gdnr" />
-                                  </div>
-                              </td>
-                          </tr>
-                      </table>
-                  </div>
-                  <div class="clearfix wh_btn">
-                      <input type="button" value="搜索" class="btn-info" id="gjss" />
-                  </div>
-              </div>
-          </div>
-        -->
 			<!--处理工单-->
 			<div class="shade_k clgd ">
 				<div class="shade_title">
@@ -436,7 +326,6 @@
 									<td>
 										<span id="cl_gdbh"></span>
 									</td>
-
 									<th>工单类型：</th>
 									<td>
 										<span id="cl_gdlx"></span>
@@ -454,11 +343,14 @@
 									</td>
 								</tr>
 							</thead>
-							<tr>
-								<th>反馈内容及处理结果：</th>
-								<td colspan="5 ">
-									<div id="cl_gdnr" style="width: 100%;">
-
+							<tr class="ns-2">
+								<th>处理费用：</th>
+								<td colspan="3">
+									<div>&nbsp;
+										<label style="font-weight: normal;">
+                                            <input type="number" style="width: 60px; padding-left: 5px;" id="dealCost" /> 
+                                            &nbsp;&nbsp;元
+                                        </label>
 									</div>
 								</td>
 							</tr>
@@ -469,39 +361,27 @@
 										<label style="font-weight: normal;">
                                             <input type="radio" value="1" name="ltype" checked="checked" /> 结束
                                         </label> &nbsp;&nbsp;&nbsp;&nbsp;
-										<!--<label style="font-weight: normal;">
-                                        <input type="radio" value="0" name="ltype" />转派
-                                    </label>-->
 									</div>
 								</td>
 							</tr>
-							<tr style="display:none;" class="js">
-								<th>接收部门：</th>
-								<td>
-									<div class="inpBox">
-										<input type="text" class="inps tree" readonly="readonly" id="clbmname" />
-										<input type="hidden" class="inps " id="clbm" />
-										<i class="xl"></i>
-										<div class="addTree">
-											<ul id="zrbmtree" class="ztree"></ul>
-										</div>
-									</div>
-								</td>
-
-								<th>接收人：</th>
-								<td>
-									<div class="inpBox">
-										<input type="text" class="inps select" readonly="readonly" id="clidname" />
-										<input type="hidden" class="inps " id="clid" />
-										<i class="xl"></i>
-										<div class="xl_common">
-											<ul class="xl_box clid"></ul>
-										</div>
+							<tr class="ns-2">
+								<th>响应状态：</th>
+								<td colspan="3">
+									<div>
+										<label style="font-weight: normal;">
+                                            <input type="radio" value="1" name="response" checked="checked" /> 及时
+                                        </label> &nbsp;&nbsp;&nbsp;&nbsp;
+                                        <label style="font-weight: normal;">
+                                            <input type="radio" value="2" name="response" checked="checked" /> 响应
+                                        </label> &nbsp;&nbsp;&nbsp;&nbsp;
+                                        <label style="font-weight: normal;">
+                                            <input type="radio" value="3" name="response" checked="checked" /> 未响应
+                                        </label> &nbsp;&nbsp;&nbsp;&nbsp;
 									</div>
 								</td>
 							</tr>
 							<tr>
-								<th>处理内容：</th>
+								<th>客诉进展详述：</th>
 								<td colspan="5">
 									<div>
 										<textarea id="cont" name="" rows="3" style="width:100%;"></textarea>
@@ -527,6 +407,7 @@
 			var selid;
 			var zpid;
 			var stype = 1;
+			
 			$(document).ready(function() {
 				laydate.render({
 					elem: '#greetingTimes',
@@ -537,9 +418,20 @@
 					//max : 31,
 					//min: 0,
 				});
+//				alert(ns)
 				//处理工单
+				hideDiv();
+				function hideDiv(){
+					if(ns==2){
+						$(".ns-2").hide();
+					}
+				}
+				
 				$("#clgd").click(function() {
 					var val = $("input[name='ltype']:checked").val();
+					
+					var valRes = $("input[name='response']:checked").val();
+					var dealCost=$("#dealCost").val();
 					if(!val) {
 						layer.confirm('请选择处理方式！', {
 							btn: ['确定']
@@ -555,17 +447,17 @@
 						}
 					}
 					$.post(huayi.config.callcenter_url + 'WorkOrder/DealWorkOrder', {
-						orderid: zpid,
-						isend: val,
-						clbm: $("#clbm").val(),
-						clid: $("#clid").val(),
-						cont: $("#cont").val(),
-						detail: helper.HtmlUtil.htmlEncodeByRegExp(changeEditor.html()),
+						workid: zpid,
+						dealcost: dealCost*1,	//处理费用
+						dealresult:	val,//处理结果
+						dealdes: $("#cont").val(),	//客诉进展详述		 				
+//						dealstate:	//处理状态
+						dealtimely:valRes,		//及时响应
 						"token": $.cookie("token")
 					}, function(result) {
 						result = $.parseJSON(result);
 						if(result.state.toLowerCase() == "success") {
-
+							debugger
 							layer.msg("处理工单成功");
 							$(".t-shade").removeClass("cx");
 							$(".clgd").removeClass("cx");
@@ -604,27 +496,15 @@
 						var param = {
 							page: params.pageNumber,
 							pagesize: params.pageSize,
-							ltype: 471,
+							state: 0,
 							token: $.cookie("token"),
-							type: $('#orderSource').val(), //工单来源
-							typeclass: $('#typeclassId').val(), //工单类型
+							source: $('#orderSource').val(), //工单来源
+							key:$('#keyWord').val(), //内容关键字
+							workid:$('#orderNum').val(), //内容关键字
 							starttime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0], //开始时间
 							endtime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1], //结束时间
-							lddep: $('#comeCall_dep_input').val(), //来电单位
-							fkdep: $('#comeCall_deps_input').val(), //来电单位
 							userid: $('#userid').val() //坐席
-
 						};
-						//                  if (stype == '1') {
-						//                      param.name = $("#name").val();
-						//                      param.tel = $("#tel").val();
-						//                  } else if (stype == '2') {
-						//                      param.name = $("#ss_khxm").val();
-						//                      param.tel = $("#ss_khdh").val();
-						//                      param.key = $("#ss_gdnr").val();
-						//                      param.type = $("#ss_gdlx").val();
-						//                      param.orderid = $("#ss_gdbh").val();
-						//                  }
 						return param;
 					},
 					onLoadSuccess: function() { //加载成功时执行
@@ -660,27 +540,16 @@
 						var param = {
 							page: params.pageNumber,
 							pagesize: params.pageSize,
-							ltype: 471,
+							state: 0,
 							token: $.cookie("token"),
-							type: $('#orderSource').val(), //工单来源
-							typeclass: $('#typeclassId').val(), //工单类型
+							source: $('#orderSource').val(), //工单来源
+							key:$('#keyWord').val(), //内容关键字
+							workid:$('#orderNum').val(), //内容关键字
 							starttime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0], //开始时间
 							endtime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1], //结束时间
-							lddep: $('#comeCall_dep_input').val(), //来电单位
-							fkdep: $('#comeCall_deps_input').val(), //来电单位
 							userid: $('#userid').val() //坐席
 
 						};
-						//                  if (stype == '1') {
-						//                      param.name = $("#name").val();
-						//                      param.tel = $("#tel").val();
-						//                  } else if (stype == '2') {
-						//                      param.name = $("#ss_khxm").val();
-						//                      param.tel = $("#ss_khdh").val();
-						//                      param.key = $("#ss_gdnr").val();
-						//                      param.type = $("#ss_gdlx").val();
-						//                      param.orderid = $("#ss_gdbh").val();
-						//                  }
 						return param;
 					},
 					onLoadSuccess: function() { //加载成功时执行

CallCenterWeb.UI/WorkOrder/WorkOrderParty.html

@@ -105,55 +105,25 @@
 				<div class="th-bar clearfix">
 					<div class="pull-left">
 						<div class="form-inline">
-							<!--<div class="form-group">
-							 	<input type="text" class="form-control" id="name" placeholder="请输入客户名称"/>
-							 </div>
-							 <div class="form-group">
-							 	<input type="text" class="form-control" id="tel" placeholder="请输入客户电话"/>
-							 </div>-->
-							<div class="time-box form-group">
-								<i class="tub fa fa-caret-down down" style="color: #676b6d;"></i>
-								<input class="form-control" type="text" id="typeclass" placeholder="请选择工单类型" readonly="readonly">
-								<input type="hidden" id="typeclassId" />
-								<div class="addTree treeList">
-									<p class="plasechoce">请选择</p>
-									<ul id="TreeDemo" class="ztree">
-
-									</ul>
-								</div>
-							</div>
-
 							<div class="form-group">
 								<select class="form-control selectpicker" id="orderSource" data-live-search="true">
 									<option value="">请选择工单来源</option>
 								</select>
 							</div>
-
 							<div class="time-box form-group">
 								<i class="tub fa fa-calendar"></i>
 								<input class="form-control search_time" type="text" id="greetingTimes" placeholder="请选择时间">
 							</div>
-
-							<div class="form-group">
-								<!--<select class="form-control selectpicker" id="comeCall_dep" data-live-search="true">
-									<option value="">请选择来电单位</option>
-								</select>-->
-								<select class="" id="comeCall_dep">
-									<option value="" selected>请选择来电单位</option>
-								</select>
-							</div>
 							<div class="form-group">
 								<select class="form-control selectpicker" id="userid" data-live-search="true">
 									<option value="">请选择坐席工号</option>
 								</select>
 							</div>
-							<div class="form-group">
-								<!--<select class="form-control selectpicker" id="comeCall_deps" data-live-search="true">
-									<option value="">请选择反馈单位</option>
-								</select>-->
-								<select class="" id="comeCall_deps">
-									<option value="" selected>请选择反馈单位</option>
-								</select>
+							<div class="time-box form-group">
+								<input class="form-control" type="text" id="keyWord" placeholder="请输入关键字">
+							</div>
+							<div class="time-box form-group">
+								<input class="form-control" type="text" id="orderNum" placeholder="请输入工单号">
 							</div>
 						</div>
 					</div>
@@ -161,7 +131,7 @@
 					<div class="pull-right">
 						<button class="btns ss">搜索</button>
 						<!--<button class="btns gjss">高级搜索</button>-->
-						<a class="btns" onclick="dcexcel(this)">导出</a>
+						<!--<a class="btns" onclick="dcexcel(this)">导出</a>-->
 					</div>
 				</div>
 			</div>
@@ -170,18 +140,16 @@
 				<table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
 					<thead>
 						<tr>
-							<th data-field="WorkOrderID" data-formatter="View" data-align="center">工单编号</th>
-							<th data-field="ID" data-formatter="Remove" data-align="center" data-class="E72">操作工单</th>
-							<th data-field="State" data-formatter="GetStateName" data-align="center">工单状态</th>
-							<th data-field="Address" data-align="center" data-formatter="forMaterDepart">来电单位</th>
-							<th data-field="Source" data-align="center">反馈单位</th>
-							<th data-field="GDLYName" data-align="center">工单来源</th>
-							<th data-field="TypeClassName" data-align="center">工单类型</th>
-							<th data-field="Customer" data-align="center" data-class="E73">姓名</th>
-							<th data-field="CustomerTel" data-align="center">客户电话</th>
-							<th data-field="CreateUserNameRel" data-align="center">受理人</th>
-							<th data-field="CreateTime" data-align="center">创建时间</th>
-							<th data-field="Detail" data-align="center" data-formatter="Detail">反馈内容及处理结果</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_CusName" data-align="center" data-class="E73">姓名</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_WorkOrderId" data-formatter="Remove" data-align="center">操作</th>
 						</tr>
 					</thead>
 				</table>
@@ -190,18 +158,16 @@
 				<table id="workorderlist_" class="market" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
 					<thead>
 						<tr>
-							<th data-field="WorkOrderID" data-formatter="View" data-align="center">工单编号</th>
-							<th data-field="ID" data-formatter="Remove" data-align="center" data-class="E72">操作</th>
-							<th data-field="State" data-formatter="GetStateName" data-align="center">工单状态</th>
-							<th data-field="Address" data-align="center" data-formatter="forMaterDepart">来电单位</th>
-							<th data-field="Source" data-align="center">反馈单位</th>
-							<th data-field="GDLYName" data-align="center">工单来源</th>
-							<th data-field="TypeClassName" data-align="center">工单类型</th>
-							<th data-field="Customer" data-align="center" data-class="E73">姓名</th>
-							<th data-field="CustomerTel" data-align="center">客户电话</th>
-							<th data-field="CreateUserNameRel" data-align="center">创建人</th>
-							<th data-field="LastDealUserNameRel" data-align="center">受理人</th>
-							<th data-field="Detail" data-align="center" data-formatter="Detail">反馈内容及处理结果</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_CusName" data-align="center" data-class="E73">姓名</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_WorkOrderId" data-formatter="Remove" data-align="center">操作</th>
 						</tr>
 					</thead>
 				</table>
@@ -210,7 +176,7 @@
 			<div class="ckxq  Hidens">
 				<ul class="clearfix ckxq_ul">
 					<li class="Active">工单详情</li>
-					<li>处理记录</li>
+					<!--<li>处理记录</li>-->
 					<!--去掉-->
 					<!--<li>催办记录</li>
                 <li>评论记录</li>-->
@@ -249,43 +215,51 @@
 									</td>
 								</tr>
 								<tr>
-									<th>来电单位：</th>
+									<th>购买日期：</th>
 									<td>
-										<span id="xq_wtlx"></span>
+										<span id="buyDate"></span>
 									</td>
-									<th>反馈单位：</th>
+									<th>产品名称：</th>
 									<td>
-										<span id="xq_zxgh"></span>
+										<span id="productName"></span>
+									</td>
+									<th>购买地址：</th>
+									<td>
+										<span id="buyAddress"></span>
 									</td>
 								</tr>
 								<tr>
-									<th>反馈及处理内容：</th>
-									<td colspan="5">
-										<span id="xq_gdnr"></span>
+									<th>产品类别：</th>
+									<td>
+										<span id="productType"></span>
 									</td>
-								</tr>
-								<tr class="BZ">
-									<th>快递信息：</th>
-									<td colspan="5">
-										<span id="xq_kdxx"></span>
+									<th>生产批号：</th>
+									<td>
+										<span id="batchNumber"></span>
 									</td>
-								</tr>
-								<tr class="BZ">
-									<th>备注一：</th>
-									<td colspan="5">
-										<span id="bz-1"></span>
+									<th>使用日期：</th>
+									<td>
+										<span id="userDate"></span>
 									</td>
 								</tr>
-								<tr class="BZ">
-									<th>备注二：</th>
-									<td colspan="5">
-										<span id="bz-2"></span>
+								<tr>
+									<th>区域：</th>
+									<td>
+										<span id="areaName"></span>
+									</td>
+									<th>客诉专员：</th>
+									<td>
+										<span id="VipName"></span>
+									</td>
+									<th>专员电话：</th>
+									<td>
+										<span id="F_VipPhone"></span>
 									</td>
 								</tr>
-								<tr class="BZ">
-									<th>备注三：</th>
-									<td colspan="5">
-										<span id="bz-3"></span>
+								<tr>
+									<th>事件描述：</th>
+									<td colspan="5" id="conTent">
+										
 									</td>
 								</tr>
 							</tbody>
@@ -510,13 +484,12 @@
 							page: params.pageNumber,
 							pagesize: params.pageSize,
 							token: $.cookie("token"),
-							ltype: 472,
-							type: $('#orderSource').val(), //工单来源
-							typeclass: $('#typeclassId').val(), //工单类型
+							state: 1,
+							source: $('#orderSource').val(), //工单来源
+							key:$('#keyWord').val(), //内容关键字
+							workid:$('#orderNum').val(), //内容关键字
 							starttime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0], //开始时间
 							endtime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1], //结束时间
-							lddep: $('#comeCall_dep_input').val(), //来电单位
-							fkdep: $('#comeCall_deps_input').val(), //来电单位
 							userid: $('#userid').val() //坐席
 						};
 						//                  if (stype == '1') {
@@ -565,14 +538,13 @@
 						var param = {
 							page: params.pageNumber,
 							pagesize: params.pageSize,
-							ltype: 472,
+							state: 1,
 							token: $.cookie("token"),
-							type: $('#orderSource').val(), //工单来源
-							typeclass: $('#typeclassId').val(), //工单类型
+							source: $('#orderSource').val(), //工单来源
+							key:$('#keyWord').val(), //内容关键字
+							workid:$('#orderNum').val(), //内容关键字
 							starttime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0], //开始时间
 							endtime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1], //结束时间
-							lddep: $('#comeCall_dep_input').val(), //来电单位
-							fkdep: $('#comeCall_deps_input').val(), //来电单位
 							userid: $('#userid').val() //坐席
 
 						};

CallCenterWeb.UI/WorkOrder/WorkOrderSearch.html

@@ -106,64 +106,33 @@
 				<div class="th-bar clearfix">
 					<div class="pull-left">
 						<div class="form-inline">
-							<!--<div class="form-group">
-							 	<input type="text" class="form-control" id="name" placeholder="请输入客户名称"/>
-							 </div>
-							 <div class="form-group">
-							 	<input type="text" class="form-control" id="tel" placeholder="请输入客户电话"/>
-							 </div>-->
-							<div class="time-box form-group">
-								<i class="tub fa fa-caret-down down" style="color: #676b6d;"></i>
-								<input class="form-control" type="text" id="typeclass" placeholder="请选择工单类型" readonly="readonly">
-								<input type="hidden" id="typeclassId" />
-								<div class="addTree treeList">
-									<p class="plasechoce">请选择</p>
-									<ul id="TreeDemo" class="ztree">
-
-									</ul>
-								</div>
-							</div>
-
 							<div class="form-group">
 								<select class="form-control selectpicker" id="orderSource" data-live-search="true">
 									<option value="">请选择工单来源</option>
 								</select>
 							</div>
-
 							<div class="time-box form-group">
 								<i class="tub fa fa-calendar"></i>
 								<input class="form-control search_time" type="text" id="greetingTimes" placeholder="请选择时间">
 							</div>
-
-							<div class="form-group">
-								<!--<select class="form-control selectpicker" id="comeCall_dep" data-live-search="true">
-									<option value="">请选择来电单位</option>
-								</select>-->
-								<select class="" id="comeCall_dep">
-									<option value="" selected>请选择来电单位</option>
-								</select>
+							<div class="time-box form-group">
+								<input class="form-control" type="text" id="keyWord" placeholder="请输入关键字">
+							</div>
+							<div class="time-box form-group">
+								<input class="form-control" type="text" id="orderNum" placeholder="请输入工单号">
 							</div>
-
 							<div class="form-group">
 								<select class="form-control selectpicker" id="userid" data-live-search="true">
 									<option value="">请选择坐席工号</option>
 								</select>
 							</div>
-							<div class="form-group">
-								<!--<select class="form-control selectpicker" id="comeCall_deps" data-live-search="true">
-									<option value="">请选择反馈单位</option>
-								</select>-->
-								<select class="" id="comeCall_deps">
-									<option value="" selected>请选择反馈单位</option>
-								</select>
-							</div>
 						</div>
 					</div>
 
 					<div class="pull-right">
 						<button class="btns ss">搜索</button>
 						<!--<button class="btns gjss">高级搜索</button>-->
-						<a class="btns" onclick="dcexcel(this)">导出</a>
+						<!--<a class="btns" onclick="dcexcel(this)">导出</a>-->
 					</div>
 				</div>
 			</div>
@@ -172,25 +141,15 @@
 				<table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
 					<thead>
 						<tr>
-							<th data-field="WorkOrderID" data-formatter="View" data-align="center">工单编号</th>
-							<th data-field="ID" data-formatter="Remove" data-align="center">操作工单</th>
-							<th data-field="State" data-formatter="GetStateName" data-align="center">工单状态</th>
-							<th data-field="Address" data-align="center" data-formatter="forMaterDepart">来电单位</th>
-							<th data-field="Source" data-align="center">反馈单位</th>
-							<th data-field="GDLYName" data-align="center">工单来源</th>
-							<th data-field="TypeClassName" data-align="center">工单类型</th>
-							<th data-field="Customer" data-align="center" data-class="E73">姓名</th>
-							<th data-field="CustomerTel" data-align="center">客户电话</th>
-							<th data-field="State" data-align="center" data-formatter="GetState">受理人</th>
-							<th data-field="CreateTime" data-align="center">创建时间</th>
-							<th data-field="Detail" data-align="center" data-formatter="Detail">反馈内容及处理结果</th>
-							<th data-field="Files" data-align="center" data-formatter="Detail">快递信息</th>
-							<!--<th data-field="County" data-align="center" data-formatter="Detail">备注一</th>
-							<th data-field="Province" data-align="center" data-formatter="Detail">备注二</th>
-							<th data-field="City" data-align="center" data-formatter="Detail">备注三</th>-->
-							<!--<th data-field="CLDeptName" data-align="center">当前处理部门</th>
-                        <th data-field="CLUserName" data-align="center">当前处理用户</th>-->
-							<th data-field="WorkOrderID" data-formatter="OverTime" 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_CusName" data-align="center" data-class="E73">姓名</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>
 						</tr>
 					</thead>
 				</table>
@@ -199,21 +158,15 @@
 				<table id="workorderlist_" class="market" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
 					<thead>
 						<tr>
-							<th data-field="WorkOrderID" data-formatter="View" data-align="center">工单编号</th>
-							<th data-field="ID" data-formatter="Remove" data-align="center">操作工单</th>
-							<th data-field="State" data-formatter="GetStateName" data-align="center">工单状态</th>
-							<th data-field="Address" data-align="center" data-formatter="forMaterDepart">来电单位</th>
-							<th data-field="Source" data-align="center">反馈单位</th>
-							<th data-field="GDLYName" data-align="center">工单来源</th>
-							<th data-field="TypeClassName" data-align="center">工单类型</th>
-							<th data-field="Customer" data-align="center" data-class="E73">姓名</th>
-							<th data-field="CustomerTel" data-align="center">客户电话</th>
-							<th data-field="CreateUserNameRel" data-align="center">创建人</th>
-							<th data-field="LastDealUserNameRel" data-align="center" data-formatter="IsNull">受理人</th>
-							<th data-field="CreateTime" data-align="center">创建时间</th>
-							<th data-field="Detail" data-align="center" data-formatter="Detail">反馈内容及处理结果</th>
-							<th data-field="Files" data-align="center" data-formatter="Detail">快递信息</th>
-							<th data-field="WorkOrderID" data-formatter="OverTime" 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_CusName" data-align="center" data-class="E73">姓名</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>
 						</tr>
 					</thead>
 				</table>
@@ -222,7 +175,7 @@
 			<div class="ckxq  Hidens">
 				<ul class="clearfix ckxq_ul">
 					<li class="Active">工单详情</li>
-					<li>处理记录</li>
+					<!--<li>处理记录</li>-->
 					<!--<li>催办记录</li>
                 <li>评论记录</li>-->
 					<span class="Closed">×</span>
@@ -231,73 +184,81 @@
 					<table id="gdxq_table" border="0" class="table table-bordered  table-hover " style="width: 100%;">
 						<tbody class="tbodys">
 							<tr>
-								<th>工单编号：</th>
-								<td>
-									<span id="xq_gdbh"></span>
-								</td>
-								<th>工单类型：</th>
-								<td>
-									<span id="xq_gdlx"></span>
-								</td>
-								<th>创建时间：</th>
-								<td>
-									<span id="xq_cjsj"></span>
-								</td>
-							</tr>
-							<tr>
-								<th>工单状态：</th>
-								<td>
-									<span id="xq_gdzt"></span>
-								</td>
-								<th>客户姓名：</th>
-								<td>
-									<span id="xq_khxm"></span>
-								</td>
-								<th>客户电话：</th>
-								<td>
-									<span id="xq_khdh"></span>
-								</td>
-							</tr>
-							<tr>
-								<th>来电单位：</th>
-								<td>
-									<span id="xq_wtlx"></span>
-								</td>
-								<th>反馈单位：</th>
-								<td>
-									<span id="xq_zxgh"></span>
-								</td>
-							</tr>
-							<tr>
-								<th>反馈及处理内容：</th>
-								<td colspan="5">
-									<span id="xq_gdnr"></span>
-								</td>
-							</tr>
-							<tr class="BZ">
-								<th>快递信息：</th>
-								<td colspan="5">
-									<span id="xq_kdxx"></span>
-								</td>
-							</tr>
-							<tr class="BZ">
-								<th>备注一：</th>
-								<td colspan="5">
-									<span id="bz-1"></span>
-								</td>
-							</tr>
-							<tr class="BZ">
-								<th>备注二：</th>
-								<td colspan="5">
-									<span id="bz-2"></span>
-								</td>
-							</tr>
-							<tr class="BZ">
-								<th>备注三：</th>
-								<td colspan="5">
-									<span id="bz-3"></span>
-								</td>
-							</tr>
+									<th>工单编号：</th>
+									<td>
+										<span id="xq_gdbh"></span>
+									</td>
+									<th>工单类型：</th>
+									<td>
+										<span id="xq_gdlx"></span>
+									</td>
+									<th>创建时间：</th>
+									<td>
+										<span id="xq_cjsj"></span>
+									</td>
+								</tr>
+								<tr>
+									<th>工单状态：</th>
+									<td>
+										<span id="xq_gdzt"></span>
+									</td>
+									<th>客户姓名：</th>
+									<td>
+										<span id="xq_khxm"></span>
+									</td>
+									<th>客户电话：</th>
+									<td>
+										<span id="xq_khdh"></span>
+									</td>
+								</tr>
+								<tr>
+									<th>购买日期：</th>
+									<td>
+										<span id="buyDate"></span>
+									</td>
+									<th>产品名称：</th>
+									<td>
+										<span id="productName"></span>
+									</td>
+									<th>购买地址：</th>
+									<td>
+										<span id="buyAddress"></span>
+									</td>
+								</tr>
+								<tr>
+									<th>产品类别：</th>
+									<td>
+										<span id="productType"></span>
+									</td>
+									<th>生产批号：</th>
+									<td>
+										<span id="batchNumber"></span>
+									</td>
+									<th>使用日期：</th>
+									<td>
+										<span id="userDate"></span>
+									</td>
+								</tr>
+								<tr>
+									<th>区域：</th>
+									<td>
+										<span id="areaName"></span>
+									</td>
+									<th>客诉专员：</th>
+									<td>
+										<span id="VipName"></span>
+									</td>
+									<th>专员电话：</th>
+									<td>
+										<span id="F_VipPhone"></span>
+									</td>
+								</tr>
+								<tr>
+									<th>事件描述：</th>
+									<td colspan="5" id="conTent">
+										
+									</td>
+								</tr>
 						</tbody>
 
 					</table>
@@ -484,12 +445,15 @@
 							page: params.pageNumber,
 							pagesize: params.pageSize,
 							token: $.cookie("token"),
-							type: $('#orderSource').val(), //工单来源
-							typeclass: $('#typeclassId').val(), //工单类型
+							
+//							typeclass: $('#typeclassId').val(), //工单类型
+							source: $('#orderSource').val(), //工单来源
+							key:$('#keyWord').val(), //内容关键字
+							workid:$('#orderNum').val(), //内容关键字
 							starttime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0], //开始时间
 							endtime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1], //结束时间
-							lddep: $('#comeCall_dep').val(), //来电单位
-							fkdep: $('#comeCall_deps').val(), //来电单位
+//							lddep: $('#comeCall_dep').val(), //来电单位
+//							fkdep: $('#comeCall_deps').val(), //来电单位
 							userid: $('#userid').val() //坐席
 						};
 						//                  if (stype == '1') {
@@ -540,12 +504,13 @@
 							page: params.pageNumber,
 							pagesize: params.pageSize,
 							token: $.cookie("token"),
-							type: $('#orderSource').val(), //工单来源
-							typeclass: $('#typeclassId').val(), //工单类型
+							source: $('#orderSource').val(), //工单来源
+							key:$('#keyWord').val(), //内容关键字
+							workid:$('#orderNum').val(), //内容关键字
+//							type: $('#orderSource').val(), //工单来源
+//							typeclass: $('#typeclassId').val(), //工单类型
 							starttime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0], //开始时间
 							endtime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1], //结束时间
-							lddep: $('#comeCall_dep').val(), //来电单位
-							fkdep: $('#comeCall_deps').val(), //来电单位
 							userid: $('#userid').val() //坐席
 						};
 						//                  if (stype == '1') {

CallCenterWeb.UI/WorkOrder/Xga.html

@@ -133,6 +133,35 @@
 			.ke-container {
 				width: 100%!important;
 			}
+			.inps2,.inps3,.inps4{
+				display: none;
+			}
+			.treeList1 {
+				top: 34px!important;
+				border: 1px solid #e5e6e7!important;
+				border-top: 0;
+				height: auto!important;
+			}
+			
+			#TreeDemo1 li {
+				float: initial;
+			}
+			#typeclass1 {
+				background: #fff;
+			}
+			.addTree1 {
+			    background: #fff;
+			    position: absolute;
+			    width: 100%;
+			    border: 1px solid darkgrey;
+			    right: 0;
+			    top: 26px;
+			    z-index: 10;
+			    display: none;
+			    height: 100px;
+			    overflow-y: auto;
+			}
+
 		</style>
 	</head>
 
@@ -149,60 +178,87 @@
 									<input type="text" class="form-control" id="name" />
 								</div>
 							</td>
-
 							<th>电话:</th>
 							<td>
 								<div class="form-group">
-									<input type="text" class="form-control" id="tel" readonly="readonly" />
+									<input type="text" class="form-control" id="tel" />
 								</div>
 							</td>
-
-							<th>来电单位:</th>
+							
+							<th>购买日期:</th>
 							<td style="position: relative;">
-								<!--<select name="" id="testInput1"  class="">
-								
-							</select>-->
-								<!--<input id="testInput1" type="text" style="width:100%;" />
-								<ul class="testInput-list">
-									<li></li>
-								</ul>-->
-								<select name="" id="testInput1"></select>
+								<div class="time-box form-group">
+									<i class="tub fa fa-calendar"></i>
+									<input class="form-control search_time" type="text" id="buyDate" placeholder="请选择时间">
+								</div>
 							</td>
 						</tr>
 						<tr>
-							<th>反馈单位:</th>
-							<td style="position: relative;">
-								<!--<input id="testInput2" type="text" style="width:100%;" style="display: none;" />
-								<ul class="testInput-list">
-									<li></li>
-								</ul>-->
-								<select name="" id="testInput2"></select>
+							<th>产品名称:</th>
+							<td>
+								<div class="form-group">
+									<input type="text" class="form-control" id="productname" />
+								</div>
 							</td>
-
-							<th>工单来源:</th>
+							<th>购买地址:</th>
 							<td>
 								<div class="form-group">
-									<select name="" class="form-control" id="DicValueList"> </select>
+									<input type="text" class="form-control" id="buyAddress"/>
 								</div>
 							</td>
-
-							<th>工单状态:</th>
+							
+							<th>产品类别:</th>
+							<td style="position: relative;">
+								<div class="form-group">
+									<input type="text" class="form-control" id="productType"/>
+								</div>
+							</td>
+						</tr>
+						<tr>
+							<th>生产批号:</th>
 							<td>
 								<div class="form-group">
-									<select name="" class="form-control" id="State"> </select>
-									<input id="States" type="hidden">
+									<input type="text" class="form-control" id="batchNumber" />
+								</div>
+							</td>
+							
+							
+							<th>使用日期:</th>
+							<td style="position: relative;">
+								<div class="time-box form-group">
+									<i class="tub fa fa-calendar"></i>
+									<input class="form-control search_time" type="text" id="userDate" placeholder="请选择时间">
 								</div>
 							</td>
 						</tr>
 						<tr>
+							<th>工单来源:</th>
+							<td>
+								<div class="form-group">
+									<select name="" class="form-control" id="DicValueList">
+										<option></option>
+									</select>
+								</div>
+							</td>
 							<th>工单类型:</th>
 							<td>
+								<div class="form-group">
+									<select name="" class="form-control orderType1">
+									
+									</select>
+								</div>
+							</td>
+							<th>区域:</th>
+							<td>
 								<div class="time-box">
-									<i class="tub fa fa-caret-down down" style="color: #676b6d;"></i>
-									<input class="form-control" type="text" id="typeclass" readonly="readonly">
-									<input type="hidden" id="typeclassId" />
-									<div class="addTree treeList">
-										<ul id="TreeDemo" class="ztree">
+									<i class="tub fa fa-caret-down areaDown" style="color: #676b6d;"></i>
+									<input class="form-control" type="text" id="typeclass1" readonly="readonly">
+									<input type="text" class="inps2">
+										<input type="text" class="inps3">
+										<input type="text" class="inps4">
+									<input type="hidden" id="typeclassId1" />
+									<div class="addTree1 treeList1">
+										<ul id="TreeDemo1" class="ztree">
 
 										</ul>
 									</div>
@@ -210,33 +266,26 @@
 							</td>
 						</tr>
 						<tr>
-							<th>反馈内容及处理结果:</th>
-							<td colspan="5">
-								<textarea name="" rows="5" cols="" placeholder="" id="feedBackCon"></textarea>
-							</td>
-						</tr>
-						<tr>
-							<th>快递信息:</th>
-							<td colspan="5">
-								<textarea name="" rows="" cols="" id="express"></textarea>
-							</td>
-						</tr>
-						<tr>
-							<th>备注一:</th>
-							<td colspan="5">
-								<textarea name="" rows="" cols="" id="remark1"></textarea>
+							<th>客诉专员:</th>
+							<td>
+								<div class="form-group">
+									<select name="" class="form-control" id="vipName">
+										<option></option>
+									</select>
+								</div>
 							</td>
-						</tr>
-						<tr>
-							<th>备注二:</th>
-							<td colspan="5">
-								<textarea name="" rows="" cols="" id="remark2"></textarea>
+							<th>专员电话:</th>
+							<td style="position: relative;">
+								<div class="form-group">
+									<input type="text" class="form-control" id="vipTel" disabled=""/>
+								</div>
 							</td>
+							
 						</tr>
 						<tr>
-							<th>备注三:</th>
+							<th>投诉事件描述:</th>
 							<td colspan="5">
-								<textarea name="" rows="" cols="" id="remark3"></textarea>
+								<textarea name="" rows="5" cols="" placeholder="" id="content"></textarea>
 							</td>
 						</tr>
 						<tr>
@@ -254,69 +303,115 @@
 							<th>姓名:</th>
 							<td>
 								<div class="form-group">
-									<input type="text" class="form-control" id="name_market" />
+									<input type="text" class="form-control" id="name" />
 								</div>
 							</td>
-
 							<th>电话:</th>
 							<td>
 								<div class="form-group">
-									<input type="text" class="form-control" id="tel_market" readonly="readonly" />
+									<input type="text" class="form-control" id="tel" />
 								</div>
 							</td>
+							<th>区域:</th>
+							<td>
+								<div class="time-box">
+									<i class="tub fa fa-caret-down areaDown" style="color: #676b6d;"></i>
+									<input class="form-control" type="text" id="typeclass1" readonly="readonly">
+									<input type="text" class="inps2">
+										<input type="text" class="inps3">
+										<input type="text" class="inps4">
+									<input type="hidden" id="typeclassId1" />
+									<div class="addTree1 treeList1">
+										<ul id="TreeDemo1" class="ztree">
 
-							<th>来电单位:</th>
-							<!--<td>
-								<select class="form-control selectpicker" id="comeCall_dep_market" data-live-search="true">
-									<option value="">请选择来电单位</option>
-								</select>
-							</td>-->
-							<td style="position: relative;">
-								<!--<input id="testInput3" type="text" style="width:100%;" style="display: none;" />
-								<ul class="testInput-list">
-									<li></li>
-								</ul>-->
-								<select name="" id="testInput3"></select>
+										</ul>
+									</div>
+								</div>
 							</td>
 						</tr>
 						<tr>
-							<th>反馈单位:</th>
-							<!--<td>
-								<select class="form-control selectpicker" id="feedbackDep_market" data-live-search="true">
-									<option value="">请选择反馈单位</option>
-								</select>
-							</td>-->
+							<th>客诉专员:</th>
+							<td>
+								<div class="form-group">
+									<select name="" class="form-control" id="customerName">
+										<option></option>
+									</select>
+								</div>
+							</td>
+							<th>专员电话:</th>
 							<td style="position: relative;">
-								<!--<input id="testInput4" type="text" style="width:100%;" style="display: none;" />
-								<ul class="testInput-list">
-									<li></li>
-								</ul>-->
-								<select name="" id="testInput4"></select>
+								<div class="form-group">
+									<input type="text" class="form-control" id="customerTel" disabled=""/>
+								</div>
 							</td>
+							
+						</tr>
+						<tr>
 							<th>工单来源:</th>
 							<td>
 								<div class="form-group">
-									<select name="" class="form-control" id="DicValueList_market"> </select>
+									<select name="" class="form-control" id="DicValueList">
+										<option></option>
+									</select>
 								</div>
 							</td>
-							<th>工单类型:</th>
+							<th>问题分类:</th>
 							<td>
-								<div class="time-box">
-									<i class="tub fa fa-caret-down down_market" style="color: #676b6d;"></i>
-									<input class="form-control" type="text" id="typeclass_market" readonly="readonly">
-									<input type="hidden" id="typeclassId_market" />
-									<div class="addTree treeList_market">
-										<ul id="TreeDemo_market" class="ztree">
-
-										</ul>
-									</div>
+								<div class="form-group">
+									<select name="" class="form-control orderType2">
+									
+									</select>
+								</div>
+							</td>
+						</tr>
+						<tr>
+							<th>产品名称:</th>
+							<td>
+								<div class="form-group">
+									<input type="text" class="form-control" id="productname" />
+								</div>
+							</td>
+							<th>生产批号:</th>
+							<td>
+								<div class="form-group">
+									<input type="text" class="form-control" id="batchNumber" />
+								</div>
+							</td>
+							<th>购买地址:</th>
+							<td>
+								<div class="form-group">
+									<input type="text" class="form-control" id="buyAddress"/>
+								</div>
+							</td>
+						</tr>
+						
+						<tr>
+							<th>生产日期:</th>
+							<td style="position: relative;">
+								<div class="time-box form-group">
+									<i class="tub fa fa-calendar"></i>
+									<input class="form-control search_time" type="text" id="proDuctdate" placeholder="请选择时间">
+								</div>
+							</td>
+							<th>购买日期:</th>
+							<td style="position: relative;">
+								<div class="time-box form-group">
+									<i class="tub fa fa-calendar"></i>
+									<input class="form-control search_time" type="text" id="buyDate" placeholder="请选择时间">
+								</div>
+							</td>
+							<th>使用日期:</th>
+							<td style="position: relative;">
+								<div class="time-box form-group">
+									<i class="tub fa fa-calendar"></i>
+									<input class="form-control search_time" type="text" id="userDate" placeholder="请选择时间">
 								</div>
 							</td>
 						</tr>
 						<tr>
-							<th>备注内容:</th>
+							<th>投诉事件描述:</th>
 							<td colspan="5">
-								<textarea name="" rows="5" cols="" placeholder="" id="remark_market"></textarea>
+								<textarea name="" rows="5" cols="" placeholder="" id="content"></textarea>
 							</td>
 						</tr>
 						<tr>
@@ -337,6 +432,7 @@
 		<script src="../js/kindeditor/lang/zh_CN.js"></script>
 		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
 		<script src="../js/comboSelect/jquery.combo.select.js"></script>
+		<script src="../js/laydate/laydate.js"></script>
 		<script src="../js/WorkOrder/xgWork.js"></script>
 		<script src="../js/WorkOrder/jquery.editable-select.js"></script>
 	</body>

CallCenterWeb.UI/commonTpl/addOrEditArea.html

@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>添加或编辑项目</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link rel="stylesheet" href="../css/bootstrap.min14ed.css" />
+		<link rel="stylesheet" href="../css/style.min862f.css" />
+		<style>
+			.project_items{
+				list-style: none;
+				padding: 0;
+				margin: 10px auto;
+			}
+			.project_items .form-group{
+				line-height: 34px;
+			}
+			.text_require{
+				color: red;
+			}
+			.project_save{
+				margin-top: 20px;
+				width: 200px;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div class="container">
+			<ul class="project_items form-horizontal clearfix">
+				<li class="form-group">
+					<label for="pro_title" class="col-md-2 text-right"><b class="text_require">*</b>项目名称</label>
+					<div class="col-md-10">
+						<input id="pro_title" class="form-control" type="text" placeholder="请输入项目名称" />
+					</div>
+				</li>
+				<li class="form-group">
+					<label for="pro_city" class="col-md-2 text-right"><b class="text_require">*</b>城市名称</label>
+					<div class="col-md-10">
+						<input id="pro_city" class="form-control" type="text" placeholder="请输入城市名称" />
+					</div>
+				</li>
+				<li class="form-group">
+					<label for="pro_property" class="col-md-2 text-right"><b class="text_require">*</b>物业名称</label>
+					<div class="col-md-10">
+						<input id="pro_property" class="form-control" type="text" placeholder="请输入物业名称" />
+					</div>
+				</li>
+				<li class="form-group">
+					<label for="pro_sort" class="col-md-2 text-right">排序</label>
+					<div class="col-md-10">
+						<input id="pro_sort" class="form-control" type="text" placeholder="请输入排序" />
+					</div>
+				</li>
+				<div class="col-md-12 text-center">
+					<button class="project_save btn btn-primary" id="pro_save" type="button">保存</button>
+				</div>
+			</ul>
+		</div>
+		
+		<script src="../js/jquery.min.js"></script>
+		<script src="../js/jquery.cookie.js"></script>
+		<script src="../js/layer/layer.js"></script>
+		<script src="../js/bootstrap.min.js"></script>
+		<script src="../Script/Common/huayi.http.js"></script>
+		<script src="../Script/Common/regexs.js"></script>
+		<script src="../Script/Common/huayi.config.js"></script>
+		<script src="../regionalManagement/js/addOrEditPro.js"></script>
+	</body>
+
+</html>

CallCenterWeb.UI/css/WorkOrder/AddWorkOrder.css

@@ -174,3 +174,4 @@ textarea {
  	    height: 24px;
  	    width: 100%;
  }
+ 

CallCenterWeb.UI/css/WorkOrder/NewAddWorkOrder.css

@@ -0,0 +1,3 @@
+.inps2,.inps3,.inps4{
+	display: none;
+}

CallCenterWeb.UI/js/WorkOrder/AddWorkOrder.js

@@ -3,13 +3,12 @@ var id = helper.request.queryString("id");
 var phone = helper.request.queryString("phone");
 var depName = helper.request.queryString("depName");
 var name = helper.request.queryString("name");
-
 var objs = {};
 $.ajax({
 	type: "get",
 	url: huayi.config.callcenter_url + "CallInScreen/GetCurrUserDep",
 	dataType: 'json',
-	async: true,
+	async: false,
 	data: {
 		token: $.cookie("token")
 	},
@@ -18,21 +17,54 @@ $.ajax({
 			if(data.data.groname == '客服组') {
 				//console.log(data.data.groname)
 				$('.customerService').show();
+				$('.market').remove();
 				ns = 1;
 			} else {
 				$('.market').show();
+				$('.customerService').remove();
 				ns = 2;
 			}
 		}
 	}
 });
+
 $(document).ready(function() {
+	
+	laydate.render({
+		elem: '.userDate',
+		theme: '#1ab394',
+		calendar: 'true'
+		//type: 'datetime',
+		//max : 31,
+		//min: 0,
+	});
+	laydate.render({
+		elem: '.buyDate',
+		theme: '#1ab394',
+		calendar: 'true'
+		//type: 'datetime',
+		//max : 31,
+		//min: 0,
+	});
+	laydate.render({
+		elem: '#proDuctdate',
+		theme: '#1ab394',
+		calendar: 'true'
+		//type: 'datetime',
+		//max : 31,
+		//min: 0,
+	});
+	
 	//工单来源
 	getOrderSource();
 	//工单类型
 	getOrderType();
+	//工单类型
+	getOrderType1();
 	//工单状态
 	getOrderState();
+	//客诉专员
+	ComplaintVip();
 	//来电单位
 	$('#testInput1').comboSelect();
 	$('#testInput2').comboSelect();
@@ -61,37 +93,67 @@ $(document).ready(function() {
 			$("#name_market").val(unescape(decodeURI(name)));
 			$("#name").val(unescape(decodeURI(name)));
 		}
+		
 		if(unescape(decodeURI(depName)) != 'null' && unescape(decodeURI(depName)) != 'undefined') {
 			$("#testInput1_input").val(unescape(decodeURI(depName)));
 			$("#testInput3_input").val(unescape(decodeURI(depName)));
-			 BindLDdep($("#testInput1"),$("#testInput2"),$("#testInput3"),$("#testInput4"),unescape(decodeURI(depName)))
-		}else{
-			BindLDdep($("#testInput1"),$("#testInput2"),$("#testInput3"),$("#testInput4"),'')
 		}
 		
-}else{
-	BindLDdep($("#testInput1"),$("#testInput2"),$("#testInput3"),$("#testInput4"),'');
-}
+	}
 })
 
 //工单类型
 function getOrderType() {
-	$.get(huayi.config.callcenter_url + 'WorkType/GetTreeList', {
+	$.get(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByFlag', {
+		"token": $.cookie("token"),
+		flag: "GDLX"
+	}, function(result) {
+		result = $.parseJSON(result);
+				
+		var Count = result.data;
+	
+		$(Count).each(function(i, n) {
+			
+			if(ns==1){
+				if(n.F_DictionaryValueId == "468") {
+					$('<option value="' + n.F_DictionaryValueId + '" selected="selected">' + n.F_Name + '</option>').appendTo($(".orderType1"));
+				} else {
+					$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".orderType1"));
+				}
+			}else if(ns==2){
+				
+				if(n.F_DictionaryValueId == "468") {
+					$('<option value="' + n.F_DictionaryValueId + '" selected="selected">' + n.F_Name + '</option>').appendTo($(".orderType2"));
+				} else {
+					$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".orderType2"));
+				}
+			}
+			
+
+		})
+	
+	});
+}
+//区域
+function getOrderType1() {
+	$.get(huayi.config.callcenter_url + 'Area/GetAreaList', {
+//	$.get('http://192.168.4.18:4625/Area/GetAreaList', {
 		"token": $.cookie("token"),
 	}, function(result) {
 		result = $.parseJSON(result);
-		$.fn.zTree.init($("#TreeDemo"), setting3, result.data); //实例化树形图
-		$.fn.zTree.init($("#TreeDemo_market"), setting3, result.data); //实例化树形图
+		$.fn.zTree.init($("#TreeDemo1"), setting4, result.data); //实例化树形图
+		$.fn.zTree.init($("#TreeDemo_market1"), setting4, result.data); //实例化树形图
 	});
 }
-var setting3 = {
+var setting4 = {
 	data: {
 		key: {
-			name: "text"
+			name: "F_AreaName"
 		},
 		simpleData: {
 			enable: true,
-			idKey: "id",
+			idKey: "F_Id",
+			pIdKey: "F_ParentId",
 			rootPId: 0
 		}
 	},
@@ -102,35 +164,44 @@ var setting3 = {
 
 function changeTreeClick(event, treeId, treeNode) {
 	
-	var chanId = treeNode.id;
-	var changeName = treeNode.text;
-	$('#typeclass').val(changeName);
-	$('#typeclass_market ').val(changeName);
-	$('#typeclassId').val(chanId);
-	$('#typeclassId_market').val(chanId);
-	var pidnode = treeNode.getParentNode();
-	$('.addTree').hide();
+	chanId=treeNode.F_Id;
+	changeName = treeNode.F_AreaName;
+	areaParent=treeNode.getPath();
+	if (areaParent[2]) {
+		areaParent1=areaParent[0].F_AreaName
+		areaParent2=areaParent[1].F_AreaName
+		areaParent3=areaParent[2].F_AreaName
+		$('#typeclass1').val(areaParent1+"/"+areaParent2+"/"+areaParent3);
+		$('#typeclass_market1').val(areaParent1+"/"+areaParent2+"/"+areaParent3);
+		$('.inps2').val(areaParent1);
+		$('.inps3').val(areaParent2);
+		$('.inps4').val(areaParent3);
+	}else{
+		layer.msg("请选择最下级菜单");
+	}
+	$('.addTree1').hide();
+	
 };
-
-$('.down').click(function() {
-	if($('.treeList').css('display') == 'block') {
-		$('.treeList').css('display', 'none')
+$('.areaDown').click(function() {
+	if($('.treeList1').css('display') == 'block') {
+		$('.treeList1').css('display', 'none')
 	} else {
-		$('.treeList').css('display', 'block')
+		$('.treeList1').css('display', 'block')
 	}
 })
-$('#typeclass').click(function() {
-	$('.treeList').css('display', 'block')
+$('#typeclass1').click(function() {
+	$('.treeList1').css('display', 'block')
 })
-$('.treeList').mouseleave(function() {
+$('.treeList1').mouseleave(function() {
 	$(this).css('display', 'none')
 })
-$('#typeclass_market').click(function() {
-	$('.treeList_market').css('display', 'block')
+$('#typeclass_market1').click(function() {
+	$('.treeList_market1').css('display', 'block')
 })
-$('.treeList_market').mouseleave(function() {
+$('.treeList_market1').mouseleave(function() {
 	$(this).css('display', 'none')
 })
+
 //工单状态
 function getOrderState() {
 	$.ajax({
@@ -186,42 +257,57 @@ function getOrderSource(obj) {
 		}
 	});
 }
+//客诉专员
+function ComplaintVip() {
+	var customerType;
+	if(ns==1){
+		customerType=2
+	}else if(ns==2){
+		customerType=1
+	}
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "Customer/GetAllList",
+		dataType: 'json',
+		async: true,
+		data: {
+			token: $.cookie("token"),
+			type: customerType
+		},
+		success: function(data) {
+			
+			var Count = data.data;
+			if (ns==1) {
+				$('<option value="">全部</option>').appendTo($("#vipName"));
+				$(Count).each(function(i, n) {
+					$('<option value="' + n.F_Id 
+					+ '"  index="'+n.F_Phone+'">' + n.F_Name 
+					+ '</option>').appendTo($("#vipName"));
+				})
+			} else if(ns==2){
+				$('<option value="">全部</option>').appendTo($("#customerName"));
+				$(Count).each(function(i, n) {
+					$('<option value="' + n.F_Id 
+					+ '"  index="'+n.F_Phone+'">' + n.F_Name 
+					+ '</option>').appendTo($("#customerName"));
+				})
+			}
+			
+		}
+	});
+}
+//获取专员手机号
+$("#vipName").change(function() {
+	$("#vipTel").val($("#vipName option:selected").attr("index"));
+});
+$("#customerName").change(function() {
+	$("#customerTel").val($("#customerName option:selected").attr("index"));
+});
+var orderType
+var staffId
+var stafftel
 
-function BindLDdep(obj1,obj2,obj3,obj4,res1) {
-					$.ajax({
-						type: "get",
-						url: huayi.config.callcenter_url + "Customer/BindLDdep",
-						dataType: 'json',
-						async: true,
-						data: {
-//							keypara: str,
-							token: $.cookie("token")
-						},
-						success: function(data) {
-							var Count = data.data.dep;
-							var html = '',html2 = '';
-							if(res1){
-								$("<option value='" + res1 + "' selected>" + res1 + "</option>").appendTo(obj1);
-								$("<option value='" + res1 + "' selected>" + res1 + "</option>").appendTo(obj3);
-							}
-							$(Count).each(function(i, n) {
-								html = "<option value='" + n + "'>" + n + "</option>";
-									if(n!==res1){
-										html2 = "<option value='" + n + "'>" + n + "</option>";
-									}
-								$(html2).appendTo(obj1);
-								$(html2).appendTo(obj3);
-								$(html).appendTo(obj2);
-								$(html).appendTo(obj4);
-							});
-							obj1.comboSelect();
-							obj2.comboSelect();
-							obj3.comboSelect();
-							obj4.comboSelect();
-						}
-					});
-				};
-//客服部保存	
+//客服部保存
 function saveCustomer() {
 	if($('#name').val() == '') {
 		layer.confirm('请输入姓名！', {
@@ -237,20 +323,8 @@ function saveCustomer() {
 		});
 		return;
 	}
-	if($.trim($('#testInput1_input').val()) == '') {
-		layer.confirm('请选择来电单位！', {
-			icon: 2,
-			btn: ['确定']
-		});
-		return;
-	}
-	if($.trim($('#testInput2_input').val()) == '') {
-		layer.confirm('请选择反馈单位！', {
-			icon: 2,
-			btn: ['确定']
-		});
-		return;
-	}
+
+
 	if($('#DicValueList').val() == '') {
 		layer.confirm('请选择工单来源！', {
 			icon: 2,
@@ -258,13 +332,7 @@ function saveCustomer() {
 		});
 		return;
 	}
-	if($('#State').val() == '') {
-		layer.confirm('请选择工单状态！', {
-			icon: 2,
-			btn: ['确定']
-		});
-		return;
-	}
+
 	if($('#typeclassId').val() == '') {
 		layer.confirm('请选择工单类型！', {
 			icon: 2,
@@ -272,38 +340,51 @@ function saveCustomer() {
 		});
 		return;
 	}
+	if (ns==1) {
+		orderType=$('.orderType1').val();
+		staffId=$('#vipName').val();
+		stafftel=$('#vipTel').val();
+	} else if(ns==2){
+		orderType=$('.orderType2').val();
+		staffId=$('#customerName').val();
+		stafftel=$('#customerTel').val();
+	}
 	$.ajax({
 		type: "post",
-		url: huayi.config.callcenter_url + "CallInScreen/AddWorkOrder",
+		url: huayi.config.callcenter_url + "WorkOrder/AddWorkOrder",
 		dataType: 'json',
 		async: true,
-		beforeSend: function() { //触发ajax请求开始时执行
-			$('.customerSubmit').attr("disabled", true);
-			$('.customerSubmit').text('保存中...');
-		},
+//		beforeSend: function() { //触发ajax请求开始时执行
+//			$('.customerSubmit').attr("disabled", true);
+//			$('.customerSubmit').text('保存中...');
+//		},
 		data: {
 			token: $.cookie("token"),
-			callCustomer: $('#name').val(), //姓名
-			tel: $('#tel').val(), //号码
-			lddep: $('#testInput1_input').val(), //来电单位
-			fkdep: $('#testInput2_input').val(), //反馈单位
-			gdly: $('#DicValueList').val(), //工单来源
-			gdlx: $('#typeclassId').val(), //工单类型id
-			gdzt: $('#State').val(), //工单状态id  
-			province: $("#Province").val(),
-			fkcont:  helper.HtmlUtil.htmlEncodeByRegExp(changeEditor.html()), //反馈内容    
-			sendmsg: $('#express').val(), //快递信息     
-			note1: $('#remark1').val(), //备注一     
-			note2: $('#remark2').val(), //备注二     
-			note3: $('#remark3').val(), //备注三    
+			cusname: $('#name').val(), //姓名
+			cusphone: $('#tel').val(), //号码
+			buydate: $('.buyDate').val(), //购买日期
+			productname: $('#productname').val(), //产品名称
+			buyaddress: $('#buyAddress').val(), //购买地址  
+			producttype: $('#productType').val(), //产品类别   
+			batchnumber: $('#batchNumber').val(), //生产批号     
+			userdate: $('.userDate').val(), //使用日期  userDate  
+			source: $('#DicValueList').val(), //工单来源
+			type: orderType, //工单类型id
+			area: $('.inps2').val(), //区域
+			province: $('.inps3').val(), //省
+			city: $('.inps4').val(), //市
+			content:$('#content').val(), //事件描述     
+			vipid: staffId, //专员id     
+			vipphone: stafftel, //专员号码     
 			callid: $("#CallID").val()
 		},
 		success: function(data) {
 			if(data.state.toLowerCase() == 'success') {
+				
 				layer.msg("保存成功！");
-				clear();
-				$('.customerSubmit').attr("disabled", false);
-				$('.customerSubmit').text('保存');
+				window.location.reload()
+//				$('.customerSubmit').attr("disabled", false);
+//				$('.customerSubmit').text('保存');
 			}
 		}
 	});
@@ -311,72 +392,53 @@ function saveCustomer() {
 }
 // 市场部保存
 function saveMarket() {
-	if($('#name_market').val() == '') {
-		layer.confirm('请输入姓名！', {
-			icon: 2,
-			btn: ['确定']
-		});
-		return;
-	}
-	if($('#tel_market').val() == '') {
-		layer.confirm('请输入电话！', {
-			icon: 2,
-			btn: ['确定']
-		});
-		return;
-	}
-	if($.trim($('#testInput3_input').val()) == '') {
-		layer.confirm('请选择来电单位！', {
-			icon: 2,
-			btn: ['确定']
-		});
-		return;
-	}
-	if($.trim($('#testInput4_input').val()) == '') {
-		layer.confirm('请选择反馈单位！', {
-			icon: 2,
-			btn: ['确定']
-		});
-		return;
-	}
-	if($('#DicValueList_market').val() == '') {
-		layer.confirm('请选择工单来源！', {
-			icon: 2,
-			btn: ['确定']
-		});
-		return;
-	}
-	if($('#typeclassId_market').val() == '') {
-		layer.confirm('请选择工单类型！', {
-			icon: 2,
-			btn: ['确定']
-		});
-		return;
+	
+	if (ns==1) {
+		orderType=$('.orderType1').val();
+		staffId=$('#vipName').val();
+		stafftel=$('#vipTel').val();
+	} else if(ns==2){
+		
+		orderType=$('.orderType2').val();
+		staffId=$('#customerName').val();
+		stafftel=$('#customerTel').val();
 	}
 	$.ajax({
 		type: "post",
-		url: huayi.config.callcenter_url + "CallInScreen/AddWorkOrder",
+		url: huayi.config.callcenter_url + "WorkOrder/AddWorkOrder",
 		dataType: 'json',
 		async: true,
-		beforeSend: function() { //触发ajax请求开始时执行
-			$('.marketSubmit').attr("disabled", true);
-			$('.marketSubmit').text('保存中...');
-		},
+//		beforeSend: function() { //触发ajax请求开始时执行
+//			$('.marketSubmit').attr("disabled", true);
+//			$('.marketSubmit').text('保存中...');
+//		},
 		data: {
 			token: $.cookie("token"),
-			callCustomer: $('#name_market').val(), //姓名
-			tel: $('#tel_market').val(), //号码
-			lddep: $('#testInput3_input').val(), //来电单位
-			fkdep: $('#testInput4_input').val(), //反馈单位
-			gdly: $('#DicValueList_market').val(), //工单来源
-			gdlx: $('#typeclassId_market').val(), //工单类型id
-			fkcont: helper.HtmlUtil.htmlEncodeByRegExp(marketEditor.html()), //反馈内容
+			cusname: $('#name').val(), //姓名
+			cusphone: $('#tel').val(), //号码
+			area: $('.inps2').val(), //区域
+			vipid: staffId, //专员id     
+			vipphone: stafftel, //专员号码     
+			source: $('#DicValueList').val(), //工单来源
+			productname: $('#productname').val(), //产品名称
+			batchnumber: $('#batchNumber').val(), //生产批号     
+			buyaddress: $('#buyAddress').val(), //购买地址  
+			productdate: $('#proDuctdate').val(),
+			buydate: $('.buyDate').val(), //购买日期
+			userdate: $('.userDate').val(), //使用日期  userDate  
+			type: orderType, //工单类型id
+			province: $('.inps3').val(), //省
+			city: $('.inps4').val(), //市
+			content:$('#content').val(), //事件描述     
+			
 			callid: $("#CallID").val()
 		},
 		success: function(data) {
 			if(data.state.toLowerCase() == 'success') {
 				layer.msg("保存成功！");
-				clear();
+				debugger
+				window.location.reload()
+//				clear();
 				$('.marketSubmit').attr("disabled", false);
 				$('.marketSubmit').text('保存');
 			}
@@ -400,14 +462,12 @@ function clear() {
 		$('#remark2').val(''); //备注二     
 		$('#remark3').val(''); //备注三    
 		$('#typeclass').val('');
-		changeEditor.html('');
 	} else {
 		$('#name_market').val('');
 		$('#tel_market').val(''); //号码
 		$('#testInput3_input').val(''); //来电单位
 		$('#testInput4_input').val(''); //反馈单位
 		$('#remark_market').val(''); //备注内容
-		marketEditor.html('');
 	}
 
 }

CallCenterWeb.UI/js/WorkOrder/WorkOrder.js

@@ -1,4 +1,28 @@
-$(document).ready(function() {
+var ns;
+$.ajax({
+	type: "get",
+	url: huayi.config.callcenter_url + "CallInScreen/GetCurrUserDep",
+	dataType: 'json',
+	async: false,
+	data: {
+		token: $.cookie("token")
+	},
+	success: function(data) {
+		if(data.state.toLowerCase() == 'success') {
+			if(data.data.groname == '客服组') {
+				//console.log(data.data.groname)
+				$('.customerService').show();
+				$('.market').remove();
+				ns = 1;
+			} else {
+				$('.market').show();
+				$('.customerService').remove();
+				ns = 2;
+			}
+		}
+	}
+});
+$(document).ready(function() {
 	initTable();
 	initTables();
 	$(".ss").click(function() {
@@ -106,7 +130,6 @@
 	//	//反馈单位 、来电单位
 	$('#comeCall_dep').comboSelect();
 	$('#comeCall_deps').comboSelect();
-	getAccount();
 
 	function getOrderType() {
 		$.get(huayi.config.callcenter_url + 'WorkType/GetTreeList', {
@@ -178,28 +201,7 @@
 	}
 
 })
-//	//反馈单位 、来电单位
-function getAccount() {
-	$.ajax({
-		type: "get",
-		url: huayi.config.callcenter_url + "Customer/BindLDdep",
-		dataType: 'json',
-		async: true,
-		data: {
-			token: $.cookie("token")
-		},
-		success: function(data) {
-			var Count = data.data.dep;
-			$(Count).each(function(i, n) {
-				$("<option value='" + n + "'>" + n + "</option>").appendTo($("#comeCall_dep"));
-				$("<option value='" + n + "'>" + n + "</option>").appendTo($("#comeCall_deps"));
-			})
-			$('#comeCall_dep').comboSelect();
-			$('#comeCall_deps').comboSelect();
 
-		}
-	});
-}
 //工单来源
 function getOrderSource() {
 	$.ajax({
@@ -290,40 +292,38 @@ if(val) {
 
 function xq() {
 	$.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
-		"orderid": selid,
+		"workid": selid,
 		"token": $.cookie("token")
 	}, function(result) {
 		if(result.state.toLowerCase() == "success") {
 			if(result.data.data.length > 0) {
 				var data = result.data.data[0];
-				$("#xq_gdbh").text(data.WorkOrderID);
-				$("#xq_gdlx").text(data.GDLXName);
-				$("#xq_cjsj").text(data.CreateTime);
-				$("#xq_gdzt").html(GetStateName(data.State));
-				$("#xq_khxm").text(data.Customer);
-				$("#xq_khdh").text(data.CustomerTel);
-				if(data.Address != null || data.Address != "") {
-					$("#xq_wtlx").text(data.Address);
-				} else {
-					$("#xq_wtlx").text('未知');
-				}
-
-				$("#xq_zxgh").text(data.Source);
-//				$("#xq_gdnr").html(decodeURIComponent(data.Detail)); //工单详情
-				$("#xq_gdnr").html(data.Detail); //工单详情
-				$('#bz-1').text(data.County);
-				$("#bz-2").text(data.Province);
-				$("#bz-3").text(data.City);
-				$("#xq_kdxx").text(data.Files);
-
+				$("#xq_gdbh").text(data.F_WorkOrderId); //工单编号
+				$("#xq_gdlx").text(data.TypeName); //工单类型
+				$("#xq_cjsj").text(data.F_CreateTime); //创建时间
+				$("#xq_gdzt").html(GetStateName(data.F_State)); //工单状态
+				$("#xq_khxm").text(data.F_CusName); //客户姓名
+				$("#xq_khdh").text(data.F_CusPhone); //客户电话
+				
+				$("#buyDate").text(data.F_BuyDate); //购买日期
+				$("#productName").text(data.F_ProductName); //产品名称
+				$("#buyAddress").text(data.F_BuyAddress); //购买地址
+				$("#productType").text(data.F_ProductType); //产品类别
+				$("#batchNumber").text(data.F_BatchNumber); //生产批号
+				$("#userDate").text(data.F_UserDate); //使用日期
+				$("#areaName").text(data.F_Area+"-"+data.F_Province+"-"+data.F_City); //区域
+				$("#VipName").text(data.F_VIPName); //专员姓名
+				$("#F_VipPhone").text(data.F_VIPPhone); //专员电话
+				$("#conTent").text(data.F_Content); //专员电话
+				
 				$(".gdxq").eq(0).find(".allbc").remove();
-				if(result.data.item.length > 0) {
+				if(result.data.gcdata.length > 0) {
 					var html = '<div class="allbc">补充记录' +
 						'<table class="table table-hover table-striped"><thead><tr><th><div class="th-inner">补充人</div></th>' +
 						'<th><div class="th-inner">补充详情</div></th><th><div class="th-inner">创建时间</div></th></tr></thead><tbody>';
 
-					$(result.data.item).each(function(i, n) {
-						html += '<td>' + n.CreateUserName + '</td><td>' + n.Detail + '</td><td>' + n.CreateTime + '</td>';
+					$(result.data.gcdata).each(function(i, n) {
+						html += '<tr><td>' + n.F_CreateUser + '</td><td>' + n.F_Message + '</td><td>' + n.F_CreateTime + '</td></tr>';
 					})
 					html += '</tbody></table></div>';
 					$(".gdxq").eq(0).append($(html));
@@ -390,24 +390,11 @@ function GetTypeName(val) {
 }
 
 function GetStateName(val) {
-	//  var str = '';
-	//  switch (val + '') {
-	//      case '0': str = "待指派"; break;
-	//      case '1': str = "处理中"; break;
-	//      case '2': str = "已完结"; break;
-	//  }
-	//if(val==0){
-	//	return '<div class="warning">待指派</div>'
-	//}else if(val==1){
-	//	return '<div class="primary">处理中</div>'
-	//}else if(val==2){
-	//	return '<div class="defauli">已完结</div>'
-	//    }
+	
 	if(val == 0) {
 		return '<div class="warning">待处理</div> '
 	} else {
 		return '<div class="defauli">已处理</div>'
-
 	}
 	return str;
 }
@@ -510,10 +497,7 @@ function Dispose(val, row) {
 }
 
 function czhtml(val, row, str) {
-	if(row.CreateUser == F_UserCode) {
-		return '<div class="imgs" ><a class="xg" onclick="getOrderDetail(\'' + val + '\',\'' + row.TypeClassName + '\')">' + str + '</a></div>';
-	}
-
+	return '<div class="imgs" ><a  onclick= TZ("' + row.F_WorkOrderId + '") >修改</a><a class="xg" onclick="getOrderDetail(\'' + val + '\',\'' + row.TypeClassName + '\')">' + str + '</a></div>';
 }
 
 function oper(val, obj) {
@@ -522,23 +506,21 @@ function oper(val, obj) {
 	$("#cl_gdbh").text(zp.WorkOrderID);
 	$("#cl_gdlx").text(zp.TypeClassName);
 	$("#cl_khxm").text(zp.Customer);
-	$("#cl_khdh").text(zp.CustomerTel);
+	$("#cl_khdh").text(zp.F_CusPhone);
 	changeEditor.html(zp.Detail_2)
 	$("#clbmname").val("");
 	$("#clbm").val("");
 	$("#clidname").val("");
 	$("#clid").val("");
 	$(".clid").empty();
-
 	$("#cont").val("");
-
 	$(".t-shade").addClass("cx");
 	$(".clgd").addClass("cx");
 }
 
 //获取详情
-function getOrderDetail(orderid, typeName) {
-	zpid = orderid;
+function getOrderDetail(workid, typeName) {
+	zpid = workid;
 	$.ajax({
 		type: "get",
 		url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrder",
@@ -546,18 +528,17 @@ function getOrderDetail(orderid, typeName) {
 		async: true,
 		cache: false,
 		data: {
-			orderid: orderid,
+			workid: workid,
 			token: $.cookie("token")
 		},
 		success: function(result) {
 			if(result.data.data.length > 0) {
 				var data = result.data.data[0];
 				if(data) {
-					$("#cl_gdbh").text(data.WorkOrderID);
-					$("#cl_gdlx").text(typeName);
-					$("#cl_khxm").text(data.Customer);
-					$("#cl_khdh").text(data.CustomerTel);
-					changeEditor.html(data.Detail)
+					$("#cl_gdbh").text(data.F_WorkOrderId);
+					$("#cl_gdlx").text(data.TypeName);
+					$("#cl_khxm").text(data.F_CusName);
+					$("#cl_khdh").text(data.F_CusPhone);
 					$("#clbmname").val("");
 					$("#clbm").val("");
 					$("#clidname").val("");
@@ -598,10 +579,7 @@ function TZ(val) {
 }
 
 function Remove(val, row) {
-	if(row.CreateUser == F_UserCode) {
-		return '<div class="imgs RemoveC" ><a  onclick= remove("' + val + '") >删除</a> <a  onclick= TZ("' + row.WorkOrderID + '") >修改</a> </div>';
-	}
-
+	return '<div class="imgs RemoveC" ><a  onclick= remove("' + val + '") >删除</a>  </div>';
 }
 
 function remove(str, row) {

CallCenterWeb.UI/js/WorkOrder/xgWork.js

@@ -2,11 +2,35 @@ var ns;
 var id = helper.request.queryString("id");
 var phone = helper.request.queryString("phone");
 var objs = {};
+laydate.render({
+	elem: '#userDate',
+	theme: '#1ab394',
+	calendar: 'true'
+	//type: 'datetime',
+	//max : 31,
+	//min: 0,
+});
+laydate.render({
+	elem: '#buyAddress',
+	theme: '#1ab394',
+	calendar: 'true'
+	//type: 'datetime',
+	//max : 31,
+	//min: 0,
+});
+laydate.render({
+	elem: '#proDuctdate',
+	theme: '#1ab394',
+	calendar: 'true'
+	//type: 'datetime',
+	//max : 31,
+	//min: 0,
+});
 $.ajax({
 	type: "get",
 	url: huayi.config.callcenter_url + "CallInScreen/GetCurrUserDep",
 	dataType: 'json',
-	async: true,
+	async: false,
 	data: {
 		token: $.cookie("token")
 	},
@@ -14,9 +38,11 @@ $.ajax({
 		if(data.state.toLowerCase() == 'success') {
 			if(data.data.groname == '客服组') {
 				$('.customerService').show();
+				$('.market').remove();
 				ns = 1;
 			} else {
 				$('.market').show();
+				$('.customerService').remove();
 				ns = 2;
 			}
 		}
@@ -27,40 +53,40 @@ if(id) {
 	$("#tel_market").val(phone);
 	$("#CallID").val(id);
 }
-	$('#testInput1').comboSelect();
-	$('#testInput2').comboSelect();
-	$('#testInput3').comboSelect();
-	$('#testInput4').comboSelect();
-	$(function(){
-		GDLY(); //工单来源
-		State();//工单状态
-		getOrderType();//工单类型
-		//保存
-		$('.customerSubmit').click(function() {
-			saveCustomer();
-		});
-		$('.marketSubmit').click(function() {
-			saveMarket();
-		});
-		
-	})
-		 	//编辑器配置
-	 KindEditor.ready(function(K) {
-	                window.changeEditor = K.create('#feedBackCon');//修改弹出框编辑器
-	                XQ();
-	        })
-			 	//编辑器配置
-	 KindEditor.ready(function(K) {
-	                window.changeMarket = K.create('#remark_market');//修改弹出框编辑器
-	                	
-	        })
-//		BindLDdep($("#testInput1"),$("#testInput2"),$("#testInput3"),$("#testInput4")).then(function(){
+$('#testInput1').comboSelect();
+$('#testInput2').comboSelect();
+$('#testInput3').comboSelect();
+$('#testInput4').comboSelect();
+$(function() {
+	GDLY(); //工单来源
+	State(); //工单状态
+	getOrderType(); //工单类型
+	getOrderType1();
+	ComplaintVip();//客诉专员
+	//保存
+	$('.customerSubmit').click(function() {
+		saveCustomer();
+	});
+	$('.marketSubmit').click(function() {
+		saveMarket();
+	});
+
+})
+//编辑器配置
+KindEditor.ready(function(K) {
+	XQ();
+})
+//编辑器配置
+KindEditor.ready(function(K) {
+	window.changeMarket = K.create('#remark_market'); //修改弹出框编辑器
+
+})
 //			XQ();
 //		})
-	
+
 //工单状态
- function State(){
- 	$.ajax({
+function State() {
+	$.ajax({
 		url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
 		type: 'get',
 		async: false,
@@ -79,191 +105,245 @@ if(id) {
 
 		}
 	})
- }
-	
+}
+//客诉专员
+function ComplaintVip() {
+	var customerType;
+	if(ns==1){
+		customerType=2
+	}else if(ns==2){
+		customerType=1
+	}
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "Customer/GetAllList",
+		dataType: 'json',
+		async: true,
+		data: {
+			token: $.cookie("token"),
+			type: customerType
+		},
+		success: function(data) {
+			
+			var Count = data.data;
+			if (ns==1) {
+				
+				$(Count).each(function(i, n) {
+					$('<option value="' + n.F_Id 
+					+ '"  index="'+n.F_Phone+'">' + n.F_Name 
+					+ '</option>').appendTo($("#vipName"));
+				})
+			} else if(ns==2){
+				
+				$(Count).each(function(i, n) {
+					$('<option value="' + n.F_Id 
+					+ '"  index="'+n.F_Phone+'">' + n.F_Name 
+					+ '</option>').appendTo($("#customerName"));
+				})
+			}
+			
+		}
+	});
+}
+//获取专员手机号
+$("#vipName").change(function() {
+	$("#vipTel").val($("#vipName option:selected").attr("index"));
+});
+$("#customerName").change(function() {
+	$("#customerTel").val($("#customerName option:selected").attr("index"));
+});
 //工单来源
-function GDLY(){
+function GDLY() {
 	$.ajax({
 		type: "get",
 		url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
 		dataType: 'json',
-		async: false,
+		async: true,
 		data: {
 			token: $.cookie("token"),
 			flag: "GDLY"
 		},
 		success: function(data) {
 			var Count = data.data;
+			$('<option value="">全部</option>').appendTo($("#DicValueList"));
 			$(Count).each(function(i, n) {
-				$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#DicValueList"));
-				$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#DicValueList_market"));
+				if(n.F_DictionaryValueId == "468") {
+					$('<option value="' + n.F_DictionaryValueId + '" selected="selected">' + n.F_Name + '</option>').appendTo($("#DicValueList"));
+					$('<option value="' + n.F_DictionaryValueId + '" selected="selected">' + n.F_Name + '</option>').appendTo($("#DicValueList_market"));
+				} else {
+					$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#DicValueList"));
+					$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#DicValueList_market"));
+				}
 
 			})
 		}
 	});
 }
-	
-	//获取详情
-function XQ(){
-$.ajax({
+
+//获取详情
+function XQ() {
+	$.ajax({
 		type: "get",
 		url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrder",
 		dataType: 'json',
 		async: true,
-		 cache: false,		
+		cache: false,
 		data: {
-				"orderid": id,
-				"token": $.cookie("token")
+			"workid": id,
+			"token": $.cookie("token")
 		},
 		success: function(result) {
-					if(result.data.data.length > 0) {
-			var data = result.data.data[0];
-			var state = data.State;
-			var state_;
-			$("#xq_gdlx").text(data.GDLXName);
-			$("#xq_cjsj").text(data.CreateTime);
-			//              $("#xq_gdzt").html(GetStateName(data.State));
-			$("#name").val(data.Customer);
-			$("#name_market").val(data.Customer);
-			$("#tel_market").val(data.CustomerTel);
-			$("#tel").val(data.CustomerTel);
-			//
-			$("#testInput1_input").val(data.Address);
-			$("#testInput2_input").val(data.Source);
-			$("#testInput3_input").val(data.Address);
-			$("#testInput4_input").val(data.Source);
-			$("#typeclass").val(data.GDLXName);
-			$("#typeclass_market").val(data.GDLXName);
-			changeEditor.html(data.Detail);			
-			changeMarket.html(data.Detail);			
-//			$("#remark_market").text(data.Detail);
-			$("#express").text(data.Files);
-			$("#remark1").text(data.City);
-			$("#remark2").text(data.Province);
-			$("#remark3").text(data.County);
-			if(state == 0) {
-				state_ = 471;
-			} else {
-				state_ = 472;
+			if(result.data.data.length > 0) {
+				var data = result.data.data[0];
+				$('#name').val(data.F_CusName); //姓名
+				$('#tel').val(data.F_CusPhone); //号码
+				$('#proDuctdate').val(data.F_ProductDate); //购买日期
+				$('#buyDate').val(data.F_BuyDate); //购买日期
+				$('#productname').val(data.F_ProductName); //产品名称 
+				$('#buyAddress').val(data.F_BuyAddress); //购买地址   data.
+				$('#productType').val(data.F_ProductType); //产品类别   
+				$('#batchNumber').val(data.F_BatchNumber); //生产批号     
+				$('#userDate').val(data.F_UserDate); //使用日期  
+				$('#DicValueList option:selected').text(data.SourceName); //工单来源 
+				$('#typeclass').val(data.TypeName); //工单类型id 
+				$('#typeclass1').val(data.F_Area+"/"+data.F_Province+"/"+data.F_City); //区域  
+				$('.inps2').val(data.F_Area); //区域  
+				$('.inps3').val(data.F_Province); //省   
+				$('.inps4').val(data.F_City); //市 
+				$('#content').val(data.F_Content); //事件描述     
+				$('#vipName option:selected').text(data.F_VIPName); //专员姓名    
+				$('#vipTel').val(data.F_VIPPhone); //专员号码     
+				$('#customerName option:selected').text(data.F_VIPName); //专员姓名    
+				$('#customerTel').val(data.F_VIPPhone); //专员号码     
 			}
-			$("#State").val(state_);
-			$("#States").val(data.State);
-			$("#DicValueList").val(data.Type);
-			$("#DicValueList_market").val(data.Type);
-			$("#typeclassId").val(data.TypeClass);
-			$("#typeclassId_market").val(data.TypeClass);
-			BindLDdep($("#testInput1"),$("#testInput2"),$("#testInput3"),$("#testInput4"),data.Address,data.Source)
-		}
 		}
 	});
 }
 //工单类型
 function getOrderType() {
-	$.get(huayi.config.callcenter_url + 'WorkType/GetTreeList', {
+	$.get(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByFlag', {
 		"token": $.cookie("token"),
+		flag: "GDLX"
 	}, function(result) {
 		result = $.parseJSON(result);
-		$.fn.zTree.init($("#TreeDemo"), setting3, result.data); //实例化树形图
-		$.fn.zTree.init($("#TreeDemo_market"), setting3, result.data); //实例化树形图
+				
+		var Count = result.data;
+	
+		$(Count).each(function(i, n) {
+			
+			if(ns==1){
+				if(n.F_DictionaryValueId == "468") {
+					$('<option value="' + n.F_DictionaryValueId + '" selected="selected">' + n.F_Name + '</option>').appendTo($(".orderType1"));
+				} else {
+					$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".orderType1"));
+				}
+			}else if(ns==2){
+				
+				if(n.F_DictionaryValueId == "468") {
+					$('<option value="' + n.F_DictionaryValueId + '" selected="selected">' + n.F_Name + '</option>').appendTo($(".orderType2"));
+				} else {
+					$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".orderType2"));
+				}
+			}
+			
+
+		})
+	
 	});
 }
-var setting3 = {
+//区域
+function getOrderType1() {
+	$.get(huayi.config.callcenter_url + 'Area/GetAreaList', {
+		//	$.get('http://192.168.4.18:4625/Area/GetAreaList', {
+		"token": $.cookie("token"),
+	}, function(result) {
+		result = $.parseJSON(result);
+		$.fn.zTree.init($("#TreeDemo1"), setting4, result.data); //实例化树形图
+		$.fn.zTree.init($("#TreeDemo_market1"), setting4, result.data); //实例化树形图
+	});
+}
+var setting4 = {
 	data: {
 		key: {
-			name: "text"
+			name: "F_AreaName"
 		},
 		simpleData: {
 			enable: true,
-			idKey: "id",
+			idKey: "F_Id",
+			pIdKey: "F_ParentId",
 			rootPId: 0
 		}
 	},
 	callback: {
-		onClick: changeTreeClick
+		onClick: changeTreeClick1
 	}
 }
 
-function changeTreeClick(event, treeId, treeNode) {
-	if(treeNode.level == 2){
-		var chanId = treeNode.id;
-		var changeName = treeNode.text;
-		$('#typeclass').val(changeName);
-		$('#typeclassId').val(chanId);
-		$('#typeclass_market').val(changeName);
-		$('#typeclassId_market').val(chanId);
-		var pidnode = treeNode.getParentNode();
+function changeTreeClick1(event, treeId, treeNode) {
+	chanId = treeNode.F_Id;
+	changeName = treeNode.F_AreaName;
+	areaParent = treeNode.getPath();
+	if(areaParent[2]) {
+		areaParent1 = areaParent[0].F_AreaName
+		areaParent2 = areaParent[1].F_AreaName
+		areaParent3 = areaParent[2].F_AreaName
+		$('#typeclass1').val(areaParent1 + "/" + areaParent2 + "/" + areaParent3);
+		$('#typeclass_market1').val(areaParent1 + "/" + areaParent2 + "/" + areaParent3);
+		$('.inps2').val(areaParent1);
+		$('.inps3').val(areaParent2);
+		$('.inps4').val(areaParent3);
+	} else {
+		layer.msg("请选择最下级菜单");
 	}
-	
-};
+	$('.addTree1').hide();
 
-$('.down').click(function() {
-	if($('.treeList').css('display') == 'block') {
-		$('.treeList').css('display', 'none')
+};
+$('.areaDown').click(function() {
+	if($('.treeList1').css('display') == 'block') {
+		$('.treeList1').css('display', 'none')
 	} else {
-		$('.treeList').css('display', 'block')
+		$('.treeList1').css('display', 'block')
 	}
 })
-$('#typeclass').click(function() {
-	$('.treeList').css('display', 'block')
+$('#typeclass1').click(function() {
+	$('.treeList1').css('display', 'block')
 })
-$('.treeList').mouseleave(function() {
+$('.treeList1').mouseleave(function() {
 	$(this).css('display', 'none')
 })
-
-$('.down_market').click(function() {
-	if($('.treeList_market').css('display') == 'block') {
-		$('.treeList_market').css('display', 'none')
-	} else {
-		$('.treeList_market').css('display', 'block')
-	}
+$('#typeclass_market1').click(function() {
+	$('.treeList_market1').css('display', 'block')
 })
-$('#typeclass_market').click(function() {
-	$('.treeList_market').css('display', 'block')
-})
-$('.treeList_market').mouseleave(function() {
+$('.treeList_market1').mouseleave(function() {
 	$(this).css('display', 'none')
 })
-//来电单位  
-function getAccount(obj) {
-	$.ajax({
-		type: "get",
-		url: huayi.config.callcenter_url + "Customer/BindLDdep",
-		dataType: 'json',
-		async: true,
-		data: {
-			token: $.cookie("token")
-		},
-		success: function(data) {
-			var Count = data.data.dep;
-			$(Count).each(function(i, n) {
-				$("<option value='" + n + "'>" + n + "</option>").appendTo($(obj));
-			})
-			//					$(obj).selectpicker('refresh');
-		}
-	});
-
-}
 //客服部保存
 function saveCustomer() {
 	$.ajax({
 		type: "post",
-		url: huayi.config.callcenter_url + "WorkOrder/EditWorkOrderDetail",
+		url: huayi.config.callcenter_url + "WorkOrder/EditWorkOrder",
 		dataType: 'json',
 		async: true,
 		data: {
 			token: $.cookie("token"),
-			orderid: id,
-			customer: $('#name').val(), //姓名
-			lddep: $('#testInput1_input').val(), //来电单位
-			fkdep: $('#testInput2_input').val(), //反馈单位
-			type: $('#DicValueList').val(), //工单来源
-			typeclass: $('#typeclassId').val(), //工单类型id
-			gdzt: $('#State').val(), //工单状态id   
-			detail: helper.HtmlUtil.htmlEncodeByRegExp(changeEditor.html()), //反馈内容    
-			files: $('#express').val(), //快递信息     
-			remark1: $('#remark1').val(), //备注一     
-			remark2: $('#remark2').val(), //备注二     
-			remark3: $('#remark3').val() //备注三    					 callid:$("#CallID").val()
+			workid: id,
+			cusname: $('#name').val(), //姓名
+			cusphone: $('#tel').val(), //号码
+			buydate: $('#buyDate').val(), //购买日期
+			productname: $('#productname').val(), //产品名称
+			buyaddress: $('#buyAddress').val(), //购买地址  
+			producttype: $('#productType').val(), //产品类别   
+			batchnumber: $('#batchNumber').val(), //生产批号     
+			userdate: $('#userDate').val(), //使用日期  userDate  
+			source: $('#DicValueList').val(), //工单来源
+			type: $('.orderType1').val(), //工单类型id
+			area: $('.inps2').val(), //区域
+			province: $('.inps3').val(), //省
+			city: $('.inps4').val(), //市
+			content:$('#content').val(), //事件描述     
+			vipid: $('#vipName').val(), //专员号码     
+			vipphone: $('#vipTel').val(), //专员号码     
+			callid: $("#CallID").val()
 		},
 		success: function(data) {
 			if(data.state.toLowerCase() == 'success') {
@@ -272,7 +352,7 @@ function saveCustomer() {
 				parent.layer.close(index); //再执行关闭
 				parent.$('#workorderlist').bootstrapTable('refresh');
 				parent.layer.msg("修改成功！");
-				clear();
+				//clear();
 			}
 		}
 	});
@@ -280,6 +360,7 @@ function saveCustomer() {
 }
 //市场部保存
 function saveMarket() {
+	alert("dfd");
 	if($('#name_market').val() == '') {
 		layer.confirm('请输入姓名！', {
 			icon: 2,
@@ -301,22 +382,31 @@ function saveMarket() {
 		});
 		return;
 	}
-
 	$.ajax({
 		type: "post",
-		url: huayi.config.callcenter_url + "WorkOrder/EditWorkOrderDetail",
+		url: huayi.config.callcenter_url + "WorkOrder/EditWorkOrder",
 		dataType: 'json',
 		async: true,
 		data: {
 			token: $.cookie("token"),
-			orderid: $("#CallID").val(),
-			customer: $('#name_market').val(), //姓名
-			lddep: $('#testInput3_input').val(), //来电单位
-			fkdep: $('#testInput4_input').val(), //反馈单位
-				type: $('#DicValueList_market').val(), //工单来源
-			typeclass: $('#typeclassId_market').val(), //工单类型id
-//			detail:encodeURIComponent(changeMarket.html()), //备注   
-			detail:helper.HtmlUtil.htmlEncodeByRegExp(changeMarket.html()), //备注   
+			workid: id,
+			cusname: $('#name').val(), //姓名
+			cusphone: $('#tel').val(), //号码
+			area: $('.inps2').val(), //区域
+			vipid: $("#customerName").val(), //专员id     
+			vipphone:$("#customerTel").val(), //专员号码     
+			source: $('#DicValueList').val(), //工单来源
+			productname: $('#productname').val(), //产品名称
+			batchnumber: $('#batchNumber').val(), //生产批号     
+			buyaddress: $('#buyAddress').val(), //购买地址  
+			productdate: $('#proDuctdate').val(),
+			buydate: $('.buyDate').val(), //购买日期
+			userdate: $('.userDate').val(), //使用日期  userDate  
+			type: $('.orderType2').val(), //工单类型id
+			province: $('.inps3').val(), //省
+			city: $('.inps4').val(), //市
+			content:$('#content').val(), //事件描述     
+			callid: $("#CallID").val()
 		},
 		success: function(data) {
 			if(data.state.toLowerCase() == 'success') {
@@ -325,50 +415,13 @@ function saveMarket() {
 				parent.layer.close(index); //再执行关闭
 				parent.$('#workorderlist_').bootstrapTable('refresh');
 				parent.layer.msg("修改成功！");
-				clear();
+				//clear();
 			}
 		}
 	});
 
 }
-function BindLDdep(obj1,obj2,obj3,obj4,res1,res2) {
-					$.ajax({
-						type: "get",
-						url: huayi.config.callcenter_url + "Customer/BindLDdep",
-						dataType: 'json',
-						async: true,
-						data: {
-//							keypara: str,
-							token: $.cookie("token")
-						},
-						success: function(data) {
-							var Count = data.data.dep;
-							var html1 = '', html2 = '';
-							$("<option value='" + res1 + "'>" + res1 + "</option>").appendTo(obj1);
-							$("<option value='" + res2 + "'>" + res2 + "</option>").appendTo(obj2);
-							$("<option value='" + res1 + "'>" + res1 + "</option>").appendTo(obj3);
-							$("<option value='" + res2 + "'>" + res2 + "</option>").appendTo(obj4);
-							$(Count).each(function(i, n) {
-								if(n !==res1){
-									html1 = "<option value='" + n + "'>" + n + "</option>";	
-								}
-								if(n !==res2){
-									html2 = "<option value='" + n + "'>" + n + "</option>";	
-								}
-								$(html1).appendTo(obj1);
-								$(html2).appendTo(obj2);
-								
-								$(html1).appendTo(obj3);
-								$(html2).appendTo(obj4);
-							});
-							obj1.comboSelect();
-							obj2.comboSelect();
-							obj3.comboSelect();
-							obj4.comboSelect();
-						}
-					});
-				};
-		
+
 function clear() {
 	if(ns == 1) {
 		$('#name').val('');
@@ -377,9 +430,8 @@ function clear() {
 		$('#testInput2_input').val(''); //反馈单位
 		$('#orderSource').val(''); //工单来源
 		$('#typeclassId').val(''); //工单类型id
-	
+
 		$('#State').val(''); //工单状态id   
-		changeEditor.html('') //反馈内容    
 		$('#express').val(''); //快递信息     
 		$('#remark1').val(''); //备注一     
 		$('#remark2').val(''); //备注二     
@@ -389,11 +441,8 @@ function clear() {
 		$('#tel_market').val(''); //号码
 		$('#testInput3_input').val(''); //来电单位
 		$('#testInput4_input').val(''); //反馈单位
-			$('#typeclassId_market').val(''); //工单类型id
-		changeMarket.html('') //反馈内容
-//		$('#remark_market').val(''); //备注内容
+		$('#typeclassId_market').val(''); //工单类型id
+		//		$('#remark_market').val(''); //备注内容
 	}
 
-}
-
-
+}

CallCenterWeb.UI/keHuManager/ContactPersonManger.html

@@ -9,105 +9,8 @@
 		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
 		<link rel="stylesheet" href="../css/init.css" />
 		<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
+		<link rel="stylesheet" href="css/kehuManger.css" />
 		<title>客户管理</title>
-		<style>
-			.clearfix:after {
-				content: "";
-				display: block;
-				clear: both;
-			}
-			
-			.delModel .box {
-				width: 22%;
-			}
-			
-			.box {
-				width: 30%;
-				margin: 0 auto;
-				margin-top: 5%;
-			}
-			
-			.box .btop {
-				height: 35px;
-				background: #1ab394;
-				color: #fff;
-				line-height: 35px;
-				padding: 0 15px;
-				/*margin-bottom: 15px;*/
-			}
-			
-			.box .btop p.btl {
-				float: left;
-				margin: 0;
-			}
-			
-			.box .btop p.btr {
-				float: right;
-				cursor: pointer;
-				margin: 0;
-				font-size: 20px;
-			}
-			
-			.box>input {
-				display: block;
-				height: 34px;
-				padding: 6px 12px;
-				font-size: 14px;
-				line-height: 1.42857143;
-				color: #555;
-				background-color: #fff;
-				background-image: none;
-				border: 1px solid #ccc;
-				border-radius: 4px;
-				margin: 35px auto;
-			}
-			
-			.boxCon {
-				width: 100%;
-				background: #fff;
-				text-align: center;
-				padding: 10px 15px;
-				height: auto;
-				overflow-y: auto;
-			}
-			
-			.boxCon>div {
-				padding: 15px 0;
-			}
-			
-			.boxCon table th {
-				padding: 5px 8px 5px 0;
-				text-align: right;
-				width: 32%;
-			}
-			
-			.boxCon table td {
-				padding: 6px 0 5px 10px;
-				text-align: left;
-				color: #717171;
-				line-height: 200%;
-			}
-			
-			.kong {
-				display: none;
-			}
-			
-			.bootstrap-select>.dropdown-toggle.bs-placeholder {
-				background-color: #ffffff!important;
-				border-color: #e5e6e7!important;
-			}
-			
-			.filter-option {
-				color: #676b6d;
-			}
-			
-			.bootstrap-select>.dropdown-toggle.btn-default {
-				background-color: #ffffff!important;
-				border-color: #e5e6e7!important;
-				color: #555;
-			}
-			
-		</style>
 	</head>
 	<body class="gray-bg">
 		<div class="daoHang clearfix">
@@ -128,34 +31,21 @@
 				<div class="th-bar clearfix">
 					<div class="pull-left">
 						<div class="form-inline">
-							<!--<div class="form-group">
-							 	<input type="text" class="czName form-control" placeholder="请输入客户名称"/>
-							 </div>-->
-							<div class="form-group">
-								<!--<select class="form-control selectpicker" id="customer_name" data-live-search="true">
-									<option value="">请选择客户名称</option>
-								</select>-->
-								<select class="form-control" id="customer_name">
-									<!--<option value="">请选择客户名称</option>-->
-								</select>
-							</div>
-							<div class="form-group">
-								<select class="form-control selectpicker" id="province" data-live-search="true">
-									<option value="">请选择省份</option>
-								</select>
-							</div>
 							<div class="form-group">
 								<input type="text" class="form-control contact_name" placeholder="请输入联系人" />
 							</div>
 							<div class="form-group">
 								<input type="text" class="form-control phone" placeholder="请输入电话" />
 							</div>
+							<div class="form-group">
+								<button class="btns search">搜索</button>
+							</div>
 						</div>
 
 						<span style="display:none">登录时间：<input type="text" class="laydate-icon loginTime" id="startTime"/></span>
 					</div>
 					<div class="pull-right">
-						<button class="btns search">搜索</button>
+						
 						<button class="btns add ">添加</button>
 						<button class="btns change">修改</button>
 						<button class="btns del">删除</button>&nbsp;
@@ -172,13 +62,14 @@
 						<tr>
 							<th data-field="state" data-checkbox="true" data-align="center"></th>
 							<th data-align="center" data-formatter="setCode">编号</th>
+							<!--<th data-field="F_Area" data-align="center" data-formatter="customType">客户类型</th>-->
+							<th data-field="F_Area" data-align="center">大区</th>
 							<th data-field="F_Province" data-align="center">省份</th>
-							<th data-field="F_CustomerIndustry" data-align="center">客户名称</th>
-							<th data-field="F_CustomerName" data-align="center">联系人</th>
-							<th data-field="F_Telephone" data-align="center">电话</th>
+							<th data-field="F_City" data-align="center">城市</th>
+							<th data-field="F_Name" data-align="center">姓名</th>
+							<th data-field="F_Phone" data-align="center">电话</th>
 						</tr>
 					</thead>
-
 				</table>
 			</div>
 		</div>
@@ -188,7 +79,6 @@
 		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
 		<script src="../js/comboSelect/jquery.combo.select.js"></script>
 		<script src="./js/keHuManger.js"></script>
-		
 	</body>
 
 </html>

CallCenterWeb.UI/keHuManager/addCustomerFile.html

@@ -6,340 +6,68 @@
 		<script src="../Script/Common/huayi.load.js"></script>
 		<script src="../Script/Common/huayi.config.js"></script>
 		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
-		<script src="province.js"></script>
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
 		<link rel="stylesheet" href="../css/init.css" />
+		<link rel="stylesheet" href="css/kehuManger.css" />
 		<title></title>
-		<style>
-			.clearfix:after {
-				content: "";
-				display: block;
-				clear: both;
-			}
-			
-			.boxCon {
-				width: 100%;
-				background: #fff;
-				text-align: center;
-				padding: 10px 15px;
-				height: auto;
-				overflow-y: auto;
-			}
-			
-			.boxCon>div {
-				padding: 15px 0;
-			}
-			
-			.boxCon table th {
-				padding: 5px 8px 5px 0;
-				text-align: right;
-				width: 32%;
-			}
-			
-			.boxCon table td {
-				padding: 6px 0 5px 10px;
-				text-align: left;
-				color: #717171;
-				line-height: 200%;
-			}
-			
-			.kong {
-				display: none;
-			}
-			
-			.bootstrap-select>.dropdown-toggle.bs-placeholder {
-				background-color: #ffffff!important;
-				border-color: #e5e6e7!important;
-			}
-			
-			.filter-option {
-				color: #676b6d;
-			}
-			
-			.form-inline {
-				display: inline-block;
-			}
-			
-			.bootstrap-select>.dropdown-toggle.btn-default {
-				background-color: #ffffff!important;
-				border-color: #e5e6e7!important;
-				color: #555;
-			}
-			
-			.testInput-list {
-				position: absolute;
-				z-index: 999;
-				border: 1px solid rgb(204, 204, 204);
-				background-color: rgb(255, 255, 255);
-				z-index: 99999;
-				padding-left: 0;
-				width: 97.6%;
-				display: none;
-			}
-			
-			.testInput-list li {
-				padding: 5px;
-				list-style: none;
-			}
-			
-			.testInput-list li:hover {
-				background-color: #E43926;
-				color: #fff;
-			}
-			
-			#testInput4 {
-				outline: none;
-				border: 1px solid #ccc;
-				padding-left: 10px;
-				outline-color: #fff;
-			}
-		</style>
 	</head>
-
 	<body>
 		<div class="container-fluid">
 			<div class="boxCon">
 				<table>
 					<tbody>
+						
 						<tr>
-							<th>客户名称： </th>
+							<th>客户类型： </th>
 							<td>
-								<div class="form-inline">
-									<div class="form-group" style="position: relative;">
-										<!--<select class="form-control selectpicker" id="customer_name" data-live-search="true">
-												<option value="">请选择客户名称</option>
-											</select>-->
-										<input id="testInput4" type="text" style="width:100%;" />
-										<ul class="testInput-list">
-											<li></li>
-										</ul>
-									</div>
+								<div class="form-group addJsz_select_cus">
+									<select class="form-control" id="customerType" data-live-search="true">
+										<option value="1">客户</option>
+										<option value="2">专员</option>
+									</select>
+									<span class="addJsz_kong addJsz_posi">*</span>
 								</div>
-								<span class="addJsz_kong" style="color: red;">*</span>
 							</td>
 						</tr>
 						<tr>
-							<th>省份： </th>
+							<th>客户名称： </th>
 							<td>
-								<div class="form-inline">
-									<div class="form-group">
-										<select class="form-control selectpicker" id="province" data-live-search="true">
-											<option value="">请选择省份</option>
-										</select>
-									</div>
-								</div>
+								<input type="text" class="Customer"  style="padding-left: 10px;"/>
 								<span class="addJsz_kong" style="color: red;">*</span>
+							</td>
 						</tr>
 						<tr>
-							<th>联系人： </th>
-							<td><input type="text" class="name" />
-								<!--<span class="addJsz_kong" style="color: red;">*</span>-->
+							<th>电话： </th>
+							<td>
+								<input type="text" class="mobile"  style="padding-left: 10px;" />
 							</td>
 						</tr>
 						<tr>
-							<th>电话： </th>
+							<th>区域：</th>
 							<td>
-								<input type="text" class="mobile" />
-								<!--<span class="kong addJsz_kong" style="color: red;">*角色值不允许为空</span>-->
+								<div class="form-inline addJsz_select_cus">
+									<div class="form-group">
+										<input type="text" class="inps inps1"  style="width: 180px;"/>
+										<input type="text" class="inps2">
+										<input type="text" class="inps3">
+										<input type="text" class="inps4">
+										<i class="xl xl_one"></i>
+										<div class="addTree xlAdd">
+											<ul id="addTreeDemo" class="ztree">
+											</ul>
+										</div>
+									</div>
+								</div>
 							</td>
 						</tr>
 					</tbody>
 				</table>
 				<div style="text-align: center;"><button class="btns addCun">保存</button></div>
 			</div>
-
 		</div>
+		
 		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
-		<script>
-			var token = $.cookie("token");
-			var id = helper.request.queryString("ids");
-			Select($("#testInput4"));
-			$(document).ready(function() {
-
-				var regBox = {
-					//regEmail: /^([A-Za-z0-9_\.-]+)@([\dA-Za-z_\.-]+)\.([A-Za-z_\.-]{2,6})$/,  //邮箱
-					//regEmail: /@/,    //邮箱
-					//regName: /^[a-z0-9_-]{3,16}$/,    //用户名
-					//regMobile: /^1(3|4|5|7|8)\d{9}$/    //手机
-					//regTel: /^0[\d]{2,3}-[\d]{7,8}$/,
-					//regData: /^[0-9]*$/ //数字
-					regMobOrTel: /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/
-				}
-				//判断
-				function Isnullorempty(selstr) {
-					if(selstr == null || selstr == "" || selstr == undefined || selstr == "null" || selstr == "undefined" || parseFloat(selstr) <= 0) {
-						return true;
-					} else {
-						return false;
-					}
-				}
-				//保存按钮
-				$('.addCun').click(function() {
-					var tel = $(".mobile").val();
-					//var reg = /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^0\d{2,3}-?\d{7,8}$/;
-					if($('#customer_name').val() == '') {
-						layer.confirm('请选择客户名称！', {
-							btn: ['确定']
-						});
-						return;
-					}
-					if($('#province').val() == '') {
-						layer.confirm('请选择省份！', {
-							btn: ['确定']
-						});
-						return;
-					}
-//					if(!reg.test($.trim($(".mobile").val()))) {
-//						layer.confirm('请输入正确的联系电话', {
-//							btn: ['确定']
-//						});
-//						return;
-//					}
-					$.post(huayi.config.callcenter_url + 'Customer/AddCustomer', {
-						cid: id,
-						customerindustry: $('#testInput4').val(),
-						province: $('#province').val(),
-						mobile: $('.mobile').val(),
-						name: $('.name').val(),
-						"token": $.cookie("token")
-					}, function(result) {
-						result = $.parseJSON(result);
-						if(result.state.toLowerCase() == "success") {
-							$("#activess").val(result.data);
-							var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
-							parent.layer.close(index); //再执行关闭
-							parent.layer.msg("添加成功！");
-							parent.table.bootstrapTable('refresh');
-						}
-					})
-
-				})
-				if(id) {
-					$.get(huayi.config.callcenter_url + 'Customer/GetCustomer', {
-						cid: id,
-						"token": $.cookie("token")
-					}, function(result) {
-						result = $.parseJSON(result);
-						if(result.state.toLowerCase() == "success") {
-							var con = result.data;
-							$("#testInput4").val(con.F_CustomerIndustry);
-							$('#customer_name').trigger("change");
-							//					$("#customer_name").find('option[text='+ con.F_CustomerIndustry +']').attr("selected",true);
-							$("#province").val(con.F_Province);
-							$('#province').trigger("change");
-							$(".mobile").val(con.F_Telephone);
-							$(".name").val(con.F_CustomerName);
-						}
-					})
-
-				}
-
-			})
-			//客户名称
-			getAccount()
-
-			function getAccount() {
-				$.ajax({
-					type: "get",
-					url: huayi.config.callcenter_url + "Customer/BindLDdep",
-					dataType: 'json',
-					async: true,
-					data: {
-						token: $.cookie("token")
-					},
-					success: function(data) {
-						var Count = data.data.dep;
-						$(Count).each(function(i, n) {
-							$("<option value='" + n + "'>" + n + "</option>").appendTo($("#customer_name"));
-						})
-						$('#customer_name').selectpicker('refresh');
-					}
-				});
-			}
-			//省份
-			getProvince()
-
-			function getProvince() {
-				//			$.ajax({
-				//				type: "get",
-				//				url: 'province.json',
-				//				dataType: 'json',
-				//				async: true,
-				//				data: {
-				////					token: $.cookie("token")
-				//				},
-				//				success: function(data) {
-				//					var Count = data.provinces;
-				//					$(Count).each(function(i,n){
-				//						$("<option value='" + n.provinceName + "'>" + n.provinceName + "</option>").appendTo($("#province"));
-				//					})
-				//					$('#province').selectpicker('refresh');
-				//				}
-				//			});
-				var Count = geo.provinces;
-				$(Count).each(function(i, n) {
-					$("<option value='" + n.provinceName + "'>" + n.provinceName + "</option>").appendTo($("#province"));
-				})
-				$('#province').selectpicker('refresh');
-			}
-
-			function Select(obj) {
-				obj.click(function(event) {
-					event.preventDefault();
-				});
-				obj.focus(function() { //
-					//失去焦点后触发的事件
-					obj.parent().find('.testInput-list').show();
-					BindLDdep();
-				});
-				obj.bind("input propertychange", function() {
-					var value = $(this).val();
-					obj.parent().find('.testInput-list').show();
-					BindLDdep(value)
-				});
-
-				function BindLDdep(str) {
-					$('.testInput-list').empty();
-					$.ajax({
-						type: "get",
-						url: huayi.config.callcenter_url + "Customer/BindLDdep",
-						dataType: 'json',
-						async: true,
-						data: {
-							keypara: str,
-							token: $.cookie("token")
-						},
-						success: function(data) {
-							var Count = data.data.dep;
-							console.log(Count);
-							var html = '';
-							$(Count).each(function(i, n) {
-								html = '<li value="' + n + '" id="td' + i + '">' + n + '</li>';
-								$(html).appendTo($('.testInput-list'));
-							});
-							$('.testInput-list>li').click(function() {
-								obj.val($(this).html());
-								console.log($(this).html());
-								$('.testInput-list').hide();
-							})
-
-						}
-					});
-				};
-				//
-
-			}
-
-			//请求单位
-
-			$(document).ready(function() {
-
-				$(document).click(function(e) {
-					if(!$(e.target).is($('.testInput-list>li')) && !$(e.target).is($('#testInput1')) && !$(e.target).is($('#testInput2')) && !$(e.target).is($('#testInput3')) && !$(e.target).is($('#testInput4'))) {
-						$('.testInput-list').hide();
-					}
-				})
-			})
-		</script>
+		<script src="../js/zTree/jquery.ztree.core.js"></script>
+		<script src="js/addCustomer.js"></script>
 	</body>
-
 </html>

CallCenterWeb.UI/keHuManager/css/kehuManger.css

@@ -0,0 +1,131 @@
+.clearfix:after {
+	content: "";
+	display: block;
+	clear: both;
+}
+
+.boxCon {
+	width: 100%;
+	background: #fff;
+	text-align: center;
+	padding: 10px 15px;
+	height: auto;
+	overflow-y: auto;
+}
+
+.boxCon>div {
+	padding: 15px 0;
+}
+
+.boxCon table th {
+	padding: 5px 8px 5px 0;
+	text-align: right;
+	width: 32%;
+}
+
+.boxCon table td {
+	padding: 6px 0 5px 10px;
+	text-align: left;
+	color: #717171;
+	line-height: 200%;
+}
+
+.kong {
+	display: none;
+}
+
+.bootstrap-select>.dropdown-toggle.bs-placeholder {
+	background-color: #ffffff!important;
+	border-color: #e5e6e7!important;
+}
+
+.filter-option {
+	color: #676b6d;
+}
+
+.form-inline {
+	display: inline-block;
+}
+
+.bootstrap-select>.dropdown-toggle.btn-default {
+	background-color: #ffffff!important;
+	border-color: #e5e6e7!important;
+	color: #555;
+}
+
+.testInput-list {
+	position: absolute;
+	z-index: 999;
+	border: 1px solid rgb(204, 204, 204);
+	background-color: rgb(255, 255, 255);
+	z-index: 99999;
+	padding-left: 0;
+	width: 97.6%;
+	display: none;
+}
+
+.testInput-list li {
+	padding: 5px;
+	list-style: none;
+}
+
+.testInput-list li:hover {
+	background-color: #E43926;
+	color: #fff;
+}
+
+#testInput4 {
+	outline: none;
+	border: 1px solid #ccc;
+	padding-left: 10px;
+	outline-color: #fff;
+}
+
+.addJsz_posi {
+	position: absolute;
+	right: -9px;
+	top: 7px;
+	color: red;
+}
+
+.addJsz_select {
+	
+	position: relative;
+}
+.addJsz_select_cus{
+	width: 180px;
+	position: relative;
+}
+.addTree {
+    background: #fff;
+    position: absolute;
+    width: 100%;
+    border: 1px solid darkgrey;
+    right: 0;
+    top: 32px;
+    display: none;
+}
+.xl {
+	display: inline-block;
+	background: url("../../img/dropDown.png") no-repeat;
+	height: 32px;
+	background-position: center center;
+	width: 20px;
+	position: absolute;
+	right: -2px;
+	top: 0px;
+	background-color: #f7bc8b;
+	cursor: pointer;
+}
+.inps1{
+	padding-left: 10px;
+}
+.inps2,.inps3,.inps4{
+	display: none;
+}
+
+
+
+
+
+

CallCenterWeb.UI/keHuManager/js/addCustomer.js

@@ -0,0 +1,134 @@
+var token = $.cookie("token");
+var id = helper.request.queryString("ids");
+$(document).ready(function() {
+	var regBox = {
+		//regMobile: /^1(3|4|5|7|8)\d{9}$/    //手机
+		regMobOrTel: /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/
+	}
+	//保存按钮
+	$('.addCun').click(function() {
+		var tel = $(".mobile").val();
+		var reg = /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^0\d{2,3}-?\d{7,8}$/;
+		if($('#customer_name').val() == '') {
+			layer.confirm('请选择客户名称！', {
+				btn: ['确定']
+			});
+			return;
+		}
+		if($('#province').val() == '') {
+			layer.confirm('请选择省份！', {
+				btn: ['确定']
+			});
+			return;
+		}
+		if(!reg.test($.trim($(".mobile").val()))) {
+			layer.confirm('请输入正确的联系电话', {
+				btn: ['确定']
+			});
+			return;
+		}
+		
+		$.post(huayi.config.callcenter_url + 'Customer/AddCustomer', {
+			id:id,
+			type:$("#customerType").val(),
+			area: $('.inps2').val(),
+			province: $('.inps3').val(),
+			city: $('.inps4').val(),
+			tel: $('.mobile').val(),
+			name: $('.Customer').val(),
+			"token": $.cookie("token")
+		}, function(result) {
+			result = $.parseJSON(result);
+			if(result.state.toLowerCase() == "success") {
+				$("#activess").val(result.data);
+				var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+				parent.layer.close(index); //再执行关闭
+				parent.layer.msg("添加成功！");
+				parent.table.bootstrapTable('refresh');
+			}
+		})
+
+	})
+	if(id) {
+		$.get(huayi.config.callcenter_url + 'Customer/GetCustomer', {
+			id: id,
+			"token": $.cookie("token")
+		}, function(result) {
+			result = $.parseJSON(result);
+			if(result.state.toLowerCase() == "success") {
+				var con = result.data;
+				if (con.F_Type==1) {
+					$("#customerType option:selected").text("客户");
+				} else{
+					$("#customerType option:selected").text("专员");
+				}
+				$("#testInput4").val(con.F_CustomerIndustry);
+				$(".inps1").val(con.F_Area+"/"+con.F_Province+"/"+con.F_City);
+				$(".inps2").val(con.F_Area);
+				$(".inps3").val(con.F_Province);
+				$(".inps4").val(con.F_City);
+				$(".mobile").val(con.F_Phone);
+				$(".Customer").val(con.F_Name);
+			}
+		})
+
+	}
+
+})
+//区域
+//添加内容下拉
+$('.inps1').focus(function() {
+	$('.xlAdd').css('display', 'block')
+})
+$('.xl_one').click(function() {
+	if($('.xlAdd').css('display') == 'block') {
+		$('.xlAdd').css('display', 'none')
+	} else {
+		$('.xlAdd').css('display', 'block')
+	}
+})
+$('.addTree').mouseleave(function() {
+	$(this).css('display', 'none')
+})
+var setting1 = {
+	data: {
+		key: {
+			name: "F_AreaName"
+		},
+		simpleData: {
+			enable: true,
+			idKey: "F_Id",
+			pIdKey: "F_ParentId",
+			rootPId: 0
+		}
+	},
+	callback: {
+		onClick: addTreeClick
+	}
+};
+function addTreeClick(event, treeId, treeNode) {
+		addPid=treeNode.F_Id;
+		xlName = treeNode.F_AreaName;
+		areaParent=treeNode.getPath();
+		if (areaParent[2]) {
+			areaParent1=areaParent[0].F_AreaName
+			areaParent2=areaParent[1].F_AreaName
+			areaParent3=areaParent[2].F_AreaName
+			$('.inps1').val(areaParent1+"/"+areaParent2+"/"+areaParent3);
+			$('.inps2').val(areaParent1);
+			$('.inps3').val(areaParent2);
+			$('.inps4').val(areaParent3);
+		}else{
+			layer.msg("请选择最下级菜单");
+		}
+		
+};
+treeCont();
+function treeCont() {
+	$.get(huayi.config.callcenter_url + 'Area/GetAreaList', {
+		"token": $.cookie("token"),
+	}, function(result) {
+		result = $.parseJSON(result);
+		$.fn.zTree.init($("#addTreeDemo"), setting1, result.data); //实例化树形图
+	});
+}

CallCenterWeb.UI/keHuManager/js/keHuManger.js

@@ -6,29 +6,6 @@ laydate({
     event: 'focus',
     format: 'YYYY-MM-DD', // 分隔符可以任意定义，该例子表示只显示年月
 });
-
-//客户名称
-getAccount()
-function getAccount() {
-    $.ajax({
-        type: "get",
-        url: huayi.config.callcenter_url + "Customer/BindLDdep",
-        dataType: 'json',
-        async: true,
-        data: {
-            token: $.cookie("token")
-        },
-        success: function (data) {
-            var Count = data.data.dep;
-             $("<option value=''>请选择客户名称</option>").appendTo($("#customer_name"));
-            $(Count).each(function (i, n) {
-                $("<option value='" + n + "'>" + n + "</option>").appendTo($("#customer_name"));
-            })
-//          $('#customer_name').selectpicker('refresh');
-			$('#customer_name').comboSelect();
-        }
-    });
-}
 //省份
 getProvince()
 function getProvince() {
@@ -53,7 +30,7 @@ $('.add').click(function () {
         maxmin: true, //开启最大化最小化按钮
         area: ['50%', '50%'],
         content: 'addCustomerFile.html'
-        //              content: 'addZhiShiKuManger.html?addId=' + id + '&addPid='+ pid +'&addName='+ name +''
+        //content: 'addZhiShiKuManger.html?addId=' + id + '&addPid='+ pid +'&addName='+ name +''
     });
 })
 
@@ -61,7 +38,7 @@ $('.add').click(function () {
 var did;
 $('.change').click(function () {
     var ids = $.map(table.bootstrapTable('getSelections'), function (row) {
-        return row.F_CustomerId;
+        return row.F_Id;
     });
     did = ids.toString();
     if (ids.length != 1) {
@@ -87,9 +64,9 @@ $('.change').click(function () {
 var delid;
 $('.del').click(function () {
     var ids = $.map(table.bootstrapTable('getSelections'), function (row) {
-        return row.F_CustomerId;
+        return row.F_Id;
     });
-    delid = ids.toString();
+    delid = ids;
     if (ids.length <= 0) {
         layer.confirm('请选择要删除的行！', {
             btn: ['确定']
@@ -152,11 +129,9 @@ function initTable(token) {
                 page: params.pageNumber,
                 pagesize: params.pageSize,
                 token: token,
-                Cusname: $('#customer_name').val(), //客户名称
                 name: $('.contact_name').val(), //联系人
-                province: $('#province').val(), //省份
                 tel: $('.phone').val(), //电话
-                //					logindate: $('.loginTime').val() //登录时间
+                //logindate: $('.loginTime').val() //登录时间
             };
             return param;
         },
@@ -174,6 +149,14 @@ function setCode(val, row, index) {
     var page = table.bootstrapTable("getPageCode");
     return page.pageSize * (page.pageNumber - 1) + index + 1;
 }
+//客户类型
+function customType(val,row) {
+	if(val == 1) {
+		return '<span>客户</span>';
+	} else {
+		return '<span>专员</span>';
+	}
+}
 var regBox = {
     //regEmail: /^([A-Za-z0-9_\.-]+)@([\dA-Za-z_\.-]+)\.([A-Za-z_\.-]{2,6})$/,  //邮箱
     //regEmail: /@/,    //邮箱
@@ -202,10 +185,12 @@ $("#upFile").change(function () {
 })
 
 function ExcelMod() {
-    window.location.href = huayi.config.callcenter_url + "ExcelMod/CustomerList_Mod.xls";
+	window.location.href = huayi.config.callcenter_url + 'Customer/DownTemplate?token='+token;
+	
 }
 
 
+
 //上传文件
 function upload() {
     if (document.getElementById("upFile").files.length > 0) {
@@ -216,14 +201,7 @@ function upload() {
             url: huayi.config.callcenter_url + "Customer/ExportExcel",
             type: "POST",
             data: formData,
-            /**
-             *必须false才会自动加上正确的Content-Type
-             */
             contentType: false,
-            /**
-             * 必须false才会避开jQuery对 formdata 的默认处理
-             * XMLHttpRequest会对 formdata 进行正确的处理
-             */
             processData: false,
             success: function (result) {
                 document.getElementById("upFile").outerHTML = document.getElementById("upFile").outerHTML;
@@ -232,20 +210,9 @@ function upload() {
                 });
                 var r = $.parseJSON(result);
                 if (r.state.toLowerCase() == "success") {
-                    //                          $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + r.data);
-                    //                          var tel = $("#tels").val();
-                    //                          if (tel) {
-                    //                              if (tel.substr(huayi.config.callcenter_url.length - 1, 1) == ',') {
-                    //                                  $("#tels").val(tel + r.data);
-                    //                              }
-                    //                              else {
-                    //                                  $("#tels").val(tel + ',' + r.data);
-                    //                              }
-                    //                          }
-                    //                          else {
-                    //                              $("#tels").val(r.data);
-                    //                          }
-                    layer.msg("导入成功");
+                	layer.msg("导入成功");
+                	initTable(token);
+                   
                 }
             }
         });
@@ -256,3 +223,6 @@ function upload() {
     }
 }
 
+
+
+

CallCenterWeb.UI/login.html

@@ -24,9 +24,9 @@
     		width: 50%;
     	}
     	.left_word>div{
-    		    position: absolute;
-			    right: 0;
-			    bottom: 23%
+		    position: absolute;
+		    right: 0;
+		    bottom: 23%
     	}
     	
     	.left_word>div h2 + p{
@@ -58,8 +58,7 @@
            		  	 <h3>用心做，更出色</h3>
                 <p>致力于临床实验技术的普及和提高，为人类健康服务</p>
            	</div>-->
-              
-                </div>
+           </div>
     </div>
     <div class="container">
         <div class="row clearfix">
@@ -73,7 +72,6 @@
                 	 <h3>用心做，更出色</h3>
                 <p>致力于临床实验技术的普通和提高，为人类健康服务</p>
                 </div>-->
-               
             </div>
             <div class="signin_right col-md-5">
                 <div class="signin_panel">
@@ -102,7 +100,7 @@
                             <label for="rpassword">
                                 <input type="checkbox" id="rpassword">
                                 <span class="checkbox_icon"></span>
-                                记住密码
+                                	记住密码
                             </label>
                         </div>
                         <!--<div class="fpassword">

CallCenterWeb.UI/regionalManagement/css/proManagement.css

@@ -0,0 +1,68 @@
+
+			
+			.toolBar {
+				padding: 15px 0;
+				border-bottom: 1px solid #ccc;
+			}			
+		
+			
+			
+			.tree {
+				height: 400px;
+				overflow-y: auto;
+			}
+			
+			.inpBox {
+				border: 1px solid #a9a9a9;
+				height: 27px;
+				width: 172px;
+				display: inline-block;
+				position: relative;
+				    vertical-align: middle;
+			}
+			
+			.inps {
+				height: 27px;
+				width: 172px;
+			}
+			
+			.inps1,.inps4 {
+				width: 170px;
+				height: 25px;
+				outline: none;
+				border: 0;
+				border-image-width: 0;
+				padding: 0;
+				padding-left: 3px;
+			}
+			
+			.xl {
+				display: inline-block;
+				background: url("../../img/dropDown.png") no-repeat;
+				height: 100%;
+				background-position: center center;
+				width: 20px;
+				position: absolute;
+				right: 0;
+				top: 0px;
+				background-color: #f7bc8b;
+				cursor: pointer;
+			}
+			.xl:hover{
+					background-color: #e6d523;
+			}
+			.addTree{
+			    background: #fff;
+			    position: absolute;
+			    width: 100%;
+			       border: 1px solid darkgrey;
+			    right: 0;
+			    top: 26px;
+			    display: none;
+			}
+				.ztree li {
+				width: 100%;
+				overflow: hidden;
+				white-space: nowrap;
+				text-overflow: ellipsis;
+			}

CallCenterWeb.UI/regionalManagement/js/addOrEditArea.js

@@ -0,0 +1,88 @@
+/**
+ * 项目增加或编辑
+ * */
+var pid = helper.request.queryString("pid");
+$(function() {
+	var pro_Id = helper.request.queryString("edit_id");
+	if(pro_Id) { //修改
+		getProject(pro_Id);
+	}
+	//添加编辑保存按钮点击
+	$('#pro_save').on('click', saveProject);
+
+});
+//获取单个项目
+function getProject(ids) {
+	$.getJSON(huayi.config.callcenter_url + "CusRegionCategory/GetInfo", {
+		id: ids,
+		token: $.cookie("token")
+	}, function(data) {
+		if(data.state == "success") {
+			var res = data.data;
+			$('#pro_title').val(res.F_RegionName); //	是	string	名称
+			$('#pro_city').val(res.F_City); //	是	sting	城市名称
+			$('#pro_property').val(res.F_Property); //	是	string	物业名称
+			$('#pro_sort').val(res.F_Sort); //	是	int	排序
+		}
+	});
+}
+//保存项目
+function saveProject() {
+	var pro_Id = helper.request.queryString("edit_id");
+	var wUrl;
+
+	if(!$.trim($('#pro_title').val())) {
+		layer.confirm('项目名称不能为空', {
+			icon: 2,
+			btn: ['确定'] //按钮
+		});
+		return;
+	}
+	if(!$.trim($('#pro_city').val())) {
+		layer.confirm('城市名称不能为空', {
+			icon: 2,
+			btn: ['确定'] //按钮
+		});
+		return;
+	}
+	if(!$.trim($('#pro_property').val())) {
+		layer.confirm('物业名称不能为空', {
+			icon: 2,
+			btn: ['确定'] //按钮
+		});
+		return;
+	}
+
+	if(!regexs.nums.test($.trim($('#pro_sort').val()))) {
+		layer.confirm('排序只能输入数字', {
+			icon: 2,
+			btn: ['确定'] //按钮
+		});
+		return;
+	}
+
+	if(pro_Id) {
+		wURL = "CusRegionCategory/Update";
+	} else {
+		wURL = "CusRegionCategory/Add";
+	}
+
+	$.post(huayi.config.callcenter_url + wURL, {
+		F_RegionId: pro_Id, //	是	int	区域项目id
+		F_RegionName: $('#pro_title').val(), //	是	string	名称
+		F_ParentId: pid, //	是	int	父级id
+		F_AreaId: 1,//	是	int	分类 区域默认1
+		F_City: $('#pro_city').val(), //	是	sting	城市名称
+		F_Property: $('#pro_property').val(), //	是	string	物业名称
+		F_Sort: $('#pro_sort').val(), //	是	int	排序
+		token: $.cookie("token")
+	}, function(data) {
+		data = JSON.parse(data);
+		if(data.state == "success") {
+			var index = parent.layer.getFrameIndex(window.name);
+			parent.layer.close(index);
+			parent.$('#table1').bootstrapTable('refresh');
+			parent.layer.msg("保存成功");
+		}
+	});
+}

CallCenterWeb.UI/regionalManagement/js/proManagement.js

@@ -0,0 +1,354 @@
+	var tps = $('.tps');
+	var id=''; //当前节点id
+	var name=''; //当前节点name
+	var pid; //当前节点父ID
+	var pidName;//当前节点父name
+	var xlName; //添加弹出框内下拉框内节点name
+	var token=$.cookie("token");
+	tree();
+	function tree(){
+		
+	$.get(huayi.config.callcenter_url+'Area/GetAreaList', {
+		"token": $.cookie("token"),
+//		"pid": pid
+	}, function(result) {
+		result = $.parseJSON(result);
+		$.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
+	});
+	}
+
+	var setting1 = {
+		data: {
+			key: {
+				name: "F_AreaName"
+			},
+			simpleData: {
+				enable: true,
+				idKey: "F_Id",
+				pIdKey: "F_ParentId",
+				rootPId: 0
+			}
+		},
+		callback: {
+			onClick: zTreeOnClick
+		}
+	};
+	function zTreeOnClick(event, treeId, treeNode) {
+//		pid = treeNode.pId;
+		id = treeNode.F_Id;
+		name = treeNode.F_AreaName;
+		var pidnode = treeNode.getParentNode();
+		if(pidnode) {
+			pidName = pidnode.F_AreaName;
+			pid = pidnode.F_ParentId;
+		} else {
+			pidName = "顶级分类";
+			pid =0;
+		}
+		
+	};
+	var setting2 = {
+		data: {
+			key: {
+				name: "F_AreaName"
+			},
+			simpleData: {
+				enable: true,
+				idKey: "F_Id",
+				pIdKey: "F_ParentId",
+				rootPId: 0
+			}
+		},
+		callback: {
+			onClick: addTreeClick
+		}
+	}
+	function addTreeClick(event, treeId, treeNode) {
+		addPid=treeNode.F_Id;
+		xlName = treeNode.F_AreaName;
+		$('.inps1').val(xlName);
+	};
+	//删除按钮
+	$('.del').click(function() {
+		if(id == 'null' || id == '') {
+				layer.confirm('没有要删除的分类！', {
+				btn: ['确定']
+			});
+			return
+		} else {
+			$('.delModel').css('display', 'block');
+			$('.delName').html(name);
+		}
+	})
+	//关闭按钮
+	$('.delBtr').click(function() {
+		$('.delModel').css('display', 'none');
+	})
+	//确定删除按钮
+	$('.sure').click(function() {
+		$.ajax({
+			type: "get",
+			url: huayi.config.callcenter_url+"Area/DelAreas",
+			async: true,
+			dataType:'json',
+			data: {
+				id: id,
+				token:token
+			},
+			success: function(data) {
+              if(data.state == "success"){
+              layer.msg("删除成功！");
+              tree();
+              }
+			}
+		});
+		$('.delModel').css('display', 'none');
+
+	})
+	//取消删除按钮
+	$('.return').click(function() {
+		$('.delModel').css('display', 'none');
+	})
+	//添加按钮
+	$('.add').click(function() {
+		$('.addModel').css('display', 'block');
+			alert(name);
+			if(name) {
+				tps.html(name);
+				$('.inps1').val(name);
+				addPid = id;
+			} else {
+				tps.html('顶级分类');
+				$('.inps1').val('顶级分类');
+				addPid = 0;
+			}
+		treeCont();
+
+	})
+	//添加关闭按钮
+	$('.addBtr').click(function() {
+		$('.addModel').css('display', 'none');
+	})
+	//添加内容下拉
+	$('.inps1').focus(function() {
+		$('.xlAdd').css('display', 'block')
+	})
+	$('.xl_one').click(function() {
+		if($('.xlAdd').css('display') == 'block') {
+			$('.xlAdd').css('display', 'none')
+		} else {
+			$('.xlAdd').css('display', 'block')
+		}
+	})
+	$('.addTree').mouseleave(function() {
+		$(this).css('display', 'none')
+	})
+	//保存添加按钮
+	var addPid,addFenLeiName,addSort;
+	//添加弹出框内 所属部门下拉框内数据
+	function treeCont() {
+		$.get(huayi.config.callcenter_url + 'Area/GetAreaList', {
+			"token": $.cookie("token"),
+//			"pid": pid
+		}, function(result) {
+			result = $.parseJSON(result);
+			$.fn.zTree.init($("#addTreeDemo"), setting2, result.data); //实例化树形图
+		});
+	}
+	$('.addCun').click(function(){
+		console.log(addPid);
+		if($('.inps2').val()==""){
+			layer.confirm('所添加分类名称不能为空！', {
+					btn: ['确定']
+				});
+				return;
+		}else{
+		    addFenLeiName = $('.inps2').val();
+		    addSort = $('.inps3').val();
+		    if (addSort == "")
+		        addSort = 0;
+				$('.addModel').css('display', 'none');
+				$.ajax({
+					type:"post",
+					url:huayi.config.callcenter_url+"Area/AddArea",
+					dataType:'json',
+					async:true,
+					data:{
+						pid:addPid,//当前选择节点ID
+						name:addFenLeiName,//部门名称
+						sort:addSort,//排列序号
+						token:token
+					},
+					success:function(data){
+						if(data.state =="success"){
+							debugger
+							layer.msg("添加成功！");
+							
+								tree();
+							
+							 $('.inps1').val('');
+							 $('.inps2').val('');
+							 $('.inps3').val('');
+						}
+					}
+					
+				});
+	
+		}
+		
+	
+	})
+	//修改按钮
+	var chanPid,//修改弹出框内 下拉框父节点ID
+		chanId,//修改弹出框内 下拉框当前节点ID
+	changeName,//修改弹出框内 下拉框当前节点name
+	  chbcName,//保存的分类名称
+	  chbcSort,//保存的排序号
+	   chbcPid;//保存的所属分类ID
+	$('.change').click(function(){
+		if(id == 'null' || id == '' ) {
+			layer.confirm('没有选择要修改的分类！', {
+				btn: ['确定']
+			})
+			return
+
+		} else {
+			changeAjax(id);
+			$('.changeModel').css('display', 'block');
+			$('.chtps').html(name);
+			changeTreeCont();
+		}
+		
+
+	})
+	$('.changeBtr').click(function(){
+			$('.changeModel').css('display', 'none');
+	})
+	$('.inps4').focus(function() {
+		$('.xlChange').css('display', 'block')
+	})
+	//下拉按钮功能
+	$('.xl_two').click(function() {
+		if($('.xlChange').css('display') == 'block') {
+			$('.xlChange').css('display', 'none')
+		} else {
+			$('.xlChange').css('display', 'block')
+		}
+
+	})
+	//修改弹出框内 下拉树形图参数配置项
+		var setting3= {
+		data: {
+			key: {
+				name: "F_AreaName"
+			},
+			simpleData: {
+				enable: true,
+				idKey: "F_Id",
+				pIdKey: "F_ParentId",
+				rootPId: 0
+			}
+		},
+		callback: {
+			onClick: changeTreeClick
+		}
+	}
+
+	function changeTreeClick(event, treeId, treeNode) {
+//		chanPid = treeNode.pId;
+		chanId = treeNode.F_Id;
+		changeName = treeNode.F_AreaName;
+		$('.inps4').val(changeName);
+		var pidnode = treeNode.getParentNode();
+		if(pidnode) {
+			chanPid = pidnode.F_Id;
+		} else {
+			chanPid =0;
+		}
+		chbcPid=chanId;
+		
+	};
+	
+	//修改弹出框内 所属分类下拉框内数据
+	function changeTreeCont() {
+			$.get(huayi.config.callcenter_url + 'Area/GetAreaList', {
+			"token": $.cookie("token"),
+//			"pid": pid
+		}, function(result) {
+			result = $.parseJSON(result);
+			$.fn.zTree.init($("#changeTreeDemo"), setting3, result.data); //实例化树形图
+		});
+	}
+	function changeAjax(id){
+		$.ajax({
+			type:"get",
+			url:huayi.config.callcenter_url+"Area/GetArea",
+			dataType:'json',
+			async:true,
+			data:{
+				id:id,
+				token:token
+			},
+			success:function(data){
+				var chanCon=data.data;
+				$('.inps4').val(pidName);
+				chbcPid=chanCon.F_ParentId;
+				$('.inps5').val(chanCon.F_AreaName);
+				$('.inps6').val(chanCon.F_Sort);
+				chbcSort=chanCon.F_Sort;
+				chbcName=chanCon.F_AreaName;
+				//console.log(chbcPid)
+			}
+		});
+	}
+	//修改的保存按钮功能
+	function changeBaoCunAjax(id,chbcPid,chbcName,chbcSort){
+			$.ajax({
+				type:"post",
+				url:huayi.config.callcenter_url+"Area/AddArea",
+				async:true,
+				dataType:'json',
+				data:{
+					id:id,
+					pid:chbcPid,
+					name:chbcName,
+					sort:chbcSort,
+					token:token
+				},
+				success:function(data){
+					if(data.state == "success"){
+						layer.msg("修改成功！");
+						tree();
+					}
+				}
+			});
+	}
+	
+	$('.changeCun').click(function(){
+		if($('.inps4').val()=="" ){
+		    layer.confirm('请选择分类！', {
+				btn: ['确定']
+			});
+			return;
+		}
+	else if($('.inps5').val()=="")
+		{
+	    layer.confirm('所修改分类名称不允许为空！', {
+	        btn: ['确定']
+	    });
+	    return;
+		}
+		else {
+			$('.changeModel').css('display', 'none');
+			//console.log('分类id'+id +'所属分类id' + chbcPid +'分类名称'+chbcName+'排序'+chbcSort);
+			chbcPid;
+			chbcName=$('.inps5').val();
+			chbcSort = $('.inps6').val();
+			if (chbcSort == "")
+			    chbcSort = 0;
+			changeBaoCunAjax(id,chbcPid,chbcName,chbcSort);
+		}
+		
+	})
+	
+	

CallCenterWeb.UI/regionalManagement/js/regionalSetting.js

@@ -0,0 +1,148 @@
+/**
+ * 区域设置
+ * */
+
+var token = $.cookie("token");
+var table = $('#table1');
+var userId; //左侧用户id
+$(function() {
+	//左边表格
+	initTable();
+	//右边树形结构
+	tree();
+	//搜索功能
+	//	$('#sc_btns').click(function() {
+	//		initTable();
+	//	});
+
+	/*选中行添加背景颜色*/
+	table.on("click-row.bs.table", function(e, row, ele) {
+		$('.success').removeClass('success'); //去除之前选中的行的，选中样式
+		$(ele).addClass('success'); //添加当前选中的 success样式用于区别
+		userId = row.F_UserId;
+		tree();
+	});
+
+});
+
+function tree() {
+	$.get(huayi.config.callcenter_url + "CusRegionCategory/GetRegionFunction", {
+		userid: userId,
+		token: $.cookie("token"),
+	}, function(result) {
+		result = $.parseJSON(result);
+		$(result.data).each(function(i, n) {
+			if(n.ischecked == true) {
+				n.checked = "true";
+			}
+		});
+		$.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
+	});
+}
+var setting1 = {
+	check: {
+		enable: true,
+		chkboxType: {
+			"Y": "ps",
+			"N": "ps"
+		},
+	},
+	data: {
+		key: {
+			//name: "text"
+		},
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pid",
+			rootPId: 0
+		}
+	},
+	callback: {
+		onCheck: zTreeOnClick
+	}
+};
+
+function zTreeOnClick(event, treeId, treeNode) {
+	//var name = treeNode.text;
+};
+
+//保存区域设置
+function btn_save() {
+	if(userId === undefined){
+		layer.confirm('您还没有设置区域',{
+			icon: 2,
+			btn: ['确定']
+		});
+		return 
+	}
+	
+	var arr = [-1];
+	var ztree = $.fn.zTree.getZTreeObj("treeDemo").getCheckedNodes(true);
+	if(ztree.length > 0){
+		arr = [];
+		$.each(ztree, function(i, n) {
+			arr.push(n.id);
+		});
+	}
+	$.ajax({
+		type: "post",
+		url: huayi.config.callcenter_url + "CusRegionCategory/SaveRegionUserFunction",
+		dataType: 'json',
+		data: {
+			useraccountid: userId, //是	string	会员id
+			regionIds: arr, //是	int[]	项目楼id
+			token: token,
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == 'success') {
+				layer.confirm('区域设置保存成功！', {
+					btn: ['确定']
+				});
+				return;
+			}
+		}
+	});
+}
+//用户列表
+function initTable() {
+	//先销毁表格
+	table.bootstrapTable('destroy');
+	//初始化表格,动态从服务器加载数据
+	table.bootstrapTable({
+		method: "get", //使用get请求到服务器获取数据
+		url: huayi.config.callcenter_url + "UserAccount/GetList", //获取数据的Servlet地址
+		contentType: "application/x-www-form-urlencoded",
+		striped: true, //表格显示条纹
+		pagination: true, //启动分页
+		pageSize: 10, //每页显示的记录数
+		pageNumber: 1, //当前第几页
+		pageList: [10, 15, 20, 30, 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 });
+		}
+	});
+}
+
+function setCode(val, row, index) {
+	var page = table.bootstrapTable("getPageCode");
+	return page.pageSize * (page.pageNumber - 1) + index + 1;
+}

CallCenterWeb.UI/regionalManagement/proManagement.html

@@ -0,0 +1,112 @@
+<!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 rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+		<link rel="stylesheet" href="../css/init.css" />
+		<link rel="stylesheet" href="./css/proManagement.css" />
+		<title>区域分类</title>
+		<style>
+			.daoHang{
+				border-bottom:0;
+			}
+		</style>
+	</head>
+	<body>
+		<div class="container-fluid">
+			<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="" class="nowPosition">区域分类</a></sapn>
+				</div>
+				
+				  <div class="dhRight">
+            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            </div>
+			</div>
+			<div class="toolBar">
+				<button class="btns add">添加</button>
+				<button class="btns change">修改</button>
+				<button class="btns del">删除</button>
+			</div>
+			<div class="tree">
+				<ul id="treeDemo" class="ztree">
+					<!--类名为ztree是必须的-->
+				</ul>
+			</div>
+
+		</div>
+		<!--添加弹出内容-->
+		<div class="model addModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl"><span>添加</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;区域分类</p>
+					<p class="btr addBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon">
+					<div>所属分类：
+						<div class="inpBox">
+							<input type="text" class="inps inps1" />
+							<i class="xl xl_one"></i>
+							<div class="addTree xlAdd">
+								<ul id="addTreeDemo" class="ztree">
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div>分类名称：<input class="inps inps2" type="text" /></div>
+					<div>排列序号：<input class="inps inps3" type="text" /></div>
+					<div><button class="btns addCun">保存</button></div>
+				</div>
+			</div>
+
+		</div>
+		<!--删除弹出内容-->
+		<div class="model delModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl"><span>删除提示</span></p>
+					<p class="btr delBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon" style="height: 150px;">
+					您确定删除&nbsp;&lfloor;&nbsp;&nbsp;<span class="delName" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;?
+
+					<p style="margin-top: 30px;"><button class="btns sure">确定</button>
+						<button class="btns return">取消</button></p>
+					<p style="color: red;">注：若该分类下包含知识库内容会一并删除</p>
+				</div>
+
+			</div>
+
+		</div>
+		<!--修改弹出内容-->
+		<div class="model changeModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl"><span>修改</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps chtps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;区域分类</p>
+					<p class="btr changeBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon">
+					<div>所属分类：
+						<div class="inpBox">
+							<input type="text" class="inps inps4" />
+							<i class="xl xl_two"></i>
+							<div class="addTree xlChange">
+								<ul id="changeTreeDemo" class="ztree">
+									
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div>分类名称：<input class="inps inps5" type="text" /></div>
+					<div>排列序号：<input class="inps inps6" type="text" /></div>
+					<div><button class="btns changeCun">保存</button></div>
+				</div>
+			</div>
+		</div>
+	<script src="../js/zTree/jquery.ztree.core.js"></script>
+	<script src="js/proManagement.js"></script>
+	</body>
+
+</html>

CallCenterWeb.UI/regionalManagement/regionalSetting.html

@@ -0,0 +1,65 @@
+<!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 rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+		<link rel="stylesheet" href="../css/init.css" />
+		<title>区域设置</title>
+	</head>
+
+	<body class="gray-bg">
+		<div class="daoHang clearfix">
+			<div class="dhLeft">
+				<sapn><i class="syIcon"></i>位置：
+					<a id="ReIndex" href="javaScript:;">首页</a>&gt;
+					<a href="javaScript:;">区域管理</a>&gt;
+					<a href="" class="nowPosition">区域设置</a>
+				</sapn>
+			</div>
+			<div class="dhRight">
+				<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+			</div>
+		</div>
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="toolBar clearfix">
+				<div class="toolLeft">
+					<button class="btns protect" onclick="btn_save()">保存区域设置</button>
+				</div>
+				<div class="toolRight">
+					<!--<span>名称：<input type="text" class="searJsz"/></span>
+					<button class="btns search">搜索</button>-->
+				</div>
+
+			</div>
+			<div class="treeTable clearfix">
+				<div class="tree col-md-3">
+					<div class="trTitle">用户列表</div>
+					<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+						<thead>
+							<tr>
+								<th data-align="center" data-field="id" data-formatter="setCode">编号</th>
+								<th data-field="F_WorkNumber" data-align="center">坐席工号</th>
+								<th data-field="F_UserName" data-align="center">用户名称</th>
+							</tr>
+						</thead>
+					</table>
+				</div>
+				<div class="tableCon col-md-9">
+					<div class="trTitle">区域设置</div>
+					<div class="treeCon">
+						<ul id="treeDemo" class="ztree">
+							<!--类名为ztree是必须的-->
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+	</body>
+	<script src="../js/zTree/jquery.ztree.core.js"></script>
+	<script src="../js/zTree/jquery.ztree.excheck.min.js"></script>
+	<script src="./js/regionalSetting.js"></script>
+
+</html>