@*<li class="layui-nav-item layui-hide-xs fengge">
        <div></div>
    </li>*@
<style>
    #myul button {
        width: 50px;
        height: 50px;
        cursor: pointer;
    }
</style>
<li class="layui-nav-item layui-hide-xs waibo" style="display:none;">
    <input type="button" id="btnCall" class="clean-gray" value="外拨" onclick="javascript:funBtnCall();" />
    <input type="text" id="txtCallingNo" value="" style="width:140px; height:20px;" />
    <input type="text" id="txtLASTNUM3" value="" style="width:140px; height:20px;" />
</li>
@if (ViewBag.CTI_VER == (int)WX.CRM.Model.Enum.CTI_VER.深海捷移动坐席)
{
    <li class="layui-nav-item layui-hide-xs logout">
        <input type="button" id="btnLogout" class="layui-btn layui-btn-radius layui-btn-sm layui-btn-primary topmenu layui-btn-disabled" disabled="disabled" value="退出" />
    </li>
}
<li class="layui-nav-item layui-hide-xs xiuxi">
    @*<input type="button" id="btnDND" class="layui-btn layui-btn-radius layui-btn-sm layui-btn-primary topmenu" value="示闲" />*@
    <button id="btnDND" class="layui-btn layui-btn-radius layui-btn-sm layui-btn-primary topmenu">
        <span class="csicon XiuXianIcon"></span>
        <span class="btntitle">示闲</span>
    </button>
</li>
<li class="layui-nav-item layui-hide-xs guaji">
    @*<input type="button" id="btnHangup" class="layui-btn layui-btn-radius layui-btn-sm layui-btn-primary topmenu layui-btn-disabled" disabled="disabled" value="挂机" onclick="funBtnSoftHook();" />*@
    <button id="btnHangup" class="layui-btn layui-btn-radius layui-btn-sm layui-btn-primary topmenu layui-btn-disabled" disabled="disabled" value="挂机" onclick="funBtnSoftHook();">
        <span class="csicon GuaJiIcon"></span>
        <span class="btntitle">挂机</span>
    </button>
</li>
<li class="layui-nav-item layui-hide-xs jianting">
@*<input type="button" id="btnListen" class="layui-btn layui-btn-radius layui-btn-sm layui-btn-primary topmenu layui-btn-disabled" disabled="disabled" value="监听" onclick="btnTransferDialog('listen');" />*@
<button  id="btnListen" class="layui-btn layui-btn-radius layui-btn-sm layui-btn-primary topmenu layui-btn-disabled" disabled="disabled" value="监听" onclick="btnTransferDialog('listen');">
        <span class="csicon ErJiIcon"></span>
        <span class="btntitle">监听</span>
    </button>
</li>
<li class="layui-nav-item layui-hide-xs zhuanjie">
@*<input type="button" id="btnTransfer" class="layui-btn layui-btn-radius layui-btn-sm layui-btn-primary topmenu" value="转接" onclick="btnTransferDialog('transfer');" />*@
<button  id="btnTransfer" class="layui-btn layui-btn-radius layui-btn-sm layui-btn-primary topmenu" value="转接" onclick="btnTransferDialog('transfer');" >
        <span class="csicon ZhuanFaIcon"></span>
        <span class="btntitle">转接</span>
    </button>
</li>
@if (ViewBag.IsAdmin == true && (ViewBag.CTI_VER == (int)WX.CRM.Model.Enum.CTI_VER.深海捷移动坐席
    || ViewBag.CTI_VER == (int)WX.CRM.Model.Enum.CTI_VER.深海捷固定坐席)
    || ViewBag.CTI_VER == (int)WX.CRM.Model.Enum.CTI_VER.艾讯
    || ViewBag.CTI_VER == (int)WX.CRM.Model.Enum.CTI_VER.艾讯new)
{
    <li class="layui-nav-item layui-hide-xs logout">
    @*<input type="button" id="btnLogout" class="layui-btn layui-btn-radius layui-btn-sm layui-btn-primary topmenu" onclick="btnAgentmonitor();" value="监控" />*@
    <button id="btnLogout" class="layui-btn layui-btn-radius layui-btn-sm layui-btn-primary topmenu" onclick="btnAgentmonitor();" value="监控" >
            <span class="csicon JianKongIcon"></span>
            <span class="btntitle">监控</span>
        </button>
    </li>
}
<li class="layui-nav-item layui-hide-xs" style="display:none;" id="lfjh">
    <input type="text" id="txtTelNO" style="width:40px; height:20px;" />
    <input type="text" id="txtTelNumber" style="width:40px; height:20px;" />
    <input type="text" id="txtTelType" style="width:40px; height:20px;" />
    <input type="text" id="txtIsCalling" value="0" style="width:40px; height:20px;" />
    <input type="button" id="btnFJH" value="" class="clean-gray" />
    <input type="button" id="btnTransferSubmit" value="转接" onclick="funBtnTrans()" class="clean-gray" />
    <input type="button" id="btnListenSubmit" value="监听" onclick="funBtnToListen()" class="clean-gray" />
