@{
    ViewBag.Title = "企微流转设置";
    Layout = "~/Views/Shared/_Index_Layout2.cshtml";
}

<script>
    $(function () {
        $(".tab-item").click(function () {
            $(".tab-item").removeClass("action");
            $(this).addClass("action");
            var tabIndex = $(this).attr("tabindex");
            $(".tab-iframe").hide();
            $(".tab-iframe[tabindex='" + tabIndex + "']").show();
        });
        $(".tab-item").first().click();
    })
</script>

<style>
    .bodyDiv {
        height: 100%;
        margin: 0;
        padding: 0;
    }

    body {
        overflow: hidden;
    }

    .tabs-box {
        display: flex;
        flex-direction: row;
        justify-content: left;
    }

    .tab-item {
        padding: 5px 10px;
        cursor: pointer;
        border: 1px solid #d3d3d3;
    }

    .action {
        border-bottom: 2px solid #1799FF;
    }

    .tab-main-box {
        height: 95%;
        border: 1px solid #808080;
    }

    .tab-iframe {
        display: none;
        height: 100%;
    }

        .tab-iframe iframe {
            width: 99%;
            height: 99%;
            border: none;
        }
</style>

<div class="tabs-box">
    <div class="tab-item action" title="企微流转设置" tabindex="1">
        企微流转设置
    </div>
    <div class="tab-item" title="流转记录" tabindex="2">
        流转记录
    </div>
</div>
<div class="tab-main-box">
    <div class="tab-iframe" tabindex="1">
        <iframe id="wxResourceSetting" src="/WeWork/WxResource/setting">
        </iframe>
    </div>

    <div class="tab-iframe" tabindex="2">
        <iframe id="wxResourceIndex" src="/WeWork/WxResource/index">
        </iframe>
    </div>
</div>

<script>
    function reloadResourceIndex(value) {
        $('#wxResourceSetting').attr('src', $('#wxResourceSetting').attr('src'));
        $('#wxResourceIndex').attr('src', $('#wxResourceIndex').attr('src'));
        $(".tab-item").last().click();
    }
</script>