zhengbingbing
/
SYCW_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>来电弹屏</title>
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../js/bootstrap-treeview/bootstrap-treeview.min.css" />
		<link rel="stylesheet" href="./css/call.css" />
	</head>

	<body class="gray-bg">
		<div class="wrapper wrapper-content animated fadeInRight callSreen">
			<!--来电弹屏开始-->
			<div class="ldtp-con clearfix animated fadeInDown ">
				<!--黑名单开始-->
				<div class="hei-list">
					<div class="heiTop clearFix">
						<p class="htl">黑名单</p>
						<p class="bacha" title="关闭">x</p>
					</div>
					<div class="heiCon">
						<div class="heit">
							<span style="font-size: 14px;">输入拉黑时长：</span>
							<input type="text" id="time-word" />
						</div>
						<div class="chooses">

							<label class="radio-inline">
                        <input type="radio" name="time" value="1" checked="checked" style="margin-top: 3px;"> 天
                    </label>
							<label class="radio-inline">
                        <input type="radio" name="time" value="2" style="margin-top: 3px;" />时
                    </label>
							<label class="radio-inline">
                        <input type="radio" name="time" value="3" style="margin-top: 3px;" />分
                    </label>
							<label class="radio-inline">
                        <input type="radio" name="time" value="4" style="margin-top: 3px;" />永久
                    </label>

						</div>
						<p style="margin-top: 15px;"><button type="button" id="bc" class="btns">保存</button></p>
					</div>

				</div>
				<!--黑名单结束-->
				<!--左侧内容-->
				<div class="ldtp-cl col-sm-3">
					<div class="head-pic">
						<div class="hp-box">
							<img src="./../img/txpic.png" alt="头像好像去了外星球！" style="width: 100%;height: 100%;" />
							<input type="hidden" class="hidCallID" />
							<input type="hidden" class="hidActionID" />
						</div>
						<div class="head_info clearfix">
							<div class="clearfix head_info_item">
								<div class="head_tel pull-left">
									<i class="head_tel_icon"></i>
									<span class="tel"></span>
									<i class="head_tel_bg"></i>
								</div>
								<div class="head_time pull-left">
									<i class="head_time_icon"></i>
									<span class="thsc">00:00</span>
								</div>
							</div>
							<div class="clearfix head_info_item">
								<div class="head_location pull-left">
									<i class="head_location_icon"></i>
									<span class="khgsd">未知</span>
									<i class="head_location_bg"></i>
								</div>
								<div class="head_black pull-left">
									<i class="head_black_icon la-before" id="head_black_btn" title="点击加入黑名单"></i>
									<i class="head_black_cancel_icon retur" style="display: none;"></i>
									<span class="head_black_btn">黑名单</span>
									<i class="head_black_ivr take" id="head_black_ivr"></i>
								</div>
							</div>
						</div>
						<div class="head_form form-horizontal">
							<div class="form-group">
								<input type="hidden" id="head_form_customer_id" value="" />
								<label for="head_form_search" class="col-sm-4 control-label">搜索</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" id="head_form_search" autocomplete="off" placeholder="请输入公司名称">
									<span id="companySearch" class="glyphicon glyphicon-search company_search" aria-hidden="true"></span>
								</div>
							</div>
							<div class="form-group">
								<label for="head_form_name" class="col-sm-4 control-label">姓名</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" id="head_form_name" autocomplete="off" placeholder="请输入姓名">
								</div>
							</div>
							<div class="form-group">
								<label for="head_form_cmpname" class="col-sm-4 control-label">公司名称</label>
								<div class="col-sm-8">
									<input readonly type="text" class="form-control" id="head_form_cmpname" placeholder="">
								</div>
							</div>
							<div class="form-group">
								<label for="head_form_cmpaddress" class="col-sm-4 control-label">公司地址</label>
								<div class="col-sm-8">
									<input readonly type="text" class="form-control" id="head_form_cmpaddress" placeholder="">
								</div>
							</div>
							<div class="form-group">
								<label for="head_form_legname" class="col-sm-4 control-label">法人姓名</label>
								<div class="col-sm-8">
									<input readonly type="text" class="form-control" id="head_form_legname" placeholder="">
								</div>
							</div>
							<div class="form-group">
								<label for="head_form_legtel" class="col-sm-4 control-label">法人电话</label>
								<div class="col-sm-8">
									<input readonly type="text" class="form-control" id="head_form_legtel" placeholder="">
								</div>
							</div>
							<div class="form-group">
								<label for="head_form_subtrade" class="col-sm-4 control-label">所属行业</label>
								<div class="col-sm-8">
									<input readonly type="text" class="form-control" id="head_form_subtrade" placeholder="">
								</div>
							</div>
							<!-- <div class="form-group">
								<label for="head_form_rengin" class="col-sm-4 control-label">区域</label>
								<div class="col-sm-8">
									<select class="form-control selectpicker" id="head_form_rengin" data-live-search="true">
										<option value="0">请选择区域</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label for="head_form_pro" class="col-sm-4 control-label">项目</label>
								<div class="col-sm-8">
									<select class="form-control selectpicker" id="head_form_pro" data-live-search="true">
										<option value="0">请选择项目</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label for="head_form_floor" class="col-sm-4 control-label">期号</label>
								<div class="col-sm-8">
									<select class="form-control selectpicker" id="head_form_floor" data-live-search="true">
										<option value="0">请选择期号</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label for="head_form_buildingnum" class="col-sm-4 control-label">楼号：</label>
								<div class="col-sm-8">
									<input type="text" class="form-control input-sm" id="head_form_buildingnum" placeholder="请输入楼号">
								</div>
							</div>
							<div class="form-group">
								<label for="head_form_unitnum" class="col-sm-4 control-label">单元号：</label>
								<div class="col-sm-8">
									<input type="text" class="form-control input-sm" id="head_form_unitnum" placeholder="请输入单元号">
								</div>
							</div>
							
							<div class="form-group">
								<label for="head_form_room" class="col-sm-4 control-label">房间号</label>
								<div class="col-sm-8" id="head_form_room">
									<input type="text" class="form-control" id="head_form_room_input" placeholder="请输入房间号如（1#666）">
									<select class="form-control selectpicker" id="head_form_room_select" data-live-search="true">

									</select>
								</div>
							</div> -->
							<div class="form-group">
								<label for="" class="col-sm-4 control-label">来电时间</label>
								<div class="col-sm-8">
									<span class="ldtime"></span>
								</div>
							</div>
							<div class="form-group text-center head_form_btn_save">
								<!-- <span id="head_form_btn_reset">清空</span> -->
								<span id="head_form_btn_save">保存联系人</span>
							</div>
						</div>

						<div class="head_customer_info clearfix">
							<div class="head_customer_info_title clearfix">
								<span class="info_title pull-left">相关联系人信息</span>
								<ul class="pagination pull-right" id="pagination"></ul>
							</div>
							<div class="head_customer_info_lists" id="head_customer_info">
								<!-- <div class="head_customer_info_item clearfix">
									<div class="head_customer_info_item_l pull-left">
										<p class="clearfix">
											<span>姓名</span>
											<span>幻雷</span>
											<span class="pull-right">15235457489</span>
										</p>
										<p>
											<span>项目</span>
											<span>绿地之窗A座</span>
										</p>
										<p>
											<span>房间</span>
											<span>2708</span>
										</p>
									</div>
									<div class="head_customer_info_item_r pull-left">
										<span>选择</span>
									</div>
								</div>
								
								<div class="head_customer_info_item clearfix head_customer_info_item_active">
									<div class="head_customer_info_item_l pull-left">
										<p class="clearfix">
											<span>姓名</span>
											<span>幻雷</span>
											<span class="pull-right">15235457489</span>
										</p>
										<p>
											<span>项目</span>
											<span>绿地之窗A座</span>
										</p>
										<p>
											<span>房间</span>
											<span>2708</span>
										</p>
									</div>
									<div class="head_customer_info_item_r pull-left">
										<span>添加</span>
									</div>
								</div> -->
							
							</div>
							<div class="pull-right" id="page_number"></div>
						</div>
					</div>
				</div>
				<!--右侧内容-->
				<div class="ldtp-cr col-sm-9">
					<ul class="ld-service clearfix">
						<li style="border-bottom:1px solid #1AB394;" class="cr-click">新增工单</li>
						<li style="border-bottom:1px solid #243747;">历史记录</li>
						<li style="border-bottom:1px solid #67aefe;" class="KF">历史工单</li>
					</ul>
					<div class="ld-sercon">
						<!--新增工单-->
						<div class="complain order_form" style="display:block;">
							<form class="form-inline clearfix" id="order_form">
								<div class="baseInfo col-md-12 clearfix">
									<div class="form-group col-md-4">
										<label for="order_source">工单来源：</label>
										<select class="form-control input-sm selectpicker" id="order_source" data-live-search="true">
											<option value="0">请选择工单来源</option>
										</select>
									</div>
									<div class="form-group col-md-8 clearfix">
										<label class="col-md-2">工单类型：</label>
										<div id="order_type" class="col-md-6 r_order_type">

										</div>
									</div>

									<div class="form-group col-md-4">
										<label for="order_name"><b class="text-red">*</b>客户姓名：</label>
										<input type="text" class="form-control input-sm" id="order_name" placeholder="请输入客户姓名" readonly>
									</div>
									<div class="form-group col-md-4">
										<label for="order_tel"><b class="text-red">*</b>电话：</label>
										<input type="text" class="form-control input-sm" id="order_tel" placeholder="请输入电话" readonly>
									</div>
									<div class="form-group col-md-4">
										<label for="order_rengin">区域：</label>
										<select class="form-control input-sm selectpicker" id="order_rengin" data-live-search="true" disabled>
											<option value="0">请选择区域</option>
										</select>
									</div>
									<div class="form-group col-md-4">
										<label for="order_pro">项目：</label>
										<select class="form-control input-sm selectpicker" id="order_pro" data-live-search="true" disabled>
											<option value="0">请选择项目</option>
										</select>
									</div>
									<div class="form-group col-md-4">
										<label for="order_floor">期号：</label>
										<select class="form-control input-sm selectpicker" id="order_floor" data-live-search="true" disabled>
											<option value="0">请选择期号</option>
										</select>
									</div>
									<div class="form-group col-md-4">
										<label for="order_buildingnum">楼号：</label>
										<input type="text" class="form-control input-sm" id="order_buildingnum" placeholder="请输入楼号" readonly>
									</div>
									<div class="form-group col-md-4">
										<label for="order_unitnum">单元号：</label>
										<input type="text" class="form-control input-sm" id="order_unitnum" placeholder="请输入单元号" readonly>
									</div>
									<div class="form-group col-md-4">
										<label for="order_room">房间号：</label>
										<input type="text" class="form-control input-sm" id="order_room" placeholder="请输入房间号如（1#666）" readonly>
									</div>
								</div>

								<div class="owerInfo col-md-12 clearfix" id="owerInfo">
									<h4 class="owerTitle col-md-12">业主信息</h4>
									<div class="form-group col-md-4">
										<label for="ower_name">业主姓名：</label>
										<span id="ower_name"></span>
									</div>
									<div class="form-group col-md-4">
										<label for="ower_sex">业主性别：</label>
										<span id="ower_sex"></span>
									</div>
									<div class="form-group col-md-4">
										<label for="ower_tel">业主电话：</label>
										<span id="ower_tel"></span>
									</div>

								</div>
								<div class="form-group col-md-4">
									<label for="ower_relationship">房主关系：</label>
									<select class="form-control input-sm selectpicker" id="ower_relationship" data-live-search="true">
										<option value="0">请选择房主关系</option>
									</select>
								</div>
								<div class="form-group col-md-8 clearfix">
									<label class="col-md-2">客户反应：</label>
									<div id="order_response" class="r_order_type col-md-6">

									</div>
								</div>
								<div class="form-group col-md-12">
									<label for="order_reception">接待描述：</label>
									<textarea id="order_reception" rows="3" cols="20" class="form-control" placeholder="请输入接待描述"></textarea>
								</div>
								<div class="form-group col-md-8 clearfix">
									<label class="col-md-2">工单有效性：</label>
									<div id="order_iseffective" class="r_order_type col-md-6">
										<label class="radio-inline">
											<input type="radio" name="radioOptions" value="0" checked="checked">有效
										</label>
										<label class="radio-inline">
											<input type="radio" name="radioOptions" value="1">无效
										</label>
									</div>
								</div>
								<div class="form-group col-md-12 order_note">
									<label for="order_note"><b class="text-red">*</b>无效原因：</label>
									<textarea id="order_note" rows="3" cols="20" class="form-control" placeholder="请输入无效原因"></textarea>
								</div>
								<div class="col-md-12 clearfix order_transfer">
									<div class="form-group drop_down col-md-4">
										<label for="order_transfer_dept">接收部门：</label>
										<input type="text" class="form-control input-sm" id="order_transfer_dept" data-id="0" placeholder="请选择部门" autocomplete="off" />
										<span class="caret"></span>
										<div id="reginsTreeView" class="hidden"></div>
									</div>
									<div class="form-group col-md-4">
										<label for="order_receiveUser">接收人：</label>
										<select class="form-control input-sm selectpicker" id="order_receiveUser" data-live-search="true">
											<option value="0">请选择接收人</option>
										</select>
									</div>
								</div>
								<div class="complaintOrder col-md-12 clearfix">
									<div class="form-group drop_down col-md-4">
										<label for="complaintOrder_type">投诉类型：</label>
										<input type="text" class="form-control input-sm" id="complaintOrder_type" data-id="0" placeholder="请选择部门" autocomplete="off" />
										<span class="caret"></span>
										<div id="reginsTreeView1" class="hidden"></div>
										<!--<select class="form-control input-sm" id="complaintOrder_type">
											<option value="0">请选择</option>
											<option value="552">销售类</option>
											<option value="554">物业类</option>
											<option value="560">客服类</option>
										</select>-->
									</div>
									<!--<div class="form-group col-md-4 serviceOrder_type">
										<label for="serviceOrder_type">客服类类型：</label>
										<select class="form-control input-sm" id="serviceOrder_type">
											<option value="0">请选择</option>
											<option value="561">工程类</option>
											<option value="567">设计类</option>
										</select>
									</div>-->
									<div class="form-group col-md-4 clearfix is_quality_assurance">
										<label class="col-md-2">是否过质保：</label>
										<div id="is_quality_assurance" class="r_order_type col-md-6">
											<label class="radio-inline">
									  			<input type="radio" name="inlineRadioOptions3" value="1">是
											</label>
											<label class="radio-inline">
									  			<input type="radio" name="inlineRadioOptions3" value="0">否
											</label>
										</div>
									</div>

									<div class="form-group col-md-4">
										<label for="order_responsible">受理人：</label>
										<select class="form-control input-sm selectpicker" id="order_responsible" data-live-search="true">
											<option value="0">请选择</option>
										</select>
									</div>

								</div>

								<div class="form-group text-center col-sm-12">
									<button type="button" class="btn bton btn-sm" id="save_order">创建</button>
									<!--<button type="button" class="btn bton btn-sm" onclick="cleanOrderForm()">清空</button>-->
								</div>
							</form>
						</div>
						<!--历史记录-->
						<div class="complain">
							<div class="ld-sercon-con clearfix">
								<div class="Ps-chaxun">
									<span>查询: <input type="text" id="old_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="old_endTime" class="laydate-icon" /></span>
									<span itemtype="1" class="searchbtn"></span>
								</div>
								<div class="table-responsive col-sm-12" style="padding-left: 0;">
									<table id="oldlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
										<thead>
											<tr>
												<th data-field="CallNumber">电话号码</th>
												<th data-field="CallState" data-formatter="formatterCallState">呼叫状态</th>
												<th data-field="DealType" data-formatter="formatterDealType" data-align="center">处理方式</th>
												<th data-field="UserCode">坐席工号</th>
												<th data-field="UserName">坐席姓名</th>
												<th data-field="BeginTime">开始时间</th>
												<th data-field="TalkStartTime">通话开始时间</th>
												<th data-field="TalkEndTime">通话结束时间</th>
												<th data-field="TalkLongTime">通话时长(s)</th>
												<th data-field="FilePath" data-formatter="formatterRecord">录音</th>
											</tr>
										</thead>
									</table>
								</div>
							</div>
						</div>
						<!--历史工单-->
						<div class="complain">
							<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 itemtype="2" class="searchbtn"></span>
								</div>
								<div id="zxlbs" class="table-responsive col-sm-12" style="padding-left: 0;">
									<table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
										<thead>
											<tr>
												<th data-field="WorkOrderID" data-formatter="formatterWorkOrderID" data-align="center">工单编号</th>
												<th data-field="State" data-formatter="formatterState" data-align="center">工单状态</th>
												<th data-field="IsEffective" data-formatter="formatterIsEffective" data-align="center">工单有效性</th>
												<th data-field="areaname" data-align="center">区域名称</th>
												<th data-field="proname" data-align="center">项目名称</th>
												<th data-field="buildingname" data-align="center">期号名称</th>
												<th data-field="Address" data-align="center">房间号</th>
												<th data-field="TypeClassName" data-align="center">工单类型</th>
												<th data-field="complaintTypeName" data-align="center">投诉类型</th>
												<th data-field="Customer" data-width="100" data-align="center">姓名</th>
												<th data-field="CustomerTel" data-align="center">客户电话</th>
												<th data-field="CreateTime" data-align="center" data-width="150">创建时间</th>
												<th data-field="AuditUserNameRel" data-formatter="formatterAuditUser" data-align="center">受理人</th>
												<th data-field="Detail" data-align="center" data-formatter="formatterDetail">接待描述</th>
											</tr>
										</thead>
									</table>
								</div>
							</div>
						</div>
					</div>
					<!--右侧下方内容区-->
					<div class="ldcr-bottom" style="margin-top:10px;">
						<div class="ldcrb-top clearfix">
							<ul class="clearfix">
								<li style="border-bottom:1px solid #69cbd0; background: #000;color: #fff;">知识库</li>
							</ul>
							<div class="ld-search">
								<div class="sear-inp">
									<input type="text" class="search" placeholder="搜索问题、内容或者标题" />
								</div>
								<div class="searIcon">
								</div>
							</div>
						</div>
						<div class="detail-con">
							<ul></ul>
						</div>
					</div>
				</div>
			</div>
			<!--来电弹屏结束-->
			<!--下载框-->
			<div class="t-shade">
				<div class="shade_k">
					<div class="shade_title">
						<span>录音播放与下载<srong class="cknum"></srong></span>
						<span class="setwin"><a>x</a></span>
					</div>
					<div class="shade_content">
						<div class="Ly_box audiojs">
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/autosize/autosize.min.js"></script>
		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
		<script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
		<script src="../js/bootstrap-treeview/bootstrap-treeview.min.js"></script>
		<script src="../js/jqpaginator/jqpaginator.min.js" type="text/javascript"></script>
		<script src="../js/laydate/laydate.js"></script>
		<script src="../Script/Common/regexs.js"></script>
		<script src="../js/main.js?v=1.5"></script>
		<script src="call.js"></script>
	</body>

</html>