Domů Procházet Nápověda
Registrovat se Přihlásit se
zhengbingbing
/
Autobio_UI
Sledovat 1
Oblíbit 0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Revize 339 Vydání 0 Wiki
Procházet zdrojové kódy

Merge branch 'master' of http://192.168.1.222:3000/zhengbingbing/Autobio_UI

# Conflicts:
#	CallCenterWeb.UI/Script/Common/huayi.config.js
MicroWin10-1604\Administrator %!s(int64=7) %!d(string=před) roky
rodič
93f412b576 0db71accdd
revize
2767f87aa9
14 změnil soubory, kde provedl 4600 přidání a 2396 odebrání
Rozdělené zobrazení Ukázat statistiku rozdílových dat
  1. 2 2
      CallCenterWeb.UI/ReportForm/orderType.html
  2. 4 0
      CallCenterWeb.UI/Script/Common/huayi.config.js
  3. 362 247
      CallCenterWeb.UI/WorkOrder/AddWorkOrder.html
  4. 1160 0
      CallCenterWeb.UI/callScreen/call.js
  5. 736 0
      CallCenterWeb.UI/callScreen/callScreen.html
  6. 356 0
      CallCenterWeb.UI/callScreen/css/call.css
  7. 36 0
      CallCenterWeb.UI/css/WorkOrder/jquery.editable-select.css
  8. 2 2
      CallCenterWeb.UI/css/call.css
  9. 41 1985
      CallCenterWeb.UI/index.html
  10. 11 11
      CallCenterWeb.UI/js/WorkOrder/AddWorkOrder.js
  11. 550 0
      CallCenterWeb.UI/js/WorkOrder/jquery.editable-select.js
  12. 46 7
      CallCenterWeb.UI/js/contabs.min.js
  13. 1243 0
      CallCenterWeb.UI/js/index.js
  14. 51 142
      CallCenterWeb.UI/js/main.js

+ 2 - 2
CallCenterWeb.UI/ReportForm/orderType.html
Zobrazit soubor 

@@ -40,7 +40,7 @@
40 40 
 					<p class="btr addBtr" title="关闭">X</p>
41 41 
 				</div>
42 42 
 				<div class="boxCon">
43 
-					<div>所属部门：
43 
+					<div>所属分类：
44 44 
 						<div class="inpBox">
45 45 
 							<input type="text" class="inps inps1" />
46 46 
 							<i class="xl xl_one"></i>
 
@@ -51,7 +51,7 @@
51 51 
 							</div>
52 52 
 						</div>
53 53 
 					</div>
54 
-					<div>部门名称：<input class="inps inps2" type="text" /></div>
54 
+					<div>分类名称：<input class="inps inps2" type="text" /></div>
55 55 
 					<div>排列序号：<input class="inps inps3" type="text" /></div>
56 56 
 					<div><button class="btns addCun">保存</button></div>
57 57 
 				</div>

+ 4 - 0
CallCenterWeb.UI/Script/Common/huayi.config.js
Zobrazit soubor 

@@ -2,7 +2,11 @@
2 2 
     var huayi = {};
3 3 
 }
4 4 
 huayi.config = {
5 
+<<<<<<< HEAD
5 6 
     callcenter_url: "http://localhost:7456/",//生产环境 前端Web站IP和端口
7 
+=======
8 
+    callcenter_url: "http://192.168.4.18:5225/",//生产环境 前端Web站IP和端口
9 
+>>>>>>> 0db71accdd29befa050860a7ba5381c41d885e2f
6 10 
     socket_ip: "192.168.5.7",//WebSocket通讯ip
7 11 
     socket_port: "8081",    //WebSocket通讯端口
8 12 
     menuworktime: 30000,    //菜单工单数量刷新间隔

+ 362 - 247
CallCenterWeb.UI/WorkOrder/AddWorkOrder.html
Zobrazit soubor 

@@ -1,257 +1,372 @@
1 1 
 <!DOCTYPE html>
2 2 
 <html>
3 
-<head>
4 
-    <meta charset="UTF-8">
5 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
-    	<link href="../css/init.css" rel="stylesheet" />
7 
-      <script src="../Script/Common/huayi.load.js"></script>
8 
-    <script src="../Script/Common/huayi.config.js"></script>
9 
-    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
10 
-    <link href="../css/WorkOrder/Search.css" rel="stylesheet">
11 
-    <link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
12 
-    <link href="../css/init.css" rel="stylesheet" />
13 
-    <title>手工制单</title>
14 
-    <style>
15 
-    	ul li{
16 
-    		float: initial;
17 
-    		list-style: none;
18 
-    	}
19 
-    	.common{
20 
-    		    width: 100%;
21 
-			    text-align: center;
22 
-			    padding: 10px 15px;
23 
-    	}
24 
-    	.common table{
25 
-    		width: 100%;
26 
-    		display: none;
27 
-    	}
28 
-    	.common table th {
29 
-		    padding: 5px 8px 5px 0;
30 
-		    text-align: right;
31 
-		   /* width: 20%;*/
32 
-		}
33 
-		.common table td {
34 
-		    padding: 6px 0 5px 10px;
35 
-		    text-align: left;
36 
-		    color: #717171;
37 
-		    line-height: 200%;
38 
-		}
39 
-		.common table td textarea {
40 
-			    width: 100%;
41 
-			    vertical-align: middle;
42 
-			    resize: none;
43 
-			    outline: none;
3 
+
4 
+	<head>
5 
+		<meta charset="UTF-8">
6 
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
7 
+		<link href="../css/init.css" rel="stylesheet" />
8 
+		<script src="../Script/Common/huayi.load.js"></script>
9 
+		<script src="../Script/Common/huayi.config.js"></script>
10 
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
11 
+		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
12 
+		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
13 
+		<link rel="stylesheet" href="../css/WorkOrder/jquery.editable-select.css" />
14 
+		<link href="../css/init.css" rel="stylesheet" />
15 
+		<title>手工制单</title>
16 
+		<style>
17 
+			ul li {
18 
+				float: initial;
19 
+				list-style: none;
20 
+			}
21 
+
22 
+			.common {
23 
+				width: 100%;
24 
+				text-align: center;
25 
+				padding: 10px 15px;
26 
+			}
27 
+
28 
+			.common table {
29 
+				width: 100%;
30 
+				display: none;
31 
+			}
32 
+
33 
+			.common table th {
34 
+				padding: 5px 8px 5px 0;
35 
+				text-align: right;
36 
+				/* width: 20%;*/
37 
+			}
38 
+
39 
+			.common table td {
40 
+				padding: 6px 0 5px 10px;
41 
+				text-align: left;
42 
+				color: #717171;
43 
+				line-height: 200%;
44 
+			}
45 
+
46 
+			.common table td textarea {
47 
+				width: 100%;
48 
+				vertical-align: middle;
49 
+				resize: none;
50 
+				outline: none;
51 
+			}
52 
+
53 
+			.time-box {
54 
+				display: inline-block;
55 
+				position: relative;
56 
+			}
57 
+
58 
+			i.tub {
59 
+				position: absolute;
60 
+				right: 8px;
61 
+				top: 8px;
62 
+				font-size: 18px;
63 
+				color: #00a0ca;
64 
+			}
65 
+
66 
+			.treeList {
67 
+				top: 34px!important;
68 
+				border: 1px solid #e5e6e7!important;
69 
+				border-top: 0;
70 
+				height: auto!important;
71 
+			}
72 
+
73 
+			#TreeDemo li {
74 
+				float: initial;
75 
+			}
76 
+
77 
+			#typeclass {
78 
+				background: #fff;
44 79 
 			}
45 
-    .time-box {
46 
-			    display: inline-block;
47 
-			    position: relative;
80 
+
81 
+			.form-group {
82 
+				margin-bottom: 0;
48 83 
 			}
49 
-		i.tub {
50 
-		    position: absolute;
51 
-		    right: 8px;
52 
-		    top: 8px;
53 
-		    font-size: 18px;
54 
-		    color: #00a0ca;
55 
-		}
56 
-		.treeList{
57 
-			top: 34px!important;
58 
-			border: 1px solid #e5e6e7!important;
59 
-			border-top: 0;
60 
-			height: auto!important;
61 
-		}
62 
-		#TreeDemo li{
63 
-			float: initial;
64 
-		}
65 
-		#typeclass{
66 
-			background: #fff;
67 
-		}
68 
-		.form-group{
69 
-			margin-bottom: 0;
70 
-		}
71 
-		.bootstrap-select > .dropdown-toggle.bs-placeholder {
72 
-		    background-color: #ffffff!important;
73 
-		    border-color: #e5e6e7!important;
74 
-		}
75 
-		.filter-option{
76 
-			color: #676b6d;
77 
-		}
78 
-		.bootstrap-select > .dropdown-toggle.btn-default{
79 
-			   background-color: #ffffff!important;
80 
-		    border-color: #e5e6e7!important;
81 
-		    color: #555;
82 
-		}
83 
-    </style>
84 
-</head>
84 
+
85 
+			.bootstrap-select>.dropdown-toggle.bs-placeholder {
86 
+				background-color: #ffffff!important;
87 
+				border-color: #e5e6e7!important;
88 
+			}
89 
+
90 
+			.filter-option {
91 
+				color: #676b6d;
92 
+			}
93 
+
94 
+			.bootstrap-select>.dropdown-toggle.btn-default {
95 
+				background-color: #ffffff!important;
96 
+				border-color: #e5e6e7!important;
97 
+				color: #555;
98 
+			}
99 
+
100 
+			.testInput-list {
101 
+				position: absolute;
102 
+				z-index: 999;
103 
+				border: 1px solid rgb(204, 204, 204);
104 
+				background-color: rgb(255, 255, 255);
105 
+				z-index: 99999;
106 
+				padding-left: 0;
107 
+				width: 97.6%;
108 
+				display: none;
109 
+			}
110 
+
111 
+			.testInput-list li {
112 
+				padding: 5px;
113 
+			}
114 
+
115 
+			.testInput-list li:hover {
116 
+				background-color: #E43926;
117 
+				color: #fff;
118 
+			}
119 
+			#testInput1,#testInput2{
120 
+				outline:none;
121 
+				border: 1px solid #ccc;
122 
+				padding-left: 10px;
123 
+				outline-color :#fff;
124 
+
125 
+			}
126 
+		</style>
127 
+	</head>
85 128
86 
-<body class="gray-bg">
87 
-	<div class="daoHang clearfix"style="margin-bottom: 20px;">
88 
-				<div class="dhLeft">
89 
-					<sapn><i class="syIcon"></i>位置：<a href="javaScript:;" id="ReIndex">首页</a>&gt;<a href="javaScript:;">工单管理</a>&gt;<a href="" class="nowPosition">手工制单</a></sapn>
90 
-				</div>
91 
-				<div class="dhRight">
92 
-            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
93 
-            	</div>
94 
-	</div>
95 
-    <div class="clearfix wrapper wrapper-content animated fadeInRight">
96 
-    	<div class="common">
97 
-    		<!--客服部-->
98 
-    		<table class="customerService">
99 
-    			<tbody>
100 
-    				<tr>
101 
-    					<th>姓名:</th>
102 
-    					<td>
103 
-    						<div class="form-group">
104 
-						 		<input type="text" class="form-control" id="name" />
105 
-						 </div>
106 
-    					</td>
107 
-
108 
-    					<th>电话:</th>
109 
-    					<td>
110 
-    						<div class="form-group">
111 
-							 	<input type="text" class="form-control" id="tel"/>
112 
-							 </div>
113 
-    					</td>
114 
-
115 
-    					<th>来电单位:</th>
116 
-    					<td>
117 
-							 <select class="form-control selectpicker" id="comeCall_dep" data-live-search="true">
118 
-									<option value="">请选择来电单位</option>
119 
-							</select>
120 
-    					</td>
121 
-    				</tr>
122 
-    				<tr>
123 
-    					<th>反馈单位:</th>
124 
-    					<td>
125 
-    						 <select class="form-control selectpicker" id="feedbackDep" data-live-search="true">
126 
-									<option value="">请选择反馈单位</option>
127 
-							</select>
128 
-    					</td>
129 
-
130 
-    					<th>工单来源:</th>
131 
-    					<td>
132 
-    						 <div class="form-group">
133 
-    						 	 <select class="form-control selectpicker" id="orderSource" data-live-search="true">
134 
-									<option value="">请选择工单来源</option>
135 
-								</select>
136 
-							 </div>
137 
-    					</td>
138 
-
139 
-    					<th>工单状态:</th>
140 
-    					<td>
141 
-    						<div class="form-group">
142 
-							 	<select name="" class="form-control" id="State"> </select>
143 
-							 </div>
144 
-    					</td>
145 
-    				</tr>
146 
-    				<tr>
147 
-    					<th>工单类型:</th>
148 
-    					<td>
149 
-    						<div class="time-box">
150 
-								<i class="tub fa fa-caret-down down" style="color: #676b6d;"></i>
151 
-								<input class="form-control" type="text" id="typeclass"  readonly="readonly">
152 
-								<input type="hidden" id="typeclassId"/>
153 
-								<div class="addTree treeList">
154 
-									<ul id="TreeDemo" class="ztree">
155 
-
156 
-									</ul>
129 
+	<body class="gray-bg">
130 
+		<div class="daoHang clearfix" style="margin-bottom: 20px;">
131 
+			<div class="dhLeft">
132 
+				<sapn><i class="syIcon"></i>位置：
133 
+					<a href="javaScript:;" id="ReIndex">首页</a>&gt;
134 
+					<a href="javaScript:;">工单管理</a>&gt;
135 
+					<a href="" class="nowPosition">手工制单</a>
136 
+				</sapn>
137 
+			</div>
138 
+			<div class="dhRight">
139 
+				<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
140 
+			</div>
141 
+		</div>
142 
+		<div class="clearfix wrapper wrapper-content animated fadeInRight">
143 
+			<div class="common">
144 
+				<!--客服部-->
145 
+				<table class="customerService">
146 
+					<tbody>
147 
+						<tr>
148 
+							<th>姓名:</th>
149 
+							<td>
150 
+								<div class="form-group">
151 
+									<input type="text" class="form-control" id="name" />
157 152 
 								</div>
