@{
    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" title="外诉处理列表" tabindex="1">
        外诉处理列表
    </div>
    <div class="tab-item action" title="内诉处理列表" tabindex="2">
        内诉处理列表
    </div>
</div>
<div class="tab-main-box">
    <div class="tab-iframe" tabindex="1">
        <iframe src="/WeiXin/OutComplaint/index">
        </iframe>
    </div>

    <div class="tab-iframe" tabindex="2">
        <iframe src="/WeiXin/InComplaint/index">
        </iframe>
    </div>

</div>