create.php 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. {include file="public/frame_head"}
  2. <link href="{__FRAME_PATH}css/plugins/iCheck/custom.css" rel="stylesheet">
  3. <script src="{__PLUG_PATH}moment.js"></script>
  4. <link rel="stylesheet" href="{__PLUG_PATH}daterangepicker/daterangepicker.css">
  5. <script src="{__PLUG_PATH}daterangepicker/daterangepicker.js"></script>
  6. <script src="{__ADMIN_PATH}frame/js/plugins/iCheck/icheck.min.js"></script>
  7. <style type="text/css">
  8. .form-inline .input-group{display: inline-table;vertical-align: middle;}
  9. .form-inline .input-group .input-group-btn{width: auto;}
  10. .form-add{position: fixed;left: 0;bottom: 0;width:100%;}
  11. .form-add .sub-btn{border-radius: 0;width: 100%;padding: 6px 0;font-size: 14px;outline: none;border: none;color: #fff;background-color: #2d8cf0;}
  12. </style>
  13. <div class="layui-row">
  14. <div class="layui-col-md12">
  15. <div class="layui-card">
  16. <div class="layui-card-body">
  17. <div class="layui-row layui-col-space10">
  18. <div class="layui-col-md12">
  19. <form class="layui-form layui-form-pane" id="form" method="get">
  20. <div class="layui-form-item">
  21. <div class="layui-inline">
  22. <div class="layui-input-inline datepicker">
  23. <input type="text" id="data" class="input-sm form-control" name="data" value="{$where.data}" placeholder="请选择日期" >
  24. </div>
  25. </div>
  26. <div class="layui-inline">
  27. <div class="layui-input-inline">
  28. <input type="text" name="nickname" value="{$where.nickname}" placeholder="请输入微信用户名称" class="input-sm form-control">
  29. </div>
  30. </div>
  31. <div class="layui-inline">
  32. <div class="layui-input-inline">
  33. <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe615;</i> 搜索</button>
  34. </div>
  35. </div>
  36. </div>
  37. </form>
  38. </div>
  39. <div class="layui-col-md12">
  40. <table class="layui-table">
  41. <thead>
  42. <tr>
  43. <th></th>
  44. <th>编号</th>
  45. <th>微信昵称</th>
  46. <th>头像</th>
  47. <th>性别</th>
  48. <th>是否关注公众号</th>
  49. <th>首次关注时间</th>
  50. </tr>
  51. </thead>
  52. <tbody>
  53. <form method="post" class="sub-save">
  54. {volist name="list" id="vo"}
  55. <tr>
  56. <td class="text-center">
  57. <label class="checkbox-inline i-checks">
  58. <input type="checkbox" name="ids[]" value="{$vo.uid}">
  59. </label>
  60. </td>
  61. <td class="text-center">
  62. {$vo.uid}
  63. </td>
  64. <td class="text-center">
  65. {$vo.nickname}
  66. </td>
  67. <td class="text-center">
  68. <img src="{$vo.headimgurl}" alt="{$vo.nickname}" title="{$vo.nickname}" style="width:50px;height: 50px;cursor: pointer;" class="head_image" data-image="{$vo.headimgurl}">
  69. </td>
  70. <td class="text-center">
  71. {if condition="$vo['sex'] eq 1"}
  72. {elseif condition="$vo['sex'] eq 2"/}
  73. {else/}
  74. 保密
  75. {/if}
  76. </td>
  77. <td class="text-center">
  78. {if condition="$vo['subscribe']"}
  79. {else/}
  80. {/if}
  81. </td>
  82. <td class="text-center">
  83. {$vo.add_time|date="Y-m-d H:i:s",###}
  84. </td>
  85. </tr>
  86. {/volist}
  87. </form>
  88. </tbody>
  89. </table>
  90. </div>
  91. <div class="layui-col-md12">
  92. <button type="submit" class="layui-btn layui-btn-fluid layui-btn-normal">提交</button>
  93. </div>
  94. </div>
  95. {include file="public/inner_page"}
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <script>
  101. $('.i-checks').iCheck({
  102. checkboxClass: 'icheckbox_square-green',
  103. });
  104. $('.head_image').on('click',function (e) {
  105. var image = $(this).data('image');
  106. $eb.openImage(image);
  107. })
  108. var dateInput =$('.datepicker');
  109. dateInput.daterangepicker({
  110. autoUpdateInput: false,
  111. "opens": "center",
  112. "drops": "down",
  113. "ranges": {
  114. '今天': [moment(), moment().add(1, 'days')],
  115. '昨天': [moment().subtract(1, 'days'), moment()],
  116. '上周': [moment().subtract(6, 'days'), moment()],
  117. '前30天': [moment().subtract(29, 'days'), moment()],
  118. '本月': [moment().startOf('month'), moment().endOf('month')],
  119. '上月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
  120. },
  121. "locale" : {
  122. applyLabel : '确定',
  123. cancelLabel : '清空',
  124. fromLabel : '起始时间',
  125. toLabel : '结束时间',
  126. format : 'YYYY/MM/DD',
  127. customRangeLabel : '自定义',
  128. daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],
  129. monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月',
  130. '七月', '八月', '九月', '十月', '十一月', '十二月' ],
  131. firstDay : 1
  132. }
  133. });
  134. dateInput.on('cancel.daterangepicker', function(ev, picker) {
  135. $("#data").val('');
  136. });
  137. dateInput.on('apply.daterangepicker', function(ev, picker) {
  138. $("#data").val(picker.startDate.format('YYYY/MM/DD') + ' - ' + picker.endDate.format('YYYY/MM/DD'));
  139. });
  140. $(".layui-btn-fluid").on("click",function(){
  141. var formData = {checked_menus:[]};
  142. $("input[name='ids[]']:checked").each(function(){
  143. formData.checked_menus.push($(this).val());
  144. });
  145. $eb.axios.post("{$save}",formData).then((res)=>{
  146. if(res.status && res.data.code == 200)
  147. return Promise.resolve(res.data);
  148. else
  149. return Promise.reject(res.data.msg || '添加失败,请稍候再试!');
  150. }).then((res)=>{
  151. $eb.message('success',res.msg || '操作成功!');
  152. $eb.closeModalFrame(window.name);
  153. }).catch((err)=>{
  154. this.loading=false;
  155. $eb.message('error',err);
  156. });
  157. })
  158. </script>
  159. {include file="public/inner_footer"}