operate.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. {extend name="layout/content" /} {block name="header"}
  2. <!--
  3. ~ Copyright (C) 2018 Baidu, Inc. All Rights Reserved.
  4. -->
  5. <title>操作日志</title>
  6. {/block} {block name="content"}
  7. <div class="x-body">
  8. <form class="layui-form">
  9. <div style="float:right">
  10. <div class="layui-inline">
  11. <label>请选择身份:</label>
  12. <div class="layui-input-inline">
  13. <select name="type" lay-search>
  14. <option value="1" {if condition="1 eq input('type')" } selected="selected" {/if}>管理员</option>
  15. <!--
  16. <option value="2" {if condition="2 eq input('type')" } selected="selected" {/if}>渠道</option>
  17. -->
  18. </select>
  19. </div>
  20. </div>
  21. <div class="layui-inline">
  22. <label>操作项目:</label>
  23. <div class="layui-input-inline">
  24. <select name="parent_node" lay-search id="parent_node" lay-filter="parent_node">
  25. <option value="">请选择操作项目</option>
  26. {volist name="parent_node" id="p"}
  27. <option value="{$key}" {if condition="$Request.get.parent_node eq $key" }selected="selected" {/if}> {$p}</option>
  28. {/volist}
  29. </select>
  30. </div>
  31. </div>
  32. <div class="layui-inline">
  33. <label>操作类型:</label>
  34. <div class="layui-input-inline">
  35. <select name="child_node" lay-search id="child_node">
  36. <option value="">请选择操作类型</option>
  37. </select>
  38. </div>
  39. </div>
  40. <div class="layui-inline">
  41. <div class="layui-input-inline">
  42. <input class="layui-input" name="username" placeholder="用户名" value="{$Request.get.username}" autocomplete="off">
  43. </div>
  44. </div>
  45. <div class="layui-inline">
  46. <button class="layui-btn layui-btn-radius" lay-submit>查询</button>
  47. </div>
  48. </div>
  49. <div style="clear:both"></div>
  50. <table class="layui-table">
  51. <thead>
  52. <tr>
  53. <th>用户名</th>
  54. <th>操作项目</th>
  55. <th>操作类型</th>
  56. <th style="width: 50%">操作内容</th>
  57. <th>时间</th>
  58. </tr>
  59. </thead>
  60. <tbody>
  61. {empty name="list"}
  62. <tr>
  63. <td colspan="20" style="text-align: center;">暂无数据</td>
  64. </tr>
  65. {else /}
  66. {volist name="list" id="vo"}
  67. <tr>
  68. <td>{$vo.username|escape}</td>
  69. <td>{$vo.parent_node_name}</td>
  70. <td>{$vo.child_node_name}</td>
  71. <td>{$vo.content|escape}</td>
  72. <td>{$vo.create_time}</td>
  73. </tr>
  74. {/volist}
  75. {/empty}
  76. </tbody>
  77. </table>
  78. <div class="pager-container">
  79. <span>
  80. {$total}条记录
  81. </span>
  82. {$page}
  83. <div class="layui-inline" style="margin:0;margin-left:10px;width:80px;">
  84. <input type="text" style="height: 30px;" class="layui-input" placeholder="跳转至" name="page" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">
  85. </div>
  86. </div>
  87. </form>
  88. </div>
  89. {/block} {block name="footer"}
  90. <script>
  91. layui.use(['form', 'laydate'], function () {
  92. var laydate = layui.laydate;
  93. var form = layui.form;
  94. var html, selected, option = '';
  95. var parent_node_id = "{$parent_node_id}";
  96. var child_node_id = "{$child_node_id}";
  97. console.log(child_node_id);
  98. if (parent_node_id != 0) {
  99. getChildNode(parent_node_id, child_node_id)
  100. }
  101. form.on('select(parent_node)', function (data) {
  102. getChildNode(data.value, child_node_id)
  103. })
  104. function getChildNode(parent_node_id) {
  105. $.getJSON("{:url('getChildNode')}", {
  106. 'parent_id': parent_node_id
  107. },
  108. function (res) {
  109. if (res.code) {
  110. html = '';
  111. html += "<option value=''>请选择操作项目</option>";
  112. $.each(res.data, function (index, value) {
  113. if (index == child_node_id) {
  114. selected = 'selected';
  115. option = "<option " + selected + " value='" + index + "'>" + value +
  116. "</option>";
  117. } else {
  118. option = "<option value='" + index + "'>" + value + "</option>";
  119. }
  120. html += option;
  121. })
  122. $('#child_node').html(html);
  123. form.render('select');
  124. }
  125. });
  126. }
  127. })
  128. </script>
  129. {/block}