master

分支 (1)

管理

管理

master

training_assignment
/
customer.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>云客服-客户</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_1889904_emtbt10z86.css" />
		<link rel="stylesheet" type="text/css" href="css/customer.css" />
		<style type="text/css">
			.welcome {
				width: 400px;
				height: 100px;
				background-color: #CCCCCC;
				margin-left: 74px;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="nav">
				<div class="logo">Logo</div>
				<div class="menu">
					<a href="home.html">
					<div class="menu-item"><i class="iconfont icon-i-home"></i>
						<div class="text">首页</div>
					</div></a>

					<a href="session.html">
					<div class="menu-item"><i class="iconfont icon-msg"></i>
						<div class="text">会话</div>
					</div></a>

					<a href="visitors.html">
					<div class="menu-item"><i class="iconfont icon-cc-users"></i>
						<div class="text" >访客</div>
					</div></a>

					<a href="history.html">
					<div class="menu-item"><i class="iconfont icon-history"></i>
						<div class="text">历史</div>
					</div></a>

					<a href="customer.html">
					<div class="menu-item"><i class="iconfont icon-customer"></i>
						<div class="text">客户</div>
					</div></a>

					<a href="worksheet.html">
					<div class="menu-item"><i class="iconfont icon-order"></i>
						<div class="text">工单</div>
					</div></a>

					<a href="">
					<div class="menu-item"><i class="iconfont icon-statics"></i>
						<div class="text">统计</div>
					</div></a>

					<div class="menu-item separate-line"><i class="iconfont icon-fengexian"></i></div>
					<div class="menu-item"><i class="iconfont icon-Settingscontroloptions"></i>
						<div class="text">设置</div>
					</div>
					<div class="menu-item"><i class="iconfont icon-logout"></i>
						<div class="text">退出</div>
					</div>
				</div>
			</div>
			<div class="top">
				<div class="h3">客户</div>
				<div class="users-info">
					<div class="user-msg msg"><i class="iconfont icon-lingdang"></i></div>
					<div class="user-img"><img src="img/u94.svg"></div>
					<div class="user-name">
						客服七尾<i class="iconfont icon-icon_down-arrow"></i>
						<div class="user-status">
							<div class="user-status-item active"><i class="iconfont icon-dian"></i>在线</div>
							<div class="user-status-item"><i class="iconfont icon-dian"></i>离线</div>
						</div>
					</div>
				</div>
			</div>
			<div class="mainarea">
				<div class="dropdown">
					<button class="dropbtn">全部客户</button>
					<div class="dropdown-content">
						<a>全部客户</a>
						<a>普通客户</a>
						<a>VIP客户</a>
						<a>潜在客户</a>
					</div>
				</div>
				<div class="dropdown">
					<button class="dropbtn">全部来源</button>
					<div class="dropdown-content">
						<a>mac</a>
						<a>Windows</a>
						<a>手机</a>
					</div>
				</div>
				<div class="dropdown">
					<button class="dropbtn-date">请选择日期~请选择日期</button>
					<div class="dropdown-content">
						<a>date</a>
					</div>
				</div>

				<div class="search">
					<form>
						<input type="text" name="search" placeholder="搜索..">
					</form>
				</div>

				<button class="button button1">导出工单</button>
				<button class="button button2">批量修改状态</button>
				<button class="button button3">添加工单</button>


					<div class="uul">
						<ul class="pagination">
						  <li><a href="#">«</a></li>
						  <li><a href="#">1</a></li>
						  <li><a class="active" href="#">2</a></li>
						  <li><a href="#">3</a></li>
						  <li><a href="#">4</a></li>
						  <li><a href="#">5</a></li>
						  <li><a href="#">6</a></li>
						  <li><a href="#">7</a></li>
						  <li><a href="#">»</a></li>
						</ul>
					</div>
			</div>

	</body>
</html>