search_all.html 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  5. <meta charset="utf-8">
  6. <title>搜索全部居民</title>
  7. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
  8. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  9. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  10. <link rel="stylesheet" type="text/css" href="../../../common/css/jy-style.css">
  11. <link rel="stylesheet" href="../css/search-bar.css" type="text/css"/>
  12. <link rel="stylesheet" href="../css/searchhuanzhe.css" type="text/css"/>
  13. <link rel="stylesheet" type="text/css" href="../../../css/mui-pull.css"/>
  14. <style>
  15. .l-wrapper{top:46px !important;}
  16. #search_suggest_text{position: absolute; top: 50px;}
  17. #pati_list ul{margin-top:10px;}
  18. #pati_list ul:first-child{margin-top: 0;}
  19. </style>
  20. </head>
  21. <body>
  22. <div class="c-main ">
  23. <section style="position: fixed;top: 0px;left: 0px;width: 100%;z-index: 5;">
  24. <div class="lin-search-ipt" style="border-bottom: 1px solid #dcdcdc;">
  25. <div class="div-input">
  26. <input id="searchPut" placeholder="根据完整姓名、身份证号搜索所有居民" class="f-fs12"/>
  27. </div>
  28. <a href="#" >取消</a>
  29. </div>
  30. <div id="search_suggest_text" class="c-dn">
  31. </div>
  32. </section>
  33. <div class="search-his c-hide" id="history_search" style="z-index:3;position: absolute;top:47px;width: 100%;overflow: auto;">
  34. <div class="title">
  35. <div class="his">历史搜索</div>
  36. <div id="clear_his_data" class="cler">清空</div>
  37. </div>
  38. <ul class="his-list-ul" id="his_sear_list">
  39. </ul>
  40. </div>
  41. <div id="search_result" class="c-hide">
  42. <div class="mui-scroll-wrapper" style="top:46px;">
  43. <div class="mui-scroll">
  44. <div id="pati_list">
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <div id="no_result_wrap" class="c-hide">
  50. <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
  51. <div class="f-fs14 c-323232 c-t-center">抱歉,暂未找到符合条件的结果。</div>
  52. </div>
  53. </div>
  54. <script type="text/html" id="pati_list_tmpl">
  55. {{each teams as team index}}
  56. <ul class="c-list">
  57. <li class="ptb10 pl10 c-list-cover" style="border-top: 1px solid #f1f1f1;">
  58. <div class="c-f14 c-666">{{team.teamName}}签约居民</div>
  59. </li>
  60. {{each team.patients as value}}
  61. <li class="n-list-link list-arrow-r n-list-cover" data-patient-code="{{value.code}}" data-json="{{value.jsonStr}}">
  62. <div class="patient-face patient-face-new">
  63. <img src="{{value.photo,value.sex | setPatiPic}}">
  64. </div>
  65. <div class="n-list-info">
  66. <h4 class="c-nowrap c-f16 j-text-ellipsis" data-text="{{value.name}} ({{value.sex | setSex}} {{value.age}}岁)">{{value.name | setSex}} ({{value.sex}} {{value.age}}岁)</h4>
  67. {{if inputText == "idcard"}}
  68. <div class="c-f15 c-909090 pt5 text-ellipsis j-text-ellipsis" data-text="{{value.idcard}}">{{value.idcard}}</div>
  69. {{/if}}
  70. <em class="red-point"></em> </div>
  71. <div class="n-list-info c-t-right c-909090 l-sanshi-ico">
  72. {{if value.openid}}
  73. <img class="weixin-icon" src="../../../images/weixing_icon.png"/>
  74. {{/if}}
  75. </div>
  76. </li>
  77. {{/each}}
  78. </ul>
  79. {{/each}}
  80. {{if patients_len > 0}}
  81. <ul class="c-list">
  82. <li class="ptb10 pl10 c-list-cover" style="border-top: 1px solid #f1f1f1;">
  83. <div class="c-f14 c-666">无签约关系居民</div>
  84. </li>
  85. {{each patients as item}}
  86. <li class="n-list-link list-arrow-r c-list-cover" data-code="{{item.code}}">
  87. <div class="patient-face patient-face-new">
  88. <img src="{{item.photo,item.sex | setPatiPic}}">
  89. </div>
  90. <div class="n-list-info">
  91. <h4 class="c-nowrap c-f16 j-text-ellipsis" data-text="{{item.name}} ({{item.sex | setSex}} {{item.age}}岁)">{{item.name | setSex}} ({{item.sex}} {{item.age}}岁)</h4>
  92. {{if inputText == "idcard"}}
  93. <div class="c-f15 c-909090 pt5 text-ellipsis j-text-ellipsis" data-text="{{item.idcard}}">{{item.idcard}}</div>
  94. {{/if}}
  95. <em class="red-point"></em> </div>
  96. <div class="n-list-info c-t-center c-909090 l-sanshi-ico ">
  97. <!--<div class="mr5">-->
  98. {{if item.isSign == "1" || item.isSign == 1}}
  99. <img class="" src="../images/yiqianyue_icon.png" width="63" style="margin-top:13px;"/>
  100. {{else}}
  101. <img class="" src="../images/weiqianyue_icon.png" width="63" style="margin-top:13px;"/>
  102. {{/if}}
  103. <!--</div>-->
  104. </div>
  105. </li>
  106. {{/each}}
  107. </ul>
  108. {{/if}}
  109. </script>
  110. <script type="text/html" id="his_list_tmpl">
  111. {{each list as v}}
  112. <li class="his-list">{{v}}</li>
  113. {{/each}}
  114. </script>
  115. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  116. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  117. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  118. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  119. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  120. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  121. <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
  122. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  123. <!--<script src="../../js/android.js" type="text/javascript" charset="utf-8"></script>-->
  124. <script src="../js/search-bar.js" type="text/javascript" charset="utf-8"></script>
  125. <script src="../../js/templateHelp.js" type="text/javascript" charset="utf-8"></script>
  126. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  127. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  128. <script src="../../../js/mui.pullToRefresh.js" type="text/javascript" charset="UTF-8"></script>
  129. <script src="../../../js/mui.pullToRefresh.material.js" type="text/javascript" charset="utf-8"></script>
  130. <script src="../js/search_all.js" type="text/javascript" charset="utf-8"></script>
  131. </body>
  132. </html>