修改bug

CallCenterWeb.UI/WorkOrder/AddWorkOrder.html

@@ -29,7 +29,6 @@
 			
 			.common table {
 				width: 100%;
-				display: none;
 			}
 			
 			.common table th {
@@ -86,16 +85,6 @@
 				border-top: 0;
 				height: auto!important;
 			}
-			
-			#TreeDemo1 li {
-				float: initial;
-			}
-			#typeclass1 {
-				background: #fff;
-			}
-			#typeclass_market1 {
-				background: #fff;
-			}
 			.addTree1 {
 			    background: #fff;
 			    position: absolute;
@@ -148,18 +137,7 @@
 				background-color: #E43926;
 				color: #fff;
 			}
-			
-			#testInput1,
-			#testInput2,
-			#testInput3,
-			#testInput4 {
-				outline: none;
-				border: 1px solid #ccc;
-				padding-left: 10px;
-				outline-color: #fff;
-                display:none;
-			}
-			
+						
 			.ke-container {
 				width: 100%!important;
 			}
@@ -181,314 +159,147 @@
 		</div>
 		<div class="clearfix wrapper wrapper-content animated fadeInRight">
 			<div class="common">
-				<!--思念组-->
 				<table class="customerService">
-					<tbody>
-						<tr>
-							<th>姓名:</th>
-							<td>
-								<div class="form-group">
-									<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>
-							
-						</tr>
-						<tr>
-							
-							<th>产品名称:</th>
-							<td>
-								<div class="form-group">
-									<input type="text" class="form-control" id="productname" />
-								</div>
-							</td>
-							<th>产品类别:</th>
-							<td style="position: relative;">
-								<div class="form-group">
-									<select name="" class="form-control productType1" id="productType">
-									
-									</select>
-								</div>
-							</td>
-							<th>生产批号:</th>
-							<td>
-								<div class="form-group">
-									<input type="text" class="form-control" id="batchNumber" />
-								</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 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>
-								<div class="form-group">
-									<input type="text" class="form-control" id="buyAddress"/>
-								</div>
-							</td>
-							<th>工单来源:</th>
-							<td>
-								<div class="form-group">
-									<select name="" class="form-control" id="DicValueList">
-									
-									</select>
-								</div>
-							</td>
-							<th>工单类型:</th>
-							<td>
-								<div class="form-group">
-									<select name="" class="form-control orderType1">
-									
-									</select>
-								</div>
-								
-							</td>
-						</tr>	
-						<tr class="complainDiv">
-							<th>投诉类型:</th>
-							<td>
-								<div class="form-group">
-									<select name="" class="form-control complaintType">
-									</select>
-								</div>
-							</td>
-						</tr>
-						<tr>
-							
-							<th>样品寄回:</th>
-							<td style="position: relative;">
-								<select name="" class="form-control" id="sendBack">
-									<option value="0">否</option>
-									<option value="1">是</option>
-								</select>
-							</td>
-							<th>客诉专员:</th>
-							<td>
-								<div class="form-group">
-									<select name="" class="form-control" id="vipName">
-										
-									</select>
-								</div>
-							</td>
-						</tr>				
-						<tr>
-							<th>专员电话:</th>
-							<td style="position: relative;">
-								<div class="form-group">
-									<input type="text" class="form-control" id="vipTel"/>
-								</div>
-							</td>
-							<th>区域:</th>
-							<td style="position: relative;">
-								<div class="form-group">
-									<input type="text" class="form-control" id="areaInps"/>
-								</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="hidden" id="typeclassId1" />
-									<div class="addTree1 treeList1">
-										<ul id="TreeDemo1" class="ztree">
+                    <tbody>
+                        <tr>
+                            <th>姓名:</th>
+                            <td>
+                                <div class="form-group">
+                                    <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>
 
-										</ul>
-									</div>
-								</div>
-							</td>
-						</tr>
-						<tr>
-							<th>投诉事件描述:</th>
-							<td colspan="5">
-								<textarea name="" rows="5" cols="" placeholder="" id="content"></textarea>
-							</td>
-						</tr>
-						<tr>
-							<td colspan="6" style="text-align: center;">
-								<button class="btns customerSubmit">保&nbsp;存</button>
-							</td>
-						</tr>
-					</tbody>
-				</table>
+                        </tr>
+
+                        <tr>
+
+                            <th>工单来源:</th>
+                            <td>
+                                <div class="form-group">
+                                    <select name="" class="form-control" id="DicValueList"></select>
+                                </div>
+                            </td>
+                            <th>工单类型:</th>
+                            <td>
+                                <div class="form-group">
+                                    <select name="" class="form-control orderType"></select>
+                                </div>
+                            </td>
+
+                            <th class="complainDiv">投诉类型:</th>
+                            <td class="complainDiv">
+                                <div class="form-group">
+                                    <select name="" class="form-control complaintType"></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 style="position: relative;">
+                                <div class="form-group">
+                                    <select name="" class="form-control productType" id="productType"></select>
+                                </div>
+                            </td>
+                            <th>生产批号:</th>
+                            <td>
+                                <div class="form-group">
+                                    <input type="text" class="form-control" id="batchNumber" />
+                                </div>
+                            </td>
 
-				<!--杜康组-->
-				<table class="market">
-					<tbody>
-						<tr>
-							<th>客户:</th>
-							<td>
-								<div class="form-group">
-									<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>
-							<td>
-								<div class="form-group">
-									<select name="" class="form-control" id="customerName">
-									
-									</select>
-								</div>
-							</td>
-						</tr>
-						<tr>
-							<th>区域:</th>
-							<td style="position: relative;">
-								<div class="form-group">
-									<input type="text" class="form-control" id="areaInps"/>
-								</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="hidden" id="typeclassId1" />
-									<div class="addTree1 treeList_market1">
-										<ul id="TreeDemo_market1" class="ztree">
-										</ul>
-									</div>
-								</div>
-							</td>
-							<th>对接人电话:</th>
-							<td style="position: relative;">
-								<div class="form-group">
-									<input type="text" class="form-control" id="customerTel"/>
-								</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">
-									
-									</select>
-								</div>
-							</td>
-							<th>购买地址:</th>
-							<td>
-								<div class="form-group">
-									<input type="text" class="form-control" id="buyAddress"/>
-								</div>
-							</td>
-						</tr>
-						<tr class="complainDiv">
-							<th>投诉类型:</th>
-							<td>
-								<div class="form-group">
-									<select name="" class="form-control complaintType">
-									</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 style="position: relative;">
-								<div class="form-group">
-									<select name="" class="form-control productType2" id="productType">
-									
-									</select>
-								</div>
-							</td>
-							<th>生产批号:</th>
-							<td>
-								<div class="form-group">
-									<input type="text" class="form-control" id="batchNumber" />
-								</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" 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 style="position: relative;">
-								<select name="" class="form-control" id="sendBack">
-									<option value="0">否</option>
-									<option value="1">是</option>
-								</select>
-							</td>
-						</tr>
-						<tr>
-							<th>投诉事件描述:</th>
-							<td colspan="5">
-								<textarea name="" rows="5" cols="" placeholder="" id="content"></textarea>
-							</td>
-						</tr>
-						<tr>
-							<td colspan="6" style="text-align: center;">
-								<button class="btns marketSubmit">保&nbsp;存</button>
-							</td>
-						</tr>
-					</tbody>
+                            <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 " 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><span id="usedate">食用日期:</span></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>
+                            <th>样品寄回:</th>
+                            <td style="position: relative;">
+                                <label><input type="radio" name="sendBack" id="sendBack" value="0" checked="checked" />否</label>
+                                <label><input type="radio" name="sendBack" id="sendBack" value="1" />是</label>
+                            </td>
+                        </tr>
+                        <tr>
+                            <th>区域:</th>
+                            <td style="position: relative;">
+                                <div class="form-group">
+                                    <input type="text" class="form-control" id="areaInps" />
+                                </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" readonly="readonly">
+                                    <input type="text" class="inps2">
+                                    <input type="text" class="inps3">
+                                    <input type="hidden" id="typeclassId" />
+                                    <div class="addTree1 treeList1">
+                                        <ul id="TreeDemo1" class="ztree"></ul>
+                                    </div>
+                                </div>
+                            </td>
+                            <th><span id="vipid">客诉专员:</span></th>
+                            <td>
+                                <div class="form-group">
+                                    <select name="" class="form-control" id="vipName"></select>
+                                </div>
+                            </td>
+                            <th><span id="vipphone">专员电话:</span></th>
+                            <td style="position: relative;">
+                                <div class="form-group">
+                                    <input type="text" class="form-control" id="vipTel" />
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <th>投诉事件描述:</th>
+                            <td colspan="7">
+                                <textarea name="" rows="5" cols="" placeholder="" id="content"></textarea>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td colspan="8" style="text-align: center;">
+                                <button class="btns customerSubmit">保&nbsp;存</button>
+                            </td>
+                        </tr>
+                    </tbody>
 				</table>
 			</div>
 			<input type="hidden" id="CallID" />
@@ -499,8 +310,8 @@
 		<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/kindeditor/kindeditor.js"></script>
-		<script src="../js/kindeditor/lang/zh_CN.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>
 	</body>

CallCenterWeb.UI/WorkOrder/Xga.html

@@ -1,493 +1,322 @@
 <!DOCTYPE html>
 <html>
 