158 
-							</div>
159 
-    					</td>
160 
-    				</tr>
161 
-    				<tr>
162 
-    					<th>反馈内容:</th>
163 
-    					<td colspan="5">
164 
-    					    <textarea name="" rows="5" cols="" placeholder="请输入反馈内容..." id="feedBackCon"></textarea>
165 
-    					</td>
166 
-    				</tr>
167 
-    				<tr>
168 
-    					<th>快递信息:</th>
169 
-    					<td colspan="5">
170 
-    					    <textarea name="" rows="" cols=""  id="express" ></textarea>
171 
-    					</td>
172 
-    				</tr>
173 
-    				<tr>
174 
-    					<th>备注一:</th>
175 
-    					<td colspan="5">
176 
-    					    <textarea name="" rows="" cols=""  id="remark1" ></textarea>
177 
-    					</td>
178 
-    				</tr>
179 
-    				<tr>
180 
-    					<th>备注二:</th>
181 
-    					<td colspan="5">
182 
-    					    <textarea name="" rows="" cols=""  id="remark2"  ></textarea>
183 
-    					</td>
184 
-    				</tr>
185 
-    				<tr>
186 
-    					<th>备注三:</th>
187 
-    					<td colspan="5">
188 
-    					    <textarea name="" rows="" cols="" id="remark3" ></textarea>
189 
-    					</td>
190 
-    				</tr>
191 
-    				<tr>
192 
-    					<td colspan="6" style="text-align: center;">
193 
-    					   <button class="btns customerSubmit">保&nbsp;存</button>
194 
-    					</td>
195 
-    				</tr>
196 
-    			</tbody>
197 
-    		</table>
198 
-
199 
-    		<!--市场部-->
200 
-    		<table class="market">
201 
-    			<tbody>
202 
-    				<tr>
203 
-    					<th>姓名:</th>
204 
-    					<td>
205 
-    						<div class="form-group">
206 
-						 		<input type="text" class="form-control" id="name_market" />
207 
-						 </div>
208 
-    					</td>
209 
-
210 
-    					<th>电话:</th>
211 
-    					<td>
212 
-    						<div class="form-group">
213 
-							 	<input type="text" class="form-control" id="tel_market"/>
214 
-							 </div>
215 
-    					</td>
216 
-
217 
-    					<th>来电单位:</th>
218 
-    					<td>
219 
-							 <select class="form-control selectpicker" id="comeCall_dep_market" data-live-search="true">
153 
+							</td>
154 
+
155 
+							<th>电话:</th>
156 
+							<td>
157 
+								<div class="form-group">
158 
+									<input type="text" class="form-control" id="tel" />
159 
+								</div>
160 
+							</td>
161 
+
162 
+							<th>来电单位:</th>
163 
+							<td style="position: relative;">
164 
+								<!--<select name="" id="testInput1"  class="">
165 
+
166 
+							</select>-->
167 
+								<input id="testInput1" type="text" style="width:100%;"  />
168 
+								<ul class="testInput-list">
169 
+									<li></li>
170 
+								</ul>
171 
+							</td>
172 
+						</tr>
173 
+						<tr>
174 
+							<th>反馈单位:</th>
175 
+							<td style="position: relative;">
176 
+								<input id="testInput2" type="text" style="width:100%;" style="display: none;" />
177 
+								<ul class="testInput-list">
178 
+									<li></li>
179 
+								</ul>
180 
+							</td>
181 
+
182 
+							<th>工单来源:</th>
183 
+							<td>
184 
+								<div class="form-group">
185 
+									<select class="form-control selectpicker" id="orderSource" data-live-search="true">
186 
+										<option value="">请选择工单来源</option>
187 
+									</select>
188 
+								</div>
189 
+							</td>
190 
+
191 
+							<th>工单状态:</th>
192 
+							<td>
193 
+								<div class="form-group">
194 
+									<select name="" class="form-control" id="State"> </select>
195 
+								</div>
196 
+							</td>
197 
+						</tr>
198 
+						<tr>
199 
+							<th>工单类型:</th>
200 
+							<td>
201 
+								<div class="time-box">
202 
+									<i class="tub fa fa-caret-down down" style="color: #676b6d;"></i>
203 
+									<input class="form-control" type="text" id="typeclass" readonly="readonly">
204 
+									<input type="hidden" id="typeclassId" />
205 
+									<div class="addTree treeList">
206 
+										<ul id="TreeDemo" class="ztree">
207 
+
208 
+										</ul>
209 
+									</div>
210 
+								</div>
211 
+							</td>
212 
+						</tr>
213 
+						<tr>
214 
+							<th>反馈内容及处理结果:</th>
215 
+							<td colspan="5">
216 
+								<textarea name="" rows="5" cols="" placeholder="" id="feedBackCon"></textarea>
217 
+							</td>
218 
+						</tr>
219 
+						<tr>
220 
+							<th>快递信息:</th>
221 
+							<td colspan="5">
222 
+								<textarea name="" rows="" cols="" id="express"></textarea>
223 
+							</td>
224 
+						</tr>
225 
+						<tr>
226 
+							<th>备注一:</th>
227 
+							<td colspan="5">
228 
+								<textarea name="" rows="" cols="" id="remark1"></textarea>
229 
+							</td>
230 
+						</tr>
231 
+						<tr>
232 
+							<th>备注二:</th>
233 
+							<td colspan="5">
234 
+								<textarea name="" rows="" cols="" id="remark2"></textarea>
235 
+							</td>
236 
+						</tr>
237 
+						<tr>
238 
+							<th>备注三:</th>
239 
+							<td colspan="5">
240 
+								<textarea name="" rows="" cols="" id="remark3"></textarea>
241 
+							</td>
242 
+						</tr>
243 
+						<tr>
244 
+							<td colspan="6" style="text-align: center;">
245 
+								<button class="btns customerSubmit">保&nbsp;存</button>
246 
+							</td>
247 
+						</tr>
248 
+					</tbody>
249 
+				</table>
250 
+
251 
+				<!--市场部-->
252 
+				<table class="market">
253 
+					<tbody>
254 
+						<tr>
255 
+							<th>姓名:</th>
256 
+							<td>
257 
+								<div class="form-group">
258 
+									<input type="text" class="form-control" id="name_market" />
259 
+								</div>
260 
+							</td>
261 
+
262 
+							<th>电话:</th>
263 
+							<td>
264 
+								<div class="form-group">
265 
+									<input type="text" class="form-control" id="tel_market" />
266 
+								</div>
267 
+							</td>
268 
+
269 
+							<th>来电单位:</th>
270 
+							<td>
271 
+								<select class="form-control selectpicker" id="comeCall_dep_market" data-live-search="true">
220 272 
 									<option value="">请选择来电单位</option>
221 
-							</select>
222 
-    					</td>
223 
-    				</tr>
224 
-    				<tr>
225 
-    					<th>反馈单位:</th>
226 
-    					<td>
227 
-							<select class="form-control selectpicker" id="feedbackDep_market" data-live-search="true">
273 
+								</select>
274 
+							</td>
275 
+						</tr>
276 
+						<tr>
277 
+							<th>反馈单位:</th>
278 
+							<td>
279 
+								<select class="form-control selectpicker" id="feedbackDep_market" data-live-search="true">
228 280 
 									<option value="">请选择反馈单位</option>
229 
-							</select>
230 
-    					</td>
231 
-    					</tr>
232 
-    				<tr>
233 
-    					<th>备注内容:</th>
234 
-    					<td colspan="5">
235 
-    					    <textarea name="" rows="" cols="" id="remark_market"></textarea>
236 
-    					</td>
237 
-    				</tr>
238 
-    				<tr>
239 
-    					<td colspan="6" style="text-align: center;">
240 
-    					    <button class="btns marketSubmit">保&nbsp;存</button>
241 
-    					</td>
242 
-    				</tr>
243 
-    			</tbody>
244 
-
245 
-
246 
-
247 
-    		</table>
248 
-    	</div>
249 
-
250 
-    </div>
281 
+								</select>
282 
+							</td>
283 
+						</tr>
284 
+						<tr>
285 
+							<th>备注内容:</th>
286 
+							<td colspan="5">
287 
+								<textarea name="" rows="" cols="" id="remark_market"></textarea>
288 
+							</td>
289 
+						</tr>
290 
+						<tr>
291 
+							<td colspan="6" style="text-align: center;">
292 
+								<button class="btns marketSubmit">保&nbsp;存</button>
293 
+							</td>
294 
+						</tr>
295 
+					</tbody>
296 
+
297 
+				</table>
298 
+			</div>
299 
+
300 
+		</div>
301 
+
302 
+		<script src="../js/zTree/jquery.ztree.core.js"></script>
303 
+		<script src="../My97DatePicker/WdatePicker.js"></script>
304 
+		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
305 
+		<script src="../js/WorkOrder/AddWorkOrder.js"></script>
306 
+		<script src="../js/WorkOrder/jquery.editable-select.js"></script>
307 
+		<script>
308 
+			Select($("#testInput1"));
309 
+			Select($("#testInput2"));
310 
+			function Select(obj) {
311 
+				obj.click(function (event) {
312 
+						event.preventDefault();
313 
+					});
314 
+				obj.focus(function() { //
315 
+					//失去焦点后触发的事件
316 
+					obj.parent().find('.testInput-list').show();
317 
+					BindLDdep();
318 
+				});
319 
+				//			obj.blur(function() { //
320 
+				//				$('.testInput-list').hide();
321 
+				//			});
322 
+				obj.bind("input propertychange", function() {
323 
+					var value = $(this).val();
324 
+					obj.parent().find('.testInput-list').show();
325 
+					BindLDdep(value)
326 
+				});
327 
+
328 
+				//请求单位
329 
+				function BindLDdep(str) {
330 
+					$('.testInput-list').empty();
331 
+					$.ajax({
332 
+						type: "get",
333 
+						url: huayi.config.callcenter_url + "Customer/BindLDdep",
334 
+						dataType: 'json',
335 
+						async: true,
336 
+						data: {
337 
+							keypara: str,
338 
+							token: $.cookie("token")
339 
+						},
340 
+						success: function(data) {
341 
+							var Count = data.data.dep;
342 
+							console.log(Count);
343 
+							var html = '';
344 
+							$(Count).each(function(i, n) {
345 
+								html = '<li value="' + n + '">' + n + '</li>';
346 
+								$(html).appendTo($('.testInput-list'))
347 
+							});
348 
+							$('.testInput-list>li').click(function() {
349 
+								obj.val($(this).html());
350 
+								console.log($(this).html());
351 
+								$('.testInput-list').hide();
352 
+							})
353 
+						}
354 
+					});
355 
+				};
356 
+				//
357 
+
358 
+			}
359 
+
360 
+			$(document).ready(function(){
361 
+
362 
+
363 
+									$(document).click(function(e) {
364 
+				if(!$(e.target).is($('.testInput-list>li'))&&!$(e.target).is($('#testInput1'))&&!$(e.target).is($('#testInput2'))) {
365 
+					$('.testInput-list').hide();
366 
+				}
367 
+			})
368 
+		})
369 
+		</script>
370 
+	</body>
251 371
252 
-    <script src="../js/zTree/jquery.ztree.core.js"></script>
253 
-    <script src="../My97DatePicker/WdatePicker.js"></script>
254 
-    <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
255 
-    <script src="../js/WorkOrder/AddWorkOrder.js"></script>
256 
-</body>
257 372 
 </html>

File diff suppressed because it is too large
+ 1160 - 0
CallCenterWeb.UI/callScreen/call.js


+ 736 - 0
CallCenterWeb.UI/callScreen/callScreen.html
Zobrazit soubor 

