index.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. {extend name="layout/content" /}
  2. {block name="header"}
  3. <title>角色管理</title>
  4. <style>
  5. .layui-inline {
  6. margin-right: 20px;
  7. }
  8. </style>
  9. {/block}
  10. {block name="content"}
  11. <div class="x-body">
  12. <form class="layui-form" method="post" action="{:url('index')}">
  13. <div style="margin-bottom: 20px;float: left;">
  14. <a href="{:url('add')}" class="layui-btn layui-btn-radius"><i class="layui-icon">&#xe654;</i>添加管理员</a>
  15. </div>
  16. <div style="margin-bottom: 20px;float: right;">
  17. <div class="layui-inline">
  18. <label>用户名:</label>
  19. <div class="layui-input-inline">
  20. <input class="layui-input" placeholder="请输入用户名" name="username" value="{:input('request.username', '')}">
  21. </div>
  22. </div>
  23. <div class="layui-inline">
  24. <label>手机号:</label>
  25. <div class="layui-input-inline">
  26. <input class="layui-input" placeholder="请输入手机号" name="mobile" value="{:input('request.mobile', '')}">
  27. </div>
  28. </div>
  29. <div class="layui-inline">
  30. <label >角色:</label>
  31. <div class="layui-input-inline">
  32. <select name="role_id" lay-search="">
  33. <option value="">- 请选择角色 -</option>
  34. {foreach name="roles" item="vo"}
  35. <option value="{$vo.id}" {if condition="input('request.role_id', '') eq $vo.id" }selected="selected" {/if}>{$vo.name}</option>
  36. {/foreach}
  37. </select>
  38. </div>
  39. </div>
  40. <div class="layui-inline">
  41. <label >状态:</label>
  42. <div class="layui-input-inline">
  43. <select name="status">
  44. <option value="">- 请选择状态 -</option>
  45. <option value="1" {if condition="input('request.status', '') eq '1'" }selected="selected" {/if}>开启</option>
  46. <option value="0" {if condition="input('request.status', '') eq '0'" }selected="selected" {/if}>冻结</option>
  47. </select>
  48. </div>
  49. </div>
  50. <div class="layui-inline">
  51. <label>创建时间:</label>
  52. <div class="layui-input-inline">
  53. <input class="layui-input" placeholder="" value="{:input('request.start_time', '')}" name="start_time" id="start_time" autocomplete="off">
  54. </div>
  55. </div>
  56. <div class="layui-inline">
  57. <label>-</label>
  58. <div class="layui-input-inline">
  59. <input class="layui-input" placeholder="" value="{:input('request.end_time', '')}" name="end_time" id="end_time" autocomplete="off">
  60. </div>
  61. </div>
  62. <div class="layui-inline">
  63. <button class="layui-btn layui-btn-radius" lay-submit>搜索</button>
  64. <a class="layui-btn layui-btn-radius" href="{:url('User/index')}">清空</a>
  65. </div>
  66. </div>
  67. <table class="layui-table">
  68. <thead>
  69. <tr>
  70. <th width="50">ID</th>
  71. <th>用户名</th>
  72. <th>手机号</th>
  73. <th>角色</th>
  74. <th>状态</th>
  75. <th>创建时间</th>
  76. <th>操作</th>
  77. </tr>
  78. </thead>
  79. <tbody>
  80. {volist name="users" id="vo"}
  81. <tr>
  82. <td>{$vo.id}</td>
  83. <td>{$vo.username}</td>
  84. <td>{$vo.mobile}</td>
  85. <td>{$vo.name}</td>
  86. <td>{$vo.status ? '开启' : '冻结'}</td>
  87. <td>{:date('Y-m-d H:i:s',$vo.create_time)}</td>
  88. <td>
  89. <a href="{:url('edit', array('id'=>$vo['id']))}" class="layui-btn">
  90. <i class="layui-icon">&#xe642;</i>编辑</a>
  91. <a href="javascript:;" onclick="del_info(this,'{:url(\'delete\',[\'id\'=>$vo.id])}')"
  92. class="layui-btn layui-btn-danger">
  93. <i class="layui-icon">&#xe640;</i>删除</a>
  94. {if condition="$vo['status'] eq 1"}
  95. <a href="{:url('user/ban', array('id'=>$vo['id']))};"
  96. class="layui-btn layui-btn-warm">冻结</a>
  97. {else /}
  98. <a href="{:url('cancelBan', array('id'=>$vo['id']))}" class="layui-btn">开启</a>
  99. {/if}
  100. </td>
  101. </tr>
  102. {/volist}
  103. </tbody>
  104. </table>
  105. <div class="pager-container" style="margin-top:10px;">
  106. <span>
  107. {$users->total()}条记录
  108. </span>
  109. {$page}
  110. <div class="layui-inline" style="margin:0;margin-left:10px;width:80px;">
  111. <input type="text" style="height: 30px;" class="layui-input" placeholder="跳转至" name="page" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">
  112. </div>
  113. </div>
  114. </form>
  115. </div>
  116. {/block}
  117. {block name="footer"}
  118. <script>
  119. layui.use(['laydate', 'form'], function () {
  120. var laydate = layui.laydate;
  121. var form = layui.form;
  122. var starttime = laydate.render({
  123. elem: '#start_time',
  124. type: 'date',
  125. format: 'yyyy-MM-dd',
  126. done: function (value, dates) {
  127. endtime.config.min = {
  128. year: dates.year,
  129. month: dates.month - 1, //关键
  130. date: dates.date,
  131. hours: 0,
  132. minutes: 0,
  133. seconds: 0
  134. };
  135. }
  136. });
  137. var endtime = laydate.render({
  138. elem: '#end_time',
  139. type: 'date',
  140. format: 'yyyy-MM-dd',
  141. done: function (value, dates) {
  142. starttime.config.max = {
  143. year: dates.year,
  144. month: dates.month - 1, //关键
  145. date: dates.date,
  146. hours: 0,
  147. minutes: 0,
  148. seconds: 0
  149. }
  150. }
  151. });
  152. });
  153. </script>
  154. {/block}