-	<head>
-		<meta charset="UTF-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1.0">
-		<link href="../css/init.css" rel="stylesheet" />
-		<script src="../Script/Common/huayi.load.js"></script>
-		<script src="../Script/Common/huayi.config.js"></script>
-		<script src="../Script/Common/huayi.http.js"></script>
-		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
-		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
-		<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" />
-		<title>手工制单</title>
-		<style>
-			ul li {
-				float: initial;
-				list-style: none;
-			}
-			
-			.common {
-				width: 100%;
-				text-align: center;
-				padding: 10px 15px;
-			}
-			
-			.common table {
-				width: 100%;
-				display: none;
-			}
-			
-			.common table th {
-				padding: 5px 8px 5px 0;
-				text-align: right;
-				/* width: 20%;*/
-			}
-			
-			.common table td {
-				padding: 6px 0 5px 10px;
-				text-align: left;
-				color: #717171;
-				line-height: 200%;
-			}
-			
-			.common table td textarea {
-				width: 100%;
-				vertical-align: middle;
-				resize: none;
-				outline: none;
-			}
-			
-			.time-box {
-				display: inline-block;
-				position: relative;
-				width: 100%;
-			}
-			
-			i.tub {
-				position: absolute;
-				right: 8px;
-				top: 8px;
-				font-size: 18px;
-				color: #00a0ca;
-			}
-			
-			.treeList {
-				top: 34px!important;
-				border: 1px solid #e5e6e7!important;
-				border-top: 0;
-				height: auto!important;
-			}
-			
-			#TreeDemo li {
-				float: initial;
-			}
-			
-			#typeclass {
-				background: #fff;
-			}
-			
-			.form-group {
-				margin-bottom: 0;
-			}
-			
-			.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;
-			}
-			
-			.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;
-			}
-			
-			.testInput-list li:hover {
-				background-color: #E43926;
-				color: #fff;
-			}
-			
-			#testInput1,
-			#testInput2,
-			#testInput3,
-			#testInput4 {
-				outline: none;
-				border: 1px solid #ccc;
-				padding-left: 10px;
-				outline-color: #fff;
-			}
-			
-			.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;
-			}
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="../css/init.css" rel="stylesheet" />
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <link href="../css/WorkOrder/Search.css" rel="stylesheet">
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+    <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 rel="stylesheet" href="../css/init.css" />
+    <link rel="stylesheet" href="../css/WorkOrder/NewAddWorkOrder.css" />
+    <title>手工制单</title>
+    <style>
+        ul li {
+            float: initial;
+            list-style: none;
+        }
 
-		</style>
-	</head>
+        .common {
+            width: 100%;
+            text-align: center;
+            padding: 10px 15px;
+        }
 
-	<body class="gray-bg">
-		<div class="clearfix wrapper wrapper-content animated fadeInRight">
-			
-			<div class="common">
-				
-				<!--客服部-->
-				<table class="customerService">
-					<tbody>
-						<tr>
-							<th>姓名:</th>
-							<td>
-								<div class="form-group">
-									<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>
-						</tr>
-						<tr>
-							
-							<th>产品名称:</th>
-							<td>
-								<div class="form-group">
-									<input type="text" class="form-control" id="productname" />
-								</div>
-							</td>
-							<th>产品类别:</th>
-							<td style="position: relative;">
-								<div class="form-group">
-									<select name="" class="form-control productType1" id="productType">
-									
-									</select>
-								</div>
-							</td>
-							<th>生产批号:</th>
-							<td>
-								<div class="form-group">
-									<input type="text" class="form-control" id="batchNumber" />
-								</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" id="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" id="userDate" type="text" placeholder="请选择时间">
-								</div>
-							</td>
-						</tr>
-						<tr>
-							<th>购买地址:</th>
-							<td>
-								<div class="form-group">
-									<input type="text" class="form-control" id="buyAddress"/>
-								</div>
-							</td>
-							<th>工单来源:</th>
-							<td>
-								<div class="form-group">
-									<select name="" class="form-control" id="DicValueList">
-									
-									</select>
-								</div>
-							</td>
-							<th>工单类型:</th>
-							<td>
-								<div class="form-group">
-									<select name="" class="form-control" id="orderType1">
-									</select>
-								</div>
-							</td>
-						</tr>
-						<tr class="complainDiv">
-							<th>投诉类型:</th>
-							<td>
-								<div class="form-group">
-									<select name="" class="form-control complaintType">
-									</select>
-								</div>
-							</td>
-						</tr>
-						<tr>
-							<th>样品寄回:</th>
-							<td style="position: relative;">
-								<select name="" class="form-control" id="sendBack">
-									<option value="0">否</option>
-									<option value="1">是</option>
-								</select>
-							</td>
-							<th>客诉专员:</th>
-							<td>
-								<div class="form-group">
-									<select name="" class="form-control" id="vipName">
-									</select>
-								</div>
-							</td>
-						</tr>
-						<tr>
-							<th>专员电话:</th>
-							<td style="position: relative;">
-								<div class="form-group">
-									<input type="text" class="form-control" id="vipTel"/>
-								</div>
-							</td>
-							<th>区域:</th>
-							<td style="position: relative;">
-								<div class="form-group">
-									<input type="text" class="form-control" id="areaInps"/>
-								</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="hidden" id="typeclassId1" />
-									<div class="addTree1 treeList1">
-										<ul id="TreeDemo1" class="ztree">
-										</ul>
-									</div>
-								</div>
-							</td>
-						</tr>
-						<tr>
-							<th>投诉事件描述:</th>
-							<td colspan="5">
-								<textarea name="" rows="5" cols="" placeholder="" id="content"></textarea>
-							</td>
-						</tr>
-						<tr>
-							<td colspan="6" style="text-align: center;">
-								<button class="btns customerSubmit">保&nbsp;存</button>
-							</td>
-						</tr>
-					</tbody>
-				</table>
+            .common table {
+                width: 100%;
+            }
 
-				<!--市场部-->
-				<table class="market">
-					<tbody>
-						<tr>
-							<th>客户:</th>
-							<td>
-								<div class="form-group">
-									<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>
-							<td>
-								<div class="form-group">
-									<select name="" class="form-control" id="customerName">
-									
-									</select>
-								</div>
-							</td>
-						</tr>
-						<tr>
-							<th>区域:</th>
-							<td style="position: relative;">
-								<div class="form-group">
-									<input type="text" class="form-control" id="areaInps"/>
-								</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="hidden" id="typeclassId1" />
-									<div class="addTree1 treeList_market1">
-										<ul id="TreeDemo_market1" class="ztree">
-										</ul>
-									</div>
-								</div>
-							</td>
-							<th>对接人电话:</th>
-							<td style="position: relative;">
-								<div class="form-group">
-									<input type="text" class="form-control" id="customerTel"/>
-								</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">
-									
-									</select>
-								</div>
-							</td>
-							<th>购买地址:</th>
-							<td>
-								<div class="form-group">
-									<input type="text" class="form-control" id="buyAddress"/>
-								</div>
-							</td>
-						</tr>
-						<tr class="complainDiv">
-							<th>投诉类型:</th>
-							<td>
-								<div class="form-group">
-									<select name="" class="form-control complaintType">
-									</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 style="position: relative;">
-								<div class="form-group">
-									<select name="" class="form-control productType2" id="productType">
-									
-									</select>
-								</div>
-							</td>
-							<th>生产批号:</th>
-							<td>
-								<div class="form-group">
-									<input type="text" class="form-control" id="batchNumber" />
-								</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>
-							<td style="position: relative;">
-								<select name="" class="form-control" id="sendBack">
-									<option value="0">否</option>
-									<option value="1">是</option>
-								</select>
-							</td>
-						</tr>
-						<tr>
-							<th>投诉事件描述:</th>
-							<td colspan="5">
-								<textarea name="" rows="5" cols="" placeholder="" id="content"></textarea>
-							</td>
-						</tr>
-						<tr>
-							<td colspan="6" style="text-align: center;">
-								<button class="btns marketSubmit">保&nbsp;存</button>
-							</td>
-						</tr>
-					</tbody>
+                .common table th {
+                    padding: 5px 8px 5px 0;
+                    text-align: right;
+                    /* width: 20%;*/
+                }
 
-				</table>
-			</div>
-			<input type="hidden" id="CallID" />
+                .common table td {
+                    padding: 6px 0 5px 10px;
+                    text-align: left;
+                    color: #717171;
+                    line-height: 200%;
+                }
 
-		</div>
+                    .common table td textarea {
+                        width: 100%;
+                        vertical-align: middle;
+                        resize: none;
+                        outline: none;
+                    }
 
-		<script src="../js/zTree/jquery.ztree.core.js"></script>
-		<script src="../js/kindeditor/kindeditor.js"></script>
-		<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>
+        .time-box {
+            display: inline-block;
+            position: relative;
+            width: 100%;
+        }
+
+        i.tub {
+            position: absolute;
+            right: 8px;
+            top: 8px;
+            font-size: 18px;
+            color: #00a0ca;
+        }
+
+        .treeList {
+            top: 34px !important;
+            border: 1px solid #e5e6e7 !important;
+            border-top: 0;
+            height: auto !important;
+        }
+
+        #TreeDemo li {
+            float: initial;
+        }
+
+        #typeclass {
+            background: #fff;
+        }
+
+        .treeList1 {
+            top: 34px !important;
+            border: 1px solid #e5e6e7 !important;
+            border-top: 0;
+            height: auto !important;
+        }
+
+        .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;
+        }
+
+        .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;
+        }
+
+        .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;
+            height: 400px;
+            overflow-y: auto;
+        }
+
+            .testInput-list li {
+                padding: 5px;
+            }
+
+                .testInput-list li:hover {
+                    background-color: #E43926;
+                    color: #fff;
+                }
+
+        .ke-container {
+            width: 100% !important;
+        }
+
+        button[disabled] {
+            background-color: #999;
+        }
+    </style>
+</head>
+
+<body class="gray-bg">
+    <div class="daoHang clearfix" style="margin-bottom: 20px;">
+        <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>
+    <div class="clearfix wrapper wrapper-content animated fadeInRight">
+        <div class="common">
+            <table class="customerService">
+                <tbody>
+                    <tr>
+                        <th>姓名:</th>
+                        <td>
+                            <div class="form-group">
+                                <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>
+
+                    </tr>
+
+                    <tr>
+
+                        <th>工单来源:</th>
+                        <td>
+                            <div class="form-group">
+                                <select name="" class="form-control" id="DicValueList"></select>
+                            </div>
+                        </td>
+                        <th>工单类型:</th>
+                        <td>
+                            <div class="form-group">
+                                <select name="" class="form-control orderType" disabled></select>
+                            </div>
+                        </td>
+
+                        <th class="complainDiv">投诉类型:</th>
+                        <td class="complainDiv">
+                            <div class="form-group">
+                                <select name="" class="form-control complaintType"></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 style="position: relative;">
+                            <div class="form-group">
+                                <select name="" class="form-control productType" id="productType"></select>
+                            </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 " 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><span id="usedate">食用日期:</span></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>
+                        <th>样品寄回:</th>
+                        <td style="position: relative;">
+                            <label><input type="radio" name="sendBack" id="sendBack" value="0" checked="checked" />否</label>
+                            <label><input type="radio" name="sendBack" id="sendBack" value="1" />是</label>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th>区域:</th>
+                        <td style="position: relative;">
+                            <div class="form-group">
+                                <input type="text" class="form-control" id="areaInps" />
+                            </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" readonly="readonly">
+                                <input type="text" class="inps2">
+                                <input type="text" class="inps3">
+                                <input type="hidden" id="typeclassId" />
+                                <div class="addTree1 treeList1">
+                                    <ul id="TreeDemo1" class="ztree"></ul>
+                                </div>
+                            </div>
+                        </td>
+                        <th><span id="vipid">客诉专员:</span></th>
+                        <td>
+                            <div class="form-group">
+                                <select name="" class="form-control" id="vipName"></select>
+                            </div>
+                        </td>
+                        <th><span id="vipphone">专员电话:</span></th>
+                        <td style="position: relative;">
+                            <div class="form-group">
+                                <input type="text" class="form-control" id="vipTel" />
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <th>投诉事件描述:</th>
+                        <td colspan="7">
+                            <textarea name="" rows="5" cols="" placeholder="" id="content"></textarea>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td colspan="8" style="text-align: center;">
+                            <button class="btns customerSubmit">保&nbsp;存</button>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+
+    <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/kindeditor/kindeditor.js"></script>
+    <script src="../js/kindeditor/lang/zh_CN.js"></script>-->
+    <script src="../js/laydate/laydate.js"></script>
+    <script src="../js/WorkOrder/XgWork.js"></script>
+</body>
 
 </html>