@@ -0,0 +1,736 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+	<head>
5 
+		<meta charset="UTF-8">
6 
+		<title>来电弹屏</title>
7 
+		<script src="../Script/Common/huayi.load.js"></script>
8 
+		<script src="../Script/Common/huayi.config.js"></script>
9 
+		<link href="./../css/plugins/jasny/jasny-bootstrap.min.css" rel="stylesheet">
10 
+		<link href="./../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
11 
+		<link rel="stylesheet" href="./../js/zTree/zTreeStyle.css" />
12 
+		<link rel="stylesheet" href="./css/call.css" />
13 
+		<style>
14 
+			body,
15 
+			html,
16 
+			.wrapper {
17 
+				height: 100%;
18 
+			}
19 
+
20 
+			.ldtp-con {
21 
+				display: block;
22 
+			}
23 
+
24 
+			.minBacha {
25 
+				position: absolute;
26 
+				top: 0;
27 
+				right: 80px;
28 
+				z-index: 10;
29 
+				overflow: hidden;
30 
+			}
31 
+
32 
+			.minBacha>div {
33 
+				float: left;
34 
+				height: 35px;
35 
+				width: 35px;
36 
+				margin-left: 2px;
37 
+			}
38 
+
39 
+			.minBacha>div a {
40 
+				display: block;
41 
+				height: 100%;
42 
+				width: 100%;
43 
+				text-align: center;
44 
+				background-position: center center;
45 
+				background-color: #2f4050;
46 
+				opacity: .5;
47 
+			}
48 
+
49 
+			.minBacha>div a:hover {
50 
+				opacity: 1;
51 
+			}
52 
+
53 
+			.minClosed>a {
54 
+				background: url("./../img/min.png") no-repeat;
55 
+			}
56 
+
57 
+			.Bacha>a {
58 
+				background: url("./../img/gb.png") no-repeat;
59 
+			}
60 
+
61 
+			.lblcount {
62 
+				position: absolute;
63 
+				right: 5px;
64 
+				top: 7px;
65 
+			}
66 
+
67 
+			.first {
68 
+				z-index: 1000;
69 
+			}
70 
+
71 
+			.khzl {
72 
+				font-size: 12px;
73 
+				border: 0;
74 
+				margin: 35px auto;
75 
+				color: #fff;
76 
+			}
77 
+
78 
+			.khzl tr {
79 
+				border: 0;
80 
+			}
81 
+
82 
+			.khzl th {
83 
+				padding: 5px 8px 5px 0;
84 
+				text-align: right;
85 
+				width: 40%;
86 
+				font-weight: normal;
87 
+				border: 0;
88 
+			}
89 
+
90 
+			.khzl tbody>tr>td,
91 
+			.khzl tbody>tr>th {
92 
+				border: 0;
93 
+			}
94 
+
95 
+			.khzl tbody>tr>td input {
96 
+				border: 0;
97 
+				outline: none;
98 
+				background: #243747;
99 
+				padding-left: 5px;
100 
+				width: 100%;
101 
+			}
102 
+
103 
+			.khbtn {
104 
+				/*background: #97a0a8;*/
105 
+				color: #1ab394;
106 
+				font-size: 14px;
107 
+				vertical-align: middle;
108 
+			}
109 
+
110 
+			.hei-list {
111 
+				width: 400px;
112 
+				margin: 0 auto;
113 
+			}
114 
+
115 
+			.heiTop {
116 
+				height: 35px;
117 
+				background: #1ab394;
118 
+				color: #fff;
119 
+				line-height: 35px;
120 
+				padding: 0 15px;
121 
+				border-top-left-radius: 3px;
122 
+				border-top-right-radius: 3px;
123 
+			}
124 
+
125 
+			.heiTop .htl {
126 
+				float: left;
127 
+				margin: 0;
128 
+			}
129 
+
130 
+			.heiTop .bacha {
131 
+				float: right;
132 
+				font-size: 18px;
133 
+				cursor: pointer;
134 
+				margin: 0;
135 
+			}
136 
+
137 
+			.heiCon {
138 
+				width: 100%;
139 
+				background: #fff;
140 
+				text-align: center;
141 
+				padding: 25px 15px;
142 
+				height: auto;
143 
+				overflow-y: auto;
144 
+				border: 1px solid #eee;
145 
+			}
146 
+
147 
+			#time-word {
148 
+				border: 1px solid #1ab394;
149 
+				padding: 5px 0 5px 10px;
150 
+				width: 120px;
151 
+				outline: none;
152 
+				color: #000;
153 
+			}
154 
+
155 
+			.chooses {
156 
+				margin-top: 10px;
157 
+			}
158 
+
159 
+			.btns {
160 
+				background: #1ab394;
161 
+				color: #fff;
162 
+				padding: 3px 10px;
163 
+				outline: none;
164 
+				font-size: 12px;
165 
+				margin-left: 15px;
166 
+				border: 0;
167 
+				border-radius: 3px;
168 
+				box-sizing: border-box;
169 
+			}
170 
+
171 
+			.bianji {
172 
+				display: inline-block;
173 
+				height: 16px;
174 
+				width: 16px;
175 
+				vertical-align: middle;
176 
+				margin-right: 5px;
177 
+			}
178 
+
179 
+			.bianji.edi {
180 
+				background: url(./../img/xgai.png) no-repeat;
181 
+			}
182 
+
183 
+			.bianji.sav {
184 
+				background: url(./../img/bbc.png) no-repeat;
185 
+			}
186 
+
187 
+			.bianji.canc {
188 
+				background: url(./../img/quxi.png) no-repeat;
189 
+			}
190 
+
191 
+			.t-shade {
192 
+				position: fixed;
193 
+				top: 0;
194 
+				left: 0;
195 
+				width: 100%;
196 
+				height: 100%;
197 
+				background: rgba(0, 0, 0, 0.48);
198 
+				z-index: 10004;
199 
+				display: none;
200 
+			}
201 
+
202 
+			.shade_k {
203 
+				z-index: 10005;
204 
+				width: 40%;
205 
+				margin: 10% auto;
206 
+				background-color: #fff;
207 
+				box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
208 
+				border-radius: 5px;
209 
+			}
210 
+
211 
+			.shade_title {
212 
+				padding: 0 80px 0 20px;
213 
+				height: 42px;
214 
+				line-height: 42px;
215 
+				border-bottom: 1px solid #eee;
216 
+				font-size: 16px;
217 
+				color: #FFFFFF;
218 
+				overflow: hidden;
219 
+				background-color: rgb(26, 179, 148);
220 
+				border-radius: 2px 2px 0 0;
221 
+				position: relative;
222 
+			}
223 
+
224 
+			.setwin {
225 
+				position: absolute;
226 
+				right: 15px;
227 
+				top: 5px;
228 
+				font-size: 20px;
229 
+				line-height: initial;
230 
+			}
231 
+
232 
+			.setwin a {
233 
+				font-size: 20px;
234 
+				color: #fff;
235 
+			}
236 
+
237 
+			.shade_content {
238 
+				overflow-y: auto;
239 
+				position: relative;
240 
+				padding-bottom: 50px;
241 
+				padding: 10px;
242 
+			}
243 
+
244 
+			.ldcr-bottom .detail-con ul li .active a {
245 
+				color: #f95a83 !important;
246 
+			}
247 
+
248 
+			.ldcr-bottom .detail-con ul li .active+.explancon {
249 
+				display: block !important;
250 
+			}
251 
+
252 
+			.searchbtn {
253 
+				width: 2.5em;
254 
+				height: 24px;
255 
+				border-radius: 5px;
256 
+				position: absolute;
257 
+				background-color: #e43926;
258 
+				background-image: url(./../img/searIcon.png);
259 
+				background-repeat: no-repeat;
260 
+				background-position: center center;
261 
+				cursor: pointer;
262 
+			}
263 
+
264 
+			#menuContent {
265 
+				background: #fff;
266 
+				position: absolute;
267 
+				width: 100%;
268 
+				border: 1px solid darkgrey;
269 
+				right: 0;
270 
+				top: 21px;
271 
+				z-index: 10;
272 
+				/*				display: none;*/
273 
+				overflow-y: auto;
274 
+			}
275 
+
276 
+			#organizer {
277 
+				height: 25px;
278 
+				width: 128px;
279 
+				display: inline-block;
280 
+				position: relative;
281 
+			}
282 
+
283 
+			#treeDemo li {
284 
+				width: 100%;
285 
+			}
286 
+
287 
+			.bootstrap-select>.dropdown-toggle.bs-placeholder {
288 
+				background-color: #ffffff!important;
289 
+				border-color: #e5e6e7!important;
290 
+			}
291 
+
292 
+			.filter-option {
293 
+				color: #676b6d;
294 
+			}
295 
+
296 
+			.bootstrap-select>.dropdown-toggle.btn-default {
297 
+				background-color: #ffffff!important;
298 
+				border-color: #e5e6e7!important;
299 
+				color: #555;
300 
+			}
301 
+
302 
+			#fkdep_market {
303 
+				display: nones;
304 
+			}
305 
+
306 
+			.testInput-list {
307 
+				position: absolute;
308 
+				z-index: 999;
309 
+				border: 1px solid rgb(204, 204, 204);
310 
+				background-color: rgb(255, 255, 255);
311 
+				z-index: 99999;
312 
+				padding-left: 0;
313 
+				width: 128px;
314 
+				display: none;
315 
+			}
316 
+
317 
+			.testInput-list li {
318 
+				padding: 5px;
319 
+			}
320 
+
321 
+			.testInput-list li:hover {
322 
+				background-color: #E43926;
323 
+				color: #fff;
324 
+			}
325 
+
326 
+			#testInput_
327 
+			{
328 
+				outline: none;
329 
+				border: 1px solid #ccc;
330 
+				padding-left: 10px;
331 
+				outline-color: #fff;
332 
+			}
333 
+		</style>
334 
+	</head>
335 
+
336 
+	<body class="gray-bg">
337 
+		<div class="wrapper wrapper-content animated fadeInRight">
338 
+			<!--来电弹屏开始-->
339 
+			<div class="ldtp-con clearfix animated fadeInDown ">
340 
+				<div class="hei-list">
341 
+					<div class="heiTop clearFix">
342 
+						<p class="htl">黑名单</p>
343 
+						<p class="bacha" title="关闭">x</p>
344 
+					</div>
345 
+					<div class="heiCon">
346 
+						<div class="heit">
347 
+							<span style="font-size: 14px;">输入拉黑时长：</span>
348 
+							<input type="text" id="time-word" />
349 
+						</div>
350 
+						<div class="chooses">
351 
+
352 
+							<label class="radio-inline">
353 
+                        <input type="radio" name="time" value="1" checked="checked" style="margin-top: 3px;"> 天
354 
+                    </label>
355 
+							<label class="radio-inline">
356 
+                        <input type="radio" name="time" value="2" style="margin-top: 3px;" />时
357 
+                    </label>
358 
+							<label class="radio-inline">
359 
+                        <input type="radio" name="time" value="3" style="margin-top: 3px;" />分
360 
+                    </label>
361 
+							<label class="radio-inline">
362 
+                        <input type="radio" name="time" value="4" style="margin-top: 3px;" />永久
363 
+                    </label>
364 
+
365 
+						</div>
366 
+						<p style="margin-top: 15px;"><button id="bc" class="btns">保存</button></p>
367 
+					</div>
368 
+
369 
+				</div>
370 
+				<!--左侧内容-->
371 
+				<div class="ldtp-cl col-sm-3">
372 
+					<div class="head-pic">
373 
+						<div class="hp-box">
374 
+							<img src="./../img/txpic.png" alt="头像好像去了外星球！" style="width: 100%;height: 100%;" />
375 
+							<input type="hidden" class="hidTel" value="" />
376 
+							<input type="hidden" class="hidCallID" />
377 
+							<input type="hidden" class="hidActionID" />
378 
+						</div>
379 
+						<ul>
380 
+							<li><span style="font-size: 25px;" class="tel"></span></li>
381 
+							<li><span style="font-size: 15px;" class="khgsd"></span></li>
382 
+							<!--<li class="nikeName"><i></i><span class="ldname">未知</span><i></i></li>-->
383 
+							<li style="color: #4cd964;">当前通话时长：<span class="thsc">00:00</span></li>
384 
+							<li class="lahei">
385 
+								<div class="la-before"><i class="push"></i> 移至黑名单</div>
386 
+								<div class="la-after" style="display: none;">
387 
+									<p class="la-time">拉黑时间：<span>2017/05/13</span></p>
388 
+									<p class="la-shichang">拉黑截止时间：<span class="blackTime"></span></p>
389 
+								</div>
390 
+								<div class="retur" style="display: none;"><i class="qxlh"></i> 取消黑名单</div>
391 
+							</li>
392 
+							<li class="td-call clearfix" style="display:none;">
393 
+								<a class="take" style="float:none;" href="javascript:;"><i></i></a>
394 
+								<!--<a class="drop" href="javascript:;"><i></i></a>-->
395 
+							</li>
396 
+						</ul>
397 
+					</div>
398 
+					<!--<ul class="come-detail">
399 
+                <li>姓名:<span class="ldname">未知</span></li>
400 
+                <li>归属地:<span class="ldlocation">未知</span></li>
401 
+                <li>联系电话1:<span class="ldtel1"></span></li>
402 
+                <li>联系电话2:<span class="ldtel2"></span></li>
403 
+                <li>联系电话3:<span class="ldtel3"></span></li>
404 
+                <li>售后负责人:<span>孙嘉一</span></li>
405 
+                <li>来电时间:<span class="ldtime"></span></li>
406 
+            </ul>-->
407 
+					<table class="table khzl">
408 
+						<tr>
409 
+							<th>姓名：</th>
410 
+							<td>
411 
+								<input type="text" value="未知" class="ldname khmc" /><input type="hidden" value="" id="khid" />
412 
+							</td>
413 
+						</tr>
414 
+						<!--<tr>
415 
+                    <th>客户编号：</th>
416 
+                    <td><input type="text" value="" class="khbh" /></td>
417 
+                </tr>-->
418 
+						<tr>
419 
+							<th>省份：</th>
420 
+							<td>
421 
+								<input type="text" value="未知" class="ldlocation" style="padding-left: 5px;" />
422 
+								<!--<span class="ldlocation" style="padding-left: 5px;">未知</span>-->
423 
+								<input id="testInput1" type="text" style="width:100%;" style="display: none;" />
424 
+							</td>
425 
+						</tr>
426 
+						<tr>
427 
+							<th>联系电话：</th>
428 
+							<td><input type="text" value="" class="ldtel1" /></td>
429 
+						</tr>
430 
+						<!--<tr>
431 
+                    <th>联系电话2：</th>
432 
+                    <td><input type="text" value="" class="ldtel2" /></td>
433 
+                </tr>
434 
+                <tr>
435 
+                    <th>联系电话2：</th>
436 
+                    <td><input type="text" value="" class="ldtel3" /></td>
437 
+                </tr>-->
438 
+						<tr>
439 
+							<th>来电单位：</th>
440 
+							<td>
441 
+								<input type="text" value="" class="ldpamter" />
442 
+								<!--<div style="display: none;" class="Leftdemper">
443 
+                    			<select class="form-control selectpicker" id="fkdep_market" data-live-search="true" >
444 
+										<option value="">请选择反馈单位</option>
445 
+									</select>
446 
+                    	</div>-->
447 
+								<input id="testInput2" type="text" style="width:100%;" />
448 
+
449 
+							</td>
450 
+						</tr>
451 
+						<tr>
452 
+							<th>来电时间：</th>
453 
+							<td><span class="ldtime" style="padding-left: 5px;"></span></td>
454 
+						</tr>
455 
+						<tr>
456 
+							<td></td>
457 
+							<td><span class="edit"><i class="bianji edi"></i><a class="khbtn">编辑</a></span><span class="save"> <i class="bianji sav"></i><a class="khbtn">保存</a></span><span class="cancel"><i class="bianji canc"></i><a class="khbtn">取消</a></span></td>
458 
+						</tr>
459 
+					</table>
460 
+				</div>
461 
+				<!--右侧内容-->
462 
+				<div class="ldtp-cr col-sm-9">
463 
+					<ul class="ld-service clearfix">
464 
+						<li style="border-bottom:1px solid #243747;" itemtype="0" class="cr-click">历史记录</li>
465 
+						<li style="border-bottom:1px solid #69cbd0;display: none;" itemtype="1" class="KF">客服组</li>
466 
+						<!--<--<li style="border-bottom:1px solid #f95a83;" itemtype="2">保修服务</li>-->
467 
+						<li style="border-bottom:1px solid #243747;display: none;" itemtype="3" class="SC">市场组</li>
468 
+					</ul>
469 
+					<div class="ld-sercon">
470 
+						<div class="complain" style="display:block;">
471 
+							<div class="ld-sercon-con clearfix">
472 
+								<div class="Ps-chaxun">
473 
+									<span>查询: <input type="text" id="old_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="old_endTime" class="laydate-icon" /></span>
474 
+
475 
+									<span class="searchbtn"></span>
476 
+								</div>
477 
+								<div class="table-responsive col-sm-12 tbold" style="padding-left: 0;">
478 
+									<table id="oldlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
479 
+										<thead>
480 
+											<tr>
481 
+												<th data-field="CallNumber">电话号码</th>
482 
+												<th data-field="CallState" data-formatter="GetCallState">呼叫状态</th>
483 
+												<!--<th data-field="IsDeal" data-formatter="GetDealState">是否处理</th>-->
484 
+												<th data-field="UserCode">坐席工号</th>
485 
+												<th data-field="UserName">坐席姓名</th>
486 
+												<th data-field="BeginTime">开始时间</th>
487 
+												<th data-field="TalkStartTime">通话开始时间</th>
488 
+												<th data-field="TalkEndTime">通话结束时间</th>
489 
+												<th data-field="TalkLongTime">通话时长(s)</th>
490 
+												<th data-field="FilePath" data-formatter="setCode">录音</th>
491 
+											</tr>
492 
+										</thead>
493 
+										<tbody class="list"></tbody>
494 
+									</table>
495 
+								</div>
496 
+							</div>
497 
+
498 
+						</div>
499 
+						<div class="complain" style="display:none;">
500 
+							<div class="ld-sercon-con clearfix">
501 
+								<div class="Ps-chaxun">
502 
+									<span>查询: <input type="text" id="con_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="con_endTime" class="laydate-icon" /></span>
503 
+
504 
+									<span class="searchbtn"></span>
505 
+									<span class="addjl g" style="margin-left:5em;">新增工单</span>
506 
+								</div>
507 
+								<div id="zxlbs" class="table-responsive col-sm-12 tbold" style="padding-left: 0;">
508 
+
509 
+									<table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
510 
+										<thead>
511 
+											<tr>
512 
+												<th data-field="WorkOrderID">工单编号</th>
513 
+												<th data-field="State" data-formatter="GetStateName">工单状态</th>
514 
+												<th data-field="Customer">客户姓名</th>
515 
+												<th data-field="CustomerTel">客户电话</th>
516 
+												<th data-field="Detail" data-formatter="GetCont">工单内容</th>
517 
+												<th data-field="CreateUser">坐席工号</th>
518 
+												<th data-field="CreateTime">创建时间</th>
519 
+											</tr>
520 
+										</thead>
521 
+										<tbody class="list"></tbody>
522 
+									</table>
523 
+								</div>
524 
+							</div>
525 
+							<div class="Pre-second second-con addgd" style="display:none;">
526 
+								<form>
527 
+									<div class="form-group clearfix">
528 
+										<!--<span class="col-sm-1">
529 
+                                    投诉类型:
530 
+                                </span>
531 
+                                <span class="col-sm-3">
532 
+                                    <select id="tslx">
533 
+                                        <option selected="selected" value=""></option>
534 
+                                    </select>
535 
+                                </span>-->
536 
+										<span class="col-sm-1">
537 
+                                    姓名:
538 
+                                </span>
539 
+										<span class="col-sm-3">
540 
+                                    <input type="text" id="marketName" class="form-control" readonly="readonly" />
541 
+                                </span>
542 
+										<span class="col-sm-1">
543 
+                                    电话:
544 
+                                </span>
545 
+										<span class="col-sm-3">
546 
+                                    <input type="text" id="marketTel" class="form-control" readonly="readonly" />
547 
+                                </span>
548 
+									</div>
549 
+									<div class="form-group clearfix">
550 
+										<span class="col-sm-1">
551 
+                                    来电单位:
552 
+                                </span>
553 
+										<span class="col-sm-3">
554 
+                                    <input type="text" class="form-control" id="lddepr" readonly="readonly"/>
555 
+                                    <!--<select class="form-control selectpicker" id="lddep_market" data-live-search="true">
556 
+										<option value="">请选择来电单位</option>
557 
+									</select>-->
558 
+                                </span>
559 
+										<span class="col-sm-1">
560 
+                                    反馈单位:
561 
+                                </span>
562 
+										<span class="col-sm-3">
563 
+                                    <!--<input type="text" id="fkdep" />
564 
+                                    <div class="box" id="box">
565 
+           							  <ul>
566 
+
567 
+          							  </ul>
568 
+        							</div>-->
569 
+        							<select class="form-control selectpicker" id="fkdep_market" data-live-search="true">
570 
+										<option value="">请选择反馈单位</option>
571 
+									</select>
572 
+                                </span>
573 
+									</div>
574 
+									<div class="form-group clearfix">
575 
+										<span class="col-sm-1">反馈内容:</span>
576 
+										<span class="col-sm-11">
577 
+                                    <textarea rows="5" id="fkcont_market" style="resize: none;" class="form-control"></textarea>
578 
+                                </span>
579 
+									</div>
580 
+
581 
+									<!--<div class="form-group" style="padding-left: 15px;">
582 
+                                <span>解答内容:</span>
583 
+                                <textarea rows="5"></textarea>
584 
+                            </div>-->
585 
+									<div class="bton addts">创建</div>
586 
+								</form>
587 
+							</div>
588 
+							<div class="Pre-second second-con zxbg " style="display: none;">
589 
+								<form>
590 
+									<div class="form-group clearfix">
591 
+										<span class="col-sm-1">
592 
+                                    姓名:
593 
+                                </span>
594 
+										<span class="col-sm-3">
595 
+                                    <input type="text" class="form-control"  id="callCustomer" readonly="readonly" />
596 
+                                </span>
597 
+										<span class="col-sm-1">
598 
+                                    电话:
599 
+                                </span>
600 
+										<span class="col-sm-3">
601 
+                                    <input type="text" class="form-control" id="Tel"  readonly="readonly"/>
602 
+                                </span>
603 
+
604 
+									</div>
605 
+									<div class="form-group clearfix">
606 
+										<span class="col-sm-1">
607 
+                                    来电单位:
608 
+                                </span>
609 
+										<span class="col-sm-3">
610 
+                                    <input type="text" class="form-control" id="lddep" readonly="readonly"/>
611 
+                                </span>
612 
+										<span class="col-sm-1">
613 
+                                    反馈单位:
614 
+                                </span>
615 
+										<span class="col-sm-3">
616 
+                                    <!--<input type="text" id="fkdep" />
617 
+                                    <div class="box" id="box">
618 
+           							  <ul>
619 
+
620 
+          							  </ul>
621 
+        							</div>-->
622 
+        							<!--<select class="form-control selectpicker" id="fkdep" data-live-search="true">
623 
+										<option value="">请选择反馈单位</option>
624 
+									</select>-->
625 
+									<input type="text" id="testInput_" class="ld-sercon form-control " />
626 
+								<ul class="testInput-list">
627 
+									<li></li>
628 
+								</ul>
629 
+
630 
+                                </span>
631 
+									</div>
632 
+									<div class="form-group clearfix">
633 
+										<span class="col-sm-1">
634 
+                                    工单来源:
635 
+                                </span>
636 
+										<span class="col-sm-3">
637 
+                                    <select name="" class="form-control" id="DicValueList">
638 
+                                    </select>
639 
+                                </span>
640 
+										<span class="col-sm-1">
641 
+                                    工单类型:
642 
+                                </span>
643 
+										<span class="col-sm-3">
644 
+                                    <div class="inpBox" id="organizer">
645 
+										<input id="citySel" class="inps form-control" />
646 
+										<input type="hidden" id="OPID" />
647 
+										<i class="xl xl_one" id="xl_one"></i>
648 
+										<div id="menuContent" class="menuContent" style="display: none; position: absolute;  z-index: 100;">
649 
+											<ul id="treeDemo" class="ztree"></ul>
650 
+										</div>
651 
+									</div>
652 
+                                </span>
653 
+									</div>
654 
+									<div class="form-group clearfix">
655 
+										<span class="col-sm-1">
656 
+                                    工单状态:
657 
+                                </span>
658 
+										<span class="col-sm-3">
659 
+                                    <select name="" id="State" class="form-control">
660 
+
661 
+                                    </select>
662 
+                                </span>
663 
+									</div>
664 
+									<div class="form-group clearfix">
665 
+										<span class="col-sm-1">反馈内容:</span>
666 
+										<span class="col-sm-11">
667 
+                                    <textarea rows="5" id="fkcont" style="resize: none;" class="form-control"></textarea>
668 
+                                </span>
669 
+									</div>
670 
+									<div class="form-group clearfix">
671 
+										<span class="col-sm-1">快递信息:</span>
672 
+										<span class="col-sm-11">
673 
+                                    <textarea rows="2" id="sendmsg" style="resize: none;" id="clnr_" class="form-control"></textarea>
674 
+                                </span>
675 
+									</div>
676 
+									<div class="form-group clearfix">
677 
+										<span class="col-sm-1">备注一:</span>
678 
+										<span class="col-sm-11">
679 
+                                    <textarea rows="2" class="form-control" id="note1" style="resize: none;"id="cont"></textarea>
680 
+                                </span>
681 
+									</div>
682 
+									<div class="form-group clearfix">
683 
+										<span class="col-sm-1">备注二:</span>
684 
+										<span class="col-sm-11">
685 
+                                    <textarea rows="2" class="form-control" id="note2" style="resize: none;"id="cont"></textarea>
686 
+                                </span>
687 
+									</div>
688 
+									<div class="form-group clearfix">
689 
+										<span class="col-sm-1">备注三:</span>
690 
+										<span class="col-sm-11">
691 
+                                    <textarea rows="2" class="form-control" id="note3"  style="resize: none;"id="cont"></textarea>
692 
+                                </span>
693 
+									</div>
694 
+									<div class="bton add_">创建</div>
695 
+								</form>
696 
+							</div>
697 
+						</div>
698 
+					</div>
699 
+					<!--右侧下方内容区-->
700 
+					<div class="ldcr-bottom" style="margin-top:10px;">
701 
+						<div class="ldcrb-top clearfix">
702 
+							<ul class="clearfix">
703 
+								<li style="border-bottom:1px solid #69cbd0; background: #000;color: #fff;">知识库</li>
704 
+								<!--<li style="border-bottom:1px solid #f95a83;border-top:1px solid #000;border-right:1px solid #000;">更多内容</li>-->
705 
+							</ul>
706 
+							<div class="ld-search">
707 
+								<div class="sear-inp">
708 
+									<input type="text" class="search" placeholder="搜索问题、内容或者标题" />
709 
+								</div>
710 
+								<div class="searIcon">
711 
+								</div>
712 
+							</div>
713 
+						</div>
714 
+						<div class="detail-con">
715 
+							<ul></ul>
716 
+						</div>
717 
+					</div>
718 
+				</div>
719 
+			</div>
720 
+
721 
+			<!--来电弹屏结束-->
722 
+		</div>
723 
+		<script src="./../js/bootstrap-table.js"></script>
724 
+		<script src="./../js/bootstrap-table-zh-CN.js"></script>
725 
+		<script src="./../js/zTree/jquery.ztree.core.js"></script>
726 
+		<script src="./../js/plugins/datapicker/bootstrap-datepicker.js"></script>
727 
+		<!--<script src="./js/bootstrap-select/js/bootstrap-select.js"></script>-->
728 
+		<script src="./../css/laydate/laydate.js"></script>
729 
+		<script src="./../js/jquery.select.js"></script>
730 
+		<script src="./../js/main.js?v=1.5"></script>
731 
+		<script src="call.js"></script>
732 
+		<script>
733 
+		</script>
734 
+	</body>
735 
+
736 
+</html>

