index.html 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>用户管理</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <script src="../../../admin/index.js" door type="text/javascript" charset="utf-8"></script>
  8. <script type="text/javascript">
  9. require('js/common.js')
  10. </script>
  11. <style type="text/css">
  12. .layui-table-cell {
  13. height: auto;
  14. overflow: visible;
  15. text-overflow: inherit;
  16. white-space: normal;
  17. }
  18. </style>
  19. <!--类型下拉模板-->
  20. <script type="text/html" id="typeHtmlTpl">
  21. <option value="">{{d.name}}</option>
  22. {{# if(!d.list){d.list = []}}} {{# for(var i=0;i
  23. <d.list.length;i++){}} <option value="{{d.list[i].id}}">{{d.list[i].name}}</option>
  24. {{#}}}
  25. </script>
  26. <!--操作模板-->
  27. <script type="text/html" id="operatingTool">
  28. {{# if(layui.data('auth').data.update){ }}
  29. <a class="layui-btn layui-btn-xs" lay-event="edit">修改</a>
  30. {{# }}}
  31. {{# if(layui.data('auth').data.delete){ }}
  32. <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
  33. {{# }}}
  34. </script>
  35. <script type="text/html" id="checkboxTpl">
  36. <!-- 这里的 checked 的状态只是演示 -->
  37. <input type="checkbox" name="status" id="{{d.userId}}" value="{{d.status}}" title="可用" lay-filter="statusDemo" {{ d.status == 0 ? 'checked' : '' }}>
  38. </script>
  39. <script type="text/html" id="toolbar">
  40. <div class="layui-btn-container">
  41. <button class="layui-btn add-btn" lay-event="add">新增</button>
  42. </div>
  43. </script>
  44. </head>
  45. <body class="childrenBody">
  46. <div class="layui-fluid">
  47. <div class="layui-card">
  48. <div class="layui-tab layui-tab-brief" lay-filter="tabBrief">
  49. <ul class="layui-tab-title">
  50. <li class="layui-this">系统账号</li>
  51. </ul>
  52. <div class="layui-tab-content">
  53. <div class="layui-tab-item layui-show">
  54. <div class="layui-card-header layout-header">
  55. <form class="layui-form" action="" novalidate>
  56. <div class="layui-form-item">
  57. <div class="layui-inline">
  58. <i class="layui-icon search-icon">&#xe615;</i>
  59. <input type="text" name="name" placeholder="请输入账号" autocomplete="off" class="layui-input">
  60. </div>
  61. <div class="layui-inline">
  62. <button class="layui-btn" lay-submit lay-filter="userDataSearch">搜索</button>
  63. </div>
  64. </div>
  65. </form>
  66. </div>
  67. <div class="layui-card-body layout-body">
  68. <table id="userDataTable" lay-filter="userDataTable" class="layui-table" lay-even lay-skin="nob"></table>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. <script src="index.js" type="text/javascript" charset="utf-8"></script>
  76. </body>
  77. </html>