@using WX.CRM.WebHelper;
@{
    ViewBag.Title = "合规录音查询";
    Layout = "~/Views/Shared/_Index_Layout2.cshtml";
}
<link href="~/Content/main.css" rel="stylesheet" />
<div class="mvctool">
    @Html.ToolButton("btnQuery", "icon-search", "查询", true)
    @Html.Action("ToolBar", "Control", ViewBag.ToolBar as ToolBar)
</div>
<div class="bas_datagrid">
    <div id="tb" style="padding:5px;height:auto" class="grid_toolbar">
        <ul class="toolBar_ul">
            <li>订单Id：@Html.TextBox("txt_orderid")</li>
            <li>录音编号：@Html.TextBox("txt_recordid", "", new { style = "width:150px" })</li>
            <li>添加时间：@Html.WdatePickerText("txt_ctime", DateTime.Now.AddDays(-5).ToString("yyyy-MM-dd"))-@Html.WdatePickerText("txt_etime", DateTime.Now.AddDays(1).ToString("yyyy-MM-dd"))</li>
            <li>
                录音下载：@Html.DropDownList("slt_isdown", new List<SelectListItem>() {
                                        new  SelectListItem(){ Text="所有",Value=""},
                                        new  SelectListItem(){ Text="成功",Value="1"},
                                        new  SelectListItem(){ Text="失败",Value="0"}
                                })
            </li>
        </ul>
    </div>
    @Html.Raw(ViewBag.gridTable)
</div>
<div id="recordPlayerWin"></div>
<script type="text/javascript">
    $(function () {
        $('#tablist').tablegrid({
            url: '/Csvr/HGRecord/GetHtmlList',
            height: $(window).height() - 110,
            loadNow: true
        });
        $(window).resize(function () {//自动适应大小
            $('#tablist').tablegrid('resize', {
                height: $(window).height() - 110
            });
        });
        $("#btnQuery").click(function () {
            $('#tablist').tablegrid("Search");
        });

    });
    //ifram 返回
    function frameReturnByClose() {
        $("#modalwindow").window('close');
    }
    function frameReturnByReload(flag) {
        $("#tablist").tablegrid("Load");
    }
    function frameReturnByMes(mes) {
        $.messageBox5s('提示', mes);
    }

    //录音
 /*   function PalyRecord(url, objDiv, ctiver) {
        $('#recordPlayerWin').window({
            title: '播放录音', width: 330, height: 180, iconCls: 'icon-add', shadow: true,
            modal: true,
            closed: true,
            minimizable: false,
            maximizable: false,
            collapsible: false,
            onBeforeClose: function () { //当面板关闭之前触发的事件
                var _player = $("#Player");
                if (_player)
                    _player.stop();
            }
        }).window('open');
        $('#recordPlayerWin').html('<object id="Player" width="300" height="50" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..."  type="application/x-oleobject"hspace="5"><param name="AutoRewind" value="1"><param name="FileName" value="' + url + '"><param name="ShowControls" value="1"><param name="ShowPositionControls" value="0"><param name="ShowAudioControls" value="1"><param name="ShowTracker" value="1"><param name="ShowDisplay" value="0"><param name="ShowStatusBar" value="0"><param name="ShowGotoBar" value="0"><param name="ShowCaptioning" value="0"><param name="AutoStart" value="1"><param name="Volume" value="5000"><param name="AnimationAtStart" value="0"><param name="TransparentAtStart" value="0"><param name="AllowChangeDisplaySize" value="0"><param name="AllowScan" value="0"><param name="EnableContextMenu" value="0"><param name="ClickToPlay" value="1"> </object>');
    }*/

    function PalyRecord(url, objDiv, ctiver) {
        $('#recordPlayerWin').window({
            title: '播放录音', width: 330, height: 180, iconCls: 'icon-add', shadow: true,
            modal: true,
            closed: true,
            minimizable: false,
            maximizable: false,
            collapsible: false,
            onBeforeClose: function () { //当面板关闭之前触发的事件
                //document.getElementById("Player").stop();
            }
        }).window('open');
        if (ctiver == "@(((int)WX.CRM.Model.Enum.CTI_VER.深海捷固定坐席).ToString())"
            || ctiver == "@(((int)WX.CRM.Model.Enum.CTI_VER.艾讯).ToString())"
             || ctiver == "@(((int)WX.CRM.Model.Enum.CTI_VER.艾讯new).ToString())"
            ) {
            var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1
            if (isChrome) {
                $('#recordPlayerWin').html("<video controls=\"\" src=\"" + url + "\" style=\"width:300px; height:50px;\" autoplay=\"autoplay\" />");
            }
            else {
                $('#recordPlayerWin').html('<object id="Player" width="300" height="50" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..."  type="application/x-oleobject"hspace="5"><param name="AutoRewind" value="1"><param name="FileName" value="' + url + '"><param name="ShowControls" value="1"><param name="ShowPositionControls" value="0"><param name="ShowAudioControls" value="1"><param name="ShowTracker" value="1"><param name="ShowDisplay" value="0"><param name="ShowStatusBar" value="0"><param name="ShowGotoBar" value="0"><param name="ShowCaptioning" value="0"><param name="AutoStart" value="1"><param name="Volume" value="5000"><param name="AnimationAtStart" value="0"><param name="TransparentAtStart" value="0"><param name="AllowChangeDisplaySize" value="0"><param name="AllowScan" value="0"><param name="EnableContextMenu" value="0"><param name="ClickToPlay" value="1"> </object>');
            }
        }
        else {
            $.ajax({
                url: url + "&jsoncallback=?",
                success: function (recordurl) {
                    $('#recordPlayerWin').html('<object id="Player" width="300" height="50" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..."  type="application/x-oleobject"hspace="5"><param name="AutoRewind" value="1"><param name="FileName" value="' + recordurl + '"><param name="ShowControls" value="1"><param name="ShowPositionControls" value="0"><param name="ShowAudioControls" value="1"><param name="ShowTracker" value="1"><param name="ShowDisplay" value="0"><param name="ShowStatusBar" value="0"><param name="ShowGotoBar" value="0"><param name="ShowCaptioning" value="0"><param name="AutoStart" value="1"><param name="Volume" value="5000"><param name="AnimationAtStart" value="0"><param name="TransparentAtStart" value="0"><param name="AllowChangeDisplaySize" value="0"><param name="AllowScan" value="0"><param name="EnableContextMenu" value="0"><param name="ClickToPlay" value="1"> </object>');
                },
                error: function () {
                    $.messager.alert("错误", "获取录音地址出错！", "error");
                },
                dataType: 'json'
            });
        }
    }

    function StopRecord(objDiv) {
        try {
            //document.getElementById("Player").stop();
        } catch (e) {

        }
        $('#' + objDiv).hide();
        $('#' + objDiv).html('');
    }
</script>