TG.WXCRM.V4/WEB/Views/Live/Index.cshtml

@using WX.CRM.WebHelper
@{
    /**/

    /**/

    ViewBag.Title = "bas_salesDepartment";
    Layout = "~/Views/Shared/_content.cshtml";
}
<script src="/Scripts/jquery.easyui.min.js" type="text/javascript"></script>
<link href="/Content/themes/blue/easyui.css" rel="stylesheet" />
<link href="/Content/Site.css" rel="stylesheet" />
<script src="/Scripts/common.js"></script>
<link href="/Content/data_grid_list.css" rel="stylesheet" />
<script src="/Scripts/op/jquery.rewrite.js"></script>

<div class="layui-card" id="topcard" style="width:100%;">
    <div class="layui-card-header layui-self-header">
        <div style="float:left;position:relative;">
            直播客户列表
        </div>
    </div>
    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
        <div class="layui-tab-title" style="display:flex">
            <ul style="flex:8">
                <li class="layui-this" lay-id="1">直播课汇总表</li>
                <li lay-id="2">直播课明细表</li>
                <li lay-id="3">企微直播列表</li>
            </ul>
            <div class="mvctool" style="flex:1;display:flex;justify-content:flex-end;align-items:center;">
                @*@Html.ToolButton("btnExport4", "icon-export", "导出", "LiveUserSummayExport", false)
                @Html.ToolButton("btnExport5", "icon-export", "导出", "LiveUserRealTimeExport", false)
                @Html.ToolButton("btnExport6", "icon-export", "导出", "LiveUserWeworkExport", false)
                    
                <button type="button" class="layui-btn layui-btn-sm   layui-btn-primary" onclick="reloadPage()" title="点击刷新整个页面">
                    <i class="layui-icon">
                        &#xe9aa;
                    </i>
                </button>*@
            </div>
        </div>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <iframe id="LiveUserSummay" src="" class="live-iframe"></iframe>
                @*@Html.Action("LiveUserSummay", "Live")*@
            </div>
            <div class="layui-tab-item">
                <iframe id="LiveUserRealTime" src="" class="live-iframe"></iframe>
                @*@Html.Action("LiveUserRealTime", "Live")*@
            </div>
            <div class="layui-tab-item">
                <iframe id="LiveUserWework" src="" class="live-iframe"></iframe>
                @*@Html.Action("LiveUserWework", "Live")*@
            </div>
        </div>
    </div>
</div>
<script>
    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function () {
        var element = layui.element;
        document.getElementById('LiveUserSummay').setAttribute('src', '/Live/LiveUserSummay');
        //…
        //document.getElementById('btnExport5').setAttribute('style', 'display:none;');
        //document.getElementById('btnExport6').setAttribute('style', 'display:none;');
        element.on('tab(docDemoTabBrief)', function () {
            var layid = this.getAttribute('lay-id');

            if (layid == "1") {
                if (document.getElementById('LiveUserSummay').getAttribute("src") == "") {
                    document.getElementById('LiveUserSummay').setAttribute('src', '/Live/LiveUserSummay');
                }
                //TabChange(layid);
            }
            else if (layid == "2") {
                if (document.getElementById('LiveUserRealTime').getAttribute("src") == "") {
                    document.getElementById('LiveUserRealTime').setAttribute('src', '/Live/LiveUserRealTime');
                }
                //TabChange(layid);
            }
            else if (layid == "3" && document.getElementById('LiveUserWework').getAttribute("src") == "") {
                if (document.getElementById('LiveUserWework').getAttribute("src") == "") {
                    document.getElementById('LiveUserWework').setAttribute('src', '/Live/LiveUserWework');
                }
                //TabChange(layid);
            }
        });
    });
    window.addEventListener("message", receiveMessage, false);
    var curTab = "1";
    function TabChange(id) {
        curTab = id;
        switch (id) {
            case "1":
                document.getElementById('btnExport4').setAttribute('style', 'display:block;');
                document.getElementById('btnExport5').setAttribute('style', 'display:none;');
                document.getElementById('btnExport6').setAttribute('style', 'display:none;');
                break;
            case "2":
                document.getElementById('btnExport5').setAttribute('style', 'display:block;');
                document.getElementById('btnExport4').setAttribute('style', 'display:none;');
                document.getElementById('btnExport6').setAttribute('style', 'display:none;');
                break;
            case "3":
                document.getElementById('btnExport6').setAttribute('style', 'display:block;');
                document.getElementById('btnExport5').setAttribute('style', 'display:none;');
                document.getElementById('btnExport4').setAttribute('style', 'display:none;');
                break;
        }
    }
    function reloadPage() {
        switch (curTab) {
            case "1":
               var iframe1 = document.getElementById("LiveUserSummay");
                iframe1.contentWindow.location.reload();
                break;
            case "2":
                var iframe2 = document.getElementById("LiveUserRealTime");
                iframe2.contentWindow.location.reload();
                break;
            case "3":
                var iframe3 = document.getElementById("LiveUserWework");
                iframe3.contentWindow.location.reload();
                break;
        }
    }

    function receiveMessage(event) {
        console.log("收到消息了，该死的");
        console.log(event);
        if (event.data != null && event.data.url != null) {
            //ChildAddTab(event.data.name, event.data.url, event.data.icon)
            //ParentAddTab(event.data.url, event.data.name);
            window.parent.AddNewTab(event.data.name, "", event.data.url);
        }
    }
    function LiveUserSummayExport() {
        var doc = document.getElementById("LiveUserSummay").contentWindow;
        doc.postMessage({
        }, "*");
    }
    function LiveUserRealTimeExport() {
        var doc = document.getElementById("LiveUserRealTime").contentWindow;
        doc.postMessage({
        }, "*");
    }
    function LiveUserWeworkExport() {
        var doc = document.getElementById("LiveUserWework").contentWindow;
        doc.postMessage({
        }, "*");
    }
</script>
<style>
    .live-iframe {
        width: 100%;
        height: 800px;
        border: 0;
    }
</style>