+ 356 - 0
CallCenterWeb.UI/callScreen/css/call.css
Zobrazit soubor 

@@ -0,0 +1,356 @@
1 
+		ul,
2 
+		li,
3 
+		ol {
4 
+			list-style: none;
5 
+			margin: 0;
6 
+			padding: 0;
7 
+		}
8 
+
9 
+		a {
10 
+			text-decoration: none
11 
+		}
12 
+		.clearfix:after {
13 
+	    content: "";
14 
+	    display: block;
15 
+	    clear: both;
16 
+		}
17 
+
18 
+
19 
+		.ldtp-con{
20 
+			width: 100%;
21 
+			margin: 0 auto;
22 
+			height: 100%;
23 
+			/*overflow: hidden;*/
24 
+			position: relative;
25 
+		    /*top: 97px;
26 
+   		    left: 220px;*/
27 
+			background: #fff;
28 
+			/*border-left: 4px solid #1ab395;*/
29 
+			/*display: none;*/
30 
+
31 
+		}
32 
+		.ldtp-con .hei-list{
33 
+			    position: absolute;
34 
+			    top: 20%;
35 
+			    left: 40%;
36 
+			    z-index: 10;
37 
+			    display: none;
38 
+		}
39 
+		.ldtp-con .hei-list input{
40 
+			 margin-top: 3px;
41 
+
42 
+		}
43 
+		/*.minClosed{
44 
+			position: absolute;
45 
+		    top: 0px;
46 
+		    right: 80px;
47 
+		    height: 35px;
48 
+		    width: 35px;
49 
+		    z-index: 10;
50 
+		}
51 
+		.minClosed a{
52 
+		    display: block;
53 
+		    height: 1px;
54 
+		    background: #000;
55 
+		    width: 15px;
56 
+		    position: absolute;
57 
+		    top: 15px;
58 
+		    left: 10px;
59 
+		}
60 
+		.minClosed:hover{
61 
+			background: #ccc;
62 
+		}*/
63 
+		.ldtp-cl {
64 
+			background: #243747;
65 
+			font-family: "宋体";
66 
+			height: 100%;
67 
+		}
68 
+
69 
+		.ldtp-cl .head-pic>div {
70 
+			height: 90px;
71 
+			width: 90px;
72 
+			-webkit-border-radius: 50%;
73 
+			-moz-border-radius: 50%;
74 
+			border-radius: 50%;
75 
+			overflow: hidden;
76 
+			margin: 20px auto;
77 
+			border-width: 2px;
78 
+			border-style: solid;
79 
+			border-color: #ffb400 #fc3c04 #fdfc01 #00e3c0;
80 
+		}
81 
+		.ldtp-cl .head-pic ul li {
82 
+			font-size: 12px;
83 
+			color: #dfe4ed;
84 
+			text-align: center;
85 
+		}
86 
+
87 
+		.ldtp-cl .head-pic ul li.nikeName i {
88 
+			display: inline-block;
89 
+			width: 20px;
90 
+			height: 1px;
91 
+			background: #dfe4ed;
92 
+		}
93 
+
94 
+		.ldtp-cl .head-pic ul li.nikeName span {
95 
+			margin: 0 10px;
96 
+		}
97 
+		.ldtp-cl .head-pic ul li.lahei{
98 
+			color: #ce2114;
99 
+		    margin: 10px 0;
100 
+		    cursor: pointer;
101 
+		}
102 
+		.ldtp-cl .head-pic ul li.lahei i{
103 
+			display: inline-block;
104 
+			height: 16px;
105 
+			width: 16px;
106 
+			vertical-align: middle;
107 
+		}
108 
+		.ldtp-cl .head-pic ul li.lahei .push{
109 
+				background: url(../../img/lahei.png) no-repeat;
110 
+		}
111 
+		.ldtp-cl .head-pic ul li.lahei .qxlh{
112 
+			background: url(../../img/retur.png) no-repeat;
113 
+		}
114 
+		.ldtp-cl .head-pic ul li.td-call {
115 
+			padding: 1em 6em;
116 
+		}
117 
+
118 
+		.ldtp-cl .head-pic ul li>a {
119 
+			display: inline-block;
120 
+		}
121 
+
122 
+		.ldtp-cl .head-pic ul li>a.drop {
123 
+			float: right;
124 
+		}
125 
+
126 
+		.ldtp-cl .head-pic ul li>a.take {
127 
+			float: left;
128 
+		}
129 
+
130 
+		.ldtp-cl .head-pic ul li>a>i {
131 
+			display: inline-block;
132 
+			height: 36px;
133 
+			width: 36px;
134 
+		}
135 
+
136 
+		.ldtp-cl .head-pic ul li>a.take>i {
137 
+			background: url(../../img/drop.png) no-repeat;
138 
+		}
139 
+
140 
+		.ldtp-cl .head-pic ul li>a.drop>i {
141 
+			background: url(../../img/take.png) no-repeat;
142 
+		}
143 
+
144 
+		.ldtp-cl .come-detail {
145 
+			color: #fcf9f9;
146 
+			padding-left: 5em;
147 
+			line-height: 2em;
148 
+			margin-top: 35px;
149 
+		}
150 
+		.ldtp-cr {
151 
+			height: 100%;
152 
+			overflow: hidden;
153 
+			overflow-y: auto;
154 
+		}
155 
+		.ldtp-cr .ld-service li {
156 
+			float: left;
157 
+			font-size: 14px;
158 
+			color: #000;
159 
+			padding: 5px 15px;
160 
+			cursor: pointer;
161 
+		}
162 
+
163 
+		.ldtp-cr ul.ld-service li.cr-click {
164 
+			background: #000;
165 
+			color: #fff;
166 
+		}
167 
+
168 
+		.ld-sercon .Ps-chaxun {
169 
+			padding: 15px 0;
170 
+		}
171 
+
172 
+		.ld-sercon .Ps-chaxun span {
173 
+			margin-right: 1.2em;
174 
+		}
175 
+
176 
+		.ld-sercon input {
177 
+			width: 128px;
178 
+			padding-left: 20px;
179 
+			padding-right: 0;
180 
+		}
181 
+		.ld-sercon span p{
182 
+			    display: inline-block;
183 
+			    margin: 0;
184 
+			    width: 128px;
185 
+			    overflow: hidden;
186 
+			    vertical-align: middle;
187 
+			    border: 1px solid #ccc;
188 
+			    position: relative;
189 
+		}
190 
+		/*.ld-sercon span p i{
191 
+			display: block;
192 
+			height: 18px;
193 
+			width: 18px;
194 
+			background: url(../img/select_03.png) no-repeat;
195 
+			position: absolute;
196 
+			top: 0;
197 
+			right: 0;
198 
+		}*/
199 
+		.ld-sercon select {
200 
+			/*height: 22px;*/
201 
+			width: 128px;
202 
+			padding-left: 20px;
203 
+		}
204 
+		.ld-sercon textarea{
205 
+			width: 70%;
206 
+			vertical-align: middle;
207 
+			-webkit-border-radius: 5px;
208 
+			-moz-border-radius: 5px;
209 
+			border-radius: 5px;
210 
+		}
211 
+		.ld-sercon div.bton{
212 
+			width: 70px;
213 
+			height: 27px;
214 
+			line-height: 27px;
215 
+			background: #2f4050;
216 
+			-webkit-border-radius: 5px;
217 
+			-moz-border-radius: 5px;
218 
+			border-radius: 5px;
219 
+			margin: 0 auto;
220 
+			color: #fff;
221 
+			text-align: center;
222 
+		}
223 
+		.second-con{
224 
+			padding: 20px 0;
225 
+		}
226 
+
227 
+		.ld-sercon .addjl {
228 
+			display: inline-block;
229 
+			width: 84px;
230 
+			-webkit-border-radius: 5px;
231 
+			-moz-border-radius: 5px;
232 
+			border-radius: 5px;
233 
+			text-align: center;
234 
+			padding: 0px;
235 
+			font-size: 12px;
236 
+			height: 24px;
237 
+   			line-height: 24px;
238 
+			cursor: pointer;
239 
+			background: #e43926;
240 
+			color: #fff
241 
+		}
242 
+		.tbth{
243 
+			background: #1ab394;
244 
+		}
245 
+
246 
+		.dealw {
247 
+			color: #1ab394;
248 
+		}
249 
+		.ld-sercon>div{
250 
+			display: none;
251 
+		}
252 
+		.ldcr-bottom .ldcrb-top>ul {
253 
+			float: left;
254 
+
255 
+		}
256 
+			.ldcr-bottom .ldcrb-top>ul li{
257 
+				float: left;
258 
+			    font-size: 14px;
259 
+			    width: 90px;
260 
+			    text-align: center;
261 
+			    height: 30px;
262 
+			    line-height: 30px;
263 
+			    cursor: pointer;
264 
+			}
265 
+		.ldcr-bottom .ldcrb-top>div{
266 
+			float: right;
267 
+			width: 285px;
268 
+			height: 30px;
269 
+			position: relative;
270 
+		}
271 
+		.ldcr-bottom .ldcrb-top>div .sear-inp{
272 
+		width: 100%;
273 
+		height: 100%;
274 
+		border: 1px solid #ccc;
275 
+		overflow: hidden;
276 
+		}
277 
+		.ldcr-bottom .ldcrb-top>div .sear-inp input{
278 
+			    display: block;
279 
+			    height: 100%;
280 
+			    width: 88%;
281 
+			    border: 0;
282 
+			    outline: none;
283 
+			    padding: 10px;
284 
+		}
285 
+		.searIcon{
286 
+			position: absolute;
287 
+			width: 12%;
288 
+			height: 100%;
289 
+			right: 0;
290 
+			top: 0;
291 
+			background-color: #e43926;
292 
+			background-image: url(../../img/searIcon.png);
293 
+			background-repeat: no-repeat;
294 
+			background-position: center center;
295 
+			cursor: pointer;
296 
+
297 
+		}
298 
+		.ldcr-bottom .detail-con{
299 
+			padding: 15px;
300 
+		    border: 1px solid #ebebeb;
301 
+		    -webkit-border-radius: 5px;
302 
+			-moz-border-radius: 5px;
303 
+		    border-radius: 5px;
304 
+		    margin-top: 15px;
305 
+		}
306 
+		.ldcr-bottom .detail-con ul li {
307 
+			margin-bottom: 10px;
308 
+		}
309 
+		.ldcr-bottom .detail-con ul li .zhishi-title{
310 
+			border-bottom: 1px solid #ccc;
311 
+		}
312 
+		.ldcr-bottom .detail-con ul li .zhishi-title a{
313 
+			    display: block;
314 
+			    float: left;
315 
+			    width: 55%;
316 
+			    white-space: nowrap;
317 
+			    overflow: hidden;
318 
+			    text-overflow: ellipsis;
319 
+			    color: #000;
320 
+		}
321 
+		.ldcr-bottom .detail-con ul li .zhishi-title em{
322 
+				display: block;
323 
+			    float: right;
324 
+			    font-style: normal;
325 
+			    font-family: Verdana;
326 
+			    float: right;
327 
+			     color: #000;
328 
+		}
329 
+		.ldcr-bottom .detail-con ul li .explancon{
330 
+			padding: 30px 10px;
331 
+		    text-indent: 24px;
332 
+		    line-height: 24px;
333 
+		    color: #999;
334 
+		    background: #f5f5f5;
335 
+            display:none;
336 
+		}
337 
+		.second-con{
338 
+			border: 1px solid #e6e6e6;
339 
+			-webkit-border-radius: 5px;
340 
+			-moz-border-radius: 5px;
341 
+			border-radius: 5px;
342 
+			margin: 15px 0;
343 
+
344 
+		}
345 
+		.shows{
346 
+			display: block;
347 
+		}
348 
+		.hides{
349 
+			display: none!important;
350 
+		}
351 
+
352 
+		.hei-list .bacha:hover{
353 
+			color: #ccc;
354 
+		}
355 
+
356 
+