CallCenterWeb.UI/callScreen/callScreen.html

@@ -372,10 +372,9 @@
 			}
 			
 			.treeList {
-				top: 34px!important;
 				border: 1px solid #e5e6e7!important;
 				border-top: 0;
-				height: auto!important;
+				height: 400px!important;
 			}
 			
 			#TreeDemo li {
@@ -385,33 +384,22 @@
 			#typeclass {
 				background: #fff;
 			}
-			
-			.treeList1 {
-				top: 34px!important;
-				border: 1px solid #e5e6e7!important;
-				border-top: 0;
-				height: auto!important;
-			}
+
+            .treeList1 {
+                border: 1px solid #e5e6e7 !important;
+                border-top: 0;
+                height: 400px !important;
+            }
 			
 			#TreeDemo1 li {
 				float: initial;
 			}
 			
-			#typeclass1 {
-				/*background: #fff;*/
-			}
-			
-			#typeclass_market1 {
-				background: #fff;
-			}
-			
 			.addTree1 {
 				background: #fff;
 				position: absolute;
-				width: 100%;
+				width: 180px;
 				border: 1px solid darkgrey;
-				right: 0;
-				top: 26px;
 				z-index: 10;
 				display: none;
 				height: 100px;
@@ -441,7 +429,7 @@
 			.tub {
 				position: absolute;
 				right: 10px;
-				top: 8px;
+				top: 15px;
 			}
 			
 			.add_bj {
@@ -467,8 +455,16 @@
 			.ld-sercon input {
 			    /* width: 128px; */
 			    height: 36px;
-			  
 			}
+            .form-group {
+                margin:0;
+            }
+            .customerService tr {
+                height:40px;
+            }
+            .customerService th {
+                width: 100px;
+            }
 		</style>
 		<script>
 			function clearInter() {
@@ -569,32 +565,25 @@
 						<tr>
 							<th>区域：</th>
 							<td>
-								<input type="text" value="" id="areaInps"/>
-								<input type="hidden" value="" id="khid" />
+								<input type="text" value="" id="kharea"/>
 							</td>
 						</tr>
 						<tr>
 							<th>省份：</th>
-							<td>
-								<input type="text" value="" class="countryName" autocomplete="off" />
-								<!--<select id="testInput1"></select>-->
-								<div class="time-box time-box_flbox" style="position: relative;">
-									<input class="form-control" type="text" id="typeclass1" readonly="readonly" autocomplete="off">
-									<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>
-								</div>
-							</td>
+                            <td>
+                                <input type="text" id="shengshi" readonly="readonly">
+                                <div class="time-box time-box_flbox" style="position: relative;">
+                                    <input type="hidden" class="khprovince">
+                                    <input type="hidden" class="khcity">
+                                    <div class="addTree1 treeList">
+                                        <ul id="TreeDemo" class="ztree"></ul>
+                                    </div>
+                                </div>
+                            </td>
 						</tr>
 						<tr>
 							<th>联系电话：</th>
 							<td><input type="text" value="" class="ldtel1" /></td>
-							<input type="hidden" id="fkdep" />
 						</tr>
 						<tr>
 							<th>来电时间：</th>
@@ -612,394 +601,221 @@
 				<!--右侧内容-->
 				<div class="ldtp-cr col-sm-9">
 					<ul class="ld-service clearfix">
-						<li style="border-bottom:1px solid #f95a83;" itemtype="2" class="cr-click">新增工单</li>
-						<li style="border-bottom:1px solid #243747;" itemtype="0">历史记录</li>
-						<li style="border-bottom:1px solid #69cbd0;display: none;" itemtype="1" class="KF">历史工单</li>
-						<li style="border-bottom:1px solid #243747;display: none;" itemtype="3" class="SC">历史工单</li>
+						<li style="border-bottom:1px solid #f95a83;" itemtype="0" class="cr-click">新增工单</li>
+						<li style="border-bottom:1px solid #243747;" itemtype="1">历史记录</li>
+						<li style="border-bottom:1px solid #69cbd0;" itemtype="2" >历史工单</li>
 					</ul>
-					<div class="ld-sercon">
-						<div class="complain" style="display:none;">
-							<div class="ld-sercon-con clearfix">
-								<div class="Ps-chaxun">
-									<span>查询: <input type="text" id="old_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="old_endTime" class="laydate-icon" /></span>
-									<span class="searchbtn"></span>
-								</div>
-								<div class="table-responsive col-sm-12 tbold" style="padding-left: 0;">
-									<table id="oldlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
-										<thead>
-											<tr>
-												<th data-field="CallNumber">电话号码</th>
-												<th data-field="CallState" data-formatter="GetCallState">呼叫状态</th>
-												<th data-field="DealType" data-formatter="formatterDealType" data-align="center">处理方式</th>
-												<th data-field="UserCode">坐席工号</th>
-												<th data-field="UserName">坐席姓名</th>
-												<th data-field="BeginTime">开始时间</th>
-												<th data-field="TalkStartTime">通话开始时间</th>
-												<th data-field="TalkEndTime">通话结束时间</th>
-												<th data-field="TalkLongTime">通话时长(s)</th>
-												<th data-field="FilePath" data-formatter="setCode">录音</th>
-											</tr>
-										</thead>
-										<tbody class="list"></tbody>
-									</table>
-								</div>
-							</div>
-
-						</div>
-						
-						<div class="complain" style="display:none;">
-							<div class="ld-sercon-con clearfix">
-								<div class="Ps-chaxun">
-									<span>
-										查询: <input type="text" id="con_startTime" class="laydate-icon" />
-										&nbsp;——&nbsp;
-										<input type="text" id="con_endTime" class="laydate-icon" />
-									</span>
-									<span class="searchbtn"></span>
-								</div>
-								<div id="zxlbs" class="table-responsive col-sm-12 tbold" style="padding-left: 0;">
-
-									<table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
-										<thead>
-											<tr>
-												<th data-field="F_WorkOrderId" 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>
-										<tbody class="list"></tbody>
-									</table>
-								</div>
-							</div>
-
-						</div>
-						
-						<div class="complain" style="display: block;">
-							<div class="Pre-second second-con addgd" style="display:none;">
-								<form>
-									<table class="market">
-										<tbody>
-											<tr>
-												<th>客户:</th>
-												<td>
-													<div class="form-group">
-														<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>
-												<td>
-													<div class="form-group">
-														<select name="" class="form-control" id="vipName">
+                    <div class="ld-sercon">
+                        <div class="complain" style="display: block;">
+                            <div class="Pre-second second-con addgd">
+                                <div class="common">
+                                    <table class="customerService">
+                                        <tbody>
+                                            <tr>
+                                                <th>姓名:</th>
+                                                <td>
+                                                    <div class="form-group">
+                                                        <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>
 
-														</select>
-													</div>
-												</td>
-												
-											</tr>
-											<tr>
-												
-												<th>对接人电话:</th>
-												<td style="position: relative;">
-													<div class="form-group">
-														<input type="text" class="form-control" id="vipTel" />
-													</div>
-												</td>
-												<th>区域:</th>
-												<td style="position: relative;">
-													<div class="form-group">
-														<input type="text" class="form-control" id="areaInps1"/>
-													</div>
-												</td>
-												<th>省市:</th>
-												<td>
-													<div class="form-group" style="position: relative;">
-														<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="hidden" id="typeclassId1" />
-														<div class="addTree1 treeList_market1">
-															<ul id="TreeDemo_market1" class="ztree">
+                                            </tr>
 
-															</ul>
-														</div>
-													</div>
-												</td>
-											</tr>
-											<tr>
-												<th>问题分类:</th>
-												<td>
-													<div class="form-group">
-														<select name="" class="form-control orderType1">
+                                            <tr>
 
-														</select>
-													</div>
+                                                <th>工单来源:</th>
+                                                <td>
+                                                    <div class="form-group">
+                                                        <select name="" class="form-control" id="DicValueList"></select>
+                                                    </div>
+                                                </td>
+                                                <th>工单类型:</th>
+                                                <td>
+                                                    <div class="form-group">
+                                                        <select name="" class="form-control orderType"></select>
+                                                    </div>
+                                                </td>
 
-												</td>
-												<th>工单来源:</th>
-												<td>
-													<div class="form-group">
-														<select name="" class="form-control" id="DicValueList">
+                                                <th class="complainDiv">投诉类型:</th>
+                                                <td class="complainDiv">
+                                                    <div class="form-group">
+                                                        <select name="" class="form-control complaintType"></select>
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                            <tr>
 
-														</select>
-													</div>
-												</td>
-												<th>产品类别:</th>
-												<td style="position: relative;">
-													<div class="form-group">
-														<select name="" class="form-control productType1" id="productType">
-														
-														</select>
-													</div>
-												</td>
-											</tr>
-											<tr class="complainDiv">
-												<th>投诉类型:</th>
-												<td>
-													<div class="form-group">
-														<select name="" class="form-control complaintType1">
-														</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">
-														<input type="text" id="proDuctdate" class="laydate-icon" autocomplete="off" />
-													</div>
-												</td>
-												<th>购买日期:</th>
-												<td style="position: relative;">
+                                                <th>产品名称:</th>
+                                                <td>
+                                                    <div class="form-group">
+                                                        <input type="text" class="form-control" id="productname" />
+                                                    </div>
+                                                </td>
+                                                <th>产品类别:</th>
+                                                <td style="position: relative;">
+                                                    <div class="form-group">
+                                                        <select name="" class="form-control productType" id="productType"></select>
+                                                    </div>
+                                                </td>
+                                                <th>生产批号:</th>
+                                                <td>
+                                                    <div class="form-group">
+                                                        <input type="text" class="form-control" id="batchNumber" />
+                                                    </div>
+                                                </td>
 
-													<div class="time-box form-group">
-														<input type="text" id="buyDate" class="laydate-icon" autocomplete="off" />
-													</div>
-												</td>
-												<th>使用日期:</th>
-												<td style="position: relative;">
-													<div class="time-box form-group">
-														<input type="text" id="userDate" class="laydate-icon" autocomplete="off" />
-													</div>
+                                                <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 " 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" id="buyDate" type="text" placeholder="请选择时间">
+                                                    </div>
+                                                </td>
+                                                <th><span id="usedate">食用日期:</span></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" id="userDate" type="text" placeholder="请选择时间">
+                                                    </div>
+                                                </td>
+                                                <th>样品寄回:</th>
+                                                <td style="position: relative;">
+                                                    <label style="vertical-align: middle;font-weight: normal; margin-right:20px;"><input style="vertical-align: middle" type="radio" name="sendBack" id="sendBack" value="0" checked="checked" />否</label>
+                                                    <label style="vertical-align: middle;font-weight: normal;"><input style="vertical-align: middle" type="radio" name="sendBack" id="sendBack" value="1" />是</label>
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <th>区域:</th>
+                                                <td style="position: relative;">
+                                                    <div class="form-group">
+                                                        <input type="text" class="form-control" id="areaInps" />
+                                                    </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" readonly="readonly">
+                                                        <input type="text" class="inps2">
+                                                        <input type="text" class="inps3">
+                                                        <div class="addTree1 treeList1">
+                                                            <ul id="TreeDemo1" class="ztree"></ul>
+                                                        </div>
+                                                    </div>
+                                                </td>
+                                                <th><span id="vipid">客诉专员:</span></th>
+                                                <td>
+                                                    <div class="form-group">
+                                                        <select name="" class="form-control" id="vipName"></select>
+                                                    </div>
+                                                </td>
+                                                <th><span id="vipphone">专员电话:</span></th>
+                                                <td style="position: relative;">
+                                                    <div class="form-group">
+                                                        <input type="text" class="form-control" id="vipTel" />
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <th>投诉事件描述:</th>
+                                                <td colspan="7">
+                                                    <textarea name="" rows="5" cols="" placeholder="" id="content" style="margin-top:10px;"></textarea>
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <td colspan="8" style="text-align: center;">
+                                                    <button class="btns customerSubmit">保&nbsp;存</button>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
 
-												</td>
-											</tr>
-											<tr>
-												<th>样品寄回:</th>
-												<td style="position: relative;">
-													<div class="time-box form-group">
-														<select name="" class="form-control" id="sendBack">
-															<option value="0">否</option>
-															<option value="1">是</option>
-														</select>
-													</div>
-												</td>
-												
-											</tr>
-											<tr>
-												<th>投诉事件描述:</th>
-												<td colspan="5">
-													<textarea name="" rows="5" cols="" placeholder="" id="content"></textarea>
-												</td>
-											</tr>
-											<tr>
-												<td colspan="6" style="text-align: center;">
-													<span class="addts add_bj">保&nbsp;存</span>
+                        <div class="complain" style="display:none;">
+                            <div class="ld-sercon-con clearfix">
+                                <div class="Ps-chaxun">
+                                    <span>查询: <input type="text" id="old_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="old_endTime" class="laydate-icon" /></span>
+                                    <span class="searchbtn"></span>
+                                </div>
+                                <div class="table-responsive col-sm-12 tbold" style="padding-left: 0;">
+                                    <table id="oldlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+                                        <thead>
+                                            <tr>
+                                                <th data-field="CallNumber">电话号码</th>
+                                                <th data-field="CallState" data-formatter="GetCallState">呼叫状态</th>
+                                                <th data-field="DealType" data-formatter="formatterDealType" data-align="center">处理方式</th>
+                                                <th data-field="UserCode">坐席工号</th>
+                                                <th data-field="UserName">坐席姓名</th>
+                                                <th data-field="BeginTime">开始时间</th>
+                                                <th data-field="TalkStartTime">通话开始时间</th>
+                                                <th data-field="TalkEndTime">通话结束时间</th>
+                                                <th data-field="TalkLongTime">通话时长(s)</th>
+                                                <th data-field="FilePath" data-formatter="setCode">录音</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody class="list"></tbody>
+                                    </table>
+                                </div>
+                            </div>
 
-												</td>
-											</tr>
-										</tbody>
-									</table>
-								</form>
-							</div>
-
-							<div class="Pre-second second-con zxbg " style="display: none;">
-								<form>
-									<table class="customerService">
-										<tbody>
-											<tr>
-												<th>姓名:</th>
-												<td>
-													<div class="form-group">
-														<input type="text" class="form-control" id="namem" autocomplete="off" />
-													</div>
-												</td>
-												<th>电话:</th>
-												<td>
-													<div class="form-group">
-														<input type="text" class="form-control" id="telm" autocomplete="off" />
-													</div>
-												</td>
-											</tr>
-											<tr>
-												<th>产品名称:</th>
-												<td>
-													<div class="form-group">
-														<input type="text" class="form-control" id="productnamem" autocomplete="off" />
-													</div>
-												</td>
-												<th>产品类别:</th>
-												<td style="position: relative;">
-													<div class="form-group">
-														<select name="" class="form-control productType2" id="productTypem">
-														
-														</select>
-													</div>
-												</td>
-												<th>生产批号:</th>
-												<td>
-													<div class="form-group">
-														<input type="text" class="form-control" id="batchNumberm" autocomplete="off" />
-													</div>
-												</td>
-											</tr>
-											<tr>
-												<th>购买日期:</th>
-												<td style="position: relative;">
-													<div class="time-box form-group">
-														<input type="text" id="buyDatem" class="laydate-icon" autocomplete="off" />
-													</div>
-												</td>
-												<th>食用日期:</th>
-												<td style="position: relative;">
-													<div class="time-box form-group">
-														<input type="text" id="userDatem" class="laydate-icon" autocomplete="off" />
-													</div>
-												</td>
-											</tr>
-											<tr>
-												<th>购买地址:</th>
-												<td>
-													<div class="form-group">
-														<input type="text" class="form-control" id="buyAddressm" autocomplete="off" />
-													</div>
-												</td>
-												<th>工单来源:</th>
-												<td>
-													<div class="form-group">
-														<select name="" class="form-control" id="DicValueListm">
-
-														</select>
-													</div>
-												</td>
-												<th>工单类型:</th>
-												<td>
-													<div class="form-group">
-														<select name="" class="form-control orderType2">
+                        </div>
 
-														</select>
-													</div>
+                        <div class="complain" style="display:none;">
+                            <div class="ld-sercon-con clearfix">
+                                <div class="Ps-chaxun">
+                                    <span>
+                                        查询: <input type="text" id="con_startTime" class="laydate-icon" />
+                                        &nbsp;——&nbsp;
+                                        <input type="text" id="con_endTime" class="laydate-icon" />
+                                    </span>
+                                    <span class="searchbtn"></span>
+                                </div>
+                                <div id="zxlbs" class="table-responsive col-sm-12 tbold" style="padding-left: 0;">
 
-												</td>
-											</tr>
-											<tr class="complainDiv">
-												<th>投诉类型:</th>
-												<td>
-													<div class="form-group">
-														<select name="" class="form-control complaintType2">
-														</select>
-													</div>
-												</td>
-											</tr>
-											<tr>
-												<th>样品寄回:</th>
-												<td style="position: relative;">
-													<select name="" class="form-control" id="sendBack">
-														<option value="0">否</option>
-														<option value="1">是</option>
-													</select>
-												</td>
-												<th>客诉专员:</th>
-												<td>
-													<div class="form-group">
-														<select name="" class="form-control" id="vipNamem">
+                                    <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+                                        <thead>
+                                            <tr>
+                                                <th data-field="F_WorkOrderId" 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>
+                                        <tbody class="list"></tbody>
+                                    </table>
+                                </div>
+                            </div>
 
-														</select>
-													</div>
-												</td>
-												
-											</tr>
-											<tr>
-												<th>专员电话:</th>
-												<td style="position: relative;">
-													<div class="form-group">
-														<input type="text" class="form-control" id="vipTelm" />
-													</div>
-												</td>
-												<th>区域:</th>
-												<td style="position: relative;">
-													<div class="form-group">
-														<input type="text" class="form-control" id="areaInpsm"/>
-													</div>
-												</td>
-												<th>省市:</th>
-												<td>
-													<div class="form-group" style="position: relative;">
-														<i class="tub fa fa-caret-down areaDown" style="color: #676b6d;"></i>
-														<input class="form-control" type="text" id="typeclass_market1m" readonly="readonly" autocomplete="off">
-														<input type="text" class="inps2">
-														<input type="text" class="inps3">
-														<input type="text" class="inps4">
-														<input type="hidden" id="typeclassId1" />
-														<div class="addTree1 TreeDemo_market1m">
-															<ul id="TreeDemo_market1m" class="ztree">
-															</ul>
-														</div>
-													</div>
-												</td>
-											</tr>
-											<tr>
-												<th>投诉事件描述:</th>
-												<td colspan="5">
-													<textarea name="" rows="5" cols="" placeholder="" id="contentm"></textarea>
-												</td>
-											</tr>
-											<tr>
-												<td colspan="6" style="text-align: center;">
-													<span class="add_ add_bj">保&nbsp;存</span>
-
-												</td>
-											</tr>
-										</tbody>
-									</table>
-								</form>
-							</div>
-
-						</div>
-
-					</div>
+                        </div>
+                    </div>
 					<!--右侧下方内容区-->
 					<div class="ldcr-bottom" style="margin-top:10px;">
 						<div class="ldcrb-top clearfix">

CallCenterWeb.UI/callScreen/css/call.css

@@ -196,11 +196,7 @@
 			top: 0;
 			right: 0;
 		}*/
-		.ld-sercon select {
-			/*height: 22px;*/
-			width: 128px;
-			padding-left: 20px;
-		}
+
 		.ld-sercon textarea{
 			width: 70%;
 			vertical-align: middle;

CallCenterWeb.UI/js/WorkOrder/AddWorkOrder.js

@@ -1,35 +1,15 @@
-var ns;
-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: 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 () {
+    var groupcode = $('#groupcode', top.document).val();
+    if (groupcode == 'SCZ') {
+        $("#usedate").text("饮用日期:");
+        $("#vipid").text("对接人:");
+        $("#vipphone").text("对接人电话:");
+    }
+    var id = helper.request.queryString("id");
+    var phone = helper.request.queryString("phone");
+    var name = helper.request.queryString("name");
 
-$(document).ready(function() {
 	laydate.render({
 		elem: '.userDate',
 		theme: '#1ab394',
@@ -39,19 +19,13 @@ $(document).ready(function() {
 		elem: '.buyDate',
 		theme: '#1ab394',
 		calendar: 'true'
-		//type: 'datetime',
-		//max : 31,
-		//min: 0,
 	});
 	laydate.render({
-		elem: '#proDuctdate',
+        elem: '#productDate',
 		theme: '#1ab394',
 		calendar: 'true'
-		//type: 'datetime',
-		//max : 31,
-		//min: 0,
-	});
-	
+    });
+
 	//工单来源
 	getOrderSource();
 	//工单类型
@@ -62,31 +36,22 @@ $(document).ready(function() {
 	getProductType();
 	
 	//区域
-	getOrderType1();
-	//工单状态
-	getOrderState();
+    getAreaType();
 	//客诉专员
 	ComplaintVip();
-	//来电单位
-	$('#testInput1').comboSelect();
-	$('#testInput2').comboSelect();
-	$('#testInput3').comboSelect();
-	$('#testInput4').comboSelect();
-	//编辑器配置 客服部
-	KindEditor.ready(function(K) {
-		window.changeEditor = K.create('#feedBackCon'); //修改弹出框编辑器
-	})
-	//编辑器配置 市场部 备注
-	KindEditor.ready(function(K) {
-		window.marketEditor = K.create('#remark_market');
-	})
+
+	////编辑器配置 客服部
+	//KindEditor.ready(function(K) {
+	//	window.changeEditor = K.create('#feedBackCon'); //修改弹出框编辑器
+	//})
+	////编辑器配置 市场部 备注
+	//KindEditor.ready(function(K) {
+	//	window.marketEditor = K.create('#remark_market');
+	//})
 	//保存
 	$('.customerSubmit').click(function() {
 		saveCustomer();
 	})
-	$('.marketSubmit').click(function() {
-		saveMarket();
-	})
 	if(id) {
 		$("#CallID").val(id);
 		$("#tel").val(phone);
@@ -95,13 +60,37 @@ $(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)));
-		}
-		
-	}
+    }
+
+    $('.areaDown').click(function () {
+        if ($('.treeList1').css('display') == 'block') {
+            $('.treeList1').css('display', 'none')
+        } else {
+            $('.treeList1').css('display', 'block')
+        }
+    })
+    $('#typeclass').click(function () {
+        $('.treeList1').css('display', 'block')
+    })
+    $('.treeList1').mouseleave(function () {
+        $(this).css('display', 'none')
+    })
+
+    $(".orderType").change(function () {
+        if ($(".orderType option:selected").text() != "投诉") {
+            $(".complainDiv").hide();
+        } else {
+            $(".complainDiv").show();
+        }
+    });
+    //获取专员手机号
+    $("#vipName").change(function () {
+        $("#vipTel").val($("#vipName option:selected").attr("index"));
+        $("#areaInps").val($("#vipName option:selected").attr("areaText"));
+        $("#typeclass").val($("#vipName option:selected").attr("province") + "/" + $("#vipName option:selected").attr("city"));
+        $(".inps2").val($("#vipName option:selected").attr("province"));
+        $(".inps3").val($("#vipName option:selected").attr("city"));
+    });
 })
 
 //工单类型
@@ -113,34 +102,11 @@ function getOrderType() {
 		result = $.parseJSON(result);
 		var Count = result.data;
 		$(Count).each(function(i, n) {
-			
-			if(ns==1){
-				$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".orderType1"));
-			}else if(ns==2){
-				$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".orderType2"));
-			}
-			
-		
+            $('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".orderType"));
 		})
