zhangkun
/
zzdyrmyyUI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<link href="../css/init.css" rel="stylesheet" />
		<link href="css/seatMonitorList.css" rel="stylesheet" />
		<title>坐席监控管理</title>

	</head>

	<body class="gray-bg">
		<div class="daoHang clearfix">
			<div class="dhLeft">
				<sapn><i class="syIcon"></i>位置：
					<a href="javaScript:;" id="ReIndex">首页</a>&gt;
					<a href="javaScript:;">话务管理</a>&gt;
					<a href="javascript:location.reload()" class="now_position">坐席监控管理</a>
				</sapn>
			</div>
		</div>
		<div class="wrapper wrapper-content animated fadeInRight seat_monitor">
			<div class="clearfix row">
				<div class="col-md-9">
					<div class="real_time_statistics">
						<h3 class="seat_monitor_title">实时统计</h3>
						<ul class="seat_sts_ul clearfix" id="seat_sts">
							<li class="seat_sts_li seat_sts_li_1 pull-left">
								<div class="seat_sts_items">
									<p class="seat_total_count total_count">0</p>
									<p class="seat_state_sts">全部坐席</p>
								</div>
							</li>
							<li class="seat_sts_li pull-left">
								<div class="seat_sts_items">
									<p class="seat_total_count online_count">0</p>
									<p class="seat_state_sts">在线</p>
								</div>
							</li>
							<li class="seat_sts_li pull-left">
								<div class="seat_sts_items">
									<p class="seat_total_count outline_count">0</p>
									<p class="seat_state_sts">离线</p>
								</div>
							</li>
							<li class="seat_sts_li pull-left">
								<div class="seat_sts_items">
									<p class="seat_total_count free_count">0</p>
									<p class="seat_state_sts">空闲</p>
								</div>
							</li>
							<li class="seat_sts_li pull-left">
								<div class="seat_sts_items">
									<p class="seat_total_count in_call_count">0</p>
									<p class="seat_state_sts">通话中</p>
								</div>
							</li>
							<li class="seat_sts_li pull-left">
								<div class="seat_sts_items">
									<p class="seat_total_count call_in_count">0</p>
									<p class="seat_state_sts">话后处理</p>
								</div>
							</li>
							<li class="seat_sts_li pull-left">
								<div class="seat_sts_items">
									<p class="seat_total_count busy_count">0</p>
									<p class="seat_state_sts">置忙</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-md-3">
					<div class="state_description">
						<div class="state_des_title">状态说明</div>
						<ul class="clearfix state_des_ul">
							<li class="pull-left state_des_li">
								<i class="fa icon-denglu state_des_icon des_callout"></i>已签入
							</li>
							<li class="pull-left state_des_li">
								<i class="fa icon-zhuxiao state_des_icon des_busy"></i>离线
							</li>
							<li class="pull-left state_des_li">
								<i class="fa icon-weizhi state_des_icon des_outline"></i>未知
							</li>
							<li class="pull-left state_des_li">
								<i class="fa icon-kongxian state_des_icon des_free"></i>空闲
							</li>
							<li class="pull-left state_des_li">
								<i class="fa icon-xiuxi state_des_icon des_ringing"></i>小休
							</li>
							<li class="pull-left state_des_li">
								<i class="fa icon-tonghuazhong state_des_icon des_calling"></i>通话中
							</li>
							<!--<li class="pull-left state_des_li">
								<i class="fa icon-wodekefu state_des_icon des_requestcall"></i>被监听
							</li>-->
							<li class="pull-left state_des_li" style="width: 50%;">
								<i class="fa icon-qingqiu state_des_icon des_requestcall"></i>被请求
							</li>
							<li class="pull-left state_des_li" style="width: 50%;">
								<i class="fa icon-kongxian1 state_des_icon des_aftercall"></i>话后处理
							</li>
						</ul>
					</div>
				</div>
			</div>

			<div class="tab_head clearfix">
				<ul class="clearfix col-md-6" id="tab_head_left">
					<li data-index="0" class="tab_head_active pull-left">
						全部坐席
					</li>
					<span class="cut_line pull-left">|</span>
					<li data-index="1" class="pull-left">
						列表展示
					</li>
				</ul>
				<div class="form-inline clearfix">
					<!--<div class="form-group time-box">
						<i class="tub fa fa-search"></i>
						<input type="text" class="form-control" id="sc_keyWords" placeholder="请输入计划名称">
					</div>-->
					<div class="form-group tool_bars oparate_btns">
						<input type="button" class="btn input-sm" authorize="yes" id="HY_monitor" title="点击开始监测" value="开始监测">
					</div>
				</div>
			</div>

			<div id="tab_contents">
				<div class="seat_lists_all show_lists">
					<div class="seat_lists clearfix" id="seat_lists">
						<!--<div class="col-sm-2 seat_item_content seat_outline">
							<div class="seat_item clearfix">
								<div class="seat_item_left pull-left">
									<div class="seat_head_img">
										<img class="img-circle" src="http://122.114.109.238:28000/fileserverapi/api/Upload/1A3B42D2A8211C53F33019D310C9ABB14EF3E9CC7D43039FBEE98995B3D548364A494165B7685EEFCFB14924C6C12F659700464ABC8A56B5CB2D51C7DA34A8E9B3C0484E47F47B56AF7542811D84E7E4DFAD649F0A9D2268AC20EE5FDC57324E80E15124D99F5B938BB784C724A6220B" alt="头像">
									</div>
								</div>
								<div class="seat_item_right pull-right">
									<p class="seat_name">范龙飞</p>
									<p class="seat_usercode">工号：8001</p>
									<p class="seat_usernum">分机号：1024</p>
									<p>主叫：<span class="seat_callee">未知</span></p>
									<p class="seat_listen">被监听中•••</p>
								</div>
								<p class="seat_state">
									<i class="fa icon-weizhi state_des_icon"></i>
								</p>
							</div>
						</div>-->
					</div>
				</div>
				<div class="seat_lists_all clearfix">
					<div class="col-md-12 table-responsive">
						<table class="table table-bordered table-hover text-center">
							<thead>
								<tr>
									<th class="text-center">编号</th>
									<th class="text-center">坐席姓名</th>
									<th class="text-center">坐席工号</th>
									<th class="text-center">分机号</th>
									<th class="text-center">坐席IP</th>
									<th class="text-center">坐席组</th>
									<th class="text-center">坐席类型</th>
									<th class="text-center">签入时间</th>
									<th class="text-center">签入时长</th>
									<th class="text-center">空闲时长</th>
									<th class="text-center">休息时长</th>
									<th class="text-center">通话时长</th>
									<th class="text-center">休息次数</th>
									<th class="text-center">应答次数</th>
									<th class="text-center">当前状态时长</th>
									<th class="text-center">坐席状态</th>
									<th class="text-center">分机状态</th>
									<th class="text-center">被监听状态</th>
								</tr>
							</thead>
							<tbody id="list">

							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<script src="js/seatMonitorList.js"></script>
	</body>

</html>