Home Explore Help
Register Sign In
raolu
/
iHealth-wx-demo
Watch 1
Star 0
Fork 1
Files Issues 0 Pull Requests 0 Wiki
Tree: 14a157bd4d
Branches Tags
iHealth-wx-d...
/
html
/
jkjf
/
html
/
index.html

index.html 10 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 	<head>
    4. 

  4. 		<meta charset="UTF-8">
    5. 

  5. 		<title>健康银行</title>
    6. 

  6. 		<meta name="author" content="yihu.com" />
    7. 

  7. 		<meta name="format-detection" content="telephone=no" />
    8. 

  8. 		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    9. 

  9. 		<meta name="apple-mobile-web-app-capable" content="yes" />
    10. 

  10. 		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
    11. 

  11. 		<link rel="stylesheet" href="../../../widget/swiper/3.1/swiper.min.css" />
    12. 

  12. 		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    13. 

  13. 		<link rel="stylesheet" href="../css/index.css" />
    14. 

  14. 		<style type="text/css">
    15. 

  15. 			body{opacity: 0;transition: all .3s ease-in-out;}
    16. 

  16. 			.opened{opacity: 1;}
    17. 

  17. 			
    18. 

  18. 		</style>
    19. 

  19. 	</head>
    20. 

  20. 	<body>
    21. 

  21. 		<div class="i-container">
    22. 

  22. 			<div class="swiper-container fuwu-swiper">
    23. 

  23.         		<div class="swiper-wrapper">
    24. 

  24.            			<div class="swiper-slide"><img class="event_none" src="../images/fuwuxiangqing_banner.png?v=1" /></div>
    25. 

  25.           		</div>
    26. 

  26.           		<div class="swiper-pagination"></div>
    27. 

  27.           	</div>
    28. 

  28.           	<div class="i-panel">
    29. 

  29.           		<div class="i-panel-title i-c-rang-right"><span onclick="goUrl('my-passbook.html')" class="pull-right i-909090 i-f14">进入</span>健康存折</div>
    30. 

  30.           		<div class="i-panel-body">
    31. 

  31.           			<div class="i-integral-content">
    32. 

  32.           				<ul class="i-integral-list">          					
    33. 

  33.           					<li class="i-integral-item" onclick="goUrl('passbook.html')">
    34. 

  34.           						<p class="i-909090 i-jf-icon">可用积分</p>
    35. 

  35.           						<p class="integral-number i-ff9526" id="total">--</p>
    36. 

  36.           					</li>
    37. 

  37.           					<li class="i-integral-item" onclick="goUrl('passbook.html#1')">
    38. 

  38.           						<p class="i-909090 i-jf-icon">已用积分</p>
    39. 

  39.           						<p class="integral-number i-909090" id="useTotal">--</p>
    40. 

  40.           					</li>
    41. 

  41.           				</ul>
    42. 

  42.           			</div>
    43. 

  43.           		</div>
    44. 

  44.           	</div>
    45. 

  45.           	<!--活动广场-->
    46. 

  46.           	<div class="i-panel">
    47. 

  47.           		<div class="i-panel-title i-c-rang-right"><span onclick="goUrl('activity-square.html')" class="pull-right i-909090 i-f14">全部</span>活动广场</div>
    48. 

  48. 	          	<div class="i-panel-body">
    49. 

  49. 	          		<div class="swiper-container activity-swiper">
    50. 

  50. 		        		<div class="swiper-wrapper" id="activity_list">
    51. 

  51. 		        			
    52. 

  52. 		        		</div>
    53. 

  53. 		          		<div class="div-no-info c-hide">
    54. 

  54. 	                        <img class="event_none" src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
    55. 

  55. 	                        <div class="info-text c-f14">暂无活动</div>
    56. 

  56. 	                    </div>
    57. 

  57. 		          		<div class="swiper-pagination"></div>
    58. 

  58. 		          	</div>
    59. 

  59. 	          	</div>
    60. 

  60. 	        </div>
    61. 

  61. 	        <!--健康商城：后续开发，暂时不上-->
    62. 

  62.           	<div class="i-panel c-hide">
    63. 

  63.           		<div class="i-panel-title i-c-rang-right"><span onclick="goUrl('')" class="pull-right i-909090 i-f14">全部</span>健康商城</div>
    64. 

  64. 	          	<div class="i-panel-body">
    65. 

  65. 	          		<div class="new-news">
    66. 

  66. 	          			<div class="new-news-scroll">
    67. 

  67. 	          				<ul class="new-news-list">
    68. 

  68. 		          				<li>薛**兑换了心心相映面巾纸一包</li>
    69. 

  69. 		          			</ul>
    70. 

  70. 	          			</div>
    71. 

  71. 	          		</div>
    72. 

  72. 	          		<div class="swiper-container health-shop">
    73. 

  73. 		        		<div class="swiper-wrapper" id="goods_list">
    74. 

  74. 	           				<div class="swiper-slide"><img src="../images/fuwuxiangqing_banner.png?v=1" /></div>
    75. 

  75. 	           				<div class="swiper-slide"><img src="../images/fuwuxiangqing_banner.png?v=1" /></div>
    76. 

  76. 	           				<div class="swiper-slide"><img src="../images/fuwuxiangqing_banner.png?v=1" /></div>
    77. 

  77. 		          		
    78. 

  78. 		          		</div>
    79. 

  79. 		          	</div>
    80. 

  80. 	          	</div>
    81. 

  81. 	        </div>
    82. 

  82. 	        
    83. 

  83.           	<!--健康微闻 ：后续开发，暂时不上-->
    84. 

  84.           	<div class="i-panel c-hide">
    85. 

  85.           		<div class="i-panel-title">健康微闻</div>
    86. 

  86.           		<div class="i-panel-body health-smelling">
    87. 

  87.           			<p class="i-666">所有积分可用于兑换商城奖品</p>
    88. 

  88.           			<p class="i-666">所有积分可用于兑换商城奖品</p>
    89. 

  89.           			<p class="i-666">所有积分可用于兑换商城奖品</p>
    90. 

  90.           		</div>
    91. 

  91.           	</div>
    92. 

  92.           	
    93. 

  93.           	<!--积分规则: 这个版本隐藏了，最早版本有-->
    94. 

  94.           	<div class="i-panel c-hide">
    95. 

  95.           		<div class="i-panel-title">积分规则</div>
    96. 

  96.           		<div class="i-panel-body integral-rule">
    97. 

  97.           			<p class="i-909090">1.所有积分可用于兑换商城奖品，部分活动积分仅限兑换活动</p>
    98. 

  98.           			<p class="i-909090">2.首次绑定设备可以获得奖励积分</p>
    99. 

  99.           			<p class="i-909090">3.每日使用设备，上传数据可获得积分，1次数据成功上传获得1积分，每日仅限1次</p>
    100. 

  100.           			<p class="i-909090">4.关注厦门i健康，参与社区及地区组织的健康活动能轻松获得积分兑换丰厚的奖品</p>
    101. 

  101.           		</div>
    102. 

  102.           	</div>
    103. 

  103.           	<!--获取积分-->
    104. 

  104.           	<div class="i-panel get-integral">
    105. 

  105.           		<div class="i-panel-title acticity-after-img">健康任务</div>
    106. 

  106.           		<div class="i-panel-body">
    107. 

  107.           			<div class="renwu-img">
    108. 

  108.           				<img class="event_none" src="../images/renwu_banner_img.png" />
    109. 

  109.           			</div>
    110. 

  110.           			<ul class="get-integral-act-list">
    111. 

  111.           				
    112. 

  112.           			</ul>
    113. 

  113.           			<div class="div-no-info c-hide">
    114. 

  114.                         <img class="event_none" src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
    115. 

  115.                         <div class="info-text c-f14">暂无任务</div>
    116. 

  116.                     </div>
    117. 

  117.           		</div>
    118. 

  118.           	</div>
    119. 

  119. 			<!--签约特色服务-->
    120. 

  120.           	<!--<div class="i-panel">
    121. 

  121.           		<div class="i-panel-title">签约特色服务</div>
    122. 

  122.           		<div class="i-panel-body">
    123. 

  123.           			<div class="qytsfw">
    124. 

  124. 	          			<img src="../images/dianhuarexiao_banner.jpg" />
    125. 

  125. 	          			<p class="rxdh">
    126. 

  126. 	          				<a class="i-btn i-btn-success dialing" href="tel:0592-6708090">立即拨打</a>
    127. 

  127. 	          				<span>热线电话：0592-6708090</span>
    128. 

  128. 	          			</p>
    129. 

  129.           			</div>
    130. 

  130.           		</div>
    131. 

  131.           	</div>-->
    132. 

  132. 			<!--签约的好处-->
    133. 

  133. 			<!--<div class="qydhc">
    134. 

  134. 				<div class="qydhc-top"><span></span></div>
    135. 

  135. 				<div class="qydhc-body">
    136. 

  136. 					<div class="qydhc-title i-text-center">签约的好处</div>
    137. 

  137. 					<ul class="haochu-list">
    138. 

  138. 						<li class="haochu-item">健康随时咨询(0592-6708090、全科医生电话i健康APP)</li>
    139. 

  139. 						<li class="haochu-item">多、快、好、省</li>
    140. 

  140. 						<li class="haochu-item">便捷预约挂号、便捷转上级医院</li>
    141. 

  141. 						<li class="haochu-item">高血压、糖尿病三师管理(专家、全科、健康管理师</li>
    142. 

  142. 						<li class="haochu-item">免门诊起付线(500元)</li>
    143. 

  143. 						<li class="haochu-item">免二次住院起付线</li>
    144. 

  144. 					</ul>
    145. 

  145. 				</div>
    146. 

  146. 			</div>-->
    147. 

  147. 

  148. 		<script type="text/html" id="action_tmpl">
    149. 

  149. 			{{each data as it}}
    150. 

  150. 					<li class="get-integral-act-item">
    151. 

  151. 						<div class="integral-act-left">
    152. 

  152. 							{{if it.taskCode=="GLU_MEASURE"}}
    153. 

  153. 								<img src="../images/xuetangyi_celiang_icon.png" />
    154. 

  154. 							{{else if it.taskCode=="BP_MEASURE"}}
    155. 

  155. 								<img src="../images/xueyaji_celiang_icon.png" />
    156. 

  156. 							{{else if it.taskCode=="GLU_BIND"}}
    157. 

  157. 								<img src="../images/xuetangyi_bangding_icon.png" />
    158. 

  158. 							{{else if it.taskCode=="BP_BIND"}}
    159. 

  159. 								<img src="../images/xueyaji_bangding_icon.png" />
    160. 

  160. 							{{/if}}
    161. 

  161. 						</div>
    162. 

  162. 						<div class="integral-act-center">
    163. 

  163. 		  					<p class="integral-act-name">{{it.title}}
    164. 

  164. 		  						{{if it.taskCode.indexOf("BIND")!==-1}}
    165. 

  165. 		  							<span class="i-909090 i-f12">({{it.taskPatientDetailDOS.length>0?('已绑定 '+it.taskPatientDetailDOS.length+' 台'):'未绑定'}})</span>
    166. 

  166. 		  						{{/if}}</p>
    167. 

  167. 		  					<p class="i-909090 i-f12 line-clamp2">{{it.content}}</p>
    168. 

  168. 						</div>
    169. 

  169. 						<div class="integral-act-right">
    170. 

  170. 							{{if it.period==1}}
    171. 

  171. 								<a class="i-btn i-btn-success i-border-radius-15" href="../../wdsb/html/my-equipments.html">{{it.taskPatientDetailDOS.length==0?'去完成':'已完成'}}</a>
    172. 

  172. 							{{else}}
    173. 

  173. 								<a class="i-btn i-btn-success i-border-radius-15" href="../../jkjl/html/health-record.html">{{it.taskPatientDetailDOS.length==0?'去完成':'已完成'}}</a>
    174. 

  174. 							{{/if}}
    175. 

  175. 						</div>
    176. 

  176. 					</li>
    177. 

  177. 			{{/each}}
    178. 

  178. 		</script>
    179. 

  179. 		
    180. 

  180. 		<script type="text/html" id="activity_tmpl">
    181. 

  181. 			{{each data as it}}
    182. 

  182. 				<a class="swiper-slide ckxq" data-code="{{it.id}}">
    183. 

  183. 					{{ if it.status==1}}
    184. 

  184. 						<img class="hdbmz" src="../images/baomingzhong_jiaobiao_img.png" />
    185. 

  185. 					{{else if it.status==0}}
    186. 

  186. 						<img class="hdbmz" src="../images/jingxinzhong_jiaobiao_img.png" />
    187. 

  187. 					{{else}}
    188. 

  188. 						<img class="hdbmz" src="../images/yijieshu_jiaobiao_img.png" />
    189. 

  189. 					{{/if}}
    190. 

  190.        				<div class="activity-img">				
    191. 

  191.            				<img src="{{it.img | getImageUrl}}" />
    192. 

  192.        				</div>
    193. 

  193.        				<p class="activity-title">{{it.title}}</p>
    194. 

  194. 	          		<div class="i-flex-box pt10">
    195. 

  195. 	          			<div class="i-flex-box-item i-999 i-f14">
    196. 

  196. 	          				<p class="i-flex-box" style="align-items: flex-start;"><span>活动主办：</span><span class="i-flex-box-item">{{it.organizer}}</span></p>			          				
    197. 

  197. 	          				<!--<p>参与人群：海沧区、45-65岁、高血压</p>-->			          				
    198. 

  198. 	          				<p class="i-flex-box" style="align-items: flex-start;"><span>活动时间：</span><span class="i-flex-box-item">{{it.startTime+"-"+it.endTime}}</span></p>          				
    199. 

  199. 	          			</div>
    200. 

  200. 	          			<!--<button style="align-self: flex-end;" class="i-btn  {{if it.status!=1}} i-btn-gray disabled{{else}} i-btn-success{{/if}}" data-code="{{it.id}}">{{it.status==1?'报名中':(it.status==-1)?'已结束':'无效'}}</button>-->
    201. 

  201. 	          		</div>
    202. 

  202.        			</a>
    203. 

  203. 			{{/each}}
    204. 

  204. 		</script>
    205. 

  205. 		
    206. 

  206. 		</div>
    207. 

  207. 		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
    208. 

  208.         <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
    209. 

  209. 		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
    210. 

  210. 		<script type="text/javascript" src="../../../js/common_http.js" ></script>
    211. 

  211. 		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
    212. 

  212. 		<script type="text/javascript" src="../../../js/template.js"></script>
    213. 

  213. 		<script type="text/javascript" src="../../zxwz/js/swiper.min.js"></script>
    214. 

  214. 		<script type="text/javascript" src="../js/index.js"></script>
    215. 

  215. 	</body>
    216. 

  216. </html>
    217.