-	
 	});
 }
-$(".orderType1").change(function() {
-	if($(".orderType1 option:selected").text()=="咨询"){
-		$(".complainDiv").hide();
-	}else{
-		$(".complainDiv").show();
-	}
-	
-});
-$(".orderType2").change(function() {
-	if($(".orderType2 option:selected").text()=="咨询"){
-		$(".complainDiv").hide();
-	}else{
-		$(".complainDiv").show();
-	}
-	
-});
+
 //工单类型
 function complaintType() {
 	$.get(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByFlag', {
@@ -151,9 +117,7 @@ function complaintType() {
 		var Count = result.data;
 		$(Count).each(function(i, n) {
 			$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".complaintType"));
-
 		})
-	
 	});
 }
 //产品类别
@@ -165,29 +129,21 @@ function getProductType() {
 		result = $.parseJSON(result);
 		var Count = result.data;
 		$(Count).each(function(i, n) {
-			if(ns==1){
-				$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".productType1"));
-			}else if(ns==2){
-				$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".productType2"));
-			}
+            $('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".productType"));
 		})
-		
-	
 	});
 }
 
 //区域
-function getOrderType1() {
+function getAreaType() {
 	$.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); //实例化树形图
+		$.fn.zTree.init($("#TreeDemo1"), setting, result.data); //实例化树形图
 	});
 }
