select_quanke.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  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" type="text/css" href="../../../common/cross/css/cross.css">
  12. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  13. <link rel="stylesheet" type="text/css" href="../css/search-bar.css"/>
  14. <link rel="stylesheet" type="text/css" href="../css/select_doctor.css"/>
  15. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  16. </head>
  17. <body>
  18. <div class="h45">
  19. <div class="demo-comtop">
  20. <a class="mui-action-back"></a>
  21. <h1>选择求助医生</h1>
  22. </div>
  23. </div>
  24. <div id="no_result_wrap" class="c-dn c-hide">
  25. <img class="no-result-img" src="../../../images/shujuweikong_img.png">
  26. <div class="f-fs14 c-323232 c-t-center">您已求助过或无可求助的全科医生</div>
  27. </div>
  28. <div class="c-hide1">
  29. <ul id="doctor_list" class="plr10">
  30. </ul>
  31. </div>
  32. <!--
  33. 描述: 医生列表项模板
  34. -->
  35. <script type="text/html" id="doctor_li_tmpl">
  36. {{each data as it}}
  37. <li class="list-item" data-name="{{it.name}}" data-code="{{it.code}}" data-level="{{it.level}}">
  38. <div class="div-lijizixun-btn"><p class="p1">立即</p><p class="p2">求助</p></div>
  39. <ul class="c-list" style="width: calc(100% - 43px);">
  40. <li class="ptb10">
  41. <div class="c-list-key">
  42. <div class="c-avatar-m"> <img src="{{it.photo | setPhoto}}" alt=""></div>
  43. </div>
  44. <div class="c-list-info">
  45. <p class="c-nowrap"><span class="c-f20 c-323232">{{it.name}}</span><span class="ml10 c-f18">{{it.job_name}}</span></p>
  46. <p class="c-nowrap mt5"><span class="mr10 c-f14">{{it.deptName}}</span><span class="mr10 c-f14">{{it.hospitalName}}</span></p>
  47. </div>
  48. </li>
  49. <li class="pr10 pb10">
  50. <div class="width-100 c-nowrap-multi"><span class="c-323232 c-f16">擅长:</span><span class="c-666 c-f16 c-dest-content">{{it.expertise}}</span></div>
  51. </li>
  52. </ul>
  53. </li>
  54. {{/each}}
  55. </script>
  56. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  57. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  58. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  59. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  60. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  61. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  62. <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
  63. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  64. <script src="../../js/templateHelp.js" type="text/javascript" charset="utf-8"></script>
  65. <script src="../../../js/im.client.js" type="text/javascript" charset="utf-8"></script>
  66. <script type="text/javascript">
  67. //患者信息和咨询code
  68. var parientCode,
  69. consultCode,
  70. iscroller;
  71. var docInfo;
  72. var $noResultWrap = $('#no_result_wrap');
  73. mui.init();
  74. mui.plusReady(function(){
  75. self = plus.webview.currentWebview();
  76. docInfo = JSON.parse(plus.storage.getItem("docInfo"));
  77. parientCode = self.parientCode;
  78. consultCode = self.consultCode;
  79. if(self.isNotQzQkys){
  80. initPage();
  81. }
  82. bindEvents();
  83. })
  84. function getInvite(){
  85. sendPost("/doctor/consult/hasTnvite", {groupCode: self.consultInfo.groupCode}, null, function(res){
  86. if(res.status == 200){
  87. self.consultInfo.hasTnvite = res.list.hasTnvite;
  88. initPage();
  89. } else {
  90. mui.toast("查询是否已求助失败!")
  91. }
  92. })
  93. }
  94. function initPage(){
  95. plus.nativeUI.showWaiting();
  96. // page: 分页索引,filter:搜素关键字,pagesize:每页条数
  97. var url = "/doctor/getDoctor2ByParient",
  98. params = {
  99. parientCode: parientCode,
  100. consultCode:consultCode
  101. };
  102. getReqPromise(url,params).then(function(res){
  103. console.log(JSON.stringify(res))
  104. if(res.status == 200) {
  105. if(!res.doctor) {
  106. $noResultWrap.show();
  107. } else {
  108. $noResultWrap.hide();
  109. var html = template('doctor_li_tmpl',{data: [res.doctor]});
  110. $("#doctor_list").append(html);
  111. }
  112. } else {
  113. plus.nativeUI.toast("获取数据失败,请重试!");
  114. }
  115. plus.nativeUI.closeWaiting();
  116. }).catch(function(e) {
  117. console && console.error(e);
  118. });
  119. }
  120. function bindEvents(){
  121. $("#doctor_list").on("click",".div-lijizixun-btn",function(){
  122. var $li = $(this).parent();
  123. var doctor = $li.attr('data-code');
  124. imClient.Sessions.addParticipant(self.sessionId, doctor, function(res){
  125. mui.toast("求助成功!");
  126. var opener = self.opener();
  127. mui.fire(opener, "setAsk",{value: true});
  128. mui.later(function(){
  129. self.close();
  130. }, 100);
  131. }, function(res){
  132. console.error(JSON.stringify(res));
  133. mui.toast('求助失败,请稍后重试!');
  134. })
  135. });
  136. }
  137. template.helper("setPhoto", function(p) {
  138. return getImgUrl(p);
  139. });
  140. </script>
  141. </body>
  142. </html>