</li>
<li class="layui-nav-item layui-hide-xs" style="padding-left:2px; width:300px">
    <div class="layui-inline">
        <ul class="myUL">
            <li style="margin:0;">话机：<span id="lblFJH"></span></li>
            <li style="margin:0;">状态：<span id="divAction" name="divAction" /></li>
            <li style="margin:0;">通话时长：<span id="lblTimer">00:00:00</span></li>
        </ul>
    </div>
</li>
<style>
    .myUL {
        padding-left: 10px;
    }

        .myUL li {
            height: 14px;
            color: #636262;
            padding: 0;
            font-size: 12px !important;
            line-height: 12px;
        }
</style>
<div id="modalWindowAXCtiAgentList"></div>
<div id="modalwindow"></div>
<script type="text/javascript">
    var ctiver = "@ViewBag.CTI_VER";
</script>
<script type="text/javascript">
    function loadJS(url, success) {
        var domScript = document.createElement('script');
        domScript.src = url;
        success = success || function () { };
        domScript.onload = domScript.onreadystatechange = function () {
            if (!this.readyState || 'loaded' === this.readyState || 'complete' === this.readyState) {
                success();
                this.onload = this.onreadystatechange = null;
                this.parentNode.removeChild(this);
            }
        }
        document.getElementsByTagName('head')[0].appendChild(domScript);
    }
</script>
<script type="text/javascript">
    var strGH = "@ViewBag.Eid";     //工号（需要设置）
    var strFJH = "@(ViewBag.CTI_VER == (int)WX.CRM.Model.Enum.CTI_VER.深海捷移动坐席 ? ViewBag.Eid : ViewBag.Fjh)";    //分机号（需要设置）
    var strDevice = "@ViewBag.Fjh";
    var strIsAdmin = "@(ViewBag.IsAdmin==true ? 1 : 0)";
    var _loginFlag = 0;
    var blTimer = false;            //是否可以记时
    var nTimer = 1;                 //时间记数
    var blLogined = false;
    var blCallin = false;           //是否电话呼入
    var blCallOut = false;          //是否外拨中
    var blCalling = false;          //是否有电话正在呼入
    var openUrl = "";               //弹屏url地址
    var cti = "@ViewBag.CtiInterface";  //深海捷ＣＴＩ服务器
    var isCallEndShow = "@ViewBag.isMiniCustomerInfo";
    var socket;
    if (strFJH != '')
    {
        loadJS('http://@(ViewBag.CtiInterface)/socket.io/socket.io.js', function () {
            this.socket = io.connect("ws://" + cti);
            loadJS('/Scripts/cti/axctinew_hg.js?v=@DateTime.Now.Ticks', function () {

            });
        });
    }
    function getCtiObj(id) {
        return document.getElementById(id);
    }
    function logoutcti() {
        @if (ViewBag.CTI_VER == (int)WX.CRM.Model.Enum.CTI_VER.深海捷移动坐席)
        {
            @:__Loginout();
        }
    }
    function btnTransferDialog(t) {
        winindex = layer.open({
            type: 2,
            title: "坐席列表",
            content: "/CallRecord/AXAgentList?t=" + t,
            area: ['500px', '500px']
        });
        //$("#modalWindowAXCtiAgentList").html(GetIframeHtml("/CallRecord/AXAgentList?t="+t));
        //$("#modalWindowAXCtiAgentList").window({ title: '坐席列表', width: 500, height: 500 }).window('open');
    }
    //监控
    function btnAgentmonitor() {
        ChildAddTab("坐席监控", '/CallRecord/AgentMonitor?strFJH=' + strFJH);
    }
    function GetIframeHtml(src) {
        return "<iframe width='100%' height='98%' scrolling='no' frameborder='0'' src='" + src + "'></iframe>";
    }

    function ShowTopWindowBox() {
        if (isCallEndShow == "1") {
            var winHeight = $(window).height() - 20;
            var callType = document.getElementById("txtTelType").value;
            var tel = document.getElementById("txtTelNumber").value;
            if (callType == "" && tel == "") {
                console.log("参数为空！");
                return;
            }
            $("#modalwindow").html(GetIframeHtml('/Call/CallEndHandler?State=' + callType + '&Tel=' + tel));
            $("#modalwindow").window({ title: "添加销售工单", width: 690, height: winHeight, iconCls: 'icon-add', resizable: false }).window('open');
        }
    }
    //弹屏操作
    function ShowResDetial(url) {
        if (window["context"] == undefined) {
            if (!window.location.origin) {
                window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
            }
            window["context"] = location.origin + "/V6.0";
        }
        window.top.postMessage({ name: '客户明细', url: location.origin + url, icon: "icon-detail" }, "*");
        //ChildAddTab("客户详细", url, "");
    }
</script>