@using System.Collections.Generic
@using System.Web.UI.WebControls
@using WX.CRM.WebHelper;
@using WX.CRM.Common;
@{
    ViewBag.Title = "录音查询";
    Layout = "~/Views/Shared/_Index_Layout2.cshtml";
}
<script src="~/Scripts/op/tablegrid.sort.js"></script>
<link href="~/Content/main.css" rel="stylesheet" />
<div>
    <div class="mvctool">
        <div class="mvctool_mytitle">坐席监控</div>
        @Html.ToolButton("btnQuery", "icon-search", "查询", true)
        <input type="checkbox" id="cbrefresh" />自动刷新（10秒）
    </div>
    <div class="bas_datagrid">
        <div id="tb" style="padding:5px;height:auto" class="grid_toolbar">
            <ul class="toolBar_ul">
                <li>@Html.Action("UserComBoxByRole", "Control", new { onLoadSucced = "onLoadSucced()", controlName = "nb1", roleCodes = ViewBag.roleCodes, saledeptid = "", salegroupid = ViewBag.userGroupId, iseid = "0", inneruserid = "" })</li>
            </ul>
        </div>
        @Html.Raw(ViewBag.gridTable)
    </div>
    <script type="text/javascript">
        window.console = window.console || (function () {
            var c = {}; c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile
            = c.clear = c.exception = c.trace = c.assert = function () { };
            return c;
        })();

        //获取datagrid头部及字段
        function getDataGridHeader() {
            var columns = $('#tablist').tablegrid("getHead");
            return columns;
        }
        function GetIframeHtml(src) {
            return "<iframe width='100%' height='98%' scrolling='no' frameborder='0'' src='" + src + "'></iframe>";
        }
        function onLoadSucced() {
            $('#tablist').tablegrid("Search");
        }


        $(function () {
            $('#tablist').tablegrid({
                url: '/CallRecord/Get_AXAgentMonitorListHtml?v3',
                height: $(window).height() - 110,
                loadNow: false,
                data: GetControlValue,
                onLoadError: function () {
                    $.messager.alert("警告", "数据加载失败！", "error");
                },
                onLoadSuccess: function () {
                    handlerAgentState();
                }
            });
            function GetControlValue() {
                return { saleDeptId: $("#nb1_uc_org_depts").val(), groupId: $("#nb1_uc_org_groups").val(), userId: $("#nb1_uc_org_ids").val(), fjh: $("#txtfjh").val() };
            }
            $("#btnQuery").click(function () {
                $('#tablist').tablegrid("Search");
            });
            $("#btnReport").click(function () {
                parent.ChildAddTab("监控统计", "/CallRecord/AgentMonitorReport", "");
            });
            $(window).resize(function () {//自动适应大小
                $('#tablist').tablegrid('resize', {
                    height: $(window).height() - 110
                });
            });
            $("#cbrefresh").bind("click", refleshagentlist);
            function refleshagentlist() {
                if ($("#cbrefresh").attr("checked") == "checked") {
                    $('#tablist').tablegrid("Load");
                    window.setTimeout(refleshagentlist, 10 * 1000);
                }
            }
        });
        function jsonp_callback() {

        }
        function handlerAgentState()
        {
            var flightHandler = function (data) {
            };
            var url = "@(ViewBag.CtiInterface)" + "getExtenStatusAll";
            $.ajax({
                type: "get",
                async: false,
                url: url,
                dataType: "jsonp",
                jsonp: "callback",
                jsonpCallback: "flightHandler",
                success: function (res) {
                    var trs = $("#tablist").find("tr");
                    for (var i = 0; i < trs.length; i++) {
                        var currow = trs[i];
                        var td = $(currow).find("td")[4];
                        var tel = $(td).text();
                        if (tel != '' && tel != ' ') {
                            for (var j = 0; j < res.length; j++) {
                                if (res[j].tel == tel) {
                                    $(td).next().html(getstatus(res[j].state))
                                }
                            }
                        }
                    }
                },
                error: function () {
                }
            });
        }
        function getstatus(stats) {
            if (stats == "Logged Out")
                return "未登录";
            if (stats == "Available") {
                return "空闲";
            }
            if (stats == "CALLING") {
                return "通话中";
            }
            if (stats == "Available (On Demand)") {
                return "小结";
            } if (stats == "RINGING") {
                return "振铃";
            }
            if (stats == "On Break")
                return "小休";
            return "失败";
        }
    </script>
</div>