+ 36 - 0
CallCenterWeb.UI/css/WorkOrder/jquery.editable-select.css
Zobrazit soubor 

@@ -0,0 +1,36 @@
1 
+input.editable-select {
2 
+  background: #FFF url(arrow-down.gif) right center no-repeat;
3 
+  border: 1px solid #CCC;
4 
+  padding: 2px 8px 2px 4px;
5 
+}
6 
+.editable-select-options {
7 
+  position: absolute;
8 
+  display: none;
9 
+  overflow: auto;
10 
+  margin: 0;
11 
+  padding: 0;
12 
+  background: #FFF;
13 
+  border: 1px solid #CCC;
14 
+  z-index: 10;
15 
+}
16 
+.editable-select-iframe {
17 
+  position: absolute;
18 
+  background: #FFF;
19 
+  z-index: 9;
20 
+  display: none;
21 
+}
22 
+  .editable-select-options ul {
23 
+    margin: 0;
24 
+    padding: 0;
25 
+    z-index: 10;
26 
+    list-style: none;
27 
+    list-style-image: none;
28 
+  }
29 
+    .editable-select-options li {
30 
+      cursor: default;
31 
+      padding: 2px 4px;
32 
+    }
33 
+    .editable-select-options li.selected {
34 
+      background: blue;
35 
+      color:#fff;
36 
+    }

+ 2 - 2
CallCenterWeb.UI/css/call.css
Zobrazit soubor 

