来电弹屏创建工单

CallCenterWeb.UI/callScreen/callScreen.html

@@ -370,6 +370,7 @@
 			#old_endTime {
 				width: 128px!important;
 			}
+			
 			.treeList {
 				top: 34px!important;
 				border: 1px solid #e5e6e7!important;
@@ -384,6 +385,7 @@
 			#typeclass {
 				background: #fff;
 			}
+			
 			.treeList1 {
 				top: 34px!important;
 				border: 1px solid #e5e6e7!important;
@@ -394,30 +396,67 @@
 			#TreeDemo1 li {
 				float: initial;
 			}
+			
 			#typeclass1 {
 				/*background: #fff;*/
 			}
+			
 			#typeclass_market1 {
 				background: #fff;
 			}
+			
 			.addTree1 {
-			    background: #fff;
-			    position: absolute;
-			    width: 100%;
-			    border: 1px solid darkgrey;
-			    right: 0;
-			    top: 26px;
-			    z-index: 10;
-			    display: none;
-			    height: 100px;
-			    overflow-y: auto;
-			}
-			.inps2,.inps3,.inps4{
+				background: #fff;
+				position: absolute;
+				width: 100%;
+				border: 1px solid darkgrey;
+				right: 0;
+				top: 26px;
+				z-index: 10;
 				display: none;
+				height: 100px;
+				overflow-y: auto;
 			}
