{extend name="common/common2" /}
{block name="main"}
<style>
    .subside{
        position: fixed;
        z-index: 10;
        top: 15px;
        left: 40px;
        width: 200px;
        bottom: 0;
        background: #ffffff;
        color: #333333;
        overflow: auto;
        padding: 10px;
        border-right: 1px solid #e7eaec;
    }
    .subside .subside-title{
        font-size: 18px;
        padding: 0 10px;
        font-weight: bold;
        line-height: 50px;
    }
    .subside .subside-list{
        font-size: 17px;
        padding: 0 10px;
        line-height: 45px;
        height: 45px;
        color: var(--themeColor);
        overflow: hidden;
        font-weight: 600;
    }
    .subside .subside-sublist{
        font-size: 15px;
        padding: 0 10px;
        line-height: 45px;
        cursor: pointer;
        color: #333333;
        height: 45px;
        overflow: hidden;
    }
    .subside .subside-sublist.cur{
        background-color: #EBF2FF;
        border-right: 5px solid var(--themeColor);
        color: var(--themeColor);
    }
    .subside .subside-sublist:hover{
        background-color: rgba(235, 242, 255, 0.5);
    }
    .subside .subside-sublist.cur:hover{
        background-color: #EBF2FF;
    }
    .submain{
        position: fixed;
        z-index: 10;
        top: 15px;
        left: 240px;
        right: 15px;
        bottom: 0;
        background: #ffffff;
        overflow: hidden;
    }
</style>
<div class="subside">
    <div class="subside-title">{$ptitle}</div>

    {volist name="submenus" id="v"}
    {if condition="!empty($v['child'])"}
    <div class="subside-list">{$v.title}</div>
    {volist name="v['child']" id="vo" key="k"}
    {if condition="$vo['url'] eq $furl"}
    <a class="JmenuItem" href="{$vo.url}">
        <div class="subside-sublist cur">{$vo.title}</div>
    </a>
    {else /}
    <a class="JmenuItem" href="{$vo.url}">
        <div class="subside-sublist">{$vo.title}</div>
    </a>
    {/if}
    {/volist}
    {else /}
    {if condition="$v['url'] eq $furl"}
    <a class="JmenuItem" href="{$v.url}">
        <div class="subside-sublist cur">{$v.title}</div>
    </a>
    {else /}
    <a class="JmenuItem" href="{$v.url}">
        <div class="subside-sublist">{$v.title}</div>
    </a>
    {/if}
    {/if}

    {/volist}
</div>
{if condition="$isAreaDispatch eq 1 and $seatinfo"}
{include file="orders_dispatch/telrecord" /}
{/if}
<div class="submain" id="main-iframe">
    <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="{$furl}" frameborder="0" data-id="index_v1.html" seamless></iframe>
</div>
{/block}

{block name="script"}
<script>
    $(window).bind("resize",function(){
        var width=$(".jqGrid_wrapper").width();
        $("#table2").setGridWidth(width);
    });


    $(function () {

        $(document).on('click','.JmenuItem',function () {

            $('.subside-sublist').removeClass('cur');
            $(this).find('.subside-sublist').addClass('cur');

            let url = $(this).attr('href');
            let str = '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="'+url+'" frameborder="0" data-id="'+url+'" seamless></iframe>';
            $('#main-iframe').html(str);
            return false;
        });

    });

</script>
{/block}