tips.html 10.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
  1. <include file="public@header"/>
  2. </head>
  3. <style>
  4. .form-inline .form-control {
  5. margin: 10px 0;
  6. vertical-align: middle;
  7. }
  8. .form-inline span {
  9. margin-left: 5px;
  10. vertical-align: middle;
  11. }
  12. .margin-left-10 {
  13. margin-left: 10px;
  14. }
  15. .profile em {
  16. font-style: normal;
  17. color: #0b6cbc;
  18. }
  19. .profile em.red {
  20. color: red;
  21. }
  22. span.sort {
  23. color: red;
  24. display: inline-block;
  25. margin-left: 2px;
  26. vertical-align: middle;
  27. }
  28. td img.avatar, td img.sex {
  29. width: 24px;
  30. height: 24px;
  31. vertical-align: middle;
  32. border-radius: 100%;
  33. }
  34. .form .form-control {
  35. margin-bottom: 20px;
  36. }
  37. .form .control-label {
  38. text-align: center;
  39. }
  40. .form label {
  41. text-align: left;
  42. margin-bottom: 10px;
  43. margin-right: 10px;
  44. }
  45. .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
  46. margin-left: 0;
  47. }
  48. .table-actions span {
  49. margin-right: 10px;
  50. font-weight: bold;
  51. }
  52. .table-actions span em {
  53. font-style: normal;
  54. color: red;
  55. }
  56. .layui-layer-page .layui-layer-content {
  57. overflow: hidden !important;
  58. }
  59. span.expired {
  60. color: red;
  61. }
  62. .js-bootstrap-date {
  63. line-height: 22px !important;
  64. }
  65. </style>
  66. <body>
  67. <div class="wrap js-check-wrap">
  68. <ul class="nav nav-tabs">
  69. <li class="active"><a>标签分类资源</a>
  70. </li>
  71. </ul>
  72. <form id="search" class="well form-inline margin-top-20" method="post" action="{:url('admin/sales/tips')}">
  73. <span>会员ID:</span>
  74. <input class="form-control" type="text" name="uid" style="width: 150px;" value="{:input('request.uid')}"
  75. placeholder="会员ID">
  76. <span>用户昵称:</span>
  77. <input class="form-control" type="text" name="user_nickname" style="width: 200px;"
  78. value="{:input('request.user_nickname')}" placeholder="用户昵称"><br>
  79. <span>用户姓名:</span>
  80. <input class="form-control" type="text" name="real_name" style="width: 200px;"
  81. value="{:input('request.real_name')}" placeholder="用户姓名">
  82. <span>手机号:</span>
  83. <input class="form-control" type="text" name="mobile" style="width: 200px;" value="{:input('request.mobile')}"
  84. placeholder="手机号">
  85. <input id="sort" type="hidden" name="sort" value="{$params.sort?$params.sort: 1}">
  86. <input id="sortType" type="hidden" name="sort_type" value="{$params.sort_type?$params.sort_type: 'desc'}">
  87. <input type="submit" class="btn btn-primary margin-left-10 " value="搜索"/>
  88. <a class="btn btn-default margin-left-10" href="{:url('admin/sales/tips')}">清空</a>
  89. <!-- <a class="btn btn-warning margin-left-10" href="{:url('admin/sales/export')}">导出</a>-->
  90. </form>
  91. <form class="form-horizontal js-ajax-form margin-top-20" role="form">
  92. <div class="table-actions tags">
  93. <foreach name="tagCounts" item="vo" key="k">
  94. <if condition="$k gt 0">
  95. <a href="{:url('admin/sales/tips',['intention'=> $k])}" <if condition="$k eq $params.intention">class="btn btn-primary margin-left-10"<else>class="btn btn-default margin-left-10"</if>>{$vo.name}({$vo.num})</a>
  96. <else>
  97. <a href="{:url('admin/sales/tips',['intention'=> $k])}" <if condition="$k eq $params.intention">class="btn btn-primary margin-left-10"<else>class="btn btn-default margin-left-10"</if>>全部({$total})</a>
  98. </if>
  99. </foreach>
  100. </div>
  101. <table class="table table-hover table-bordered">
  102. <thead>
  103. <tr>
  104. <!-- <th width="60"><input type="checkbox" class="js-check-all" data-direction="x" data-checklist="js-check-x">全选</th>-->
  105. <th>ID</th>
  106. <th width="120">用户名</th>
  107. <th>基本资料</th>
  108. <th>姓名</th>
  109. <th>手机号</th>
  110. <th width="100">VIP会员</th>
  111. <th width="100">充值过</th>
  112. <th width="100">消费过</th>
  113. <th width="100">跟进</th>
  114. <th width="100">意向标签</th>
  115. <th width="180">加入时间 <span class="row sort join-time" data-status="{$params.sort == 1? $params.sort_type : 'desc'}" onclick="sort(this,1)"><if condition="$params.sort eq 1 && $params.sort_type eq 'asc'">&#8595;<else>&#8593;</if></span></th>
  116. <th width="140">坠海倒计时 <span class="row sort pool-time" data-status="{$params.sort == 2? $params.sort_type : 'desc'}" onclick="sort(this,2)"><if condition="$params.sort eq 2 && $params.sort_type eq 'asc'">&#8595;<else>&#8593;</if></span></th>
  117. <th width="150">最后联系<span class="row sort last-time" data-status="{$params.sort == 3? $params.sort_type : 'desc'}" onclick="sort(this,3)"><if condition="$params.sort eq 3 && $params.sort_type eq 'asc'">&#8595;<else>&#8593;</if></span></th>
  118. <th>操作</th>
  119. </tr>
  120. </thead>
  121. <tbody>
  122. <foreach name="list" item="vo">
  123. <tr>
  124. <!-- <td><input type="checkbox" class="js-check" data-yid="js-check-y" data-xid="js-check-x" name="ids[]" value="{$vo.id}" title="ID:{$vo.id}"></td>-->
  125. <td>{$vo.user_id}</td>
  126. <td>
  127. <a href="{:url('admin/sales/info',['id'=> $vo.user_id])}"><img class="avatar" src="{$vo.avatar}"></a> <if condition="$vo['sex'] eq 1"><img class="sex" src="/static/images/male.png" alt=""><else><img class="sex" src="/static/images/fmale.png" alt=""></if> <span>{$vo['user_nickname']}</span>
  128. </td>
  129. <td>
  130. <p class="profile">{$vo.profile_text}</p>
  131. </td>
  132. <td>{$vo['real_name']}</td>
  133. <td><span <if condition="$vo.is_expired">class="expired"</if>>{$vo['mobile']? $vo['mobile']:'无'}</span></td>
  134. <td>
  135. <if condition="$vo['is_vip'] eq 1">
  136. <span style="color: green;">是</span>
  137. <else>
  138. <span style="color: red;">否</span>
  139. </if>
  140. </td>
  141. <td>
  142. <if condition="$vo['is_recharge'] eq 1">
  143. <span style="color: green;">是</span>
  144. <else>
  145. <span style="color: red;">否</span>
  146. </if>
  147. </td>
  148. <td>
  149. <if condition="$vo['is_cost'] eq 1">
  150. <span style="color: green;">是</span>
  151. <else>
  152. <span style="color: red;">否</span>
  153. </if>
  154. </td>
  155. <td><span id="follow-num{$vo.pool_id}">{$vo['followup_num']}</span></td>
  156. <td>
  157. <span id="tag-row{$vo.pool_id}">{$vo.intention_text? $vo.intention_text: '-'}</span>
  158. </td>
  159. <td>{$vo['create_time']}</td>
  160. <td><span <if condition="$vo.is_expired">class="expired"</if>>{$vo['expire_text']}</span></td>
  161. <td><span id="follow-time{$vo.pool_id}">{$vo['last_follow_time']? $vo['last_follow_time'] : '-'}</span></td>
  162. <td>
  163. <a onclick="setTag('{$vo.pool_id}','{$vo.real_name}')" >跟进</a>
  164. </td>
  165. </foreach>
  166. </tbody>
  167. </table>
  168. <div class="pagination">{$page}</div>
  169. </form>
  170. </div>
  171. <script src="__STATIC__/js/admin.js"></script>
  172. <script src="__STATIC__/js/clipboard.min.js"></script>
  173. <script src="__STATIC__/js/layer/layer.js"></script>
  174. <script src="__STATIC__/js/position/position1.js" type="text/javascript"></script>
  175. <script src="__STATIC__/js/height/height.js" type="text/javascript"></script>
  176. <script>
  177. /**
  178. * 排序
  179. * @param type
  180. */
  181. function sort(ele,type){
  182. $("#sort").val(type);
  183. var status = $(ele).attr('data-status');
  184. $("#sortType").val(status=='desc'? 'asc': 'desc');
  185. $(ele).html(status == 'desc'? '&#8595;' : '&#8593;');
  186. $(ele).attr('data-status', status=='desc'? 'asc': 'desc');
  187. $("#search").submit();
  188. }
  189. /**
  190. * 设置跟进情况
  191. * @returns {boolean}
  192. */
  193. function setTag(pool_id,real_name){
  194. layer.open({
  195. type: 2, //1:页面层,2:iframe层,3:加载层,4:tips层。
  196. title: '设置[ID:'+pool_id+'-'+real_name+']用户跟进情况',
  197. shadeClose: false, //不开启遮罩关闭,也就是说,点击弹出层其它地方不会关闭弹出框
  198. shade: 0.8, //遮罩
  199. offset: 'auto',
  200. scrollbar: false,
  201. area: ['800px', '600px'],
  202. content: "{:url('admin/sales/set')}?id="+pool_id,
  203. btnAlign: 'c',
  204. });
  205. return false;
  206. }
  207. /**
  208. * 清除
  209. * @returns {boolean}
  210. */
  211. function doDelete() {
  212. var ids = [];
  213. $(".js-check:checked").each(function () {
  214. var id = $(this).val();
  215. if (id > 0) {
  216. ids.push(id);
  217. }
  218. });
  219. if (ids.length <= 0) {
  220. layer.msg('请先选择操作项');
  221. return false;
  222. }
  223. if (confirm('确定批量清除选择项?不可恢复')) {
  224. $.post('/admin/pools/clear', {ids: ids}, function (res) {
  225. if (res.code == 1) {
  226. layer.msg(res.msg);
  227. setTimeout(function () {
  228. location.reload();
  229. }, 800)
  230. } else {
  231. layer.msg(res.msg);
  232. }
  233. }, "json")
  234. }
  235. }
  236. </script>
  237. </body>
  238. </html>