sousuojuming.html 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>搜索居民</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="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" />
  18. <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.17.1/css/mobiscroll.css" />
  19. <link rel="stylesheet" href="../css/search-bar.css" type="text/css"/>
  20. <link rel="stylesheet" type="text/css" href="../css/sousuojuming.css">
  21. </head>
  22. <body>
  23. <!--<div class="h45">
  24. <div class="demo-comtop">
  25. <a class="mui-action-back"></a>
  26. <h1>搜索居民</h1>
  27. </div>
  28. </div>-->
  29. <div class="lin-search-ipt" style="border-bottom: 1px solid #dcdcdc;">
  30. <div class="div-input">
  31. <input id="searchPut" placeholder="搜索" class="f-fs12"/>
  32. </div>
  33. <a href="#" >取消</a>
  34. </div>
  35. <div id="search_suggest_text" class="c-dn">
  36. </div>
  37. <div id="search_result" class="c-dn">
  38. <div id="doing_wrapper" >
  39. <div class="locate-city pl10 c-909090 pt10 pb10 pr10 pl10">
  40. 居民
  41. </div>
  42. <div class="list-wrap">
  43. <ul id="doing_list" class="c-list">
  44. </ul>
  45. <a href="javascript:void(0);" class="c-666666 c-t-center c-f13 more-result f-dn">
  46. <span >查看更多<i class="fa fa-angle-right"></i></span>
  47. </a>
  48. </div>
  49. </div>
  50. <div id="ql_wrapper" class="">
  51. <div class="locate-city pl10 c-909090 pt10 pb10 pr10 pl10">
  52. 群聊
  53. </div>
  54. <div class="list-wrap">
  55. <ul id="ql_list" class="c-list">
  56. </ul>
  57. <a href="javascript:void(0);" class="c-666666 c-t-center c-f13 more-result f-dn">
  58. <span >查看更多<i class="fa fa-angle-right"></i></span>
  59. </a>
  60. </div>
  61. </div>
  62. <div id="end_wrapper" class="mt10">
  63. <div class="locate-city pl10 c-909090 pt10 pb10 pr10 pl10">
  64. 聊天记录
  65. </div>
  66. <div class="list-wrap">
  67. <ul id="end_list" class="c-list">
  68. </ul>
  69. <a href="javascript:void(0);" class="c-666666 c-t-center c-f13 more-result f-dn">
  70. <span >查看更多<i class="fa fa-angle-right"></i></span>
  71. </a>
  72. </div>
  73. </div>
  74. </div>
  75. <div id="no_result_wrap" class="c-dn">
  76. <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
  77. <div class="f-fs14 c-323232 c-t-center">抱歉,暂未找到符合条件的结果。</div>
  78. </div>
  79. <!--
  80. 描述:签约居民模板
  81. -->
  82. <script type="text/html" id="qyjm_li_tmpl">
  83. {{each list as it}}
  84. <li class="c-list-cover pb5" data-type="juming" data-stype="{{it.session_type}}" data-code="{{it.session_id}}" data-name="{{it.session_name}}" data-photo="{{it.avatar}}" data-sex="{{it.sex}}" style="position: relative;">
  85. <div class="c-avatar-m"><img src="{{it.avatar | getImgUrl}}"></div>
  86. <div class="c-list-info ptb5 pl10" >
  87. <h4 class="c-333 c-f16 c-fwb c-content-warp">
  88. <span class="j-text-ellipsis" data-text="{{it.user_name}}" style="color: #333;">{{it.user_name}}</span>
  89. {{if it.sex==2}}
  90. <span>(女 {{it.idcard | setAge}}岁)</span>
  91. {{else}}
  92. <span>(男 {{it.idcard | setAge}}岁)</span>
  93. {{/if}}
  94. <!--{{if it.session_type==8}}
  95. <div class="span-invite">续方咨询</div>
  96. {{else if it.session_type!=2}} <!--健康咨询-->
  97. <!--<div class="span-invite">已邀请全科</div>
  98. {{/if}}-->
  99. </h4>
  100. <h4 class="c-333 c-f16 c-fwb c-content-warp mt10">
  101. <span class="j-text-ellipsis" data-text="{{it.idcard}}" style="color: #333;">{{it.idcard}}</span>
  102. </h4>
  103. </div>
  104. </li>
  105. {{/each}}
  106. </script>
  107. <!--
  108. 描述:群聊模板
  109. -->
  110. <script type="text/html" id="ql_li_tmpl">
  111. {{each list as it}}
  112. <li class="c-list-cover pb5" data-type="sessions" data-load="1" data-stype="{{it.type}}"data-code="{{it.id}}" data-name="{{it.name}}" style="position: relative;">
  113. <div class="c-avatar-m">{{#it.memberPhoto}}</div>
  114. <div class="c-list-info ptb5 pl10" >
  115. <h4 class="c-333 c-f16 c-fwb c-content-warp">
  116. <span style="color: #333;" class="j-text-ellipsis" data-text="{{it.name}}">{{it.name}}</span>
  117. </h4>
  118. {{if it.members}}
  119. <p class="c-content-warp mt5 pl5">
  120. 包含:<span class="c-dest-content c-f14 j-text-ellipsis" data-text="{{it.members}}"></span>
  121. </p>
  122. {{/if}}
  123. </div>
  124. </li>
  125. {{/each}}
  126. </script>
  127. <!--
  128. 描述: 聊天记录模板
  129. -->
  130. <script type="text/html" id="ltjl_li_tmpl">
  131. {{each list as it}}
  132. <li class="c-list-cover pb5" data-load="1" data-type="messages" data-stype="{{it.session_type}}" data-code="{{it.session_id}}" data-name="{{it.session_name}}" data-msgId="{{it.msgId}}" style="position: relative;">
  133. <div class="c-avatar-m">{{#it.memberPhoto}}</div>
  134. <div class="c-list-info ptb5 pl10" >
  135. <h4 class="c-333 c-f16 c-fwb c-content-warp">
  136. <span style="color: #333;" class="j-text-ellipsis" data-text="{{it.session_name}}">{{it.session_name}}</span>
  137. {{if it.type=="1"}}
  138. {{if it.sex=="2"}}
  139. <span>(女 {{it.birthday | setAge}}岁)</span>
  140. {{else}}
  141. <span>(男 {{it.birthday | setAge}}岁)</span>
  142. {{/if}}
  143. {{/if}}
  144. </h4>
  145. {{if it.amount<=1}}
  146. <p class="c-content-warp mt5 pl5">
  147. <span class="c-dest-content c-f14 j-text-ellipsis" data-text="{{it.content}}"></span>
  148. </p>
  149. {{else}}
  150. <p class="mt5">
  151. <span class="c-dest-content c-f14">{{it.amount}}条相关聊天记录</span>
  152. </p>
  153. {{/if}}
  154. </div>
  155. </li>
  156. {{/each}}
  157. </script>
  158. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  159. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  160. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  161. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  162. <script src="../../../js/template.js"></script>
  163. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
  164. <script src="../../../widget/mobiscroll/2.17.1/js/mobiscroll.js" type="text/javascript" charset="utf-8"></script>
  165. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  166. <script src="../../../js/jquery.ellipsis.js" type="text/javascript" charset="utf-8"></script>
  167. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  168. <script src="../js/search-bar.js" type="text/javascript" charset="utf-8"></script>
  169. <script src="../../js/l-scroll.js" type="text/javascript" charset="utf-8"></script>
  170. <script src="../../js/android.js" type="text/javascript" charset="utf-8"></script>
  171. <!--<script src="../../../js/im_new.js" type="text/javascript" charset="utf-8"></script>-->
  172. <script src="../../../js/im.client.js" type="text/javascript" charset="utf-8"></script>
  173. <script src="../js/sousuojuming.js" type="text/javascript" charset="utf-8"></script>
  174. </body>
  175. </html>