-var setting4 = {
+var setting = {
 	data: {
 		key: {
 			name: "F_AreaName"
@@ -205,18 +161,16 @@ var setting4 = {
 }
 
 function changeTreeClick(event, treeId, treeNode) {
-	
-	chanId=treeNode.F_Id;
-	changeName = treeNode.F_AreaName;
-	areaParent=treeNode.getPath();
+
+    var areaParent = treeNode.getPath();
 	if (areaParent[1]) {
 		areaParent1=areaParent[0].F_AreaName
 		areaParent2=areaParent[1].F_AreaName
 		
-		$('#typeclass1').val(areaParent1+"/"+areaParent2);
-		$('#typeclass_market1').val(areaParent1+"/"+areaParent2);
+		$('#typeclass').val(areaParent1+"/"+areaParent2);
 		$('.inps2').val(areaParent1);
-		$('.inps3').val(areaParent2);
+        $('.inps3').val(areaParent2);
+        ComplaintVip();
 		
 	}else{
 		layer.msg("请选择最下级菜单");
@@ -224,50 +178,8 @@ function changeTreeClick(event, treeId, treeNode) {
 	$('.addTree1').hide();
 	
 };
-$('.areaDown').click(function() {
-	if($('.treeList1').css('display') == 'block') {
-		$('.treeList1').css('display', 'none')
-	} else {
-		$('.treeList1').css('display', 'block')
-	}
-})
-$('#typeclass1').click(function() {
-	$('.treeList1').css('display', 'block')
-})
-$('.treeList1').mouseleave(function() {
-	$(this).css('display', 'none')
-})
-$('#typeclass_market1').click(function() {
-	$('.treeList_market1').css('display', 'block')
-})
-$('.treeList_market1').mouseleave(function() {
-	$(this).css('display', 'none')
-})
 
-//工单状态
-function getOrderState() {
-	$.ajax({
-		url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
-		type: 'get',
-		async: true,
-		data: {
-			flag: 'GDZT',
-			token: $.cookie("token")
-		},
-		dataType: "json",
-		success: function(res) {
-			if(res.state == "success") {
-				//console.log(res.data);
-				$(res.data).each(function(i, n) {
-					
-					$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#State"));
-				})
-				//              		
-			}
 
-		}
-	})
-}
 //工单来源
 function getOrderSource(obj) {
 	$.ajax({
@@ -283,126 +195,85 @@ function getOrderSource(obj) {
 			var Count = data.data;
 			$(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"));
 			})
 		}
 	});
 }
 //客诉专员
 function ComplaintVip() {
-	var customerType;
-	$.ajax({
-		type: "get",
-		url: huayi.config.callcenter_url + "Customer/GetAllList",
-		dataType: 'json',
-		async: true,
-		data: {
-			token: $.cookie("token"),
-			type: 2
-		},
-		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
-					+'" areaText="'+n.F_Area
-					+'" province="'+n.F_Province
-					+'" city="'+n.F_City+'">' + n.F_Name
-					+ '</option>').appendTo($("#vipName"));
-				})
-				
-			} else if(ns==2){
-				$(Count).each(function(i, n) {
-					$('<option value="' + n.F_Id 
-					+ '"  index="'+n.F_Phone
-					+'" areaText="'+n.F_Area
-					+'" province="'+n.F_Province
-					+'" city="'+n.F_City+'">' + n.F_Name
-					+ '</option>').appendTo($("#customerName"));
-				})
-			}
-			
-		}
-	});
+    $.ajax({
+        type: "get",
+        url: huayi.config.callcenter_url + "Customer/GetAllList",
+        dataType: 'json',
+        async: true,
+        data: {
+            token: $.cookie("token"),
+            type: 2,
+            province: $('.inps2').val(), //省
+            city: $('.inps3').val() //市
+        },
+        success: function(data) {
+            $("#vipName").empty();
+            var Count = data.data;
+            $('<option value="">请选择专员</option>').appendTo($("#vipName"));
+            $(Count).each(function (i, n) {
+                $('<option value="' + n.F_Id
+                    + '"  index="' + n.F_Phone
+                    + '" areaText="' + n.F_Area
+                    + '" province="' + n.F_Province
+                    + '" city="' + n.F_City + '">' + n.F_Name
+                    + '</option>').appendTo($("#vipName"));
+            })
+        }
+    });
 }
