1、左侧导航菜单

    <div class="layui-side layui-bg-black">
        <ul class="layui-nav layui-nav-tree">
            <li class="layui-nav-item layui-nav-itemed">
                <a href="javascript:;">生产管理</a>

                <dl class="layui-nav-child">
                    <dd><a href="javascript:;" data-url="/orderList.do">生产领料</a></dd>
                    <dd><a href="javascript:;" data-url="">生产退料</a></dd>
                    <dd><a href="javascript:;" data-url="">产品入库</a></dd>
                </dl>
            </li>

        </ul>

    </div>

2、右侧容器

                <iframe frameborder="0" scrolling="yes" style="width: 100%;height: 100%;" src="" id="aa">
                </iframe>

3、js代码

<script>
    layui.use(function(){
        var element = layui.element;
        element.render('nav');
    });
    //JS

    // 左侧菜单点击事件
    $('.layui-nav-child a').on('click', function () {
        var url = $(this).attr("data-url");
        // var url = $(this).data('url');
        if (url) {
            $("#aa").attr("src",url);
        }
    });
</script>