huanzhe.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  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="../../../common/iconfont/iconfont.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" type="text/css" href="../../../css/mui-pull.css"/>
  12. <link rel="stylesheet" type="text/css" href="../css/huanzhe.css"/>
  13. </head>
  14. <body>
  15. <div class="lin-mask"></div>
  16. <ul class="lin-sel-group">
  17. </ul>
  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="wrapper" class="mui-scroll-wrapper">
  25. <div class="mui-scroll">
  26. <div class="c-main " style="margin-top:45px;">
  27. <!--<div class="lin-search searchbar">
  28. <div class="c-f12 search-input">
  29. <img src="../../../images/sousuo_icon.png" />
  30. 搜索居民
  31. </div>
  32. </div>
  33. <div id="top_msg_bar" >
  34. 您有<span id="unassigned_num"></span>个居民待分配健管师。<a id="handle_link" href="javascript:void(0)">点击处理</a>
  35. <img class="close-btn" src="../images/guanbi_btn.png"></img>
  36. </div>
  37. <div id="group_label_list">
  38. <ul class="c-blocks-4">
  39. <li class="group-item" data-type="2" style="width:20%"><img src="../images/jiankangqingkuang_icon.png"></img><div class="item-label">健康情况</div></li>
  40. <li class="group-item" data-type="3" style="width:20%"><img src="../images/jibingleixing_icon.png"></img><div class="item-label">疾病类型</div></li>
  41. <li class="group-item" data-type="4" style="width:20%"><img src="../images/icon_tuanduibiaoqian.png"></img><div class="item-label">团队标签</div></li>
  42. <li class="group-qytx" style="width:20%"><img src="../images/tijiantixing_icon.png"></img><div class="item-label">体检提醒</div></li>
  43. <li class="group-item" data-type="9" style="width:20%"><img src="../images/icon_qianyuedaoqi.png"></img><div class="item-label">签约到期</div></li>
  44. </ul>
  45. </div>
  46. <div class="mid-bar">
  47. <div class="div-wfp c-hide">
  48. <img src="../images/weifenpei_icon.png" />未分配健管师居民<label>(45人)</label>
  49. </div>
  50. <div class="div-qbjm c-hide">
  51. <img src="../images/guanli_icon.png" />管理团队所有签约居民<label>(0人)</label>
  52. </div>
  53. </div>
  54. <div id="search_result" class="patient c-border-t" style="position: relative;">
  55. <div class="my-work-secflo" id="pati_list">
  56. </div>
  57. </div>
  58. <div id="no_result_wrap" class="c-hide">
  59. <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
  60. <div class="f-fs14 c-323232 c-t-center">抱歉,暂未找到符合条件的结果。</div>
  61. </div>-->
  62. <ul class="n-list" id="n-list">
  63. </ul>
  64. </div>
  65. </div>
  66. </div>
  67. <script type="text/html" id="teams_tmpl">
  68. {{each data as v i}}
  69. <li class="{{v.id,i | setChecked}}" data-code="{{v.id}}" data-name="{{v.name}}" data-leaderCode="{{v.leaderCode}}"><img src="../images/checked_blue.png"><label>{{v.name}}</label></li>
  70. {{/each}}
  71. </script>
  72. <script type="text/html" id="pati_group_tmpl">
  73. {{each list as val i}}
  74. <div class="patient-list" data-group="{{val.labelCode}}" data-amount="{{val.amount}}" data-page="1">
  75. <div class="patient-type">
  76. <div class="arrow "> <i class="ui-arrow ui-arrow-b"></i></div>
  77. <h3 class="t c-f16">{{val.labelName}}<em class="c-ccc ml10 c-f10">({{val.focusAmount}}/{{val.amount}})</em></h3>
  78. </div>
  79. <ul class="n-list">
  80. </ul>
  81. <div class="load-more c-hide">点击加载更多</div>
  82. </div>
  83. {{/each}}
  84. </script>
  85. <script type="text/html" id="pati_list_tmpl">
  86. {{each list as value j}}
  87. <li class="n-list-link list-arrow-r n-list-cover patient-list-item" data-patient-code="{{value.code}}"><!-- data-json="{{value.jsonStr}}"-->
  88. <div class="patient-face patient-face-new">
  89. <img src="{{value.photo,value.sex | setPatiPic}}">
  90. </div>
  91. <div class="n-list-info">
  92. <h4 class="c-nowrap c-f16 mt5">{{value.name}}
  93. <em class="mb-em">({{value.sex | setSex}} {{value.age | setAge}}岁)</em>
  94. </h4>
  95. <div class="mj-flex">
  96. {{if value.isWX}}
  97. <img class="weixin-icon" src="../../../images/weixing_icon2.png"/>
  98. {{else}}
  99. <img class="weixin-icon" src="../../../images/weixing_zihui_icon.png"/>
  100. {{/if}}
  101. </div>
  102. </div>
  103. </li>
  104. {{/each}}
  105. <li class="load-more">点击加载更多</li>
  106. </script>
  107. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  108. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  109. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  110. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  111. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  112. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  113. <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
  114. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  115. <script src="../../js/templateHelp.js" type="text/javascript" charset="utf-8"></script>
  116. <script src="../../../js/mui.pullToRefresh.js" type="text/javascript" charset="UTF-8"></script>
  117. <script src="../../../js/mui.pullToRefresh.material.js" type="text/javascript" charset="utf-8"></script>
  118. <script src="../js/huanzhe.js" type="text/javascript" charset="utf-8"></script>
  119. </body>
  120. </html>