-//获取专员手机号
-$("#vipName").change(function() {
-	$("#vipTel").val($("#vipName option:selected").attr("index"));
-	$("#areaInps").val($("#vipName option:selected").attr("areaText"));
-	$("#typeclass1").val($("#vipName option:selected").attr("province")+"/"+$("#vipName option:selected").attr("city"));
-	$(".inps2").val($("#vipName option:selected").attr("province"));
-	$(".inps3").val($("#vipName option:selected").attr("city"));
-	
-});
-$("#customerName").change(function() {
-	$("#customerTel").val($("#customerName option:selected").attr("index"));
-	$("#areaInps").val($("#customerName option:selected").attr("areaText"));
-	$("#typeclass_market1").val($("#customerName option:selected").attr("province")+"/"+$("#customerName option:selected").attr("city"));
-	$(".inps2").val($("#customerName option:selected").attr("province"));
-	$(".inps3").val($("#customerName option:selected").attr("city"));
-});
-var orderType
-var staffId
-var stafftel
 
-//思念组保存
+
+//保存
 function saveCustomer() {
-	if($('#name').val() == '') {
+
+	if(!$('#name').val()) {
 		layer.confirm('请输入姓名！', {
 			icon: 2,
 			btn: ['确定']
 		});
 		return;
 	}
-	if($('#tel').val() == '') {
+	if(!$('#tel').val()) {
 		layer.confirm('请输入电话！', {
 			icon: 2,
 			btn: ['确定']
 		});
 		return;
 	}
-
-
-	if($('#DicValueList').val() == '') {
+	if(!$('#DicValueList').val()) {
 		layer.confirm('请选择工单来源！', {
 			icon: 2,
 			btn: ['确定']
 		});
 		return;
 	}
-
-	if($('#typeclassId').val() == '') {
+    if (!$('.orderType').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 + "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"),
 			cusname: $('#name').val(), //姓名
-			cusphone: $('#tel').val(), //号码
+            cusphone: $('#tel').val(), //号码
+            productdate: $('#productDate').val(),
 			buydate: $('.buyDate').val(), //购买日期
 			productname: $('#productname').val(), //产品名称
 			buyaddress: $('#buyAddress').val(), //购买地址  
@@ -410,14 +281,15 @@ function saveCustomer() {
 			batchnumber: $('#batchNumber').val(), //生产批号     
 			userdate: $('.userDate').val(), //使用日期  userDate  
 			source: $('#DicValueList').val(), //工单来源
-			type: orderType, //工单类型id
+            type: $('.orderType').val(), //工单类型id
 			smalltype:$(".complaintType").val(), //投诉类型
 			area: $('#areaInps').val(), //区域
 			province: $('.inps2').val(), //省
 			city: $('.inps3').val(), //市
 			content:$('#content').val(), //事件描述     
-			vipid: staffId, //专员id     
-			vipphone: stafftel, //专员号码     
+            vipid: $('#vipName').val(), //专员id     
+            vipphone: $('#vipTel').val(), //专员号码
+            isback: $('input[name="sendBack"]:checked').val(),
 			callid: $("#CallID").val()
 		},
 		success: function(data) {
@@ -425,64 +297,8 @@ function saveCustomer() {
 				
 				layer.msg("保存成功！");
 				window.location.reload()
-//				$('.customerSubmit').attr("disabled", false);
-//				$('.customerSubmit').text('保存');
-			}
-		}
-	});
-
-}
-// 杜康组保存
-function saveMarket() {
-	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 + "WorkOrder/AddWorkOrder",
-		dataType: 'json',
-		async: true,
-//		beforeSend: function() { //触发ajax请求开始时执行
-//			$('.marketSubmit').attr("disabled", true);
-//			$('.marketSubmit').text('保存中...');
-//		},
-		data: {
-			token: $.cookie("token"),
-			cusname: $('#name').val(), //姓名
-			cusphone: $('#tel').val(), //号码
-			area: $('#areaInps').val(), //区域
-			vipid: staffId, //专员id     
-			vipphone: stafftel, //专员号码     
-			source: $('#DicValueList').val(), //工单来源
-			productname: $('#productname').val(), //产品名称
-			producttype: $('#productType').val(), //产品类别   
-			smalltype:$(".complaintType").val(), //投诉类型
-			batchnumber: $('#batchNumber').val(), //生产批号     
-			buyaddress: $('#buyAddress').val(), //购买地址  
-			productdate: $('#proDuctdate').val(),
-			buydate: $('.buyDate').val(), //购买日期
-			userdate: $('.userDate').val(), //使用日期  userDate  
-			type: orderType, //工单类型id
-			province: $('.inps2').val(), //省
-			city: $('.inps3').val(), //市
-			content:$('#content').val(), //事件描述     
-			isback:$("#sendBack").val(),
-			callid: $("#CallID").val()
-		},
-		success: function(data) {
-			if(data.state.toLowerCase() == 'success') {
-				layer.msg("保存成功！");
-				debugger
-				window.location.reload()
-//				clear();
-				$('.marketSubmit').attr("disabled", false);
-				$('.marketSubmit').text('保存');
+				$('.customerSubmit').attr("disabled", false);
+				$('.customerSubmit').text('保存');
 			}
 		}
 	});
@@ -490,26 +306,24 @@ function saveMarket() {
 }
 
 function clear() {
-	if(ns == 1) {
-		$('#name').val('');
-		$('#tel').val(''); //号码
-		$('#testInput1_input').val(''); //来电单位
-		$('#testInput2_input').val(''); //反馈单位
-		$('#orderSource').val(''); //工单来源
-		$('#typeclassId').val(''); //工单类型id
-		$('#State').val(''); //工单状态id   
-		$('#feedBackCon').val(''); //反馈内容    
-		$('#express').val(''); //快递信息     
-		$('#remark1').val(''); //备注一     
-		$('#remark2').val(''); //备注二     
-		$('#remark3').val(''); //备注三    
-		$('#typeclass').val('');
-	} else {
-		$('#name_market').val('');
-		$('#tel_market').val(''); //号码
-		$('#testInput3_input').val(''); //来电单位
-		$('#testInput4_input').val(''); //反馈单位
-		$('#remark_market').val(''); //备注内容
-	}
-
+    $('#name').val('');
+    $('#tel').val(''); //号码
+    $('#orderSource').val(''); //工单来源
+    $('#typeclassId').val(''); //工单类型id
+    $('.orderType').val(''); //工单状态id   
+    $('.DicValueList').val(''); //反馈内容    
+    $('.buyDate').val(''); //快递信息         
+    $('#productDate').val(''); //快递信息   
+    $('#productname').val(''); //备注一     
+    $('#buyAddress').val(''); //备注二     
+    $('#productType').val(''); //备注三    
+    $('#batchNumber').val('');
+    $('.userDate').val('');
+    $('.complaintType').val('');
+    $('.inps2').val('');
+    $('.inps3').val('');
+    $('#content').val('');
+    $('#vipName').val('');
+    $('#vipTel').val('');
+    $('#CallID').val('');
 }

CallCenterWeb.UI/js/WorkOrder/xgWork.js

@@ -1,534 +1,332 @@
-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: '#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,
-});
-$.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 == '思念组') {
-				$('.customerService').show();
-				$('.market').remove();
-				ns = 1;
-			} else {
-				$('.market').show();
-				$('.customerService').remove();
-				ns = 2;
-			}
-		}
-	}
-});
-if(id) {
-	$("#tel").val(phone);
-	$("#tel_market").val(phone);
-	$("#CallID").val(id);
-}
-$('#testInput1').comboSelect();
-$('#testInput2').comboSelect();
-$('#testInput3').comboSelect();
-$('#testInput4').comboSelect();
-$(function() {
-	//保存
-	$('.customerSubmit').click(function() {
-		saveCustomer();
-	});
-	$('.marketSubmit').click(function() {
-		saveMarket();
-	});
+$(document).ready(function () {
+    var groupcode = $('#groupcode', top.document).val();
+    if (groupcode == 'SCZ') {
+        $("#usedate").text("饮用日期:");
+        $("#vipid").text("对接人:");
+        $("#vipphone").text("对接人电话:");
+    }
+    laydate.render({
+        elem: '.userDate',
+        theme: '#1ab394',
+        calendar: 'true'
+    });
+    laydate.render({
+        elem: '.buyDate',
+        theme: '#1ab394',
+        calendar: 'true'
+    });
+    laydate.render({
+        elem: '#productDate',
+        theme: '#1ab394',
+        calendar: 'true'
+    });
 
-})
-//编辑器配置
-KindEditor.ready(function(K) {
-//	XQ();
-})
-//编辑器配置
-KindEditor.ready(function(K) {
-	window.changeMarket = K.create('#remark_market'); //修改弹出框编辑器
+    $.ajaxSettings.async = false;
 
-})
-//			XQ();
-//		})
-XQ();
-GDLY(); //工单来源
-State(); //工单状态
-getProductType(); //产品类别
-getOrderType(); //工单类型
-getOrderType1();
-ComplaintVip();//客诉专员
-complaintType();// 投诉类型
+    //工单来源
+    getOrderSource();
+    //工单类型
+    getOrderType();
+    //投诉类型
+    complaintType();
+    //产品类别
+    getProductType();
 
-//工单状态
-function State() {
-	$.ajax({
-		url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
-		type: 'get',
-		async: false,
-		data: {
-			flag: 'GDZT',
-			token: $.cookie("token")
-		},
-		dataType: "json",
-		success: function(res) {
-			if(res.state == "success") {
-				$('<option value="">全部</option>').appendTo($("#State"));
-				$(res.data).each(function(i, n) {
-					$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#State"));
-				})
-				//              		
-			}
+    //区域
+    getAreaType();
+    //客诉专员
+    ComplaintVip();
+    //保存
+    $('.customerSubmit').click(function() {
+        saveCustomer();
+    });
 
-		}
-	})
-}
-//工单类型
-function complaintType() {
-	$.get(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByFlag', {
-		"token": $.cookie("token"),
-		flag: "TSLX"
-	}, function(result) {
-		result = $.parseJSON(result);
-		var Count = result.data;
-		$('<option value="">全部</option>').appendTo($(".complaintType"));
-		$(Count).each(function(i, n) {
-			$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".complaintType"));
+    $.ajaxSettings.async = true;
+    var id = helper.request.queryString("id");
 
-		})
-	
-	});
-}
-//产品类别
-function getProductType() {
-	$.get(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByFlag', {
-		"token": $.cookie("token"),
-		flag: "CPLB"
-	}, function(result) {
-		result = $.parseJSON(result);
-		var Count = result.data;
-		$('<option value="">全部</option>').appendTo($(".productType1"));
-		$(Count).each(function(i, n) {
-			if(ns==1){
-				$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".productType1"));
-			}else if(ns==2){
-				$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".productType2"));
-			}
-		})
-	
-	});
-}
+    $.ajax({
+        type: "get",
+        url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrder",
+        dataType: 'json',
+        async: true,
+        cache: false,
+        data: {
+            "workid": id,
+            "token": $.cookie("token")
+        },
+        success: function(result) {
+            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); //购买日期
+                $('.orderType').val(data.F_Type + ''); //工单类型ID
+                $('.orderType').trigger("change");
+                $('.complaintType').val(data.F_SmallType + '');
+                $('#productname').val(data.F_ProductName); //产品名称 
+                $('#buyAddress').val(data.F_BuyAddress); //购买地址   data.
+                $('#productType').val(data.F_ProductType + ''); //产品类别ID   
+                $('#batchNumber').val(data.F_BatchNumber); //生产批号     
+                $('.userDate').val(data.F_UserDate); //使用日期  
+                $('#DicValueList').val(data.F_Source + ''); //工单来源 
+                $("#areaInps").val(data.F_Area);
+                $('#typeclass').val(data.F_Province + "/" + data.F_City); //区域  
+                $('.inps2').val(data.F_Province); //省   
+                $('.inps3').val(data.F_City); //市 
+                $('#content').val(data.F_Content); //事件描述     
+                $('#vipName').val(data.F_VIPId+''); //专员姓名    
+                $('#vipTel').val(data.F_VIPPhone); //专员号码       
 
+                $("input[name='sendBack'][value='" + data.F_IsBack+"']").attr("checked", true); 
+            }
+        }
+    });
+
+    $('.areaDown').click(function() {
+        if ($('.treeList1').css('display') == 'block') {
+            $('.treeList1').css('display', 'none')
+        } else {
+            $('.treeList1').css('display', 'block')
+        }
+    })
+    $('#typeclass').click(function() {
+        $('.treeList1').css('display', 'block')
+    })
+    $('.treeList1').mouseleave(function() {
+        $(this).css('display', 'none')
+    })
+
+    $(".orderType").change(function() {
+        if ($(".orderType option:selected").text() != "投诉") {
+            $(".complainDiv").hide();
+        } else {
+            $(".complainDiv").show();
+        }
+    });
+    //获取专员手机号
+    $("#vipName").change(function() {
+        $("#vipTel").val($("#vipName option:selected").attr("index"));
+        $("#areaInps").val($("#vipName option:selected").attr("areaText"));
+        $("#typeclass").val($("#vipName option:selected").attr("province") + "/" + $("#vipName option:selected").attr("city"));
+        $(".inps2").val($("#vipName option:selected").attr("province"));
+        $(".inps3").val($("#vipName option:selected").attr("city"));
+    });
+
+})
 
