demo.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit">
  6. <title>后台管理系统</title>
  7. <link rel="stylesheet" href="/Content/admin/layui/css/layui.css">
  8. <link rel="stylesheet" href="/Content/admin/css/common.css">
  9. <link rel="stylesheet" href="/Content/admin/css/iconfont.css">
  10. <!--[if lt IE 9]>
  11. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  12. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  13. <![endif]-->
  14. </head>
  15. <body class="layui-layout-body">
  16. <script src="/Content/admin/layui/layui.js"></script>
  17. <script src="/Content/admin/js/jquery.js"></script>
  18. <script src="/Content/admin/js/common.js"></script>
  19. <script>
  20. //JavaScript代码区域
  21. layui.use(['element'], function () {
  22. var element = layui.element;
  23. });
  24. </script>
  25. <div class="layui-layout layui-layout-admin">
  26. <div class="layui-header">
  27. <a class="layui-logo" href="index.html">
  28. <img src="/Content/admin/img/logo.png" alt="">
  29. </a>
  30. <ul class="layui-nav layui-layout-right">
  31. <li class="layui-nav-item">
  32. <a href="javascript:;">
  33. <img src="http://t.cn/RCzsdCq" class="layui-nav-img"> zx66
  34. </a>
  35. <dl class="layui-nav-child">
  36. <dd>
  37. <a href="">基本资料</a>
  38. </dd>
  39. <dd>
  40. <a href="">安全设置</a>
  41. </dd>
  42. </dl>
  43. </li>
  44. <li class="layui-nav-item">
  45. <a href="">退出登录</a>
  46. </li>
  47. </ul>
  48. </div>
  49. <div class="layui-side layui-side-menu">
  50. <div class="layui-side-scroll">
  51. <ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="layadmin-system-side-menu">
  52. <li class="layui-nav-item layui-nav-itemspec">
  53. <a href="javascript:;">
  54. <span class="item-title">收起左侧导航</span>
  55. <i class="layui-icon layui-icon-shrink-right"></i>
  56. </a>
  57. </li>
  58. <li class="layui-nav-item">
  59. <a href="javascript:;" lay-tips="用户管理" lay-direction="2">
  60. <span class="font-icon">
  61. <i class="iconfont icon-wenzhang"></i>
  62. </span>
  63. <span class="item-title">用户管理</span>
  64. <span class="layui-nav-more"></span>
  65. </a>
  66. <dl class="layui-nav-child">
  67. <dd>
  68. <a href="/AdminUsers/Index">后台用户</a>
  69. </dd>
  70. </dl>
  71. </li>
  72. <li class="layui-nav-item">
  73. <a href="javascript:;" lay-tips="栏目管理" lay-direction="2">
  74. <span class="font-icon">
  75. <i class="iconfont icon-wenzhang"></i>
  76. </span>
  77. <span class="item-title">栏目管理</span>
  78. <span class="layui-nav-more"></span>
  79. </a>
  80. <dl class="layui-nav-child">
  81. <dd>
  82. <a href="/Menu/Index">后台栏目</a>
  83. </dd>
  84. </dl>
  85. </li>
  86. <li class="layui-nav-item">
  87. <a href="javascript:;" lay-tips="日志管理" lay-direction="2">
  88. <span class="font-icon">
  89. <i class="iconfont icon-wenzhang"></i>
  90. </span>
  91. <span class="item-title">日志管理</span>
  92. <span class="layui-nav-more"></span>
  93. </a>
  94. <dl class="layui-nav-child">
  95. <dd>
  96. <a href="/LogsAdmin/index">后台日志</a>
  97. </dd>
  98. <dd>
  99. <a href="/Bills_CB/Index">彩币消费记录</a>
  100. </dd>
  101. <dd>
  102. <a href="/Bills_Jf/Index">积分消费记录</a>
  103. </dd>
  104. </dl>
  105. </li>
  106. <li class="layui-nav-item">
  107. <a href="javascript:;" lay-tips="商城管理" lay-direction="2">
  108. <span class="font-icon">
  109. <i class="iconfont icon-wenzhang"></i>
  110. </span>
  111. <span class="item-title">商城管理</span>
  112. <span class="layui-nav-more"></span>
  113. </a>
  114. <dl class="layui-nav-child">
  115. <dd>
  116. <a href="/Goods/Index">商品管理</a>
  117. </dd>
  118. </dl>
  119. </li>
  120. <span class="layui-nav-bar" style="top: 28px; height: 0px; opacity: 0;"></span>
  121. </ul>
  122. </div>
  123. </div>
  124. <div class="layui-body" id="LAY_app_body">
  125. <div class="layadmin-tabsbody-item layui-show">
  126. <div class="layui-card layadmin-header">
  127. <div class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
  128. <a lay-href="/">主页</a>
  129. <span lay-separator="">/</span>
  130. <a>
  131. <cite>后台用户列表</cite>
  132. </a>
  133. <span lay-separator="">/</span>
  134. <a href="javascript:history.back(-1)">返回</a>
  135. </div>
  136. <div class="main">
  137. <div class="searchbox">
  138. <a href="/AdminUsers/From" class="layui-btn">
  139. <i class="layui-icon"></i>新增</a>
  140. <span>账号:</span>
  141. <div class="layui-inline">
  142. <input class="layui-input" name="restname" id="restname" autocomplete="off">
  143. </div>
  144. <span class="searchname">昵称:</span>
  145. <div class="layui-inline">
  146. <input class="layui-input" name="restnickname" id="restnickname" autocomplete="off">
  147. </div>
  148. <span class="searchname">角色:</span>
  149. <div class="layui-form layui-inline">
  150. <select name="restrole" lay-filter="restrole" id="restrole">
  151. <option value="0">请选择角色</option>
  152. <option value="1">超级管理员</option>
  153. <option value="2">管理员</option>
  154. <option value="3">操作员</option>
  155. <option value="4">会计</option>
  156. </select>
  157. </div>
  158. <button class="layui-btn" data-type="reload" id="searchbtn">搜索</button>
  159. </div>
  160. <table class="layui-hide" id="tables" lay-filter="tables"></table>
  161. <script type="text/html" id="bar">
  162. <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  163. <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
  164. </script>
  165. </div>
  166. </div>
  167. </div>
  168. </div>
  169. <script type="text/javascript">
  170. // 创建表格
  171. layui.use(['table', 'form', 'laydate'], function () {
  172. var table = layui.table,
  173. form = layui.form,
  174. laydate = layui.laydate;
  175. laydate.render({
  176. elem: '#createtime',
  177. value: new Date()
  178. });
  179. table.render({
  180. elem: '#tables',
  181. url: '/AdminUsers/GetGridJson', //获取数据的接口
  182. title: '用户数据表',
  183. cellMinWidth: 120,
  184. cols: [[
  185. { title: 'ID', align: 'center', type: 'numbers' },
  186. { field: 'name', title: '账号' },
  187. { field: 'nickname', title: '昵称' },
  188. {
  189. field: 'role', title: '角色', templet: function (res) {
  190. var str = '管理员';
  191. switch (res.role) {
  192. case 1:
  193. str = '超级管理员';
  194. break;
  195. case 2:
  196. str = '管理员'
  197. break;
  198. case 3:
  199. str = '操作员'
  200. break;
  201. case 4:
  202. str = '会计'
  203. break;
  204. }
  205. return str
  206. }
  207. },
  208. {
  209. field: 'logo', title: '头像', templet: function (res) {
  210. return "<img class='headpic' src='" + res.logo + "'>"
  211. }
  212. },
  213. {
  214. field: 'createtime', title: '创建时间', templet: function (res) {
  215. return formatDate(res.createtime)
  216. }
  217. },
  218. { fixed: 'right', title: '操作', toolbar: '#bar' }
  219. ]],
  220. page: true, //分页
  221. limit: 17,
  222. id: 'searchReload',
  223. height: 'full-175'
  224. })
  225. $('#searchbtn').on('click', function () {
  226. var name = $.trim($('#restname').val());
  227. var nickname = $.trim($('#restnickname').val());
  228. var role = $.trim($('#restrole').val());
  229. var createtime = $.trim($("#createtime").val())
  230. if (name == '' && nickname == '' && role == 0 && createtime == '') {
  231. layer.msg("请输入查询条件", { icon: 5 });
  232. return false
  233. }
  234. table.reload('searchReload', {
  235. url: '/AdminUsers/GetGridJson',//查询返回的接口
  236. page: {
  237. curr: 1 //重新从第 1 页开始
  238. },
  239. where: {
  240. name: name,
  241. nickname: nickname,
  242. role: role
  243. }
  244. })
  245. });
  246. //操作每一行的数据
  247. table.on('tool(tables)', function (obj) {
  248. var data = obj.data;
  249. if (obj.event === 'del') {
  250. layer.confirm('真的删除行么', function (index) {
  251. $.ajax({
  252. url: '/AdminUsers/DeleteFrom', //删除的接口
  253. type: 'Post',
  254. dataType: "json",
  255. data: "id=" + data.id,
  256. success: function (res) {
  257. if (res.code == 0) {
  258. layer.msg('删除成功', { icon: 6 }, function () {
  259. location.reload()
  260. });
  261. } else {
  262. layer.msg("删除失败", { icon: 5 });
  263. }
  264. layer.close(index);
  265. }
  266. })
  267. });
  268. } else if (obj.event === 'edit') {
  269. window.location.href = '/AdminUsers/From?id=' + data.id
  270. }
  271. });
  272. })
  273. restuserid
  274. restusername
  275. restphone
  276. restaccountnumber
  277. restusername_a
  278. resttype
  279. adone
  280. </script>
  281. </div>
  282. </body>
  283. </html>