choose-region.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="author" content="yihu.com" />
  6. <meta name="format-detection" content="telephone=no" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  8. <meta name="apple-mobile-web-app-capable" content="yes" />
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  10. <title>家庭签约</title>
  11. <link rel="stylesheet" href="../../../css/cross.css" type="text/css" />
  12. <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
  13. <link rel="stylesheet" href="../../../iconfont/iconfont.css" type="text/css" />
  14. <link rel="stylesheet" href="../../zxyy/css/style.css" type="text/css" />
  15. <link rel="stylesheet" type="text/css" href="../css/sq-style.css" />
  16. <link rel="stylesheet" type="text/css" href="../css/wdz.css">
  17. </head>
  18. <body>
  19. <div class="c-main">
  20. <!--<div class="h45">
  21. <div class="demo-comtop">
  22. <a class="mui-action-back"></a>
  23. <h1>选择地区</h1>
  24. </div>
  25. </div>-->
  26. <!--<div class="area-top c-border-b"><i class="iconfont icon-dangqianweizhi"></i><i class="c-ccc">当前区域:</i><span id="currentArea"></span></div>-->
  27. <div id="div-area" class="c-boxs" style="display: none;">
  28. <div class="area-province c-boxs">
  29. <ul id="area">
  30. <li class="c-nowrap c-boxs" onclick="changeValue('全区域', '')"><h4>全区域</h4></li>
  31. <li class="c-nowrap c-boxs" onclick="changeValue('思明区', '350203')"><h4>思明区</h4></li>
  32. <li class="c-nowrap c-boxs" onclick="changeValue('湖里区', '350206')"><h4>湖里区</h4></li>
  33. <li class="c-nowrap c-boxs" onclick="changeValue('海沧区', '350205')"><h4>海沧区</h4></li>
  34. <li class="c-nowrap c-boxs" onclick="changeValue('集美区', '350211')"><h4>集美区</h4></li>
  35. <li class="c-nowrap c-boxs" onclick="changeValue('同安区', '350212')"><h4>同安区</h4></li>
  36. <li class="c-nowrap c-boxs" onclick="changeValue('翔安区', '350213')"><h4>翔安区</h4></li>
  37. </ul>
  38. </div>
  39. </div>
  40. <div id="div-doctorPage" style="display: none;">
  41. <div class="sdoc-top smil short clearfix">
  42. <span class="sdimg fl">
  43. <img id="photo" src="" class="c-images-cycle"/>
  44. </span>
  45. <p class="c-t-left mt5 c-f18">
  46. <span id="name" class="c-f20 mr10 ml10"></span><label id="jobName"></label></p>
  47. <p class="c-t-left c-f16">
  48. <span id="hospitalName" class="mr10 ml10"></span></p>
  49. <p class="c-t-left c-f16">
  50. <span id="deptName" class="mr10 ml10"></span></p>
  51. </div>
  52. <div class="slider-detail plr15 bgc-fff mtb10 c-border-tb">
  53. <ul>
  54. <li class="c-border-b">
  55. <h2 class="c-f18">擅长</h2>
  56. <p class="c-f16 show" id="expertise"></p>
  57. </li>
  58. <li>
  59. <h2 class="c-f16">简介</h2>
  60. <p class="c-f16 show" id="introduce"></p>
  61. </li>
  62. </ul>
  63. </div>
  64. <div id="divAgree" class="bgc-fff mt10 c-border-tb list-item-1">
  65. <div class="ui-grid ptb15 plr10 c-border-b">
  66. <img src="../images/xieyi@2x.png" style="width: 20px; height: 20px;"/>
  67. <div class="ui-col-1" style="padding-left: 5px;">
  68. <p class="tit-name c-nowrap c-f18 c-333">签约协议</p>
  69. </div>
  70. </div>
  71. <ul class="c-list sever-list">
  72. <li class="c-list-cover c-list-text" onclick="changeAgreement()" style="height: 80px;">
  73. <div style="padding-top: 15px; padding-bottom: 5px;">
  74. <img src="../images/jiatingqianyue@2x.png" style="width: 45px; height: 45px;"/>
  75. </div>
  76. <div class="c-list-info" style="padding-left: 10px;">
  77. <h4 class="c-nowrap c-f16">家庭医生签约协议</h4>
  78. </div>
  79. <span class="list-icon arrow-right"></span>
  80. </li>
  81. </ul>
  82. </div>
  83. <!-- 服务介绍 开始 -->
  84. <div class="bgc-fff mt10 c-border-tb list-item-1 mb30">
  85. <!-- 头部部分 开始 -->
  86. <div class="ui-grid ptb15 plr10 c-border-b">
  87. <i class="logo-icon iconfont icon-yanghu bgc-fb8d7c"></i>
  88. <div class="ui-col-1">
  89. <p class="tit-name c-nowrap c-f18 c-333">服务介绍</p>
  90. </div>
  91. </div>
  92. <!-- 头部部分 结束 -->
  93. <!-- 列表项 开始 -->
  94. <ul id="ul-common" class="c-list sever-list" style="display: none;">
  95. <li class="c-list-cover c-list-text">
  96. <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
  97. <i class="iconfont icon-yisheng"></i>
  98. </div>
  99. <div class="c-list-info">
  100. <h4 class="c-nowrap">家庭医生服务</h4>
  101. <p class="c-nowrap-multi">贴心家庭医生为居民提供健康指导,保健,随访等服务</p>
  102. </div>
  103. </li>
  104. <li class="c-list-cover c-list-text">
  105. <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
  106. <i class="iconfont icon-zixun"></i>
  107. </div>
  108. <div class="c-list-info">
  109. <h4 class="c-nowrap">健康咨询服务</h4>
  110. <p class="c-nowrap-multi">身体疾病,用药疑问让居民足不出户,在家就能及时咨询到医生</p>
  111. </div>
  112. </li>
  113. <li class="c-list-cover c-list-text">
  114. <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
  115. <i class="iconfont icon-yanghu1"></i>
  116. </div>
  117. <div class="c-list-info">
  118. <h4 class="c-nowrap">慢病养护</h4>
  119. <p class="c-nowrap-multi">对患有慢性疾病居民进行健康管理与干预,定期进行随访以及保健指导</p>
  120. </div>
  121. </li>
  122. <li class="c-list-cover c-list-text">
  123. <div class="c-avatar-m bgc-67bfed" style="border-radius: 15px;">
  124. <i class="iconfont icon-zixun1"></i>
  125. </div>
  126. <div class="c-list-info">
  127. <h4 class="c-nowrap">健康头条资讯</h4>
  128. <p class="c-nowrap-multi">热点健康知识推送,提升家庭健康意识</p>
  129. </div>
  130. </li>
  131. <li class="c-list-cover c-list-text">
  132. <div class="c-avatar-m bgc-91c66a" style="border-radius: 15px;">
  133. <i class="iconfont icon-fenzhen"></i>
  134. </div>
  135. <div class="c-list-info">
  136. <h4 class="c-nowrap">分诊预约</h4>
  137. <p class="c-nowrap-multi">社区可以帮助有需要的居民进行分诊预约三甲医院</p>
  138. </div>
  139. </li>
  140. <li class="c-list-cover c-list-text">
  141. <div class="c-avatar-m bgc-f792b1" style="border-radius: 15px;">
  142. <i class="iconfont icon-yunfu"></i>
  143. </div>
  144. <div class="c-list-info">
  145. <h4 class="c-nowrap">妇幼保健</h4>
  146. <p class="c-nowrap-multi">对儿童疫苗接种进行提醒,对孕产、妇幼人群提供养生保健知识</p>
  147. </div>
  148. </li>
  149. </ul>
  150. <ul id="ul-health" class="c-list sever-list" style="display: none;">
  151. <li class="c-list-cover c-list-text">
  152. <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
  153. <i class="iconfont icon-yisheng"></i>
  154. </div>
  155. <div class="c-list-info">
  156. <h4 class="c-nowrap">医保优惠</h4>
  157. <p>社区门诊免除500元起付线,住院医疗费不设二次及以上起付标准(二次及以上住院可以免付100-500起付线)</p>
  158. </div>
  159. </li>
  160. <li class="c-list-cover c-list-text">
  161. <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
  162. <i class="iconfont icon-zixun"></i>
  163. </div>
  164. <div class="c-list-info">
  165. <h4 class="c-nowrap">免费服务</h4>
  166. <p>11类43项基本公共卫生服务,专家门诊预约,团队健康管理,便捷双向转诊,大型设备检查预约,康复训练指导,健康指导。</p>
  167. </div>
  168. </li>
  169. <li class="c-list-cover c-list-text">
  170. <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
  171. <i class="iconfont icon-yanghu1"></i>
  172. </div>
  173. <div class="c-list-info">
  174. <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
  175. <p>基本医疗服务,针对性康复训练和康复治疗服务,健康检查项目:血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片,糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等,提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
  176. </div>
  177. </li>
  178. </ul>
  179. <ul id="ul-sixfive" class="c-list sever-list" style="display: none;">
  180. <li class="c-list-cover c-list-text">
  181. <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
  182. <i class="iconfont icon-yisheng"></i>
  183. </div>
  184. <div class="c-list-info">
  185. <h4 class="c-nowrap">医保优惠</h4>
  186. <p>慢性病长处方,一次可开取4-8周用药,社区门诊免除500元起付线,住院医疗费不设二次及以上起付标准(二次及以上住院可以免付50-250起付线)</p>
  187. </div>
  188. </li>
  189. <li class="c-list-cover c-list-text">
  190. <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
  191. <i class="iconfont icon-zixun"></i>
  192. </div>
  193. <div class="c-list-info">
  194. <h4 class="c-nowrap">免费服务</h4>
  195. <p>11类43项基本公共卫生服务,专家门诊预约,团队健康管理,便捷双向转诊,大型设备检查预约,康复训练指导,每年一次健康检查(血、尿常规检查、肝功、肾功、血脂、血糖、心电图检查),对失能、半失能、80岁以上老年人每年一次免费上门出诊,健康指导。</p>
  196. </div>
  197. </li>
  198. <li class="c-list-cover c-list-text">
  199. <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
  200. <i class="iconfont icon-yanghu1"></i>
  201. </div>
  202. <div class="c-list-info">
  203. <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
  204. <p>基本医疗服务,针对性康复训练和康复治疗服务,健康检查项目:血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片,糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等,提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
  205. </div>
  206. </li>
  207. </ul>
  208. <ul id="ul-disease" class="c-list sever-list" style="display: none;">
  209. <li class="c-list-cover c-list-text">
  210. <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
  211. <i class="iconfont icon-yisheng"></i>
  212. </div>
  213. <div class="c-list-info">
  214. <h4 class="c-nowrap">医保优惠</h4>
  215. <p>慢性病长处方,一次可开取4-8周用药,社区门诊免除500元起付线,住院医疗费不设二次及以上起付标准(二次及以上住院可以免付50-500起付线)</p>
  216. </div>
  217. </li>
  218. <li class="c-list-cover c-list-text">
  219. <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
  220. <i class="iconfont icon-zixun"></i>
  221. </div>
  222. <div class="c-list-info">
  223. <h4 class="c-nowrap">免费服务</h4>
  224. <p>11类43项基本公共卫生服务,专家门诊预约,“三师共管”慢病精细化管理,便捷双向转诊,大型设备检查预约,康复训练指导,每年一次健康检查,糖尿病患者4次空腹血糖检测,对失能、半失能、80岁以上老年人每年一次免费上门出诊,健康指导。</p>
  225. </div>
  226. </li>
  227. <li class="c-list-cover c-list-text">
  228. <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
  229. <i class="iconfont icon-yanghu1"></i>
  230. </div>
  231. <div class="c-list-info">
  232. <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
  233. <p>基本医疗服务,针对性康复训练和康复治疗服务,健康检查项目:血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片,糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等,提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
  234. </div>
  235. </li>
  236. </ul>
  237. <!-- 列表项 结束 -->
  238. </div>
  239. <div class="h61">
  240. <div class="plr15 pb15 bottom-btn-box c-border-t" id="btnSign">
  241. </div>
  242. </div>
  243. <div class="input-group width-150 mt10" style="width: 100%;" id="xf-artd" style="display:none">
  244. <textarea id="textReason" class="form-textarea width-150" style="width: 240px;" maxlength="200" placeholder="请输入解约原因" rows="7"></textarea>
  245. <input id="txtInfo" style="display: none; color: red;" value="请填写解约原因"/>
  246. </div>
  247. </div>
  248. </div>
  249. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  250. <script type="text/javascript" src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script>
  251. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  252. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  253. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  254. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  255. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  256. <script src="../../../js/security.js" type="text/javascript" charset="utf-8"></script>
  257. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  258. <script type="text/javascript" src="../js/choose-region.js" ></script>
  259. </body>
  260. </html>