CallCenter_Chart/html/tousujubao.h...

<div class="tousujb">
	<div class="tsjb-top clearfix">
		<div class="tsjb-tl">
			<!--<div class="biao-title">投诉/举报汇总</div>-->
			<div id="quantity" style="width: 100%;height: 400px;"></div>
		</div>
		<div class="tsjb-tr">
			<div id="tsdwgr" style="width: 100%;height: 400px;"></div>
		</div>
	</div>
	<div class="tsjb-bot clearfix">
	

<div class="tsjb-bm" style="float: left;">
	<div class="biao-title">投诉关键字统计</div>
	<ul>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-success " style="width: 10%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">不作为<span class="success">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-warning " style="width: 20%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">服务态度<span class="warning">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-danger " style="width: 30%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="danger">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-info" style="width: 40%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="info">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-zise" style="width: 50%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="zise">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-cheng" style="width: 60%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="cheng">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-fen" style="width: 70%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="fen">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-dousha " style="width: 80%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="dousha">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-qing "  style="width: 90%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="qing">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-bohe" style="width: 100%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="bohe">1785</span></div>
		</li>
	</ul>
</div>

<div class="tsjb-bl">
	<div id="tsdw_dw" style="width: 100%;height: 400px;"></div>
</div>

<div class="tsjb-br" style="float: right;">
			<div class="biao-title">举报关键字统计</div>
	<ul>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-success " style="width: 10%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">不作为<span class="success">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-warning " style="width: 20%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">服务态度<span class="warning">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-danger " style="width: 30%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="danger">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-info" style="width: 40%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="info">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-zise" style="width: 50%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="zise">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-cheng" style="width: 60%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="cheng">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-fen" style="width: 70%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="fen">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-dousha " style="width: 80%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="dousha">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-qing "  style="width: 90%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="qing">1785</span></div>
		</li>
		<li class="clearfix">
			<div class="tsgjz-left">
				<div class="progress">
					<div class="progress-bar progress-bar-bohe" style="width: 100%">
					</div>
				</div>
			</div>
			<div class="tsgjz-right">护照办理<span class="bohe">1785</span></div>
		</li>
	</ul>
			
</div>
</div>
	
</div>