master

分支 (1)

管理

管理

master

crm24
/
dashboard.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="css/dashboard.css">
	<style>
		table{
			width: 100%;
			border-collapse: collapse;
			text-align: left;
			background-color: white;
		}
		th,td{
			border:1px solid #ccc;
			padding: 10px;
		}
		tr:hover{
			background-color: #eeeeee;
		}
		th{
			border-bottom-width: 3px;
		}
	</style>
</head>
<body>
	<div id="all">
		<div id="words">
			<!-- 销售简报 START-->
			<div id="e1">
				<div id="q1">
					<span id="wz1">销售简报</span><span id="wz2">本人</span><span id="wz3">部门</span>
				</div>
					<div id="f1">
						<div class="d1">
								<div>
									<p class="xm1">新增线索</p>
									<p class="xm1">3</p>
								</div>
								<div>
									<p class="xm1">较上月</p>
									<p class="xm3">+20%</p>
								</div>
						</div>
						<div class="d1">
								<div>
									<p class="xm1">新增客户</p>
									<p class="xm1">3</p>
								</div>
								<div>
									<p class="xm1">较上月</p>
									<p class="xm3">+20%</p>
								</div>
						</div>
						<div class="d1">
								<div>
									<p class="xm1">新增商机</p>
									<p class="xm1">3</p>
								</div>
								<div>
									<p class="xm1">较上月</p>
									<p id="special">-20%</p>
								</div>
						</div>
						<div class="d1">
								<div>
									<p class="xm1">新增合同</p>
									<p class="xm1">3</p>
								</div>
								<div>
									<p class="xm1">较上月</p>
									<p class="xm3">+20%</p>
								</div>
						</div>
						<div class="d2">
								<div>
									<p class="xm1">新增跟进</p>
									<p class="xm1">3</p>
								</div>
								<div>
									<p class="xm1">较上月</p>
									<p class="xm3">+20%</p>
								</div>
						</div>
						<div class="d2">
								<div>
									<p class="xm1">合同金额</p>
									<p class="xm1">3</p>
								</div>
								<div>
									<p class="xm1">较上月</p>
									<p class="xm3">+20%</p>
								</div>
						</div>
						<div class="d2">
								<div>
									<p class="xm1">商机金额</p>
									<p class="xm1">3</p>
								</div>
								<div>
									<p class="xm1">较上月</p>
									<p class="xm3">+20%</p>
								</div>
						</div>
						<div class="d2">
								<div>
									<p class="xm1">回款金额</p>
									<p class="xm1">3</p>
								</div>
								<div>
									<p class="xm1">较上月</p>
									<p class="xm3">+20%</p>
								</div>
							</div>
					</div>
			</div>
			<!-- 销售简报 END-->
			<!-- 业绩指标完成率 START-->
			<div id="e2">
				<div id="q2">
					<span id="wz4">业绩指标完成率</span><span id="wz5">本人</span><span id="wz6">部门</span>
				</div>
				<div id="k">

					<div class="ms">

						<div class="k1"></div>

						<p>
							<span class="xm2">目标合同金额</span>
							<span class="xm2">XXXXXX</span>
						</p>
						<p>
							<span class="xm2">已完成</span>
							<span class="xm2">XXXXXX</span>
						</p>

					</div>
						<div class="ms">
							<div class="k1"></div>

						<p>
							<span class="xm2">目标回款金额</span>
							<span class="xm2">XXXXXX</span>
						</p>
						<p>
							<span class="xm2">已完成</span>
							<span class="xm2">XXXXXX</span>
						</p>

					</div>
				</div>
			</div>
			<!-- 业绩指标完成率 END-->
			<!-- 今日待联系 START-->
			<div id="ybdsbf">
				<div id="os1"><span id="wz7">今日待联系</span></div>
				<div>
					<table>
						<thead>
							<tr>
								<th>线索/客户/商机</th>
								<th>电话</th>
								<th>联系人</th>
								<th>上次跟进时间</th>
								<th>上次跟进记录</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>万迅信息有限公司</td>
								<td>13666666666</td>
								<td>王侬</td>
								<td>2021-01-27</td>
								<td>拖,就硬拖</td>
							</tr>
							<tr>
								<td>万迅信息有限公司</td>
								<td>13666666666</td>
								<td>王侬</td>
								<td>2021-01-27</td>
								<td>拖,就硬拖</td>
							</tr>
							<tr>
								<td>万迅信息有限公司</td>
								<td>13666666666</td>
								<td>王侬</td>
								<td>2021-01-27</td>
								<td>拖,就硬拖</td>
							</tr>
						</tbody>
					</table>

				</div>
			</div>
			<!-- 今日待联系 END-->
			<div id="e3">
				<div id="q3"><span id="wz8">遗忘提醒</span></div>
				<div id="f2">
					<div class="d3">
						<p class="xm4">7天未联系的客户</p>
						<p class="xm4">3</p>
					</div>
					<div class="d3">
						<p class="xm4">15天未联系的客户</p>
						<p class="xm4">3</p>
					</div>
					<div class="d3">
						<p class="xm4">30天未联系的客户</p>
						<p class="xm4">3</p>
					</div>
					<div class="d3">
						<p class="xm4">逾期未联系的客户</p>
						<p class="xm4">3</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>