{extend name="layout/content" /} {block name="header"}
<!--
  ~ Copyright (C) 2018 Baidu, Inc. All Rights Reserved.
  -->
<title>操作日志</title>
{/block} {block name="content"}
<div class="x-body">
 

        <form class="layui-form">


            <div style="float:right">

            
           
            <div class="layui-inline">
                <label>请选择身份：</label>
                <div class="layui-input-inline">
                    <select name="type" lay-search>
                        <option value="1" {if condition="1 eq input('type')" } selected="selected" {/if}>管理员</option>
						<!--
                        <option value="2" {if condition="2 eq input('type')" } selected="selected" {/if}>渠道</option>
						-->
					</select>
                </div>
            </div>


            <div class="layui-inline">
                <label>操作项目：</label>
                <div class="layui-input-inline">
                    <select name="parent_node" lay-search id="parent_node" lay-filter="parent_node">
                        <option value="">请选择操作项目</option>
                        {volist name="parent_node" id="p"}
                        <option value="{$key}" {if condition="$Request.get.parent_node eq $key" }selected="selected" {/if}> {$p}</option>
                        {/volist}
                    </select>
                </div>
            </div>



            <div class="layui-inline">
                <label>操作类型：</label>
                <div class="layui-input-inline">
                    <select name="child_node" lay-search id="child_node">
                        <option value="">请选择操作类型</option>
                    </select>
                </div>
            </div>


            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input class="layui-input" name="username" placeholder="用户名" value="{$Request.get.username}" autocomplete="off">
                </div>
            </div>
            


            <div class="layui-inline">
                <button class="layui-btn layui-btn-radius" lay-submit>查询</button>
            </div>

            </div>


            <div style="clear:both"></div>


            <table class="layui-table">
                    <thead>
                    <tr>
                        <th>用户名</th>
                        <th>操作项目</th>
                        <th>操作类型</th>
                        <th style="width: 50%">操作内容</th>
                        <th>时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    {empty name="list"}
                    <tr>
                        <td colspan="20" style="text-align: center;">暂无数据</td>
                    </tr>
                    {else /}
                    {volist name="list" id="vo"}
                    <tr>
                        <td>{$vo.username|escape}</td>
                        <td>{$vo.parent_node_name}</td>
                        <td>{$vo.child_node_name}</td>
                        <td>{$vo.content|escape}</td>
                        <td>{$vo.create_time}</td>
                    </tr>
                    {/volist}
                    {/empty}
                    </tbody>
                </table>
            
            


                <div class="pager-container">
                    <span>
                        {$total}条记录
                    </span>
                    {$page}
                    <div class="layui-inline" style="margin:0;margin-left:10px;width:80px;">
                        <input type="text" style="height: 30px;" class="layui-input" placeholder="跳转至" name="page" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">
                    </div>
                </div>

    </form>



  
    
</div>

{/block} {block name="footer"}
<script>
    layui.use(['form', 'laydate'], function () {
        var laydate = layui.laydate;

        var form = layui.form;
        var html, selected, option = '';

        var parent_node_id = "{$parent_node_id}";
        var child_node_id = "{$child_node_id}";

        console.log(child_node_id);
        if (parent_node_id != 0) {
            getChildNode(parent_node_id, child_node_id)
        }
        form.on('select(parent_node)', function (data) {
            getChildNode(data.value, child_node_id)
        })


        function getChildNode(parent_node_id) {
            $.getJSON("{:url('getChildNode')}", {
                    'parent_id': parent_node_id
                },
                function (res) {
                    if (res.code) {
                        html = '';
                        html += "<option value=''>请选择操作项目</option>";
                        $.each(res.data, function (index, value) {
                            if (index == child_node_id) {
                                selected = 'selected';
                                option = "<option " + selected + " value='" + index + "'>" + value +
                                    "</option>";
                            } else {
                                option = "<option value='" + index + "'>" + value + "</option>";
                            }
                            html += option;
                        })
                        $('#child_node').html(html);
                        form.render('select');
                    }

                });
        }

    })
</script>
{/block}