-			.time-box{
+			
+			.inps2,
+			.inps3,
+			.inps4 {
 				display: none;
 			}
+			
+			.time-box {
+				
+			}
+			.time-box_flbox{
+				display: none;
+			}
+			.customerService tbody tr th{
+				padding-left: 20px;
+			}
+			.customerService tbody tr th{
+				padding-left: 20px;
+			}
+			.tub{
+				position: absolute;
+				right: 10px;
+				top: 8px;
+			}
+			.add_bj{
+				    display: inline-block;
+				    -webkit-border-radius: 5px;
+				    -moz-border-radius: 5px;
+				    border-radius: 5px;
+				    text-align: center;
+				    padding: 5px 10px;
+				    font-size: 12px;
+				    cursor: pointer;
+				    background: #1ab394;
+				    color: #fff;
+				    margin-top: 15px;
+			}
+			#typeclass_market1m{
+				background: #FFFFFF;
+			}
 		</style>
 		<script>
 			function clearInter() {
@@ -448,6 +487,7 @@
 		<div class="wrapper wrapper-content animated fadeInRight">
 			<!--来电弹屏开始-->
 			<div class="ldtp-con clearfix animated fadeInDown ">
+				<div style="display: none;" class="mfhtel"></div>
 				<div class="hei-list">
 					<div class="heiTop clearFix">
 						<p class="htl">黑名单</p>
@@ -517,9 +557,9 @@
 						<tr>
 							<th>省份：</th>
 							<td>
-								<input type="text" value="" class="countryName" autocomplete="off"/>
+								<input type="text" value="" class="countryName" autocomplete="off" />
 								<!--<select id="testInput1"></select>-->
-								<div class="time-box" style="position: relative;">
+								<div class="time-box time-box_flbox" style="position: relative;">
 									<input class="form-control" type="text" id="typeclass1" readonly="readonly" autocomplete="off">
 									<input type="text" class="inps2">
 									<input type="text" class="inps3">
@@ -551,7 +591,7 @@
 				<div class="ldtp-cr col-sm-9">
 					<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 #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>
@@ -588,7 +628,11 @@
 						<div class="complain" style="display:none;">
 							<div class="ld-sercon-con clearfix">
 								<div class="Ps-chaxun">
-									<span>查询: <input type="text" id="con_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="con_endTime" class="laydate-icon" /></span>
+									<span>
+										查询: <input type="text" id="con_startTime" class="laydate-icon" />
+										&nbsp;——&nbsp;
+										<input type="text" id="con_endTime" class="laydate-icon" />
+									</span>
 									<span class="searchbtn"></span>
 									<span class="addjl g" style="margin-left:5em;">新增工单</span>
 								</div>
@@ -605,7 +649,7 @@
 												<th data-field="F_CusPhone" data-align="center">客户电话</th>
 												<th data-field="F_DealUser" data-align="center">受理人</th>
 												<th data-field="F_CreateTime" data-align="center">创建时间</th>
-												<th data-field="F_Content" data-align="center" data-formatter="Detail" style="width:500px;">反馈内容及处理结果</th>
+												<th data-field="F_Content" data-align="center" data-formatter="Detail" style="width:500px;">投诉事件描述</th>
 											</tr>
 										</thead>
 										<tbody class="list"></tbody>
@@ -614,131 +658,273 @@
 							</div>
 							<div class="Pre-second second-con addgd" style="display:none;">
 								<form>
-									<div class="form-group clearfix">
-										<span class="col-sm-1">
-                                    		姓名:
-                                		</span>
-										<span class="col-sm-3">
-		                                    <input type="text" id="marketName" class="form-control" readonly="readonly" />
-		                                </span>
-										<span class="col-sm-1">
-		                                    	电话:
-		                                </span>
-										<span class="col-sm-3">
-		                                    <input type="text" id="marketTel" class="form-control" readonly="readonly" />
-		                                </span>
-									</div>
-									<div class="form-group clearfix">
-										<span class="col-sm-1">
-		                                    	工单来源:
-		                                </span>
-										<span class="col-sm-3">
-		                                    <select name="" class="form-control" id="DicValueList_market" style="width: 100%;">
-		                                    </select>
-		                                </span>
-										<span class="col-sm-1">
-		                                    	工单类型:
-		                                </span>
-										<span class="col-sm-3">
-											<select name="" class="form-control orderType1" style="width: 100%;">
-		                                    </select>
-		                                </span>
-									</div>
-
-									<div class="form-group clearfix">
-										<span class="col-sm-1">反馈内容及处理结果:</span>
-										<span class="col-sm-11">
-		                                    <textarea rows="5" id="fkcont_market" style="resize: none;" class="form-control"></textarea>
-		                                </span>
-									</div>
-									<div class="form-group text-center">
-										<button type="button" class="bton btn addts">创建</button>
-									</div>
+									<table class="market">
+										<tbody>
+											<tr>
+												<th>姓名:</th>
+												<td>
+													<div class="form-group">
+														<input type="text" class="form-control" id="name" />
+													</div>
+												</td>
+												<th>电话:</th>
+												<td>
+													<div class="form-group">
+														<input type="text" class="form-control" id="tel" />
+													</div>
+												</td>
+												
+												<th>区域:</th>
+												<td>
+													<div class="form-group"  style="position: relative;">
+														<i class="tub fa fa-caret-down areaDown" style="color: #676b6d;"></i>
+														<input class="form-control" type="text" id="typeclass_market1" readonly="readonly">
+														<input type="text" class="inps2">
+															<input type="text" class="inps3">
+															<input type="text" class="inps4">
+														<input type="hidden" id="typeclassId1" />
+														<div class="addTree1 treeList_market1">
+															<ul id="TreeDemo_market1" class="ztree">
+					
+															</ul>
+														</div>
+													</div>
+												</td>
+											</tr>
+											<tr>
+												<th>客诉专员:</th>
+												<td>
+													<div class="form-group">
+														<select name="" class="form-control" id="vipName">
+														
+														</select>
+													</div>
+												</td>
+												<th>专员电话:</th>
+												<td style="position: relative;">
+													<div class="form-group">
+														<input type="text" class="form-control" id="vipTel"/>
+													</div>
+												</td>
+												
+											</tr>
+											<tr>
+												<th>问题分类:</th>
+												<td>
+													<div class="form-group">
+														<select name="" class="form-control orderType2">
+														
+														</select>
+													</div>
+													
+												</td>
+												<th>工单来源:</th>
+												<td>
+													<div class="form-group">
+														<select name="" class="form-control" id="DicValueList">
+														
+														</select>
+													</div>
+												</td>
+											</tr>
+											<tr>
+												<th>产品名称:</th>
+												<td>
+													<div class="form-group">
+														<input type="text" class="form-control" id="productname" />
+													</div>
+												</td>
+												<th>生产批号:</th>
+												<td>
+													<div class="form-group">
+														<input type="text" class="form-control" id="batchNumber" />
+													</div>
+												</td>
+												<th>购买地址:</th>
+												<td>
+													<div class="form-group">
+														<input type="text" class="form-control" id="buyAddress"/>
+													</div>
+												</td>
+											</tr>
+											<tr>
+												<th>生产日期:</th>
+												<td style="position: relative;">
+													<div class="time-box form-group">
+														<input type="text" id="proDuctdate" class="laydate-icon" autocomplete="off"/>
+													</div>
+												</td>
+												<th>购买日期:</th>
+												<td style="position: relative;">
+													
+													<div class="time-box form-group">
+														<input type="text" id="buyDate" class="laydate-icon" autocomplete="off"/>
+													</div>
+												</td>
+												<th>使用日期:</th>
+												<td style="position: relative;">
+													<div class="time-box form-group">
+														<input type="text" id="userDate" class="laydate-icon" autocomplete="off"/>
+													</div>
+													
+												</td>
+											</tr>
+											<tr>
+												<th>样品寄回:</th>
+												<td style="position: relative;">
+													<select name="" class="form-control" id="sendBack">
+														<option value="0">否</option>
+														<option value="1">是</option>
+													</select>
+												</td>
+											</tr>
+											<tr>
+												<th>投诉事件描述:</th>
+												<td colspan="5">
+													<textarea name="" rows="5" cols="" placeholder="" id="content"></textarea>
+												</td>
+											</tr>
+											<tr>
+												<td colspan="6" style="text-align: center;">
+													<span class="addts add_bj">保&nbsp;存</span>
+													
+												</td>
+											</tr>
+										</tbody>
+									</table>
 								</form>
 							</div>
+							
 							<div class="Pre-second second-con zxbg " style="display: none;">
 								<form>
-									<div class="form-group clearfix">
-										<span class="col-sm-1">
-		                                    	姓名:
-		                                </span>
-										<span class="col-sm-3">
-		                                    <input type="text" class="form-control"  id="callCustomer"  style="width: 100%;" />
-		                                </span>
-										<span class="col-sm-1">
-		                                    	电话:
-		                                </span>
-										<span class="col-sm-3">
-		                                    <input type="text" class="form-control" id="Tel"  readonly="readonly" style="width: 100%;"/>
-		                                </span>
-									</div>
-									<div class="form-group clearfix">
-										<span class="col-sm-1">
-		                                    	工单来源:
-		                                </span>
-										<span class="col-sm-3">
-		                                    <select name="" class="form-control" id="DicValueList" style="width: 100%;">
-		                                    </select>
-		                                </span>
-										<span class="col-sm-1">
-		                                    	工单类型:
-		                                </span>
-										<span class="col-sm-3">
-		                                    <div class="inpBox" id="organizer">
-												<input id="citySel" class="inps form-control"  autocomplete="off" style="width: 100%;"/>
-												<input type="hidden" id="OPID" />
-												<i class="xl xl_one" id="xl_one"></i>
-												<div id="menuContent" class="menuContent" style="display: none; position: absolute;  z-index: 100;">
-													<ul id="treeDemo" class="ztree"></ul>
-												</div>
-											</div>
-		                                </span>
-									</div>
-									<div class="form-group clearfix">
-										<span class="col-sm-1">
-		                                   	 工单状态:
-		                                </span>
-										<span class="col-sm-3">
-		                                    <select name="" id="State" class="form-control" style="width: 100%;">
-		                                    	
-		                                    </select>
-		                                </span>
-									</div>
-									<div class="form-group clearfix">
-										<span class="col-sm-1">反馈内容及处理结果:</span>
-										<span class="col-sm-11">
-		                                    <textarea rows="5" id="fkcont" style="resize: none;" class="form-control"></textarea>
-		                                </span>
-									</div>
-									<div class="form-group clearfix">
-										<span class="col-sm-1">快递信息:</span>
-										<span class="col-sm-11">
-		                                    <textarea rows="2" id="sendmsg" style="resize: none;" id="clnr_" class="form-control"></textarea>
-		                                </span>
-									</div>
-									<div class="form-group clearfix">
-										<span class="col-sm-1">备注一:</span>
-										<span class="col-sm-11">
-		                                    <textarea rows="2" class="form-control" id="note1" style="resize: none;"id="cont"></textarea>
-		                                </span>
-									</div>
-									<div class="form-group clearfix">
-										<span class="col-sm-1">备注二:</span>
-										<span class="col-sm-11">
-		                                    <textarea rows="2" class="form-control" id="note2" style="resize: none;"id="cont"></textarea>
-		                                </span>
-									</div>
-									<div class="form-group clearfix">
-										<span class="col-sm-1">备注三:</span>
-										<span class="col-sm-11">
-		                                    <textarea rows="2" class="form-control" id="note3"  style="resize: none;"id="cont"></textarea>
-		                                </span>
-									</div>
-									<div class="form-group text-center">
-										<button type="button" class="bton btn add_">创建</button>
-									</div>
+									<table class="customerService">
+										<tbody>
+											<tr>
+												<th>姓名:</th>
+												<td>
+													<div class="form-group">
+														<input type="text" class="form-control" id="namem" autocomplete="off"/>
+													</div>
+												</td>
+												<th>电话:</th>
+												<td>
+													<div class="form-group">
+														<input type="text" class="form-control" id="telm" autocomplete="off"/>
+													</div>
+												</td>
+
+												<th>购买日期:</th>
+												<td style="position: relative;">
+													<div class="time-box form-group">
+														<input type="text" id="buyDatem" class="laydate-icon" autocomplete="off"/>
+													</div>
+												</td>
+											</tr>
+											<tr>
+												<th>产品名称:</th>
+												<td>
+													<div class="form-group">
+														<input type="text" class="form-control" id="productnamem" autocomplete="off" />
+													</div>
+												</td>
+												<th>购买地址:</th>
+												<td>
+													<div class="form-group">
+														<input type="text" class="form-control" id="buyAddressm" autocomplete="off"/>
+													</div>
+												</td>
+
+												<th>产品类别:</th>
+												<td style="position: relative;">
+													<div class="form-group">
+														<input type="text" class="form-control" id="productTypem" autocomplete="off"/>
+													</div>
+												</td>
+											</tr>
+											<tr>
+												<th>生产批号:</th>
+												<td>
+													<div class="form-group">
+														<input type="text" class="form-control" id="batchNumberm" autocomplete="off"/>
+													</div>
+												</td>
+
+												<th>使用日期:</th>
+												<td style="position: relative;">
+													<div class="time-box form-group">
+														<input type="text" id="userDatem" class="laydate-icon" autocomplete="off"/>
+													</div>
+												</td>
+											</tr>
+											<tr>
+												<th>工单来源:</th>
+												<td>
+													<div class="form-group">
+														<select name="" class="form-control" id="DicValueListm">
+
+														</select>
+													</div>
+												</td>
+												<th>工单类型:</th>
+												<td>
+													<div class="form-group">
+														<select name="" class="form-control orderType2">
+
+														</select>
+													</div>
+
+												</td>
+												<th>区域:</th>
+												<td>
+													<div class="form-group" style="position: relative;">
+														<i class="tub fa fa-caret-down areaDown" style="color: #676b6d;"></i>
+														<input class="form-control" type="text" id="typeclass_market1m" readonly="readonly" autocomplete="off">
+														<input type="text" class="inps2">
+														<input type="text" class="inps3">
+														<input type="text" class="inps4">
+														<input type="hidden" id="typeclassId1" />
+														<div class="addTree1 TreeDemo_market1m">
+															<ul id="TreeDemo_market1m" class="ztree">
+
+															</ul>
+														</div>
+													</div>
+												</td>
+											</tr>
+											<tr>
+												<th>客诉专员:</th>
+												<td>
+													<div class="form-group">
+														<select name="" class="form-control" id="vipNamem">
+
+														</select>
+													</div>
+												</td>
+												<th>专员电话:</th>
+												<td style="position: relative;">
+													<div class="form-group">
+														<input type="text" class="form-control" id="vipTelm" />
+													</div>
+												</td>
+
+											</tr>
+											<tr>
+												<th>投诉事件描述:</th>
+												<td colspan="5">
+													<textarea name="" rows="5" cols="" placeholder="" id="contentm"></textarea>
+												</td>
+											</tr>
+											<tr>
+												<td colspan="6" style="text-align: center;">
+													<span class="add_ add_bj">保&nbsp;存</span>
+													
+												</td>
+											</tr>
+										</tbody>
+									</table>
 								</form>
 							</div>
+						
 						</div>
 					</div>
 					<!--右侧下方内容区-->
@@ -777,4 +963,5 @@
 		<script src="./../js/main.js?v=1.5"></script>
 		<script src="call.js"></script>
 	</body>
+
 </html>