jumingim.html 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>居民IM</title>
  6. <meta name="author" content="yihu.com" />
  7. <meta name="format-detection" content="telephone=no" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  11. <link rel="stylesheet" type="text/css" href="../../../common/iconfont/iconfont.css">
  12. <link rel="stylesheet" type="text/css" href="../../../fonts/font-awesome/css/font-awesome.min.css">
  13. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  14. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  15. <link rel="stylesheet" type="text/css" href="../../../common/css/jy-style.css">
  16. <link rel="stylesheet" type="text/css" href="../../../common/css/doc-style.css" />
  17. <link rel="stylesheet" type="text/css" href="../../../common/css/ss-doctor.css">
  18. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" />
  19. <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.17.1/css/mobiscroll.css" />
  20. <link rel="stylesheet" href="../css/search-bar.css" type="text/css"/>
  21. <link rel="stylesheet" href="../../../common/css/pull-up-down.css" type="text/css"/>
  22. <link rel="stylesheet" type="text/css" href="../../../css/mui-pull.css"/>
  23. <link rel="stylesheet" type="text/css" href="../css/jumingim.css">
  24. <style type="text/css">
  25. .c-list .c-avatar-m{
  26. position: absolute;
  27. left: -62px;
  28. }
  29. .c-list > .c-list-cover:last-child{
  30. border-bottom: none;
  31. }
  32. .c-list > li:first-child{
  33. padding-left: 0 !important;
  34. }
  35. .c-list > .c-list-cover{
  36. padding-left: 0 !important;
  37. }
  38. .circle-40{
  39. position: absolute;
  40. left: -62px;
  41. }
  42. .c-list > li:first-child{
  43. height: 56px;
  44. }
  45. .Xweizhi{
  46. display: inline-block;
  47. position: relative;
  48. left: 10px;
  49. bottom: 5px;
  50. }
  51. </style>
  52. </head>
  53. <body>
  54. <div class="lin-search">
  55. <div class="f-fs12">
  56. <img src="../../../images/sousuo_icon.png" />
  57. 搜索
  58. </div>
  59. </div>
  60. <div id="search_suggest_text" class="c-dn">
  61. </div>
  62. <div id="search_result" class="mui-scroll-wrapper">
  63. <div class="mui-scroll" style="top: 45px;min-height: 100%;">
  64. <ul id="doing_list" class="c-list" style="margin-bottom: 40px;padding-left: 75px;background: #fff;">
  65. </ul>
  66. </div>
  67. </div>
  68. <div id="no_result_wrap" class="c-dn">
  69. <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
  70. <div class="c-f14 c-333 c-t-center">抱歉,暂未找到符合条件的结果。</div>
  71. </div>
  72. <!--
  73. 描述: 医生im列表模板<div class="weiducount">99+</div>
  74. -->
  75. <script type="text/html" id="jm_li_tmpl">
  76. {{each list as it}}
  77. <li data-timestamp="{{it.timestamp}}" style="padding: 0; margin: 0; position: relative;" class=" c-list-cover {{if it.isZD}}zd{{/if}}" data-type="{{it.type}}" data-code="{{it.code}}" data-name="{{it.name}}" data-birthday="{{it.birthday}}" data-sex="{{it.sex}}" data-photo="{{it.photo}}">
  78. <div class="l-info" >
  79. <div class="c-avatar-m"></div>
  80. <div class="c-list-info" style="padding-right:0px;">
  81. <p class="pb5" style="color: #333;">
  82. <span class="c-name text-ellipsis">{{it.name}}</span>
  83. <!--{{if it.type == 8}}
  84. <span class="span-invite">续方咨询</span>
  85. {{else if it.is_invite && it.type!=2}} <!--健康咨询-->
  86. <!--<span class="span-invite">已邀请全科</span>
  87. {{/if}}-->
  88. </p>
  89. <p class="c-909090 last-content text-ellipsis" style="font-size: 14px;">
  90. {{if it.last_content_type=="5"}}
  91. {{if it.userLevel==2}}
  92. {{it.senderName}}求助{{it.last_content_type.doctor_name}}
  93. {{else}}
  94. {{it.senderName}}邀请{{it.last_content_type.doctor_name}}
  95. {{/if}}
  96. {{else if (it.type == 8) && it.last_content_type == '6'}}
  97. 续方申请
  98. {{else}}
  99. {{it.senderName}}:{{it.last_content}}
  100. {{/if}}
  101. </p>
  102. </div>
  103. <div class="c-909090 newInfo l-list-times" >
  104. <p class="c-909090 c-f12 pt10 pr5 p-time">{{it.time}}</p>
  105. <div class="red-dot {{if it.count==0}}c-hide{{/if}} new-count" style="background: #95d6ef;margin-top: 0px;background: #95d6ef;width: 25px;height: 25px;line-height: 25px;font-size: 13px;margin: 5px auto 0px;">
  106. {{if it.count>0}}
  107. {{if it.count<=99}}
  108. {{it.count}}
  109. {{else}}
  110. 99+
  111. {{/if}}
  112. {{/if}}
  113. </div>
  114. </div>
  115. </div>
  116. <div class="operate">
  117. {{if it.isZD}}
  118. <div class="qxzdan">取消<br/>置顶</div>
  119. {{else}}
  120. <div class="zdan">置顶</div>
  121. {{/if}}
  122. <div class="scan">删除</div>
  123. </div>
  124. </li>
  125. {{/each}}
  126. </script>
  127. <div style="display: none;" class="div-fzxzjm">
  128. <li data-type="link" data-html="fzxz-jumingim.html" style="padding: 0; margin: 0; position: relative;">
  129. <div class="l-info">
  130. <div class="icon-area circle-40 " style="width: 50px; height: 50px;top: 2px;">
  131. <div class="c-icon-qianyuexiaoxi" style="background: url(../images/feizixunzhong-juming_icon.png);background-size: cover;width: 100%;height: 100%;"></div>
  132. </div>
  133. <div class="c-list-info">
  134. <p class="c-name" style="display: inline-block;">非咨询中居民</p>
  135. <!--非咨询居民未读消息数-->
  136. <div class="c-909090 newInfo l-list-times Xweizhi">
  137. <div class="red-dot {{if it.my_role==1 || it.count==0}}c-hide{{/if}} new-count weXX" style="background: #95d6ef;width: 25px;height: 25px;line-height: 25px;font-size: 13px;margin: 5px auto 0px;">
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </li>
  143. </div>
  144. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  145. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  146. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  147. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  148. <script src="../../../js/template.js"></script>
  149. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
  150. <script src="../../../widget/mobiscroll/2.17.1/js/mobiscroll.js" type="text/javascript" charset="utf-8"></script>
  151. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  152. <script src="../../../js/jquery.ellipsis.js" type="text/javascript" charset="utf-8"></script>
  153. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  154. <script src="../../../js/iscroll-probe.js"></script>
  155. <script src="../../../js/iscroll-pull-up-down.js"></script>
  156. <script src="../../../js/pull-up-down.js"></script>
  157. <script src="../js/search-bar.js" type="text/javascript" charset="utf-8"></script>
  158. <script src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script>
  159. <script src="../../js/l-scroll.js" type="text/javascript" charset="utf-8"></script>
  160. <link rel="stylesheet" href="../../js/l-scroll.css" type="text/css" />
  161. <script src="../../../js/mui.pullToRefresh.js" type="text/javascript" charset="UTF-8"></script>
  162. <script src="../../../js/mui.pullToRefresh.material.js" type="text/javascript" charset="utf-8"></script>
  163. <script src="../js/jumingim.js" type="text/javascript" charset="utf-8"></script>
  164. <script src="../../../js/im.client.js" type="text/javascript" charset="utf-8"></script>
  165. </body>
  166. </html>