-$("#orderType1").change(function() {
-	if($("#orderType1 option:selected").text()=="咨询"){
-		$(".complainDiv").hide();
-	}else{
-		$(".complainDiv").show();
-	}
-	
-});
-$(".orderType2").change(function() {
-	if($(".orderType2 option:selected").text()=="咨询"){
-		$(".complainDiv").hide();
-	}else{
-		$(".complainDiv").show();
-	}
-	
-});
-//客诉专员
-function ComplaintVip() {
-	var customerType;
-	if(ns==1){
-		customerType=2
-	}else if(ns==2){
-		customerType=2
-	}
-	$.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
-					+'" areaText="'+n.F_Area
-					+'" province="'+n.F_Province
-					+'" city="'+n.F_City+'">' + n.F_Name
-					+ '</option>').appendTo($("#vipName"));
-				})
-				$("#vipTel").val($("#vipName option:selected").attr("index"));
-				$("#areaInps").val($("#vipName option:selected").attr("areaText"));
-				$("#typeclass1").val($("#vipName option:selected").attr("province")+"/"+$("#vipName option:selected").attr("city"));
-				$(".inps2").val($("#vipName option:selected").attr("province"));
-				$(".inps3").val($("#vipName option:selected").attr("city"));
-			} else if(ns==2){
-				$(Count).each(function(i, n) {
-					$('<option value="' + n.F_Id 
-					+ '"  index="'+n.F_Phone
-					+'" areaText="'+n.F_Area
-					+'" province="'+n.F_Province
-					+'" city="'+n.F_City+'">' + n.F_Name
-					+ '</option>').appendTo($("#customerName"));
-				})
-				$("#customerTel").val($("#customerName option:selected").attr("index"));
-				$("#areaInps").val($("#customerName option:selected").attr("areaText"));
-				$("#typeclass_market1").val($("#customerName option:selected").attr("province")+"/"+$("#customerName option:selected").attr("city"));
-				$(".inps2").val($("#customerName option:selected").attr("province"));
-				$(".inps3").val($("#customerName option:selected").attr("city"));
-			}
-			
-		}
-	});
-}
-//获取专员手机号
-$("#vipName").change(function() {
-	$("#vipTel").val($("#vipName option:selected").attr("index"));
-	$("#areaInps").val($("#vipName option:selected").attr("areaText"));
-	$("#typeclass1").val($("#vipName option:selected").attr("province")+"/"+$("#vipName option:selected").attr("city"));
-	$(".inps2").val($("#vipName option:selected").attr("province"));
-	$(".inps3").val($("#vipName option:selected").attr("city"));
-	
-});
-$("#customerName").change(function() {
-	$("#customerTel").val($("#customerName option:selected").attr("index"));
-	$("#areaInps").val($("#customerName option:selected").attr("areaText"));
-	$("#typeclass_market1").val($("#customerName option:selected").attr("province")+"/"+$("#customerName option:selected").attr("city"));
-	$(".inps2").val($("#customerName option:selected").attr("province"));
-	$(".inps3").val($("#customerName option:selected").attr("city"));
-});
-//工单来源
-function GDLY() {
-	$.ajax({
-		type: "get",
-		url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
-		dataType: 'json',
-		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) {
-				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 getOrderType() {
-	$.get(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByFlag', {
-		"token": $.cookie("token"),
-		flag: "GDLX"
-	}, function(result) {
-		result = $.parseJSON(result);
-		var Count = result.data;
-		//$("#orderType1").empty();
-		$('<option value="">全部</option>').appendTo($("#orderType1"));
-		$(Count).each(function(i, n) {
-			if(ns==1){
-				$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#orderType1"));
-			}else if(ns==2){
-				$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".orderType2"));
-			}
-			
+    $.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) {
+            $('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".orderType"));
+        })
+    });
+}
 
-		})
-	
-	});
+//工单类型
+function complaintType() {
+    $.get(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByFlag', {
+        "token": $.cookie("token"),
+        flag: "TSLX"
+    }, function(result) {
+        result = $.parseJSON(result);
+        var Count = result.data;
+        $(Count).each(function(i, n) {
+            $('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".complaintType"));
+        })
+    });
 }
-//获取详情
-function XQ() {
-	$.ajax({
-		type: "get",
-		url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrder",
-		dataType: 'json',
-		async: true,
-		cache: false,
-		data: {
-			"workid": id,
-			"token": $.cookie("token")
-		},
-		success: function(result) {
-			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); //购买日期
-				$('.complaintType option:selected').text(data.SmallTypeName); //工单来源 
-				$('.complaintType').val(data.F_SmallType)
-				$('#orderType1 option:selected').text(data.TypeName); //工单类型 
-				$('#orderType1').val(data.F_Type); //工单类型ID
-				$('#productname').val(data.F_ProductName); //产品名称 
-				$('#buyAddress').val(data.F_BuyAddress); //购买地址   data.
-				$('#productType option:selected').text(data.ProductTypeName); //产品类别 
-				$('#productType').val(data.F_ProductType); //产品类别ID   
-				$('#batchNumber').val(data.F_BatchNumber); //生产批号     
-				$('#userDate').val(data.F_UserDate); //使用日期  
-				$('#DicValueList option:selected').text(data.SourceName); //工单来源 
-				$('#DicValueList').val(data.F_Source); //工单来源 
-				
-				$('#typeclass').val(data.TypeName); //工单类型id 
-				$("#areaInps").val(data.F_Area);
-				$('#typeclass1').val(data.F_Province+"/"+data.F_City); //区域  
-				$('.inps2').val(data.F_Province); //省   
-				$('.inps3').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); //专员号码     
-					if($("#orderType1 option:selected").text()=="咨询"){
-						
-						$(".complainDiv").hide();
-					}else{
-						
-						$(".complainDiv").show();
-					}
-			}
-		}
-	});
+//产品类别
+function getProductType() {
+    $.get(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByFlag', {
+        "token": $.cookie("token"),
+        flag: "CPLB"
+    }, function(result) {
+        result = $.parseJSON(result);
+        var Count = result.data;
+        $(Count).each(function(i, n) {
+            $('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".productType"));
+        })
+    });
 }
 
 //区域
