Amoy2
/
sr-iHealthApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
							<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>两率分析</title>
		<meta name="author" content="yihu.com" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<link rel="stylesheet" href="../../../common/cross/css/cross.min.css" type="text/css" />
		<link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../../common/css/doc-style.css">
		<link rel="stylesheet" type="text/css" href="../../../css/mui.min.css">
		<link rel="stylesheet" href="../../../common/css/pull-up-down.css" type="text/css"/>
		<link rel="stylesheet" type="text/css" href="../css/manager.css">
		<link rel="stylesheet" type="text/css" href="../css/animate.css">
		<link rel="stylesheet" type="text/css" href="../../../common/css/l_size.css">
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../js/waterbubble.js"></script>
		<script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<style>
			.wrap canvas{width: 145px;height: 145px;}
			.div-lv{height: 188px;}
			.c-lab-mor{border-top: 1px solid #dcdcdc;}
			.pullDown, .pullUp{background: #fff;}
			.scroll-wrapper{background: #fff;}
			.div-lv .wrap{width: 100%;}
			.div-left-content{top:30px}
			.div-right-danwei{top:13px;right: 10px;}
			.div-right-data-content{top:30px;}
			.p-baifenlv{position: absolute;top: 40px;left: 50%;font-size: 33px;color: #00729b;width: 106px;margin-left: -53px;}
			.p-qianyuelv{position: absolute;top: 98px;left: 50%;color: #00729b;width: 116px;margin-left: -58px;}
			
		</style>
	</head>
 
	<body style="height: auto;"> 
		<div class="lin-mask"></div>
		<ul class="lin-sel-group">
			<li class="checked" data-id = "1" data-index="18"><img src="../images/checked_blue.png"><label>三师转签率</label></li>
			<li class="" data-id = "2" data-index="19"><img src="../images/checked_blue.png"><label>高危人群签约率</label></li>
		</ul>
		<div class="h45">
				<div class="demo-comtop">
					<a class="mui-action-back"></a>
					<h1 style="font-size: 20px; line-height: 36px;"><span id="Dtitle" data-id="1" data-index="18">三师转签率</span><label class="lin-down-arrow"></label></h1>
				</div>
		</div>
		
	<div id="wrapper1">
		<div class="scroll-wrapper" id="total_wrapper" style="top:45px;background: #f2f4f6;">
			<div class="iScroller">
				<div class="div-shujujz c-f12">
					<img src="../images/dizhi_icon.png">
					<span id="title"></span>（<span class="jiezhi-time"></span>）</div>
				<div class="div-lv">
					<div class="wrap" style="position: relative;">
						<p class="c-323232 f-fs12 p-baifenlv"></p>
						<p class="c-323232 p-qianyuelv f-fs12"></p>
						<canvas id="qieyuelv"></canvas>
						<p class="c-323232 height-12 p-qiu-title c-f12" style="font-weight: bold;">三师转签率</p>
					</div>
					
					<!--<div class="wrap">
						<canvas id="dabiaolv"></canvas>
						<p class="c-323232 height-12" style="font-size: 12px;font-weight: bold;">完成率</p>
						<p class="c-323232 f-fs13 p-dachenglv f-fs12"></p>
					</div>-->
				</div>
					
					<div id='textTj' style="margin-top: 8px;" class="clearfix c-hide">
						<ul class="l-qytj-barner">
							<li class="type-1 c-hide" data-index='13'>
								<div id="index_1" class="l-qytj-val l-data c-f14">0</div>
								<div class="l-qytj-name c-f14">已签约数</div></li>
						</ul>
					</div>
				
					<!--
		            	作者：lcl0338@126.com
		            	时间：2016-08-19
		            	描述：折线图部分
		            -->
					<!--<div class="clearfix l-zxt" style="text-align: right;">
						<div id="l-times" class='l-times c-hide'>
							
						</div>
						<div id="l-jmfx" class="l-jmfx">
							<p style="position: absolute;color: #323232;left: 46px;top: -3px;">近3月签约量趋势图</p>
						</div>
						<div class="c-failstate c-t-center c-hide" id="echarts_wushuju" 
							style="padding: 50px 15px 10px 15px; background-color: #f1f4fb;">
							<i class="icon-noset"></i>
							<p class="c-5b5b5b">暂无相关记录</p>
						</div>
						<div class="l-zxt-con" style="position: relative;">
							<div class="div-danwei">单位:人</div>
							<div class="div-mbl f-dn">目标量</div>
							<div class="div-btn-group">
		  						<div class="div-btn active" data-id="1">日</div>
		  						<div class="div-btn" data-id="2">周</div>
		  						<div class="div-btn" data-id="3">月</div>
							</div>
							<div id="l-zxt" class="l-zxt-inner" style="width: 100%;">
								
							</div>
						</div>
					</div>-->
					
					<!--
		            	作者：lcl0338@126.com
		            	时间：2016-08-19
		            	描述：各区情况列表
		            -->
					<!--<div class="clearfix l-bar-title f-dn">
						<div id="tjTitle"></div>
					</div>-->
					<ul class="c-lab-mor c-f18">
				            <li id="labLi1" class="hit"><a href="#" class="c-f14" id="tjTitle"></a></li>
				            <li id="labLi2" class=""><a href="#" class="c-f14" id="sqTitle">各社区进展</a></li>
				        </ul>
					
					<div class="div-list">
						<!--<div class="div-right-content" style="background: #ffffff;position: relative;">
							<div class="qyl" style="display: inline-block;margin-right: 30px;"></div>
							<div class="f-fs10" style="display: inline-block;position: absolute;top:2px;width: 50px;left: 30px;">签约量</div>
							<div class="rks" style="display: inline-block;margin-right: 30px;"></div>
							<div class="f-fs10 div-rks-title" style="display: inline-block;position: absolute;top:2px;width: 50px;left: 90px;">人口数</div>
							<div class="mbl" style="display: inline-block;margin-right: 80px;"></div>
							<div class="f-fs10 div-mbl-title" style="display: inline-block;position: absolute;top:2px;width: 50px;left: 150px;">目标量</div>
							<div class="mblv" style="display: inline-block;position: absolute;top:5px;left: 180px;"></div>
							<div class="f-fs10" style="display: inline-block;position: absolute;top:2px;width: 50px;left: 210px;">目标率</div>
							<div class="qylv" style="display: inline-block;position: absolute;top:5px;left: 240px;"></div>
							<div class="f-fs10" style="display: inline-block;position: absolute;top:2px;width: 50px;left: 270px;">签约率</div>
						</div>-->
						<div class="div-right-team-content f-dn">
							<div class="qyl-td" style="display: inline-block;margin-right: 80px;"></div>
							<div class="f-fs10" style="display: inline-block;position: absolute;top:2px;width: 50px;left: 110px;">签约量</div>
						</div>
						<div class="div-left-content">
							<ul class="list-ul">
								
							</ul>
						</div>
						<!--<div class="div-right-data-content">
							<ul class="list-ul f-fr">
								
							</ul>
						</div>-->
						<div id="chart-main" style="width: 100%; margin: 0px 0px 0px 35px;"></div>
						<div class="div-right-danwei">(%)</div>
					</div>
					
					<div class="div-list2 f-dn">
						<!--<div class="div-right-content" style="background: #ffffff;position: relative;">
							<div class="qyl" style="display: inline-block;margin-right: 30px;"></div>
							<div class="f-fs10" style="display: inline-block;position: absolute;top:2px;width: 50px;left: 30px;">签约量</div>
							<div class="rks" style="display: inline-block;margin-right: 30px;"></div>
							<div class="f-fs10 div-rks-title" style="display: inline-block;position: absolute;top:2px;width: 50px;left: 90px;">人口数</div>
							<div class="mbl" style="display: inline-block;margin-right: 80px;"></div>
							<div class="f-fs10 div-mbl-title" style="display: inline-block;position: absolute;top:2px;width: 50px;left: 150px;">目标量</div>
							<div class="mblv" style="display: inline-block;position: absolute;top:5px;left: 180px;"></div>
							<div class="f-fs10" style="display: inline-block;position: absolute;top:2px;width: 50px;left: 210px;">目标率</div>
							<div class="qylv" style="display: inline-block;position: absolute;top:5px;left: 240px;"></div>
							<div class="f-fs10" style="display: inline-block;position: absolute;top:2px;width: 50px;left: 270px;">签约率</div>
						</div>-->
						<div class="div-right-team-content f-dn">
							<div class="qyl-td" style="display: inline-block;margin-right: 80px;"></div>
							<div class="c-f12" style="display: inline-block;position: absolute;top:2px;width: 50px;left: 110px;">签约量</div>
						</div>
						<div class="div-left-content">
							<ul class="list-ul">
								
							</ul>
						</div>
						<!--<div class="div-right-data-content">
							<ul class="list-ul f-fr">
								
							</ul>
						</div>--> 
						<div id="chart-main2" style="width: 100%; margin: 0px 0px 0px 35px;"></div>
						<div class="div-right-danwei">(%)</div>
					</div>
					
				</div>
		
			</div>
		</div>
</div>
						
						
						
		
		
		<!--
        	作者：lcl0338@126.com
        	时间：2016-08-19
        	描述：列表模版
        -->
		<script type="text/html" id="list_tmpl">
			{{each list as v i}}
			<ul class="l-gq-list">
				<li data-name="{{v.name}}" data-code="{{v.code}}" data-type="{{type}}">
					{{if v.top==1}}
						<div class="cb-EA5B3A div-ranking">NO.{{v.top}}</div>
					{{/if}}
					{{if v.top==2}}
						<div class="cb-FF8746 div-ranking">NO.{{v.top}}</div>
					{{/if}}
					{{if v.top==3}}
						<div class="cb-69CA2E div-ranking">NO.{{v.top}}</div>
					{{/if}}
					{{if v.top>3}}
						<div class="cb-3DA9CE div-ranking">NO.{{v.top}}</div>
					{{/if}}
					<div style="width: {{setRate(all, v.amount)}}%;" class="l-gq-bg"></div>
					{{if level>2}}
					<div class="l-gq-arrow l-arrow-right"></div>
					{{/if}}
					<div class="l-gq-name">{{v.name}}</div>
					<div class="l-gq-sj">
						{{amountName}}{{v.amount}}
						&nbsp;&nbsp;&nbsp;
						{{if rateName}}
							{{rateName}}{{v.rate || 0}}%
						{{/if}}
					</div>
				</li>
			</ul>
			{{/each}}
		</script>
		
		
		<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../widget/echarts/2.2.7/js/echarts-all.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/l-picker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/wc-motion-chart.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/iscroll-probe.js"></script>
		<script src="../../../js/iscroll-pull-up-down.js"></script>
		<script src="../../../js/pull-up-down.js"></script>
		<script src="../js/lianglvanalysis.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>