来电弹屏 下拉框位置

CallCenterWeb.UI/callScreen/callScreen.html

@@ -303,15 +303,42 @@
 				display: nones;
 			}
 			
+			
+			
+			.testInput-list li {
+				padding: 5px;
+			}
+			
+			.testInput-list li:hover {
+				background-color: #E43926;
+				color: #fff;
+			}
+			
+			#testInput_
+			{
+				width: 100%;
+				outline: none;
+				border: 1px solid #ccc;
+				padding-left: 10px;
+				outline-color: #fff;
+			}
+			#SCorderlist {
+				display: none;
+			}
+			#orderlist{
+				display: none;
+			}
 			.testInput-list {
 				position: absolute;
 				z-index: 999;
 				border: 1px solid rgb(204, 204, 204);
-				background-color: rgb(255, 255, 255);
+				background: #fff;
 				z-index: 99999;
 				padding-left: 0;
-				width: 128px;
+				width: 89.6%;
 				display: none;
+				color: #000000;
+				
 			}
 			
 			.testInput-list li {
@@ -322,13 +349,16 @@
 				background-color: #E43926;
 				color: #fff;
 			}
-			
-			#testInput_
-			{
-				outline: none;
-				border: 1px solid #ccc;
+			#testInput1,#testInput2{
+				outline:none;
 				padding-left: 10px;
-				outline-color: #fff;
+				outline-color :#fff;
+				
+			}
+			.testInput2-list{
+				    overflow-x: hidden;
+   			 height: 159px;
+   				 overflow-y: auto;
 			}
 		</style>		
 	</head>
@@ -413,10 +443,13 @@
 						</tr>
 						<tr>
 							<th>省份：</th>
-							<td>
-								<input type="text" value="" class="ldlocation" style="padding-left: 5px;" />
+							<td style="position: absolute;">
+								<!--<input type="text" value="未知" class="ldlocation" style="padding-left: 5px;" />-->
 								<!--<span class="ldlocation" style="padding-left: 5px;">未知</span>-->
-								<input id="testInput1" type="text" style="width:100%;" style="display: none;" />
+								<input id="testInput2" type="text" style="width:100%;" value="" style="display: none;"  />
+								<ul class="testInput-list testInput2-list">
+									<li></li>
+								</ul>
 							</td>
 						</tr>
 						<tr>
@@ -424,25 +457,14 @@
 							<td><input type="text" value="" class="ldtel1" /></td>
 							<input type="hidden" id="fkdep"/>
 						</tr>
-						<!--<tr>
-                    <th>联系电话2：</th>
-                    <td><input type="text" value="" class="ldtel2" /></td>
-                </tr>
-                <tr>
-                    <th>联系电话2：</th>
-                    <td><input type="text" value="" class="ldtel3" /></td>
-                </tr>-->
 						<tr>
 							<th>来电单位：</th>
-							<td>
+							<td  style="position: relative;">
 								<input type="text" value="" class="ldpamter" />
-								<!--<div style="display: none;" class="Leftdemper">
-                    			<select class="form-control selectpicker" id="fkdep_market" data-live-search="true" >
-										<option value="">请选择反馈单位</option>
-									</select>
-                    	</div>-->
-								<input id="testInput2" type="text" style="width:100%;" />
-
+								<input id="testInput1" type="text" style="width:100%;" value="" style="display: none;" />
+								<ul class="testInput-list">
+									<li></li>
+								</ul>
 							</td>
 						</tr>
 						<tr>
@@ -460,7 +482,6 @@
 					<ul class="ld-service clearfix">
 						<li style="border-bottom:1px solid #243747;" itemtype="0" class="cr-click">历史记录</li>
 						<li style="border-bottom:1px solid #69cbd0;display: none;" itemtype="1" class="KF">客服组</li>
-						<!--<--<li style="border-bottom:1px solid #f95a83;" itemtype="2">保修服务</li>-->
 						<li style="border-bottom:1px solid #243747;display: none;" itemtype="3" class="SC">市场组</li>
 					</ul>
 					<div class="ld-sercon">
@@ -523,7 +544,24 @@
 										</thead>
 										<tbody class="list"></tbody>
 									</table>
+									<table id="SCorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+										<thead>
+											<tr>
+												<th data-field="WorkOrderID">工单编号</th>
+												<th data-field="State" data-formatter="GetStateName">工单状态</th>
+												<th data-field="Address" data-align="center">来电单位</th>
+												<th data-field="Source" data-align="center">反馈单位</th>
+												<th data-field="TypeClassName" data-align="center">工单类型</th>
+												<th data-field="Customer" data-align="center">姓名</th>
+												<th data-field="CustomerTel" data-align="center">客户电话</th>
+												<th data-field="Detail" data-align="center" data-formatter="Detail">反馈内容</th>
+												
+											</tr>
+										</thead>
+										<tbody class="list"></tbody>
+									</table>
 								</div>
+								
 							</div>
 							<div class="Pre-second second-con addgd" style="display:none;">
 								<form>
@@ -555,23 +593,11 @@
                                 </span>
 										<span class="col-sm-3">
                                     <input type="text" class="form-control" id="lddepr" readonly="readonly"/>
-                                    <!--<select class="form-control selectpicker" id="lddep_market" data-live-search="true">
-										<option value="">请选择来电单位</option>
-									</select>-->
                                 </span>
 										<span class="col-sm-1">
                                     反馈单位:
                                 </span>
 										<span class="col-sm-3">
-                                    <!--<input type="text" id="fkdep" />
-                                    <div class="box" id="box">
-           							  <ul>
-
-          							  </ul>
-        							</div>-->
-        							<!--<select class="form-control selectpicker" id="fkdep_market" data-live-search="true">
-										<option value="">请选择反馈单位</option>
-									</select>-->
 									<input type="text" id="testInput1_" class="ld-sercon form-control " />
 								<ul class="testInput-list">
 									<li></li>
@@ -583,11 +609,6 @@
                                     <textarea rows="5" id="fkcont_market" style="resize: none;" class="form-control"></textarea>
                                 </span>
 									</div>
-
-									<!--<div class="form-group" style="padding-left: 15px;">
-                                <span>解答内容:</span>
-                                <textarea rows="5"></textarea>
-                            </div>-->
 									<div class="bton addts">创建</div>
 								</form>
 							</div>
@@ -619,15 +640,6 @@
                                     反馈单位:
                                 </span>
 										<span class="col-sm-3">
-                                    <!--<input type="text" id="fkdep" />
-                                    <div class="box" id="box">
-           							  <ul>
-
-          							  </ul>
-        							</div>-->
-        							<!--<select class="form-control selectpicker" id="fkdep" data-live-search="true">
-										<option value="">请选择反馈单位</option>
-									</select>-->
 									<input type="text" id="testInput_" class="ld-sercon form-control " />
 								<ul class="testInput-list">
 									<li></li>
@@ -732,10 +744,12 @@
 		<script src="./../js/plugins/datapicker/bootstrap-datepicker.js"></script>
 		<!--<script src="./js/bootstrap-select/js/bootstrap-select.js"></script>-->
 		<script src="./../css/laydate/laydate.js"></script>
-		<script src="./../js/jquery.select.js"></script>
+		<!--<script src="./../js/jquery.select.js"></script>-->
 		<script src="./../js/main.js?v=1.5"></script>
 		<script src="call.js"></script>
 		<script>
+			Select($("#testInput1"));
+			
 		</script>
 	</body>