@@ -236,7 +236,7 @@
236 236 
 			height: 24px;
237 237 
    			line-height: 24px;
238 238 
 			cursor: pointer;
239 
-			background: #f8ac59;
239 
+			background: #e43926;
240 240 
 			color: #fff
241 241 
 		}
242 242 
 		.tbth{
 
@@ -288,7 +288,7 @@
288 288 
 			height: 100%;
289 289 
 			right: 0;
290 290 
 			top: 0;
291 
-			background-color: #f8ac59;
291 
+			background-color: #e43926;
292 292 
 			background-image: url(../img/searIcon.png);
293 293 
 			background-repeat: no-repeat;
294 294 
 			background-position: center center;

File diff suppressed because it is too large
+ 41 - 1985
CallCenterWeb.UI/index.html


+ 11 - 11
CallCenterWeb.UI/js/WorkOrder/AddWorkOrder.js
Zobrazit soubor 

@@ -31,9 +31,9 @@
31 31 
              getOrderState();
32 32 
          	 //来电单位
33 33 
             getAccount('#comeCall_dep');
34 
-            getAccount('#comeCall_dep_market');
34 
+//          getAccount('#comeCall_dep_market');
35 35 
             getAccount('#feedbackDep');
36 
-            getAccount('#feedbackDep_market');
36 
+//          getAccount('#feedbackDep_market');
37 37
38 38 
             //保存
39 39 
             
@@ -152,7 +152,7 @@
152 152 
 					$(Count).each(function(i,n){
153 153 
 						$("<option value='" + n + "'>" + n + "</option>").appendTo($(obj));
154 154 
 					})
155 
-					$(obj).selectpicker('refresh');
155 
+//					$(obj).selectpicker('refresh');
156 156 
 				}
157 157 
 			});
158 158 
 		
@@ -173,14 +173,14 @@
173 173 
 				});
174 174 
 				return;
175 175 
 			}
