follow_manage.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  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="../../../css/mui.min.css"/>
  12. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  13. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  14. <link rel="stylesheet" type="text/css" href="../css/yy-qygl.css">
  15. <link rel="stylesheet" type="text/css" href="../css/qygl.css">
  16. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  17. <style type="text/css">
  18. .no_result_wrap{z-index: 3;position: relative;}
  19. .mui-scroll-wrapper{top: 103px;}
  20. .gzgl-list{background-color: #f2f4f6;overflow: hidden;margin: 0;box-shadow: none;border: none;}
  21. .gzgl-list:before,.gzgl-list:after{background: none;}
  22. .gzgl-list .c-list-cover{padding-left: 15px;display: flex;justify-content: center;align-items: center;}
  23. .gzgl-list .c-list-info{flex: 1;-webkit-flex: 1;padding: 8px;}
  24. .gzgl-list .c-list-action{background: #4dcd6f;color: #fff;align-self: stretch;line-height: 63px;}
  25. </style>
  26. </head>
  27. <body>
  28. <div class="lin-mask"></div>
  29. <!-- 签约管理和续签下拉框 -->
  30. <ul class="lin-sel-group">
  31. <li><input type="radio" class="icon-checkbox mr10" name="sign-class" value="1" checked id="sign1"><label for="sign1">签约管理</label></li>
  32. <li><input type="radio" class="icon-checkbox mr10" name="sign-class" value="2" id="sign2"><span class=""></span><label for="sign2">续签管理</label></li>
  33. </ul>
  34. <div class="h45">
  35. <div class="demo-comtop">
  36. <a class="mui-action-back"></a>
  37. <h1 class="header-select">
  38. <span class=""></span><span id="Dtitle" >关注管理</span><!--<label class="lin-down-arrow"></label>-->
  39. </h1>
  40. <a href="javascript: void(0);" id="" class="c-fff header-link c-f16 c-hide" onclick="">提醒续签</a>
  41. </div>
  42. </div>
  43. <div class="qy-barner c-hide" >
  44. <div class="c-position-r" style="z-index:2;">
  45. <div class="sign-comonhd plr10 bgc-fff">
  46. <div class="sanp-flex tab-group1 ptb10">
  47. <p>已关注</p>
  48. <p id="already_paid"></p>
  49. </div>
  50. <div class="sanp-flex tab-group1 ptb10">
  51. <p>总关注</p>
  52. <p id="general_concern"></p>
  53. </div>
  54. </div>
  55. </div>
  56. <!-- 续签管理-待缴费 -->
  57. <div class="posater-oper">
  58. <div class="no_result_wrap 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. <div id="pullrefresh" class="mui-content mui-scroll-wrapper">
  63. <div class="mui-scroll">
  64. <!--数据列表-->
  65. <ul class="mui-table-view mui-table-view-chevron gzgl-list"></ul>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </body>
  71. <script type="text/html" id="gzgl_tmpl">
  72. {{each list as val i}}
  73. <li class="c-list-cover" data-concernCode="{{val.concernCode}}" data-code="{{val.code}}">
  74. <div class="c-avatar-m">
  75. <img src="{{val.photo | setPhoto}}" />
  76. </div>
  77. <div class="c-list-info c-list-indent-m c-position-r">
  78. <h4 class="c-nowrap lh26">{{val.name}}<span class="ml15">({{val.sex | setSex}} {{val.age}}岁)</span>
  79. {{if val.isWX}}
  80. <img class="weixin-icon" src="../../../images/weixing_icon.png"/>
  81. {{/if}}
  82. </h4>
  83. <p class="f-fs14 c-nowrap ">关注时间: {{val.concernTime | formatShowTime}}</p>
  84. </div>
  85. <div class="c-list-action c-gzgl-action" data-type="agree">
  86. 查 看
  87. </div>
  88. </li>
  89. {{/each}}
  90. </script>
  91. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  92. <script type="text/javascript" src="../js/base.js"></script>
  93. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  94. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  95. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  96. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  97. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  98. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  99. <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
  100. <script src="../../js/templateHelp.js" type="text/javascript" charset="utf-8"></script>
  101. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  102. <script src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script>
  103. <!--<link href="../../js/l-scroll.css" rel="stylesheet" type="text/css">-->
  104. <!--<script src="../../js/l-scroll.js" type="text/javascript" charset="utf-8"></script>-->
  105. <script src="../js/follow_manage.js" type="text/javascript" charset="utf-8"></script>
  106. </html>