doctor-homepage-new.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  5. <meta http-equiv="Pragma" content="no-cache" />
  6. <meta http-equiv="Expires" content="0" />
  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 charset="utf-8">
  9. <title></title>
  10. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  11. <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
  12. <link rel="stylesheet" type="text/css" href="../css/sq-style.css" />
  13. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  14. <link rel="stylesheet" type="text/css" href="../../../js/layer.mobile-v2.0/layer_mobile/need/layer.css"/>
  15. <link rel="stylesheet" type="text/css" href="../css/doctor-homepage-new.css" />
  16. </head>
  17. <body>
  18. <div class="c-main">
  19. <div class="dh-box">
  20. <div class="dh-box-img"><img id="photo" src="" class="c-images-cycle"></div>
  21. <div class="dh-box-list">
  22. <p><span id="name" class="c-f18 mr10"></span><span class="c-f14" id="jobName"></span></p>
  23. <p><span id="hospitalName"></span></p>
  24. <p><span id="deptName"></span></p>
  25. <p><span>签约居民:</span><span id="signNum"></p>
  26. </div>
  27. </div>
  28. <div class="slider-detail plr15 bgc-fff mtb10 c-border-tb">
  29. <ul>
  30. <li class="c-border-b">
  31. <h2 class="c-f18">擅长</h2>
  32. <p class="c-f16 show" id="expertise"></p>
  33. </li>
  34. <li>
  35. <h2 class="c-f18">简介</h2>
  36. <p class="c-f16 show" id="introduce"></p>
  37. </li>
  38. </ul>
  39. </div>
  40. <div id="divAgree" class="bgc-fff mt10 c-border-tb list-item-1">
  41. <div class="ui-grid ptb15 plr10 c-border-b">
  42. <img src="../images/xieyi@2x.png" style="width: 20px; height: 20px;"/>
  43. <div class="ui-col-1" style="padding-left: 5px;">
  44. <p class="tit-name c-nowrap c-f18 c-333">签约协议</p>
  45. </div>
  46. </div>
  47. <ul class="c-list sever-list">
  48. <li class="c-list-cover c-list-text" onclick="changeAgreement()" style="height: 80px;">
  49. <div style="padding-top: 15px; padding-bottom: 5px;">
  50. <img src="../images/jiatingqianyue@2x.png" style="width: 45px; height: 45px;"/>
  51. </div>
  52. <div class="c-list-info" style="padding-left: 10px;">
  53. <h4 class="c-nowrap c-f16">家庭医生签约协议</h4>
  54. </div>
  55. <span class="list-icon arrow-right"></span>
  56. </li>
  57. </ul>
  58. </div>
  59. <!-- 服务介绍 开始 -->
  60. <div class="bgc-fff c-border-tb list-item-1 mt10 mb10">
  61. <!-- 头部部分 开始 -->
  62. <div class="ui-grid ptb15 plr10 c-border-b">
  63. <i class="logo-icon iconfont icon-yanghu bgc-fb8d7c"></i>
  64. <div class="ui-col-1">
  65. <p class="tit-name c-nowrap c-f18 c-333">服务介绍</p>
  66. </div>
  67. </div>
  68. <!-- 头部部分 结束 -->
  69. <!-- 列表项 开始 -->
  70. <ul id="ul-common" class="c-list sever-list" style="display: none;">
  71. <li class="c-list-cover c-list-text">
  72. <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
  73. <i class="iconfont icon-yisheng"></i>
  74. </div>
  75. <div class="c-list-info">
  76. <h4 class="c-nowrap">家庭医生服务</h4>
  77. <p class="c-nowrap-multi">贴心家庭医生为居民提供健康指导,保健,随访等服务</p>
  78. </div>
  79. </li>
  80. <li class="c-list-cover c-list-text">
  81. <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
  82. <i class="iconfont icon-zixun"></i>
  83. </div>
  84. <div class="c-list-info">
  85. <h4 class="c-nowrap">健康咨询服务</h4>
  86. <p class="c-nowrap-multi">身体疾病,用药疑问让居民足不出户,在家就能及时咨询到医生</p>
  87. </div>
  88. </li>
  89. <li class="c-list-cover c-list-text">
  90. <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
  91. <i class="iconfont icon-yanghu1"></i>
  92. </div>
  93. <div class="c-list-info">
  94. <h4 class="c-nowrap">慢病养护</h4>
  95. <p class="c-nowrap-multi">对患有慢性疾病居民进行健康管理与干预,定期进行随访以及保健指导</p>
  96. </div>
  97. </li>
  98. <li class="c-list-cover c-list-text">
  99. <div class="c-avatar-m bgc-67bfed" style="border-radius: 15px;">
  100. <i class="iconfont icon-zixun1"></i>
  101. </div>
  102. <div class="c-list-info">
  103. <h4 class="c-nowrap">健康头条资讯</h4>
  104. <p class="c-nowrap-multi">热点健康知识推送,提升家庭健康意识</p>
  105. </div>
  106. </li>
  107. <li class="c-list-cover c-list-text">
  108. <div class="c-avatar-m bgc-91c66a" style="border-radius: 15px;">
  109. <i class="iconfont icon-fenzhen"></i>
  110. </div>
  111. <div class="c-list-info">
  112. <h4 class="c-nowrap">分诊预约</h4>
  113. <p class="c-nowrap-multi">社区可以帮助有需要的居民进行分诊预约三甲医院</p>
  114. </div>
  115. </li>
  116. <li class="c-list-cover c-list-text">
  117. <div class="c-avatar-m bgc-f792b1" style="border-radius: 15px;">
  118. <i class="iconfont icon-yunfu"></i>
  119. </div>
  120. <div class="c-list-info">
  121. <h4 class="c-nowrap">妇幼保健</h4>
  122. <p class="c-nowrap-multi">对儿童疫苗接种进行提醒,对孕产、妇幼人群提供养生保健知识</p>
  123. </div>
  124. </li>
  125. </ul>
  126. <ul id="ul-health" class="c-list sever-list" style="display: none;">
  127. <li class="c-list-cover c-list-text">
  128. <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
  129. <i class="iconfont icon-yisheng"></i>
  130. </div>
  131. <div class="c-list-info">
  132. <h4 class="c-nowrap">医保优惠</h4>
  133. <p>社区门诊免除500元起付线,住院医疗费不设二次及以上起付标准(二次及以上住院可以免付100-500起付线)</p>
  134. </div>
  135. </li>
  136. <li class="c-list-cover c-list-text">
  137. <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
  138. <i class="iconfont icon-zixun"></i>
  139. </div>
  140. <div class="c-list-info">
  141. <h4 class="c-nowrap">免费服务</h4>
  142. <p>11类43项基本公共卫生服务,专家门诊预约,团队健康管理,便捷双向转诊,大型设备检查预约,康复训练指导,健康指导。</p>
  143. </div>
  144. </li>
  145. <li class="c-list-cover c-list-text">
  146. <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
  147. <i class="iconfont icon-yanghu1"></i>
  148. </div>
  149. <div class="c-list-info">
  150. <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
  151. <p>基本医疗服务,针对性康复训练和康复治疗服务,健康检查项目:血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片,糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等,提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
  152. </div>
  153. </li>
  154. </ul>
  155. <ul id="ul-sixfive" class="c-list sever-list" style="display: none;">
  156. <li class="c-list-cover c-list-text">
  157. <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
  158. <i class="iconfont icon-yisheng"></i>
  159. </div>
  160. <div class="c-list-info">
  161. <h4 class="c-nowrap">医保优惠</h4>
  162. <p>慢性病长处方,一次可开取4-8周用药,社区门诊免除500元起付线,住院医疗费不设二次及以上起付标准(二次及以上住院可以免付50-250起付线)</p>
  163. </div>
  164. </li>
  165. <li class="c-list-cover c-list-text">
  166. <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
  167. <i class="iconfont icon-zixun"></i>
  168. </div>
  169. <div class="c-list-info">
  170. <h4 class="c-nowrap">免费服务</h4>
  171. <p>11类43项基本公共卫生服务,专家门诊预约,团队健康管理,便捷双向转诊,大型设备检查预约,康复训练指导,每年一次健康检查(血、尿常规检查、肝功、肾功、血脂、血糖、心电图检查),对失能、半失能、80岁以上老年人每年一次免费上门出诊,健康指导。</p>
  172. </div>
  173. </li>
  174. <li class="c-list-cover c-list-text">
  175. <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
  176. <i class="iconfont icon-yanghu1"></i>
  177. </div>
  178. <div class="c-list-info">
  179. <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
  180. <p>基本医疗服务,针对性康复训练和康复治疗服务,健康检查项目:血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片,糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等,提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
  181. </div>
  182. </li>
  183. </ul>
  184. <ul id="ul-disease" class="c-list sever-list" style="display: none;">
  185. <li class="c-list-cover c-list-text">
  186. <div class="c-avatar-m bgc-3fcba9" style="border-radius: 15px;">
  187. <i class="iconfont icon-yisheng"></i>
  188. </div>
  189. <div class="c-list-info">
  190. <h4 class="c-nowrap">医保优惠</h4>
  191. <p>慢性病长处方,一次可开取4-8周用药,社区门诊免除500元起付线,住院医疗费不设二次及以上起付标准(二次及以上住院可以免付50-500起付线)</p>
  192. </div>
  193. </li>
  194. <li class="c-list-cover c-list-text">
  195. <div class="c-avatar-m bgc-52a5f1" style="border-radius: 15px;">
  196. <i class="iconfont icon-zixun"></i>
  197. </div>
  198. <div class="c-list-info">
  199. <h4 class="c-nowrap">免费服务</h4>
  200. <p>11类43项基本公共卫生服务,专家门诊预约,“三师共管”慢病精细化管理,便捷双向转诊,大型设备检查预约,康复训练指导,每年一次健康检查,糖尿病患者4次空腹血糖检测,对失能、半失能、80岁以上老年人每年一次免费上门出诊,健康指导。</p>
  201. </div>
  202. </li>
  203. <li class="c-list-cover c-list-text">
  204. <div class="c-avatar-m bgc-f98d44" style="border-radius: 15px;">
  205. <i class="iconfont icon-yanghu1"></i>
  206. </div>
  207. <div class="c-list-info">
  208. <h4 class="c-nowrap">个性化服务(按物价规定标准收费)</h4>
  209. <p>基本医疗服务,针对性康复训练和康复治疗服务,健康检查项目:血、尿常规检查、肝功、肾功、血脂、血糖、心电图、胸片,糖化血红蛋白、眼底检查、尿微量白蛋白检测、糖尿病足筛查、踝肱指数、动态血压监测等,提供建立家庭病床、导尿、换药、上门测血糖、上门抽血检验等有偿上门服务。</p>
  210. </div>
  211. </li>
  212. </ul>
  213. <!-- 列表项 结束 -->
  214. </div>
  215. <div id="doctor_qrcode">
  216. <img src="" style="width:257px;height: 259px;background-size: 257px 259px;"/>
  217. <div class="c-t-center">微信上长按二维码与<span id="doctor_name"></span>医生签约</div>
  218. </div>
  219. <div id="sign_invitation">
  220. </div>
  221. <div class="input-group width-100 mt10" id="xf-artd" style="display:none">
  222. <textarea id="textReason" class="form-textarea" maxlength="200" placeholder="请输入解约原因" rows="5"></textarea>
  223. <input id="txtInfo" style="display: none; color: red;font-size: 18px;" value="请填写解约原因"/>
  224. </div>
  225. </div>
  226. <div id="footer">
  227. <div class="f-vam f-mr10 add-icon f-ib div-add-btn btn-main"></div>
  228. </div>
  229. <div>
  230. <div class="plr15 pb15 bottom-btn-box c-border-t" style="" id="btnSign">
  231. </div>
  232. <div id="btnMenu">
  233. <div class="div-dialog-content ">
  234. <div class="f-vam f-mr10 zixun f-ib btn-item" data-type="consultation"></div>
  235. <div class="f-vam f-mr10 tuijian f-ib btn-item" data-type="introduce"></div>
  236. <!--<div class="f-vam f-mr10 jieyue f-ib btn-item" data-type="break"></div>-->
  237. <div class="f-vam f-mr10 quxiao f-ib btn-item"></div>
  238. </div>
  239. <!--<div class="btn-1 btn-item" >
  240. <img src="../images/zixun01_btn.png" data-type="consultation">
  241. </div>
  242. <div class="btn-2 btn-item" >
  243. <img src="../images/tuijian_btn.png" data-type="introduce">
  244. </div>
  245. <div class="btn-3 btn-item" >
  246. <img src="../images/jieyue_btn.png" data-type="break">
  247. </div>
  248. <div class="btn-0 btn-main" >
  249. <img src="../images/geduoxuanfu_icon.png" class="close">
  250. </div>-->
  251. </div>
  252. </div>
  253. <img id="introduce_guide" src="../images/tishitu.png"/>
  254. <div id="introduce_text">
  255. <div>
  256. 点击右上角
  257. </div>
  258. <div>
  259. 将好东西推荐给您的厦门亲友~
  260. </div>
  261. </div>
  262. <div id="overlay_pop" ></div>
  263. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  264. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  265. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  266. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  267. <script src="../../../widget/marques/marquee.js"></script>
  268. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  269. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  270. <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
  271. <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
  272. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  273. <script type="text/javascript" src="../../../js/isRepresented.js"></script>
  274. <script src="../../../js/layer.mobile-v2.0/layer_mobile/layer.js"></script>
  275. <script src="../js/doctor-homepage-new.js"></script>
  276. </body>
  277. </html>