-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); //实例化树形图
-	});
+function getAreaType() {
+    $.get(huayi.config.callcenter_url + 'Area/GetAreaList', {
+        "token": $.cookie("token"),
+    }, function(result) {
+        result = $.parseJSON(result);
+        $.fn.zTree.init($("#TreeDemo1"), setting, result.data); //实例化树形图
+    });
 }
-var setting4 = {
-	data: {
-		key: {
-			name: "F_AreaName"
-		},
-		simpleData: {
-			enable: true,
-			idKey: "F_Id",
-			pIdKey: "F_ParentId",
-			rootPId: 0
-		}
-	},
-	callback: {
-		onClick: changeTreeClick1
-	}
+var setting = {
+    data: {
+        key: {
+            name: "F_AreaName"
+        },
+        simpleData: {
+            enable: true,
+            idKey: "F_Id",
+            pIdKey: "F_ParentId",
+            rootPId: 0
+        }
+    },
+    callback: {
+        onClick: changeTreeClick
+    }
 }
 
-function changeTreeClick1(event, treeId, treeNode) {
-	chanId = treeNode.F_Id;
-	changeName = treeNode.F_AreaName;
-	areaParent = treeNode.getPath();
-	if(areaParent[1]) {
-		areaParent1 = areaParent[0].F_AreaName
-		areaParent2 = areaParent[1].F_AreaName
-		$('#typeclass1').val(areaParent1 + "/" + areaParent2 );
-		$('#typeclass_market1').val(areaParent1 + "/" + areaParent2);
-		$('.inps2').val(areaParent1);
-		$('.inps3').val(areaParent2);
-	} else {
-		layer.msg("请选择最下级菜单");
-	}
-	$('.addTree1').hide();
+function changeTreeClick(event, treeId, treeNode) {
+
+    var areaParent = treeNode.getPath();
+    if (areaParent[1]) {
+        areaParent1 = areaParent[0].F_AreaName
+        areaParent2 = areaParent[1].F_AreaName
+
+        $('#typeclass').val(areaParent1 + "/" + areaParent2);
+        $('.inps2').val(areaParent1);
+        $('.inps3').val(areaParent2);
+        ComplaintVip();
+
+    } else {
+        layer.msg("请选择最下级菜单");
+    }
+    $('.addTree1').hide();
 
 };
-$('.areaDown').click(function() {
-	if($('.treeList1').css('display') == 'block') {
-		$('.treeList1').css('display', 'none')
-	} else {
-		$('.treeList1').css('display', 'block')
-	}
-})
-$('#typeclass1').click(function() {
-	$('.treeList1').css('display', 'block')
-})
-$('.treeList1').mouseleave(function() {
-	$(this).css('display', 'none')
-})
-$('#typeclass_market1').click(function() {
-	$('.treeList_market1').css('display', 'block')
-})
-$('.treeList_market1').mouseleave(function() {
-	$(this).css('display', 'none')
-})
-//客服部保存
-function saveCustomer() {
-	
-	$.ajax({
-		type: "post",
-		url: huayi.config.callcenter_url + "WorkOrder/EditWorkOrder",
-		dataType: 'json',
-		async: true,
-		data: {
-			token: $.cookie("token"),
-			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
-			smalltype:$(".complaintType").val(),
-			area: $('#areaInps').val(), //区域
-			province: $('.inps2').val(), //省
-			city: $('.inps3').val(), //市
-			content:$('#content').val(), //事件描述     
-			vipid: $('#vipName').val(), //专员号码     
-			vipphone: $('#vipTel').val(), //专员号码     
-			callid: $("#CallID").val()
-		},
-		success: function(data) {
-			if(data.state.toLowerCase() == 'success') {
-				layer.msg("保存成功！");
-				var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
-				parent.layer.close(index); //再执行关闭
-				parent.$('#workorderlist').bootstrapTable('refresh');
-				parent.layer.msg("修改成功！");
-				//clear();
-			}
-		}
-	});
 
-}
-//杜康组保存
-function saveMarket() {
-	if($('#name_market').val() == '') {
-		layer.confirm('请输入姓名！', {
-			icon: 2,
-			btn: ['确定']
-		});
-		return;
-	}
-	if($('#tel_market').val() == '') {
-		layer.confirm('请输入电话！', {
-			icon: 2,
-			btn: ['确定']
-		});
-		return;
-	}
-	if($('#testInput3_input').val() == '') {
-		layer.confirm('请选择来电单位！', {
-			icon: 2,
-			btn: ['确定']
-		});
-		return;
-	}
-	$.ajax({
-		type: "post",
-		url: huayi.config.callcenter_url + "WorkOrder/EditWorkOrder",
-		dataType: 'json',
-		async: true,
-		data: {
-			token: $.cookie("token"),
-			workid: id,
-			cusname: $('#name').val(), //姓名
-			cusphone: $('#tel').val(), //号码
-			area: $('#areaInps').val(), //区域
-			vipid: $("#customerName").val(), //专员id     
-			vipphone:$("#customerTel").val(), //专员号码     
-			source: $('#DicValueList').val(), //工单来源
-			producttype: $('#productType').val(), //产品类别
-			smalltype:$(".complaintType").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: $('.inps2').val(), //省
-			city: $('.inps3').val(), //市
-			content:$('#content').val(), //事件描述     
-			isback:$("#sendBack").val(),
-			callid: $("#CallID").val()
-		},
-		success: function(data) {
-			if(data.state.toLowerCase() == 'success') {
-				layer.msg("保存成功！");
-				var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
-				parent.layer.close(index); //再执行关闭
-				parent.$('#workorderlist_').bootstrapTable('refresh');
-				parent.layer.msg("修改成功！");
-				//clear();
-			}
-		}
-	});
 
+//工单来源
+function getOrderSource(obj) {
+    $.ajax({
+        type: "get",
+        url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
+        dataType: 'json',
+        async: true,
+        data: {
+            token: $.cookie("token"),
+            flag: "GDLY"
+        },
+        success: function(data) {
+            var Count = data.data;
+            $(Count).each(function(i, n) {
+                $('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#DicValueList"));
+            })
+        }
+    });
 }
+//客诉专员
+function ComplaintVip() {
+    $.ajax({
+        type: "get",
+        url: huayi.config.callcenter_url + "Customer/GetAllList",
+        dataType: 'json',
+        async: true,
+        data: {
+            token: $.cookie("token"),
+            type: 2,
+            province: $('.inps2').val(), //省
+            city: $('.inps3').val() //市
+        },
+        success: function(data) {
+            $("#vipName").empty();
+            var Count = data.data;
+            $('<option value="">请选择专员</option>').appendTo($("#vipName"));
+            $(Count).each(function(i, n) {
+                $('<option value="' + n.F_Id
+                    + '"  index="' + n.F_Phone
+                    + '" areaText="' + n.F_Area
+                    + '" province="' + n.F_Province
+                    + '" city="' + n.F_City + '">' + n.F_Name
+                    + '</option>').appendTo($("#vipName"));
+            })
+        }
+    });
+}
+
+
+//保存
+function saveCustomer() {
+
+    if (!$('#name').val()) {
+        layer.confirm('请输入姓名！', {
+            icon: 2,
+            btn: ['确定']
+        });
+        return;
+    }
+    if (!$('#tel').val()) {
+        layer.confirm('请输入电话！', {
+            icon: 2,
+            btn: ['确定']
+        });
+        return;
+    }
+    if (!$('#DicValueList').val()) {
+        layer.confirm('请选择工单来源！', {
+            icon: 2,
+            btn: ['确定']
+        });
+        return;
+    }
+    if (!$('.orderType').val()) {
+        layer.confirm('请选择工单类型！', {
+            icon: 2,
+            btn: ['确定']
+        });
+        return;
+    }
+    $.ajax({
+        type: "post",
+        url: huayi.config.callcenter_url + "WorkOrder/EditWorkOrder",
+        dataType: 'json',
+        async: true,
+        beforeSend: function() { //触发ajax请求开始时执行
+            $('.customerSubmit').attr("disabled", true);
+            $('.customerSubmit').text('保存中...');
+        },
+        data: {
+            token: $.cookie("token"),
+            workid: id,
+            cusname: $('#name').val(), //姓名
+            cusphone: $('#tel').val(), //号码
+            productdate: $('#productDate').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').val(), //工单类型id
+            smalltype: $(".complaintType").val(), //投诉类型
+            area: $('#areaInps').val(), //区域
+            province: $('.inps2').val(), //省
+            city: $('.inps3').val(), //市
+            content: $('#content').val(), //事件描述     
+            vipid: $('#vipName').val(), //专员id     
+            vipphone: $('#vipTel').val(), //专员号码     
+            isback: $('input[name="sendBack"]:checked').val(),
+            callid: $("#CallID").val()
+        },
+        success: function(data) {
+            if (data.state.toLowerCase() == 'success') {
 
-function clear() {
-	if(ns == 1) {
-		$('#name').val('');
-		$('#tel').val(''); //号码
-		$('#testInput1_input').val(''); //来电单位
-		$('#testInput2_input').val(''); //反馈单位
-		$('#orderSource').val(''); //工单来源
-		$('#typeclassId').val(''); //工单类型id
-		$('#State').val(''); //工单状态id   
-		$('#express').val(''); //快递信息     
-		$('#remark1').val(''); //备注一     
-		$('#remark2').val(''); //备注二     
-		$('#remark3').val(''); //备注三    
-	} else {
-		$('#name_market').val('');
-		$('#tel_market').val(''); //号码
-		$('#testInput3_input').val(''); //来电单位
-		$('#testInput4_input').val(''); //反馈单位
-		$('#typeclassId_market').val(''); //工单类型id
-		//		$('#remark_market').val(''); //备注内容
-	}
+                layer.msg("保存成功！");
+                window.location.reload()
+                $('.customerSubmit').attr("disabled", false);
+                $('.customerSubmit').text('保存');
+            }
+        }
+    });
 
 }