TG.WXCRM.V4/WEB/Views/LivePlayback/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("btnExport1", "icon-export", "导出", "LiveUserSummayExport", false)
                @Html.ToolButton("btnExport2", "icon-export", "导出", "LiveUserRealTimeExport", 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="LivePlaybackSummay" src="" class="live-iframe"></iframe>
                @*@Html.Action("LiveUserSummay", "Live")*@
            </div>
            <div class="layui-tab-item">
                <iframe id="LivePlaybackUserTime" src="" class="live-iframe"></iframe>
                @*@Html.Action("LiveUserRealTime", "Live")*@
            </div>
        </div>
    </div>
</div>
<script>
    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function () {
        var element = layui.element;
        document.getElementById('LivePlaybackSummay').setAttribute('src', '/LivePlayback/LivePlaybackSummay');
        //document.getElementById('btnExport2').setAttribute('style', 'display:none;');

        element.on('tab(docDemoTabBrief)', function () {
            var layid = this.getAttribute('lay-id');
            if (layid == "1") {
                if (document.getElementById('LivePlaybackSummay').getAttribute("src") == "") {
                    document.getElementById('LivePlaybackSummay').setAttribute('src', '/LivePlayback/LivePlaybackSummay');
                }
                //TabChange(layid);
            }
            else if (layid == "2"  ) {
                if (document.getElementById('LivePlaybackUserTime').getAttribute("src") == "") {
                    document.getElementById('LivePlaybackUserTime').setAttribute('src', '/LivePlayback/LivePlaybackRealTime');
                }
                //TabChange(layid);
            }
        });
        
    });
    var curTab = "1";
    function TabChange(id) {
        curTab = id;
        switch (id) {
            case "1":
                document.getElementById('btnExport1').setAttribute('style', 'display:block;');
                document.getElementById('btnExport2').setAttribute('style', 'display:none;');
            case "2":
                document.getElementById('btnExport2').setAttribute('style', 'display:block;');
                document.getElementById('btnExport1').setAttribute('style', 'display:none;');
        }
    }
    function reloadPage() {
        switch (curTab) {
            case "1":
                var iframe1 = document.getElementById("LivePlaybackSummay");
                iframe1.contentWindow.location.reload();
            case "2":
                var iframe2 = document.getElementById("LivePlaybackUserTime");
                iframe2.contentWindow.location.reload();
        }
    }
    window.addEventListener("message", receiveMessage, false);
    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("LivePlaybackSummay").contentWindow;
        doc.postMessage({
        }, "*");
    }
    function LiveUserRealTimeExport() {
        var doc = document.getElementById("LivePlaybackUserTime").contentWindow;
        doc.postMessage({
        }, "*");
    }
</script>
<style>
    .live-iframe {
        width: 100%;
        height: 800px;
        border: 0;
    }
</style>