176 
-			if($('#comeCall_dep').val()==''){
176 
+			if($('#testInput1').val()==''){
177 177 
 					layer.confirm('请选择来电单位！', {
178 178 
 					icon: 2,
179 179 
 					btn: ['确定']
180 180 
 				});
181 181 
 				return;
182 182 
 			}
183 
-			if($('#feedbackDep').val()==''){
183 
+			if($('#testInput2').val()==''){
184 184 
 					layer.confirm('请选择反馈单位！', {
185 185 
 					icon: 2,
186 186 
 					btn: ['确定']
 
@@ -217,8 +217,8 @@
217 217 
 					token: $.cookie("token"),
218 218 
 					callCustomer:$('#name').val(),//姓名
219 219 
 					tel:$('#tel').val(),//号码
220 
-					lddep:$('#comeCall_dep').val(),//来电单位
221 
-					fkdep:$('#feedbackDep').val(),//反馈单位
220 
+					lddep:$('#testInput1').val(),//来电单位
221 
+					fkdep:$('#testInput2').val(),//反馈单位
222 222 
 					gdly:$('#orderSource').val(),//工单来源
223 223 
 					gdlx: $('#typeclassId').val(),//工单类型id
224 224 
 					gdzt:$('#State').val(),//工单状态id   
@@ -290,8 +290,8 @@
290 290 
         	if(ns==1){
291 291 
         		$('#name').val('');
292 292 
 				$('#tel').val('');//号码
293 
-				$('#comeCall_dep').val('');//来电单位
294 
-				$('#feedbackDep').val('');//反馈单位
293 
+				$('#testInput1').val('');//来电单位
294 
+				$('#testInput2').val('');//反馈单位
295 295 
 				$('#orderSource').val('');//工单来源
296 296 
 				$('#typeclassId').val('');//工单类型id
297 297 
 				$('#State').val('');//工单状态id   
@@ -303,8 +303,8 @@
303 303 
         	}else{
304 304 
         		$('#name_market').val('');
305 305 
 				$('#tel_market').val('');//号码
306 
-				$('#comeCall_dep_market').val('');//来电单位
307 
-				$('#feedbackDep_market').val('');//反馈单位
306 
+				$('#testInput1').val('');//来电单位
307 
+				$('#testInput2').val('');//反馈单位
308 308 
 				$('#remark_market').val('');//备注内容
309 309 
         	}
310 310

+ 550 - 0
CallCenterWeb.UI/js/WorkOrder/jquery.editable-select.js
Zobrazit soubor 

@@ -0,0 +1,550 @@
1 
+/**
2 
+ * Copyright (c) 2009 Anders Ekdahl (http://coffeescripter.com/)
3 
+ *  var select = $('.editable-select:first');
4 
+ *  var instances = select.editableSelectInstances();
5 
+ *  instances[0].addOption('Germany', 'value added programmatically');
6 
+ *
7 
+ * Version: 1.3.2
8 
+ * yingxian modify
9 
+ * Demo and documentation: http://coffeescripter.com/code/editable-select/
10 
+ */
11 
+(function($) {
12 
+  var instances = [];
13 
+  $.fn.editableSelect = function(options) {
14 
+    var defaults = { bg_iframe: false,
15 
+                     onSelect: false,
16 
+                     items_then_scroll: 10,
17 
+                     case_sensitive: false
18 
+    };
19 
+    var settings = $.extend(defaults, options);
20 
+    // Only do bg_iframe for browsers that need it
21 
+    /*if(settings.bg_iframe && !$.browser.msie) {
22 
+      settings.bg_iframe = false;
23 
+    };*/
24 
+    var instance = false;
25 
+    $(this).each(function() {
26 
+      var i = instances.length;
27 
+      if($(this).data('editable-selecter') !== null) {
28 
+        instances[i] = new EditableSelect(this, settings);
29 
+        $(this).data('editable-selecter', i);
30 
+      };
31 
+    });
32 
+    return $(this);
33 
+  };
34 
+  $.fn.editableSelectInstances = function() {
35 
+    var ret = [];
36 
+    $(this).each(function() {
37 
+      if($(this).data('editable-selecter') !== null) {
38 
+        ret[ret.length] = instances[$(this).data('editable-selecter')];
39 
+      };
40 
+    });
41 
+    return ret;
42 
+  };
43 
+
44 
+  var EditableSelect = function(select, settings) {
45 
+    this.init(select, settings);
46 
+  };
47 
+  EditableSelect.prototype = {
48 
+    settings: false,
49 
+    text: false,
50 
+    select: false,
51 
+    select_width: 0,
52 
+    wrapper: false,
53 
+    list_item_height: 20,
54 
+    list_height: 0,
55 
+    list_is_visible: false,
56 
+    hide_on_blur_timeout: false,
57 
+    bg_iframe: false,
58 
+    current_value: '',
59 
+    init: function(select, settings) {
60 
+      this.settings = settings;
61 
+      this.wrapper = $(document.createElement('div'));
62 
+      this.wrapper.addClass('editable-select-options');
63 
+      this.select = $(select);
64 
+      var name = this.select.attr('name');
65 
+      if(!name) {
66 
+        name = 'editable-select'+ instances.length;
67 
+      };
68 
+      var id = this.select.attr('id');
69 
+      if(!id) {
70 
+        id = 'editable-select'+ instances.length;
71 
+      };
72 
+      this.text = $('<input type="text">');
73 
+      this.text_submit = $('<input type="hidden">');
74 
+      this.text.attr('name', name + "_sele");
75 
+      this.text_submit.attr('name', name);
76 
+      this.text.data('editable-selecter', this.select.data('editable-selecter'));
77 
+      this.text_submit.data('editable-selecter', this.select.data('editable-selecter'));
78 
+      // Because we don't want the value of the select when the form
79 
+      // is submitted
80 
+      this.select.attr('disabled', 'disabled');
81 
+      this.text[0].className = this.select[0].className;
82 
+      this.text_submit[0].className = this.select[0].className;
83 
+
84 
+      this.text.attr('id', id + "_sele");
85 
+      this.text_submit.attr('id', id);
86 
+      this.wrapper.attr('id',id+'_editable-select-options');
87 
+      this.text.attr('autocomplete', 'off');
88 
+      this.text.attr('autocomplete', 'off');
89 
+      this.text.addClass('editable-select');
90 
+      this.text_submit.addClass('editable-select');
91 
+      this.select.attr('id', id +'_hidden_select');
92 
+      this.select.attr('name', name +'_hidden_select');
93 
+      this.select.after(this.text);
94 
+      this.select.after(this.text_submit);
95 
+      if(this.select.css('display') == 'none') {
96 
+        //this.text.css('display', 'none');
97 
+        this.text_submit.css('display', 'none');
98 
+      }
99 
+      if(this.select.css('visibility') == 'hidden') {
100 
+        //this.text.css('visibility', 'visibility');
101 
+        this.text_submit.css('visibility', 'visibility');
102 
+      }
103 
+      // Set to hidden, because we want to call .show()
104 
+      // on it to get it's width but not having it display
105 
+      // on the screen
106 
+      this.select.css('visibility', 'hidden');
107 
+      this.select.hide();
108 
+      this.initInputEvents(this.text);
109 
+      this.duplicateOptions();
110 
+      this.setWidths();
111 
+      $(document.body).append(this.wrapper);
112 
+
113 
+      if(this.settings.bg_iframe) {
114 
+        this.createBackgroundIframe();
115 
+      };
116 
+      if(typeof this.settings.success == "function") {
117 
+    	  this.settings.success.call(this,this.text_submit[0]);
118 
+      };
119 
+    },
120 
+    /**
121 
+     * Take the select lists options and
122 
+     * populate an unordered list with them
123 
+     */
124 
+    duplicateOptions: function() {
125 
+      var context = this,text,val;
126 
+      var option_list = $(document.createElement('ul'));
127 
+      this.wrapper.empty();
128 
+      this.wrapper.append(option_list);
129 
+      var options = this.select.find('option');
130 
+      this.dataList = [];
131 
+      options.each(function(i) {
132 
+    	text = $(this).text();
133 
+    	val = $(this).val();
134 
+        if($(this).attr('selected') /*|| i == 0*/) {
135 
+          context.text.val(text);
136 
+          context.text_submit.val(val);
137 
+          context.current_value = text;
138 
+        };
139 
+        if(context.trim(text) != "") context.dataList.push(text);
140 
+        var li = $('<li value="'+ val +'">'+ text +'</li>');
141 
+        li.hide();
142 
+        context.initListItemEvents(li);
143 
+        option_list.append(li);
144 
+      });
145 
+      this.setWidths();
146 
+      this.checkScroll();
147 
+    },in_array:function(e,arr)
148 
+    {
149 
+    	for(i=0,len = arr.length;i < len;i++)
150 
+    	{
151 
+	    	if(arr[i] == e)
152 
+	    	{
153 
+	    	  return true;
154 
+	    	}
155 
+       }
156 
+       return false;
157 
+    },trim:function(str){
158 
+    	return typeof str == "string" ? str.replace(/^\s*|\s*$/g,"") : str;
159 
+    },
160 
+    /**
161 
+     * Check if the list has enough items to display a scroll
162 
+     */
163 
+    checkScroll: function() {
164 
+      var options = this.wrapper.find('li');
165 
+      if(options.length > this.settings.items_then_scroll) {
166 
+        this.list_height = this.list_item_height * this.settings.items_then_scroll;
167 
+        this.wrapper.css('height', this.list_height +'px');
168 
+        this.wrapper.css('overflow', 'auto');
169 
+      } else {
170 
+        this.wrapper.css('height', 'auto');
171 
+        this.wrapper.css('overflow', 'visible');
172 
+      };
173 
+    },
174 
+    addOption: function(value,text) {
175 
+      var li = $('<li value="' + value + '">'+ text +'</li>');
176 
+      var option = $('<option value="' + value + '">'+ text +'</option>');
177 
+      this.select.append(option);
178 
+      this.initListItemEvents(li);
179 
+      this.wrapper.find('ul').append(li);
180 
+      this.setWidths();
181 
+      this.checkScroll();
182 
+    },
183 
+    /**
184 
+     * Init the different events on the input element
185 
+     */
186 
+    initInputEvents: function(text) {
187 
+      var context = this;
188 
+      var timer = false;
189 
+      $(document.body).click(
190 
+        function() {
191 
+          context.clearSelectedListItem();
192 
+          context.hideList();
193 
+        }
194 
+      );
195 
+      text.blur(
196 
+	        function(e) {
197 
+	          var val = context.trim(this.value);
198 
+	          var isInArr = context.in_array(val,context.dataList);
199 
+	          if( val == "")
200 
+        	  {
201 
+	        	  context.text_submit.val("");
202 
+        	  }else if(val != "" && !isInArr)
203 
+        	  {
204 
+	        	  context.text_submit.val("-1");
205 
+        	  }
206 
+
207 
+	          var list_item = typeof context.settings.onSelect == 'function' && isInArr ? context.findItem(val) : null;
208 
+
209 
+	          if(typeof context.settings.onSelect == 'function' && list_item != null) {
210 
+
211 
+	        	  context.text.val(list_item.text());
212 
+	        	  context.text_submit.val(list_item.attr("value"));
213 
+	        	  context.current_value = context.text.val();
214 
+	              context.settings.onSelect.call(context, list_item,context.text_submit[0]);
215 
+	          };
216 
+
217 
+	          context.hideList();
218 
+
219 
+	          e.preventDefault();
220 
+	          e.stopPropagation();
221 
+	     }
222 
+      );
223 
+      text.focus(
224 
+        function(e) {
225 
+          // Can't use the blur event to hide the list, because the blur event
226 
+          // is fired in some browsers when you scroll the list
227 
+          context.showList();
228 
+          context.highlightSelected();
229 
+          e.stopPropagation();
230 
+        }
231 
+      ).click(
232 
+        function(e) {
233 
+          e.stopPropagation();
234 
+          context.showList();
235 
+          context.highlightSelected();
236 
+        }
237 
+      ).keydown(
238 
+        // Capture key events so the user can navigate through the list
239 
+        function(e) {
240 
+          switch(e.keyCode) {
241 
+            // Down
242 
+            case 40:
243 
+              if(!context.listIsVisible()) {
244 
+                context.showList();
245 
+                context.highlightSelected();
246 
+              } else {
247 
+                e.preventDefault();
248 
+                context.selectNewListItem('down');
249 
+              };
250 
+              break;
251 
+            // Up
252 
+            case 38:
253 
+              e.preventDefault();
254 
+              context.selectNewListItem('up');
255 
+              break;
256 
+            // Tab
257 
+            case 9:
258 
+              context.pickListItem(context.selectedListItem());
259 
+              break;
260 
+            // Esc
261 
+            case 27:
262 
+              e.preventDefault();
263 
+              context.hideList();
264 
+              return false;
265 
+              break;
266 
+            // Enter, prevent form submission
267 
+            case 13:
268 
+              e.preventDefault();
269 
+              context.pickListItem(context.selectedListItem());
270 
+              return false;
271 
+          };
272 
+        }
273 
+      ).keyup(
274 
+        function(e) {
275 
+          // Prevent lots of calls if it's a fast typer
276 
+          if(timer !== false) {
277 
+            clearTimeout(timer);
278 
+            timer = false;
279 
+          };
280 
+          timer = setTimeout(
281 
+            function() {
282 
+              // If the user types in a value, select it if it's in the list
283 
+              if(context.text.val() != context.current_value) {
284 
+                context.current_value = context.text.val();
285 
+                context.highlightSelected();
286 
+                //context.showList();
287 
+              };
288 
+            },
289 
+            200
290 
+          );
291 
+
292 
+          // if input text change,list show.yingxian add hack by 2013-09-08
293 
+          (e.keyCode == 13) ?  context.hideList() : context.showList();
294 
+    	   e.stopPropagation();
295 
+        }
296 
+      ).keypress(
297 
+        function(e) {
298 
+          if(e.keyCode == 13) {
299 
+            // Enter, prevent form submission
300 
+            e.preventDefault();
301 
+            return false;
302 
+          };
303 
+        }
304 
+      );
305 
+    },
306 
+    initListItemEvents: function(list_item) {
307 
+      var context = this;
308 
+      list_item.mouseover(
309 
+        function() {
310 
+          context.clearSelectedListItem();
311 
+          context.selectListItem(list_item);
312 
+        }
313 
+      ).mousedown(
314 
+        // Needs to be mousedown and not click, since the inputs blur events
315 
+        // fires before the list items click event
316 
+        function(e) {
317 
+          e.stopPropagation();
318 
+          context.pickListItem(context.selectedListItem());
319 
+        }
320 
+      );
321 
+    },
322 
+    selectNewListItem: function(direction) {
323 
+      var li = this.selectedListItem();
324 
+      if(!li.length) {
325 
+        li = this.selectFirstListItem();
326 
+      };
327 
+      if(direction == 'down') {
328 
+        var sib = this.selectNextItem(li);
329 
+      } else {
330 
+        var sib = this.selectPrevItem(li);
331 
+      };
332 
+      if(sib.length) {
333 
+        this.selectListItem(sib);
334 
+        this.scrollToListItem(sib);
335 
+        this.unselectListItem(li);
336 
+      };
337 
+    },selectNextItem:function(el){
338 
+    	var e = el.next();
339 
+    	if(e && e[0].display == "none")
340 
+		{
341 
+    		return el;
342 
+		}
343 
+    	return e;
344 
+    },selectPrevItem:function(el){
345 
+
346 
+    	var e = el.prev();
347 
+    	if(e && e[0].display == "none")
348 
+		{
349 
+    		return el;
350 
+		}
351 
+    	return e;
352 
+
353 
+    },
354 
+    selectListItem: function(list_item) {
355 
+      this.clearSelectedListItem();
356 
+      list_item.addClass('selected');
357 
+    },
358 
+    selectFirstListItem: function() {
359 
+      this.clearSelectedListItem();
360 
+      var first = this.wrapper.find('li:first');
361 
+      //this.wrapper.find('li').hide();
362 
+      first.addClass('selected');
363 
+      //first.show();
364 
+      return first;
365 
+    },
366 
+    unselectListItem: function(list_item) {
367 
+      list_item.removeClass('selected');
368 
+    },
369 
+    selectedListItem: function() {
370 
+      return this.wrapper.find('li.selected');
371 
+    },
372 
+    clearSelectedListItem: function() {
373 
+      this.wrapper.find('li.selected').removeClass('selected');
374 
+    },
375 
+    /**
376 
+     * The difference between this method and selectListItem
377 
+     * is that this method also changes the text field and
378 
+     * then hides the list
379 
+     */
380 
+    pickListItem: function(list_item) {
381 
+      if(list_item.length) {
382 
+        this.text.val(list_item.text());
383 
+        this.text_submit.val(list_item.attr("value"));
384 
+        this.current_value = this.text.val();
385 
+      };
386 
+      if(typeof this.settings.onSelect == 'function') {
387 
+        this.settings.onSelect.call(this, list_item,this.text_submit[0]);
388 
+      };
389 
+      this.hideList();
390 
+    },
391 
+    listIsVisible: function() {
392 
+      return this.list_is_visible;
393 
+    },
394 
+    showList: function() {
395 
+      this.positionElements();
396 
+      this.setWidths();
397 
+      this.wrapper.show();
398 
+      this.hideOtherLists();
399 
+      this.list_is_visible = true;
400 
+      if(this.settings.bg_iframe) {
401 
+        this.bg_iframe.show();
402 
+      };
403 
+    },
404 
+    findItem: function(text1) {
405 
+    	var context = this;
406 
+        var current_value = context.trim(text1);
407 
+    	var list_items = context.wrapper.find('li');
408 
+    	var best_candiate = false;
409 
+        var value_found = false;
410 
+    	list_items.each(
411 
+    	        function() {
412 
+    	        	var text = context.trim($(this).text());
413 
+    	            if(!value_found) {
414 
+    	              if(!context.settings.case_sensitive) {
415 
+    	                text = text.toLowerCase();
416 
+    	              };
417 
+    	              if(text == current_value) {
418 
+    	                value_found = true;
419 
+    	                best_candiate = $(this);
420 
+    	                return false;
421 
+    	              }
422 
+    	            };
423 
+
424 
+    	          }
425 
+
426 
+    	   );
427 
+
428 
+    	  if(value_found) {
429 
+    		  return best_candiate;
430 
+          }else if(!best_candiate && !value_found) {
431 
+        	  return null;
432 
+          };
433 
+
434 
+      },
435 
+    highlightSelected: function() {
436 
+      var context = this;
437 
+      var current_value = context.trim(this.text.val());
438 
+      if(current_value.length < 0) {
439 
+        if(highlight_first) {
440 
+          this.selectFirstListItem();
441 
+        };
442 
+        return;
443 
+      };
444 
+
445 
+      var list_items = this.wrapper.find('li');
446 
+      if(current_value.length == 0) {
447 
+    	  list_items.show();
448 
+    	  this.selectFirstListItem();
449 
+          return;
450 
+       };
451 
+
452 
+      if(!context.settings.case_sensitive) {
453 
+        current_value = current_value.toLowerCase();
454 
+      };
455 
+      var best_candiate = false;
456 
+      var value_found = false;
457 
+      list_items.each(
458 
+        function() {
459 
+          var text = $(this).text();
460 
+          if(!value_found) {
461 
+            if(!context.settings.case_sensitive) {
462 
+              text = text.toLowerCase();
463 
+            };
464 
+            if(text == current_value) {
465 
+              value_found = true;
466 
+              context.clearSelectedListItem();
467 
+              context.selectListItem($(this));
468 
+              context.scrollToListItem($(this));
469 
+              //return false;
470 
+            } else if(text.search(current_value) > -1 && !best_candiate) {
471 
+              // Can't do return false here, since we still need to iterate over
472 
+              // all list items to see if there is an exact match
473 
+              best_candiate = $(this);
474 
+            };
475 
+
476 
+          };
477 
+          if(context.settings.isFilter && text.search(current_value) > -1 && current_value != "")
478 
+      	  {
479 
+          	 $(this).show();
480 
+
481 
+      	  }else if(context.settings.isFilter)
482 
+      	  {
483 
+      		 $(this).hide();
484 
+      	  }
485 
+        }
486 
+
487 
+      );
488 
+
489 
+      if(best_candiate && !value_found) {
490 
+        context.clearSelectedListItem();
491 
+        context.selectListItem(best_candiate);
492 
+        context.scrollToListItem(best_candiate);
493 
+      }else if(!best_candiate && !value_found) {
494 
+        this.selectFirstListItem();
495 
+      };
496 
+    },
497 
+    scrollToListItem: function(list_item) {
498 
+      if(this.list_height) {
499 
+        this.wrapper.scrollTop(list_item[0].offsetTop - (this.list_height / 2));
500 
+      };
501 
+    },
502 
+    hideList: function() {
503 
+      this.wrapper.hide();
504 
+      this.list_is_visible = false;
505 
+      if(this.settings.bg_iframe) {
506 
+        this.bg_iframe.hide();
507 
+      };
508 
+    },
509 
+    hideOtherLists: function() {
510 
+      for(var i = 0; i < instances.length; i++) {
511 
+        if(i != this.select.data('editable-selecter')) {
512 
+          instances[i].hideList();
513 
+        };
514 
+      };
515 
+    },
516 
+    positionElements: function() {
517 
+      var offset = this.text.offset();
518 
+      offset = { top: offset.top, left: offset.left };
519 
+      offset.top += this.text[0].offsetHeight;
520 
+      this.wrapper.css({top: offset.top +'px', left: offset.left +'px'});
521 
+      // Need to do this in order to get the list item height
522 
+      this.wrapper.css('visibility', 'hidden');
523 
+      this.wrapper.show();
524 
+      this.list_item_height = this.wrapper.find('li')[0] ? this.wrapper.find('li')[0].offsetHeight : 0;
525 
+      this.wrapper.css('visibility', 'visible');
526 
+      this.wrapper.hide();
527 
+    },
528 
+    setWidths: function() {
529 
+      // The text input has a right margin because of the background arrow image
530 
+      // so we need to remove that from the width
531 
+      this.select.show();
532 
+      var width = this.select.width() + 2 + 20;
533 
+      this.select.hide();
534 
+      var padding_right = parseInt(this.text.css('padding-right').replace(/px/, ''), 10);
535 
+      this.text.width(width - padding_right + 18);
536 
+      this.wrapper.width(width + 2 + 20);
537 
+      if(this.bg_iframe) {
538 
+        this.bg_iframe.width(width + 4 + 20);
539 
+      };
540 
+    },
541 
+    createBackgroundIframe: function() {
542 
+      var bg_iframe = $('<iframe frameborder="0" class="editable-select-iframe" src="about:blank;"></iframe>');
543 
+      $(document.body).append(bg_iframe);
544 
+      bg_iframe.width(this.select.width() + 2);
545 
+      bg_iframe.height(this.wrapper.height());
546 
+      bg_iframe.css({top: this.wrapper.css('top'), left: this.wrapper.css('left')});
547 
+      this.bg_iframe = bg_iframe;
548 
+    }
549 
+  };
550 
+})(jQuery);

+ 46 - 7
CallCenterWeb.UI/js/contabs.min.js
Zobrazit soubor 

@@ -105,13 +105,52 @@ $(function() {
105 105 
 		if(o == undefined || $.trim(o).length == 0) {
106 106 
 			return false
107 107 
 		}
108 
-		$(".J_mainContent").empty();
109 
-		var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
110 
-			$(".J_menuTab").removeClass("active");
111 
-			var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
112 
-			$(".J_mainContent").append(n);
113 
-			$(".J_menuTabs .page-tabs-content").append(p);
114 
-			g($(".J_menuTab.active"));
108 
+
109 
+		$(".J_menuTab").each(function() {
110 
+			if($(this).data("id") == o) {
111 
+				if(!$(this).hasClass("active")) {
112 
+					$(this).addClass("active").siblings(".J_menuTab").removeClass("active");
113 
+					g(this);
114 
+					$(".J_mainContent .J_iframe").each(function() {
115 
+						if($(this).data("id") == o) {
116 
+							$(this).show().siblings(".J_iframe").hide();
117 
+							return false
118 
+						}
119 
+					})
120 
+				}
121 
+				k = false;
122 
+				return false;
123 
+			}
124 
+		});
125 
+		if(k) {
126 
+			if(o == './TelCall/SeatMonitor.html' || o.substring(0,28) == './callScreen/callScreen.html') {
127 
+				console.log(o)
128 
+				var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
129 
+				$(".J_menuTab").removeClass("active");
130 
+				var n = '<iframe class="J_iframe J_iframeNew" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
131 
+				$(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
132 
+				$(".J_menuTabs .page-tabs-content").append(p);
133 
+				g($(".J_menuTab.active"))
134 
+			} else {
135 
+				$(".J_mainContent .J_iframe0").show();
136 
+				$(".J_mainContent .J_iframe0").attr("src", o);
137 
+				if(o !== './TelCall/SeatMonitor.html') {
138 
+					$(".J_menuTab").removeClass("active");
139 
+					$(".J_menuTab").eq(0).addClass("active").text(l);
140 
+					$(".J_menuTab.active").attr("data-id",o);
141 
+				}
142 
+			}
143 
+		}
144 
+
145 
+		//改之前
146 
+//		$(".J_mainContent").empty();
147 
+//		var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
148 
+//			$(".J_menuTab").removeClass("active");
149 
+//			var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
150 
+//			$(".J_mainContent").append(n);
151 
+//			$(".J_menuTabs .page-tabs-content").append(p);
152 
+//			g($(".J_menuTab.active"));
153 
+
115 154 
 			//多标签
116 155 
 //		$(".J_menuTab").each(function() {
117 156 
 //			if($(this).data("id") == o) {

File diff suppressed because it is too large
+ 1243 - 0
CallCenterWeb.UI/js/index.js


+ 51 - 142
CallCenterWeb.UI/js/main.js
Zobrazit soubor 

@@ -1,5 +1,5 @@
1 1 
 var ws, n = 0,
2 
-	timer;
2 
+	timer,hidTel,hidCallID;
3 3 
 var lockReconnect = false; //避免重复连接
4 4 
 var obj = {};
5 5 
 
@@ -219,104 +219,15 @@ function LogoutBack() {
219 219 
 }
220 220 
 //来电
221 221 
 function IncomingBack(data) {
222 
-	var UserCode
223 
-	$(".hidTel").val(data.Number);
224 
-	$(".tel").text(data.Number);
225 
-	$("#zxdh_").val(data.Number);
226 
-	$("#tsdh").val(data.Number);
227 
-	$(".ldtime").text(getNowFormatDate());
228 
-	$(".thsc").text("00:00");
229 
-	//获取callid
230 
-	$.ajaxSettings.async = false;
231 
-	$.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetCallIdByPhone', {
232 
-		"tel": $(".hidTel").val(),
233 
-		"token": $.cookie("token")
234 
-	}, function(result) {
235 
-		$.ajaxSettings.async = true;
236 
-		if(result.state.toLowerCase() == "success") {
237 
-			$(".hidCallID").val(result.data.CallId);
238 
-		}
239 
-	})
240 
-	//获取信息
241 
-	$.getJSON(huayi.config.callcenter_url + 'UserAccount/GetNowUser', {
242 
-		"token": $.cookie("token")
243 
-	}, function(result) {
244 
-		if(result.state.toLowerCase() == "success") {
245 
-			console.log(result);
246 
-
247 
-			if(result.data.role) {
248 
-				console.log(result.data);
249 
-				UserCode = result.data.user.F_UserCode;
250 
-
251 
-			}
252 
-
253 
-		}
254 
-	})
255 
-	//获取电话所属地
256 
-	$.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetPhoneLocation', {
257 
-		"tel": $(".hidTel").val(),
258 
-		"token": $.cookie("token")
259 
-	}, function(result) {
260 
-		if(result.state.toLowerCase() == "success") {
261 
-			$(".khgsd").text(result.data);
262 
-//			$(".ldlocation").text(result.data);
263 
-		}
264 
-	})
265 
-	//获取客户信息
266 
-	$(".ldtel").text($(".hidTel").val());
267 
-	$("#tsdh").val($(".hidTel").val());
268 
-	$(".ldtel1").val($(".hidTel").val());
269 
-	$.getJSON(huayi.config.callcenter_url + 'Customer/GetCustomerByTel', {
270 
-		"tel": $(".hidTel").val(),
271 
-//		"tel": '18839115206',
272 
-		"token": $.cookie("token")
273 
-	}, function(result) {
274 
-		if(result.state.toLowerCase() == "success") {
275 
-			if(result.data.length > 0) {
276 
-//				$("#zxr_").val(result.data[0].F_CustomerName);
277 
-//				$("#tskh").val(result.data[0].F_CustomerName);
278 
-//				$("#khid").val(result.data[0].F_CustomerId);
279 
-//				$(".khbh").val(result.data[0].F_CustomerCode);//客户编号
280 
-				$('.ldname').val(result.data.F_CustomerName);//客户姓名
281 
-				$(".ldtel1").val(result.data.F_Mobile);//联系电话
282 
-				$(".ldlocation").text(result.data.F_Province);//省份
283 
-//				$(".ldtel2").val(result.data[0].F_Mobile);
284 
-//				$(".ldtel3").val(result.data[0].F_ChargeTelephone);
285 
-//客服部显示
286 
-$("#callCustomer").val(result.data.F_CustomerName);//客户姓名
287 
-$("#Tel").val(result.data.F_Mobile);//联系电话
288 
-$("#lddep").val(result.data.F_CustomerIndustry );//来电单位
289 
-//市场部显示
290 
- 						$("#marketName").val(result.data.F_CustomerName);
291 
-                        $("#marketTel").val(result.data.F_Mobile);
292 
-                        $("#lddepr").val(result.data.F_CustomerIndustry);
293 
-
294 
-
295 
-			}
296 
-		}
297 
-	})
298 
-	var timestamp = Date.parse(new Date());
299 
-	//呼叫中心传入城管平台参数
300 
-	$.ajax({
301 
-		type: "get",
302 
-		url: 'http://61.54.5.100:8086/callcenter/PutTel?',
303 
-		async: true,
304 
-		dataType: 'json',
305 
-		data: {
306 
-			id: UserCode,
307 
-			tel: data.Number,
308 
-			time: timestamp
309 
-		},
310 
-		success: function(data) {}
311 
-	});
312 
-	loadOld();
313 
-
314 
-	$('.maxOpen').trigger("click");
315 
-	$('.head-pic .lahei .la-before').show();
316 
-	$('.head-pic .lahei .la-after').hide();
317 
-	$(".Bacha").hide();
222 
+	var p = '<a href="javascript:;" class="active J_menuTab" data-id="./callScreen/callScreen.html?tel=' + data.Number + '&CallID=' + data.CallID + '">来电弹屏' + data.Number + ' <i class="fa fa-times-circle"></i></a>';
223 
+	$(".J_menuTab").removeClass("active");
224 
+	var nif = '<iframe class="J_iframe J_iframeNew" name="iframe'+ data.CallID  +'"  width="100%" height="100%" src="./callScreen/callScreen.html?Number=' + data.Number + '&CallID=' + data.CallID + '" frameborder="0" data-id="./callScreen/callScreen.html?tel=' + data.Number + '&CallID=' + data.CallID + '" seamless></iframe>';
225 
+	$(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(nif);
226 
+	$(".J_menuTabs .page-tabs-content").append(p);
227 
+	hidTel=data.Number;
228 
+	hidCallID=data.CallID;
318 229 
 }
319 
-
230 
+//***************************************************
320 231 
 function CallIDBack(data) {
321 232 
 	//$(".hidCallID").val(data.CurrID);
322 233 
 }
 
@@ -327,43 +238,45 @@ function DropCallBack() {
327 238 
 	$(".Logout").addClass("active");
328 239 
 	$(".SayBusy").addClass("active");
329 240 
 	$(".MakeCall").addClass("active");
330 
-
331 
-	$(".td-call").hide();
332 
-	//$('.ldtp-con').css("display", 'none');
241 
+	var obj = $("iframe:visible")
242 
+    if (obj.attr("data-id") == './callScreen/callScreen.html?tel=' + hidTel + '&CallID=' + hidCallID + '') {
243 
+	        window.frames[obj.attr("name")].$(".td-call").hide();
244 
+	    }
333 245 
 }
334 
-
246 
+//线路状态通知
335 247 
 function LineStateAgentBack(data) {
248 
+	 var obj = $("iframe:visible")
336 249 
 	//0分机不可用，1空闲，2摘机等待拨号，3正在拨号，4呼出振铃，5来电振铃，6通话中，7播放忙音中，8移除IP分机，9通话保持中
337 250 
 	if(data.State == '0') {
338 251 
 		$(".hwzt").text('分机不可用'); //左下角状态显示
252 
+		$(".fwzt").removeClass("br").removeClass("bl");
339 253 
 	}
340 254 
 	if(data.State == '1') {
341 
-
342 255 
 		$(".hwzt").text('空闲'); //左下角状态显示
343 
-
344 256 
 		$(".fwzt").removeClass("br").addClass("bl");
345 
-		clearInterval(timer);
346 
-
347 
-		if($(".hidTel").val() && $(".hidCallID").val()) {
348 
-			$.post(huayi.config.callcenter_url + 'CallInScreen/UpdateGJ', {
349 
-				callid: $(".hidCallID").val(),
350 
-				"token": $.cookie("token")
351 
-			}, function(result) {
352 
-				result = JSON.parse(result);
353 
-				if(result.state.toLowerCase() == "success") {}
354 
-			})
355 
-		}
257 
+//		clearInterval(timer);
258 
+	if (obj.attr("data-id") == './callScreen/callScreen.html?tel=' + hidTel + '&CallID=' + hidCallID + '') {
259 
+	        window.frames[obj.attr("name")].clearInter();
260 
+	    }
261 
+
262 
+		 if (hidTel && hidCallID) {
263 
+            $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateGJ', {
264 
+                callid: hidTel,
265 
+                "token": $.cookie("token")
266 
+            }, function (result) {
267 
+                result = JSON.parse(result);
268 
+                if (result.state.toLowerCase() == "success") { }
269 
+            })
270 
+        }
356 271
357 272 
 		$("#top-search li i").removeClass("active");
358 273 
 		$(".Logout").addClass("active");
359 274 
 		$(".SayBusy").addClass("active");
360 275 
 		$(".MakeCall").addClass("active");
276 
+ 		if (obj.attr("data-id") == './callScreen/callScreen.html?tel=' + hidTel + '&CallID=' + hidCallID + '') {
277 
+	        window.frames[obj.attr("name")].$(".td-call").hide();
278 
+	    }
361 279
362 
-		$(".td-call").hide();
363 
-		$(".Bacha").show();
364 
-
365 
-		//$(".hidTel").val("");
366 
-		//$(".hidCallID").val("");
367 280 
 	}
368 281 
 	if(data.State == '2') {
369 282 
 		$(".hwzt").text('摘机等待拨号'); //左下角状态显示
 
@@ -377,22 +290,22 @@ function LineStateAgentBack(data) {
377 290 
 	if(data.State == '5') {
378 291 
 		$(".hwzt").text('来电振铃'); //左下角状态显示
379 292 
 		$(".fwzt").removeClass("bl").addClass("br");
380 
-		if($(".hidTel").val() && $(".hidCallID").val()) {
381 
-			$.post(huayi.config.callcenter_url + 'CallInScreen/UpdateZL', {
382 
-				callid: $(".hidCallID").val(),
383 
-				"token": $.cookie("token")
384 
-			}, function(result) {
385 
-				result = JSON.parse(result);
386 
-				if(result.state.toLowerCase() == "success") {}
387 
-			})
388 
-		}
293 
+		if (hidTel && hidCallID) {
294 
+            $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateZL', {
295 
+                callid: hidCallID,
296 
+                "token": $.cookie("token")
297 
+            }, function (result) {
298 
+                result = JSON.parse(result);
299 
+                if (result.state.toLowerCase() == "success") { }
300 
+            })
301 
+        }
389 302 
 	}
390 303 
 	if(data.State == '6') {
391 304 
 		$(".hwzt").text('通话中'); //左下角状态显示
392 305 
 		$(".fwzt").removeClass("bl").addClass("br");
393 
-		if($(".hidTel").val() && $(".hidCallID").val()) {
306 
+		if(hidTel && hidCallID) {
394 307 
 			$.post(huayi.config.callcenter_url + 'CallInScreen/UpdateZJ', {
395 
-				callid: $(".hidCallID").val(),
308 
+				callid: hidCallID,
396 309 
 				"token": $.cookie("token")
397 310 
 			}, function(result) {
398 311 
 				result = JSON.parse(result);
 
@@ -400,21 +313,16 @@ function LineStateAgentBack(data) {
400 313 
 			})
401 314 
 		}
402 315
403 
-		$(".td-call").show();
404 
-		n = 0;
316 
+//		$(".td-call").show();
317 
+//		n = 0;
405 318 
 		$("#top-search li i").removeClass("active");
406 319 
 		$(".DropCall").addClass("active");
407 320 
 		$(".Hold").addClass("active");
408 321 
 		$(".Transfer").addClass("active");
409 322 
 		$(".Meeting").addClass("active");
410 
-
411 
-		clearInterval(timer);
412 
-		timer = setInterval(function() {
413 
-			n++;
414 
-			var m = parseInt(n / 60 % 60);
415 
-			var s = parseInt(n % 60);
416 
-			$(".thsc").text(toDub(m) + ":" + toDub(s));
417 
-		}, 1000);
323 
+ 		if (obj.attr("data-id") == './callScreen/callScreen.html?tel=' + hidTel + '&CallID=' + hidCallID + '') {
324 
+	        window.frames[obj.attr("name")].calling();
325 
+	    }
418 326 
 	}
419 327 
 	if(data.State == '7') {
420 328 
 		$(".hwzt").text('播放忙音中'); //左下角状态显示
 
@@ -522,7 +430,8 @@ function RecordPathBack(data) {
522 430 
 	//        }
523 431 
 	//    })
524 432 
 	//}
525 
-	if($(".hidTel").val()) {
433 
+
434 
+	if(hidTel) {
526 435 
 		$.post(huayi.config.callcenter_url + 'CallInScreen/UpdateLY', {
527 436 
 			callid: data.CallID,
528 437 
 			path: data.RecPath,