zhangkun
/
zzdyrmyyUI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352
							<!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/autoCallScreen.css" />
		<script type="text/javascript">
			//通话中执行变化
			var timer = null;
			//清除定时器
			function clearInter() {
				clearInterval(timer);
			}

			//来电时间 计时
			function calling() {
				var _n = 0;
				if(timer) {
					clearInterval(timer);
				}
				timer = setInterval(function() {
					_n++;
					var m = parseInt(_n / 60 % 60);
					var s = parseInt(_n % 60);
					//var thsc=toDub(m) + ":" + toDub(s);
					$(".thsc").text(toDub(m) + ":" + toDub(s));
				}, 1000);
			}

			//小于10补0
			function toDub(i) {
				return i < 10 ? "0" + i : "" + i;
			}
		</script>
	</head>

	<body class="gray-bg">
		<div class="wrapper wrapper-content animated fadeInRight callSreen" style="display: block;">
			<!--自动外呼弹屏开始-->
			<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%;" />
						</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>
								</div>
								<div class="head_time pull-left">
									<i class="head_time_icon"></i>
									<time class="thsc">00:00</time>
								</div>
							</div>
							<div class="clearfix head_info_item">
								<div class="head_location pull-left">
									<i class="head_location_icon"></i>
									<span class="khgsd" style="padding-left: 35px;">未知</span>
								</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" title="点击转IVR"></i>
								</div>
							</div>
						</div>
						<div class="head_form form-horizontal">
							<!--<div class="form-group clearfix">
								<label for="head_form_name" class="col-sm-4 control-label">姓名</label>
								<div class="col-sm-8">
									<input type="text" class="form-control input-sm" id="head_form_name" placeholder="请输入姓名">
								</div>
							</div>
							<div class="form-group clearfix">
								<label for="head_form_tel" class="col-sm-4 control-label">电话</label>
								<div class="col-sm-8">
									<input type="text" class="form-control input-sm" id="head_form_tel" placeholder="请输入电话">
								</div>
							</div>

							<div class="form-group clearfix">
								<label class="col-sm-4 control-label" for="head_form_sex">性别</label>
								<div id="head_form_sex" class="r_order_type col-sm-8">
									<label class="radio-inline">
										<input type="radio" name="rSexOptions" value="男" checked="checked">男
									</label>
									<label class="radio-inline">
										<input type="radio" name="rSexOptions" value="女">女
									</label>
								</div>
							</div>

							<div class="form-group clearfix">
								<label for="head_form_phone" class="col-sm-4 control-label">固话号码</label>
								<div class="col-sm-8">
									<input type="text" class="form-control input-sm" id="head_form_phone" placeholder="请输入固话号码">
								</div>
							</div>-->
							<div class="form-group clearfix">
								<label for="" class="col-sm-4 control-label">自动外呼时间</label>
								<div class="col-sm-8">
									<time class="ldtime"></time>
								</div>
							</div>
							<!--<div class="clearfix">
								<button id="head_form_btn_reset" type="button" class="head_form_btn head_form_btn_reset pull-left">清空</button>
								<button id="head_form_btn_save" type="button" class="head_form_btn pull-right">保存</button>
							</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="请输入客户姓名">
									</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="请输入电话">
									</div>
									<div class="form-group col-md-4 clearfix">
										<label class="col-md-2" for="order_sex">性别：</label>
										<div id="order_sex" class="r_order_type col-md-6">
											<label class="radio-inline">
												<input type="radio" name="radioSexOptions" value="男" checked="checked">男
											</label>
											<label class="radio-inline">
												<input type="radio" name="radioSexOptions" value="女">女
											</label>
										</div>
									</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>
								<div class="form-group col-md-4">
									<label for="order_province">所在省：</label>
									<select class="form-control input-sm selectpicker" id="order_province" data-live-search="true"></select>
								</div>
								<div class="form-group col-md-4">
									<label for="order_city">所在市：</label>
									<select class="form-control input-sm selectpicker" id="order_city" data-live-search="true"></select>
								</div>
								<div class="form-group col-md-12">
									<label for="order_address">地址：</label>
									<input type="text" class="form-control input-sm" id="order_address" placeholder="请输入具体地址">
								</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="col-md-12 clearfix order_transfer">
									<div class="form-group drop_down col-md-4">
										<label for="order_dept">部门：</label>
										<input type="text" class="form-control input-sm" id="order_dept" data-id="" placeholder="请选择部门" autocomplete="off" />
										<span class="caret"></span>
										<div id="reginsTreeView" class="hidden"></div>
									</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 form-inline clearfix">
									<div class="form-group time-box">
										<i class="tub fa fa-calendar"></i>
										<input class="form-control search_time" type="text" id="old_scTime" placeholder="请选择开始时间和结束时间">
									</div>
									<div class="form-group">
										<span itemtype="1" class="searchbtn"></span>
									</div>
								</div>
								<div class="table-responsive col-sm-12" style="padding-left: 0;">
									<table id="oldlist" data-row-style="rowStyle" data-query-params="queryParams">
										<thead>
											<tr>
												<th data-formatter="setCode" data-width="" data-align="center">序号</th>
												<!--<th data-field="unique_id" data-width="" data-align="center">会议操作唯一ID</th>-->
												<th data-field="callnumber" data-width="" data-align="center">电话号码</th>
												<th data-field="agent_code" data-width="" data-align="center">坐席工号</th>
												<th data-field="agent_extnumber" data-width="" data-align="center">分机号</th>
												<th data-field="calltype" data-width="" data-align="center" data-formatter="formatterCalltype">呼叫类型</th>
												<th data-field="callstate" data-width="" data-align="center" data-formatter="formatterCallstate">呼叫状态</th>
												<th data-field="dealtype" data-width="" data-align="center" data-formatter="formatterDealtype">处理方式</th>
												<!--<th data-field="opttype" data-width="" data-align="center" data-formatter="formatterOpttype">操作类型</th>-->
												<th data-field="FilePath" data-width="" data-formatter="formatterAudio" data-align="center">录音</th>
												<th data-field="begintime" data-width="" data-align="center">呼叫开始时间</th>
												<!--<th data-field="begintime_ivr" data-width="" data-align="center">ivr开始时间</th>
												<th data-field="endtime_ivr" data-width="" data-align="center">ivr结束时间</th>
												<th data-field="begintime_queue" data-width="" data-align="center">排队开始时间</th>
												<th data-field="endtime_queue" data-width="" data-align="center">排队结束时间</th>
												<th data-field="begintime_ring" data-width="" data-align="center">振铃开始时间</th>
												<th data-field="endtime_ring" data-width="" data-align="center">振铃结束时间</th>-->
												<th data-field="begintime_talk" data-width="" data-align="center">通话开始时间</th>
												<th data-field="endtime_talk" data-width="" data-align="center">通话结束时间</th>
												<th data-field="endtime" data-width="" data-align="center">挂机时间</th>
												<!--<th data-field="longs_ivr" data-width="" data-align="center">ivr时长</th>
												<th data-field="longs_queue" data-width="" data-align="center">排队时长</th>
												<th data-field="longs_ring" data-width="" data-align="center">振铃时长</th>-->
												<th data-field="longs_talk" data-width="" data-align="center">通话时长（s）</th>
												<!--<th data-field="longs" data-width="" data-align="center">总时长</th>
												<th data-field="turnstate" data-width="" data-align="center" data-formatter="formatterTurnstate">转移/三方通话</th>
												<th data-field="begintime_opt" data-width="" data-align="center" >转移开始时间</th>
												<th data-field="begintime_talk_opt" data-width="" data-align="center" >转移通话开始时间</th>
												<th data-field="end_talk_opt" data-width="" data-align="center">转移通话结束时间</th>-->
												<th data-field="callopttype" data-width="" data-align="center" data-formatter="formatterCallopttype">外呼类型</th>
											</tr>
										</thead>
									</table>
								</div>
							</div>
						</div>
						<!--历史工单-->
						<div class="complain">
							<div class="ld-sercon-con clearfix">
								<div class="Ps-chaxun form-inline clearfix">
									<div class="form-group time-box">
										<i class="tub fa fa-calendar"></i>
										<input class="form-control search_time" type="text" id="con_scTime" placeholder="请选择开始时间和结束时间">
									</div>
									<div class="form-group">
										<span itemtype="2" class="searchbtn"></span>
									</div>
								</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="ordercode" data-formatter="formatterWorkOrderID" data-width="10%" data-align="center">工单编号</th>
												<th data-field="sourcename" data-width="" data-align="center">工单来源</th>
												<th data-field="typename" data-width="" data-align="center">工单类型</th>
												<th data-field="provincename" data-formatter="formatterAddress" data-width="" data-align="center">地址</th>
												<th data-field="content" data-formatter="formatterContent" data-width="" data-align="center">工单内容</th>
												<th data-field="name" data-width="100" data-align="center">姓名</th>
												<th data-field="phone" data-width="8%" data-align="center">电话</th>
												<th data-field="sex" data-width="" data-align="center">性别</th>
												<th data-field="createuser" data-formatter="formatterCreateuser" data-width="120" data-align="center">创建人</th>
												<th data-field="createtime" data-width="10%" data-align="center">创建时间</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>
		<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/laydate/laydate.js"></script>
		<script src="../Script/Common/regexs.js"></script>
		<script src="../js/main.js?v=1.5"></script>
		<script src="autoCallScreen.js"></script>
	</body>

</html>