zhangkun
/
ditie2.0_web


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841
							@using YTSoft.BaseCallCenter.Model;
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>郑州市轨道交通全媒体客服平台</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta http-equiv="Access-Control-Allow-Origin" content="*">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="format-detection" content="telephone=no">
  <link rel="icon" href="../favicon.ico">

  <link type="text/css" href="/Content/layui/css/layui.css" rel="stylesheet" />
  <link type="text/css" href="/Content/layui/css/modules/layui-icon-extend/iconfont.css" rel="stylesheet" />
  <link type="text/css" href="/Content/css/index.css" rel="stylesheet" />
  <link type="text/css" href="/Content/css/myindex.css" rel="stylesheet" />
  <link type="text/css" href="/Content/css/font-awesome/css/font-awesome.css" rel="stylesheet" />
  <script src="/Content/js/jquery.min.js"></script>
  <script src="/Content/js/ytsoft.config.js"></script>
  <script src="~/Content/js/ytsoft.http.js"></script>
  <script src="/Content/seatformjs/ocxopt.js"></script>
  <script src="/Content/js/callSocket.js"></script>

  <script type="text/javascript">
    //监控获取指定坐席状态结果事件
    function IframeSetAgentState(agentid, state) {
      try {
        window.frames["frame_zxjkgl"].GetState(agentid, state);
      }
      catch (e) {
      }
    }

    ///转移
    function PhoneCallZY(tel) {
      try {
        var callinphone = document.getElementById("forZYnumber").value;
        OCX_TransferToPhone(tel, "");
      }
      catch (e) {
        //$.ligerDialog.error(e.message);
      }
    }
    ///多方通话
    function PhoneCallDFTH(tel) {
      try {
        var callinphone = document.getElementById("forZYnumber").value;
        OCX_ThirdParty(tel, "");
      }
      catch (e) {
        //$.ligerDialog.error(e.message);
      }
    }
    ///工单接单时候调用的外呼方法
    function PhoneCallOutJD(type, tel, workorderid) {

    }
    function addCallOutInfo() {

      var tel = OCX_GetCalleeNumber(document.getElementById("txtAgentId").value);
      becallout = true;
      becallcome = false;
      CallOutRecordIsWrite = true;
      //添加外呼记录
      var userid = document.getElementById("txtAgentId").value;
      var usercode = document.getElementById("txtLabourwork").value;
      var username = document.getElementById("txtAgentName").value;
      var extnumber = document.getElementById("txtPhoneNum").value;
      var timeno = new Date().getTime();
      username = encodeURI(username);
      $.ajax({
        type: 'get',
        url: '/OCXOpt/OCXOptCallAjax/?optaction=callout&callernum=' + tel + "&userid=" + userid + "&usercode=" + usercode + "&username=" + username + "&extnumber" + extnumber + "&timeno=" + timeno,
        dataType: 'html',
        success: function (res) {
          try {
            var DialIsOK = false;
            var arr = res.split('|');
            document.getElementById("CallHjbh").value = arr[2];
            telajaxopt("/OCXOpt/OCXOptCallAjax/?optaction=zhaijiEvent&callid=" + parent.document.getElementById("CallHjbh").value); //更新摘机事件
          } catch (e) {
          }
        }
      });
    }
    ///外呼
    function PhoneCallOut(type, tel) {
      var usercode = document.getElementById("txtLabourwork").value;
      var extnumber = document.getElementById("txtPhoneNum").value;
      console.log("9" + tel.toString())
      $.ajax({
        type: 'get',
        url: '/CallRecord/GetCallOutprefix/?phone=' + tel,
        dataType: 'html',
        success: function (res) {
          //"Type":"MakeCall","AgentID":"8002","AgentExten":"1001","DestinationNumber":"9018937726571"
          console.log(res)
          obj = {};
          obj.Type = "MakeCall";
          obj.AgentID = usercode;
          obj.AgentExten = extnumber;
          obj.AgentGroup = "12";
          obj.Header = "9";
          obj.DestinationNumber = res.toString() + tel.toString();
          Send();
        }
      });


    }
    var hfcallstate = false;
    var outtype = "";
    function SetCallState(state) {
      hfcallstate = state;
    }
    function GetCallOutHFRes() {
      if (hfcallstate) {
        hfcallstate = false;
        return true;
      }
      else {
        return false;
      }
    }
    ///外呼
    function PhoneCallOutHF(type, tel, hfid) {
      becallout = true;
      becallcome = false;
      hfcallstate = false;
      CallOutRecordIsWrite = true;
      outtype = "hf";
      //添加外呼记录
      var userid = document.getElementById("txtAgentId").value;
      var usercode = document.getElementById("txtLabourwork").value;
      var username = document.getElementById("txtAgentName").value;
      var extnumber = document.getElementById("txtPhoneNum").value;
      var timeno = new Date().getTime();
      username = encodeURI(username);
      layui.layer
      //$.ligerDialog.waitting('开始呼叫...');
      $.ajax({
        type: 'get',
        url: '/OCXOpt/OCXOptCallAjax/?optaction=callouthf&callid=' + hfid + '&callernum=' + tel + "&userid=" + userid + "&usercode=" + usercode + "&username=" + username + "&extnumber" + extnumber + "&timeno=" + timeno,
        dataType: 'html',
        success: function (res) {
          try {
            var DialIsOK = false;
            var arr = res.split('|');
            document.getElementById("CallHjbh").value = arr[2];
            //成功执行外呼叫
            if (arr[0] == "1") {   //呼叫内部（座席）电话
              //2015-04-20
              becallout = true;
              becallcome = false;
              DialIsOK = OCX_CallOut(5, "", arr[1]);
            }
            else {   //呼叫外部电话
              DialIsOK = OCX_CallOut(5, "", arr[1]);
            }
            if (DialIsOK != true) {
              alert('外呼失败');
              //$.ligerDialog.error('外呼失败');
            }
          } catch (e) {
            //$.ligerDialog.error(e.message);
          }
          //$.ligerDialog.closeWaitting();
        }
      });
    }
    function OptClick(name) {
      var obj = document.getElementById(name);
      if (obj.attributes["ostate"].value != 0) {
        switch (name) {
          case "gd":
            button_ReleaseAnswer();
            //挂断
            break;
          case "wh":
            //外呼先示忙
            //AgentBusy();
            //otype 1外呼 2转移 3多方通话
            OpenWindowShow1('telmanage/calloutopt.aspx?otype=1', '电话外呼', 800, 500);
            break;
          case "zm":
            //示忙
            AgentBusy();
            break;
          case "zx":
            AgentFree();
            break;
          case "dfth":
            //多方会话
            OpenWindowShow1('telmanage/calloutopt.aspx?otype=3', '多方通话', 800, 500);
            break;
          case "zy":
            //转移
            OpenWindowShow1('telmanage/calloutopt.aspx?otype=2', '电话转移', 800, 500);

            break;
          case "bc":
            //保持
            button_KeepCall(); //保持方法
            break;
          case "jh":
            //接回
            button_GetKeepCall();
            break;
          case "qr":
            //签入
            button_QRCall();
            break;
          case "qc":
            //签出
            button_QCCall();
            break;
        }
      }
    }

    //转移
    function ZYhj(callnumber) {

      //var zyzj = document.getElementById("forZYnumber").value;
      debugger
      var usercode = document.getElementById("txtLabourwork").value;
      var extnumber = document.getElementById("txtPhoneNum").value;
      if (callnumber != "") {
        obj = {};
        obj.Type = "Transfer";
        obj.TaskType = "0"; //0:拨号外呼；1:未接来电外呼；2:回访外呼
        obj.TaskPhoneID = ""; //回访的电话ID
        obj.AgentID = usercode;
        obj.AgentExten = extnumber;
        obj.DestinationNumber = callnumber;
        Send();
        //Form_setWinfromenble("false", "false", "false", "false", "false", "false", "false", "false", "false", "false");


      }
      else {
        alert("转移失败！");
      }
    }

    //释放呼叫  2.1.8
    function button_ReleaseAnswer() {//挂机
      var usercode = document.getElementById("txtLabourwork").value;
      var extnumber = document.getElementById("txtPhoneNum").value;
      console.log("挂断")
      obj = {};
      obj.Type = "DropCall";
      obj.AgentID = usercode;
      obj.AgentExten = extnumber;
      Send();
      try {
        //MydTransToIVR();
      }
      catch (e) { }
      try {

        //var rtn = OCX_Hangup();
      }
      catch (e) { }
    }
    //满意度
    function MydTransToIVR() {
      var cid = document.getElementById("CallHjbh").value;
      var rtn = OCX_TransferToIVR("2", cid);
    }

    //转回IVR
    function AgentTransToIVR() {
      var usercode = document.getElementById("txtLabourwork").value;
      var extnumber = document.getElementById("txtPhoneNum").value;
      obj = {};
      obj.Type = "TurnIvr";
      obj.AgentID = usercode;
      obj.AgentExten = extnumber;
      obj.AgentGroup = "12";
      obj.IvrName = "THZIVR";
      obj.IvrPos = "1";
      ivrState = true;
      Send();
      //var cid=document.getElementById("CallHjbh").value;
      //var rtn = OCX_TransferToIVR("2", cid);
    }

    //座席示忙 2.1.12
    function AgentBusy() {
      //将座席状态设置为忙态。
      //var rtn = OCX_SetBusy();
      //2014-10-22
      //becallout = true;
      //becallcome = false;
      //rgmstate = true;

      /*2020-09-24miaofuhao注释*/
      var usercode = document.getElementById("txtLabourwork").value;
      var extnumber = document.getElementById("txtPhoneNum").value;
      if ($(".fa-pause").hasClass("selectClass")) {
        obj = {};
        obj.Type = "SayBusy";
        obj.AgentID = usercode;
        obj.AgentExten = extnumber;
        obj.AgentGroup = "12";
        obj.AgentType = "0";
        Send();
      } else {
        layer.msg('当前是置忙状态', { icon: 5, time: 2000 });
      }
      /*2020-09-24miaofuhao注释*/
    }

    //座席示闲 2.1.13
    function AgentFree() {
      //将座席状态设置为闲态。

      //var rtn = OCX_SetFree();
      //2014-10-22
      //becallout = false;
      //becallcome = true;
      //rgmstate = false;
      //return rtn;

      /*2020-09-24miaofuhao注释*/
      var usercode = document.getElementById("txtLabourwork").value;
      var extnumber = document.getElementById("txtPhoneNum").value;
      if ($(".fa-play").hasClass("selectClass")) {

        obj = {};
        obj.Type = "SayFree";
        obj.AgentID = usercode;
        obj.AgentExten = extnumber;
        obj.AgentGroup = "12";
        obj.AgentType = "0";
        Send();
      } else {
        //layer.msg('当前是置闲状态', { icon: 5, time: 2000 });
      }

      /*2020-09-24miaofuhao注释*/
    }

    //保持呼叫 2.1.17
    function button_KeepCall() {
      //该方法把座席正在通话的普通语音呼叫保持（只对语音呼叫有效）。
      var usercode = document.getElementById("txtLabourwork").value;
      var extnumber = document.getElementById("txtPhoneNum").value;
      obj = {};
      obj.Type = "Hold";
      obj.AgentID = usercode;
      obj.AgentExten = extnumber;
      Send();
    }

    //取保持  2.1.18
    function button_GetKeepCall() {
      //查询座席当前保持的所有语音呼叫
      var usercode = document.getElementById("txtLabourwork").value;
      var extnumber = document.getElementById("txtPhoneNum").value;
      obj = {};
      obj.Type = "Retrieve";
      obj.AgentID = usercode;
      obj.AgentExten = extnumber;
      Send();
    }

    function buttonCallNew(telNum) {
      becallout = true;
      becallcome = false;
      var strHjbhout = AjaxPost("../WinIVR/GetAjaxPageInf.aspx?PgType=3&tel=" + telNum); //呼叫编号
      document.getElementById("CallHjbh").value = strHjbhout;
      //判断电话是本地还是外地的
      var callNumberNew = "";
      var res = _framepage_headframe.getPhone(telNum);

      if (res != "") {

        callNumberNew = res.value;
      }
      button_CallOut(callNumberNew, strHjbhout);
    }

    //外呼事件 2.1.7
    function button_CallOut(callnumber, hjbh) {
      var res = true;
      var cssok = 0;
      cssok = OCX_CallOut(5, "", callnumber);
      if (cssok == "0") {
        res = true;
      }
      else {
        res = false;
      }
      return res;
    }


    //重新登录
    function resetlogin() {

      var bol = window.confirm("确定要重新登录吗？");
      if (bol) {
        if (document.getElementById("txtIsAgent").value == "true") {
          //button_QCCallNew();
        }
        window.open("../SignIn.aspx", "_top");
      }
    }

    //退出方法
    function relogout() {
      var bol = window.confirm("确定要退出登录吗？");
      if (bol) {
        AjaxPost("../WinIVR/GetAjaxPageInf.aspx?PgType=14");
        _framepage_headframe.UpdateLoginOutInfo(document.getElementById("hfUserId").value);
        top.close();
      }
    }
  </script>
  <script language="javascript" type="text/javascript">
    //退出系统
    function logout() {

      $.post("/Default/LoginOut/", function (data, states) {
        if (states == "success") {
          if (data == "success") {
            layer.confirm('确定退出系统?', { icon: 3, title: '提示' }, function (index) {
              try {
                if (document.getElementById("txtIsAgent").value == "true") {
                  OCX_AgentLogOut();
                }
              }
              catch (e) {
              }
              //do something
              location.href = "/Default/Login";
              layer.close(index);
            });
          }
        }
      })
    }
  </script>
  <script type="text/javascript">
    //电话操作
    var becallout = false; //呼出
    var becallcome = false; //来电
    var CallOutRecordIsWrite = false; //呼出记录是否已写入
    var rgmstate = false;//人工忙状态
    function ToIndex() {
      //document.getElementById("mainframe").src = "/Main/IndexCenter";
      //<i class="layui-icon">&#xe68e;</i> <cite openid="-1">首页</cite>
      var tabIndex = -1;
      $(".layui-tab-title.top_tab li").each(function () {
        if ($(this).attr("lay-id") == 'maintab_index') {
          tabIndex = 1;
        }
      })
      if (tabIndex != 1) {
        var timeno = new Date().getTime();
        //新增一个Tab项
        element.tabAdd('bodyTab', {
          title: '<i class=\"layui-icon\">&#xe68e;</i> <cite openid=\"-1\">首页</cite>'
          , content: '<iframe id=\"mainframe_index\" src=\"/Main/IndexCenter?timeno=' + timeno + '\"></iframe>'
          , id: 'maintab_index' //实际使用一般是规定好的id，这里以时间戳模拟下
        })
      }
      element.tabChange('bodyTab', 'maintab_index');
      element.tabMove(); //顶部窗口是否可滚动
    }
    //初始化页面
    function Init() {
      try {
        //禁止后退键 作用于Firefox、Opera
        document.onkeypress = banBackSpace;
        //禁止后退键  作用于IE、Chrome
        document.onkeydown = banBackSpace;
      }
      catch (e) { }
      //show();
    }

    //签出
    function button_QCCall() {
      try {
        var result = OCX_AgentLogOut();
      }
      catch (e) {
        document.getElementById("spanServerRes").innerHTML = e.message;
      }
    }
    function AgentQR() {
      //reconnect();
      var usercode = document.getElementById("txtLabourwork").value;
      var extnumber = document.getElementById("txtPhoneNum").value;
      var typed = document.getElementById("HdIswin"); //是否是坐席用户
      if (typed.value == "true") {

        var timeno = new Date().getTime();
        /*2020-09-24miaofuhao注释*/
        if (!$(".fa-phone").hasClass("selectClass")) {

          Connect()

        } else {
          obj = {};
          obj.Type = "Logout";
          obj.AgentID = usercode;
          obj.AgentExten = extnumber;
          Send();
          //layer.msg('您已签入，无需重新签入', { icon: 5, time: 2000 });
        }

        /*2020-09-24miaofuhao注释*/
        InitPhoneBack();
      }
      else {
        document.getElementById("spanServerRes").innerHTML = "非坐席登录";
      }


    }
    function InitPhoneBack() {
      Initialize();
    }
    function Initialize() {

      try {
        var result = OCX_AgentLogin(document.getElementById("txtMostlyAddress").value, document.getElementById("txtServerPort").value, document.getElementById("txtLabourNo").value, document.getElementById("txtAgentGroup").value + "_" + document.getElementById("txtAgentRight").value, document.getElementById("txtPhoneNum").value);
      }
      catch (e) {
        document.getElementById("spanServerRes").innerHTML = e.message;
      }
    }
    //处理键盘事件 禁止后退键（Backspace）密码或单行、多行文本框除外
    function banBackSpace(e) {
      try {
        var ev = e || window.event; //获取event对象
        var obj = ev.target || ev.srcElement; //获取事件源
        var t = obj.type || obj.getAttribute('type'); //获取事件源类型
        //获取作为判断条件的事件类型
        var vReadOnly = obj.getAttribute('readonly');
        //处理null值情况
        vReadOnly = (vReadOnly == "") ? false : vReadOnly;
        //当敲Backspace键时，事件源类型为密码或单行、多行文本的，
        //并且readonly属性为true或enabled属性为false的，则退格键失效
        var flag1 = (ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea")
          && vReadOnly == "readonly") ? true : false;
        //当敲Backspace键时，事件源类型非密码或单行、多行文本的，则退格键失效
        var flag2 = (ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea")
          ? true : false;

        //判断
        if (flag2) {
          return false;
        }
        if (flag1) {
          return false;
        }
      }
      catch (e) {
        return false;
      }
    }
  </script>
  <script type="text/javascript">
    function setLinkStatus(str) {

      //var imgServerState = document.getElementById("imgServerState");
      if (str == "True") {
        $('#imgServerState').attr('src', '/Content/images/server1.png');
        $('#imgServerState').attr('alt', '签入');
        // imgServerState.src = "/Content/images/server1.png";
        //imgServerState.alt = "签入";
      }
      else {
        $('#imgServerState').attr('src', '/Content/images/server0.png');
        $('#imgServerState').attr('alt', '未签入');
        //imgServerState.src = "/Content/images/server0.png";
        //imgServerState.alt = "未签入";
      }
    }
    function setAgentStatus(str) {
      //var imgAgentState = document.getElementById("imgAgentState");
      switch (str) {
        case "离席":
          $('#imgAgentState').attr('src', '/Content/images/zx2.png');
          $('#imgAgentState').attr('alt', '未登录');
          //imgAgentState.src = "/Content/images/zx2.png";
          //imgAgentState.alt = "未登录";
          break;
        case "空闲":
          $('#imgAgentState').attr('src', '/Content/images/zx1.png');
          $('#imgAgentState').attr('alt', '空闲');
          //imgAgentState.src = "/Content/images/zx1.png";
          //imgAgentState.alt = "空闲";
          break;
        case "忙":
          $('#imgAgentState').attr('src', '/Content/images/zx3.png');
          $('#imgAgentState').attr('alt', '忙');
          //imgAgentState.src = "/Content/images/zx3.png";
          //imgAgentState.alt = "忙";
          break;
        case "业务处理":
          $('#imgAgentState').attr('src', '/Content/images/zx4.png');
          $('#imgAgentState').attr('alt', '业务处理');
          //imgAgentState.src = "/Content/images/zx4.png";
          //imgAgentState.alt = "业务处理";
          break;
      }
    }
    //变换图标
    function Form_setWinfromenble(bl) {
    }
    function Form_setHW(bl) {
      if (bl == "True") {
        document.getElementById("txt_1").value = "1";
        document.getElementById("i_1").style.color = "#395E67";
      }
      else {
        document.getElementById("i_1").style.color = "#cccccc";
        document.getElementById("txt_1").value = "0";
      }
    }
    function Form_setZX(bl) {
      if (bl == "True") {
        document.getElementById("txt_7").value = "1";
        document.getElementById("i_7").style.color = "#395E67";
      }
      else {
        document.getElementById("i_7").style.color = "#cccccc";
        document.getElementById("txt_7").value = "0";
      }
    }
    function Form_setZM(bl) {
      if (bl == "True") {
        document.getElementById("txt_8").value = "1";
        document.getElementById("i_8").style.color = "#395E67";
      }
      else {
        document.getElementById("i_8").style.color = "#cccccc";
        document.getElementById("txt_8").value = "0";
      }
    }
    function OptNull() {

    }

    function OptNullByName(name) {
      var obj = document.getElementById(name);
      obj.src = "../images/totle/" + name + "3.png";
      obj.attributes["ostate"].value = 0;
      //obj.ostate = 0;
      obj.style.cursor = "default";
    }

    function OptByName(name) {
      var obj = document.getElementById(name);
      obj.src = "../images/totle/" + name + "1.png";
      obj.attributes["ostate"].value = 1;
      //obj.ostate = 1;
      obj.style.cursor = "hand";
    }
  </script>

  <style type="text/css">
    .defaultClass {
      color: #cccccc;
    }

    .selectClass {
      color: #83d944;
    }
  </style>


</head>

<body onload="Init()" class="main_body blue" onbeforeunload="closeSocket()">
  <div class="layui-layout layui-layout-admin">
    <!-- 顶部 -->
    <div class="layui-header header">
      <div class="layui-main mag0">
        <a href="###" class="logo" style=" text-align:left; padding-left:15px;">全媒体客服平台<img
            style="height:55px; display:none;" src="/Content/images/logo1.png" /><span>&nbsp;&nbsp;</span></a>
        <!-- 功能模块Id -->
        <input id="HdModuleFunIdCount" type="hidden" value="0" />
        <input id="ismonitoring" type="hidden" value="false" />
        <input id="HdIswin" type="hidden" value="@Model.IsSeat" />
        <input id="UserID" type="hidden" value="@Model.UserAccountModel.F_UserId" />
        <input id="Password" type="hidden" value="@Model.UserAccountModel.F_Password" />
        <input id="hfUserId" type="hidden" value="@Model.UserAccountModel.F_UserId" />
        <iframe src="/Main/iframeocx" name="iframeocx" frameborder="0" height="0" width="0"
          style="display: none;"></iframe>
        @*--（用于初始化用的信息）--*@
        <input id="txtMostlyAddress" type="hidden" value="@Model.CTIserverIP" />@*--（主用CTI服务器IP）*@
        <input id="ServerType" type="hidden" value="20" />@*--（服务器类型）--*@
        <input id="txtLabourNo" type="hidden"
          value="@Model.UserAccountModel.F_WorkNumber" />@*--<%=Request.Cookies["ID"].Value %>（工号）--*@
        <input id="pwd" type="hidden" value="" />@*--<%=Request.Cookies["ID"].Value %>（密码）--*@
        <input id="txtPhoneID" type="hidden" value="@Model.UserAccountModel.F_UserCode" />@*--（通讯进程号）--*@
        <input id="txtSubordinationAddress" type="hidden" value="@Model.CTIserverIP" />@*--（备用CTI服务器IP）--*@
        <input id="txtIsAgent" type="hidden" value="@Model.UserAccountModel.F_SeatFlag" />
        <!-- 是否具有话务功能，是否坐席登录 -->
        <input id="txtAgentId" type="hidden" value="@Model.UserAccountModel.F_UserId" /><!-- 坐席ID -->
        <input id="txtAgentName" type="hidden" value="@Model.UserAccountModel.F_UserName" />
        <input id="txtAgentRight" type="hidden" value="@Model.UserAccountModel.F_SeatRight" />
        <input id="txtAgentGroup" type="hidden" value="@Model.UserAccountModel.F_GroupId" />
        <input id="txtServerPort" type="hidden" value="@Model.CTIserverPort" />
        <!-- 坐席权限 -->
        @*--（用于登录的信息）--*@
        <input id="SeatType" type="hidden"
          value="@Model.UserAccountModel.F_SeatRight" />@*--<%=Request.Cookies["SkillSet"].Value %>（坐席类型）--*@
        <input id="txtPhoneNum" type="hidden"
          value="@Model.UserAccountModel.F_ExtensionNumber" />@*--<%=Request.Cookies["ExtNum"].Value %>（分机号）--*@
        <input id="keepcall" type="hidden" value="" />
        @*--（keep号码）--*@
        <input id="txtLabourwork" type="hidden" value="@Model.UserAccountModel.F_UserCode" />@*--（登录工号）--*@
        <input id="passwd" type="hidden" value="" />@*--（登录坐席密码）--*@
        <input id="hjbh" type="hidden" value="" />@*--（外乎呼叫编号）--*@
        <input id="CallHjbh" type="hidden" value="" />@*--（来电呼叫编号）--*@
        <input id="forZYnumber" type="hidden" value="" />@*--（用来存储来电号码--*@
        <input id="callnum" type="hidden" value="" />@*--（来电主叫号码）--*@
        <ul class="layui-nav topLevelMenus" pc>
          <li class="layui-nav-item" onclick="AgentQR()" data-menu="contentManagement" title="语音签入">
            <input id="txt_1" type="hidden" value="0" /><a title="语音签入">
              <i id="i_1" class="fa fa-phone defaultClass" data-icon=""></i></a>
          </li>
          <li class="layui-nav-item" data-menu="memberCenter" pc>
            <a><i id="i_2" class="layui-icon" style=" color:#cccccc;" data-icon="&#xe611;">&#xe611;</i></a>
          </li>
          <li class="layui-nav-item btnWX" data-menu="systemeSttings" pc>
            <a><i id="i_3" class="fa fa-weixin  defaultClass" data-icon=""></i></a>
          </li>
          <li class="layui-nav-item btnWB" data-menu="seraphApi" pc>
            <a><i id="i_4" class="fa fa-weibo  defaultClass" data-icon=""></i></a>
          </li>
          <li class="layui-nav-item" pc>
            <a><i id="i_5" class="fa fa-th-large" style=" color:#cccccc;" data-icon=""></i></a>
          </li>
          <li class="layui-nav-item" pc>
            <a><i id="i_6" class="fa fa-envelope-o" style=" color:#cccccc;" data-icon=""></i></a>
          </li>
          <li class="layui-nav-item" pc>
            <input id="txt_7" type="hidden" value="0" />
            <a onclick="AgentFree()" title="坐席就绪">
              <i id="i_7" class="fa fa-play defaultClass" data-icon=""></i></a>
          </li>
          <li class="layui-nav-item" pc>
            <input id="txt_8" type="hidden" value="0" />
            <a onclick="AgentBusy()" title="坐席小休">
              <i id="i_8" class="fa fa-pause defaultClass" data-icon=""></i>
            </a>
          </li>
        </ul>
        <!-- 顶部右侧菜单 -->
        <ul class="layui-nav top_menu">
          <li class="layui-nav-item">
            <a id="telLayerInfo" style=" display:none;"><img src="/Content/images/phone128.png"
                class="layui-nav-img userAvatar" width="35" height="35"><cite class="adminName">未处理来电</cite><sup
                id="supLayerCount" class="layui-badge">0</sup>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
            <dl id="telLayerInfoChild" class="layui-nav-child"></dl>
          </li>
          <!--软电话-->
          <li class="layui-nav-item " title="软电话">
            <i class="fa fa-whatsapp" data-method="confirmTrans"
              style="font-size: 25px !important; margin-right: 0px;margin-top:15px; color:gray"></i>
          </li>
          <li class="layui-nav-item" title="通讯录" id="CustomerTelphone">
            @*<a href="javascript:;" title="通讯录" onclick="OpenOtherForm('通讯录', '/HrEmployeeBase/EmployeeSearchList')">
              <i class="fa fa-address-card" style="font-size: 25px !important; margin-left :15px;margin-top:15px;
              color:gray">
              </i>
              </a>*@
            <a id="customerphone">
              <i class="fa fa-address-card"
                style="font-size: 25px !important; margin-left :15px;margin-top:15px; color:powderblue;"></i>
            </a>
          </li>
          <!--微信-->
          @*<li id="wxMap" class="layui-nav-item inform" title="微信">
            <i class="fa fa-weixin defaultClass" style="font-size: 20px !important; margin-right: 5px;"></i>
            <sup class="layui-badge wXCount" style="display:none;">0</sup>
            </li>*@
          <!--微博-->
          @*<li id="wbMap" class="layui-nav-item inform" title="微博">
            <i class="fa fa-weibo defaultClass" style=" font-size: 20px !important;margin-right:13px;"></i>
            <sup class="layui-badge wBCount" style="display:none;">0</sup>
            </li>*@
          <li class="layui-nav-item">
            <a title="小工具"><i class="layui-icon" style=" font-size: 25px !important;">&#xe631;</i></a>
            <dl class="layui-nav-child">
              <dd>
                <a onclick="OpenOtherForm('周边', 'https://www.amap.com/')"><i class="fa fa-map-marker"
                    style="font-size: 20px !important; margin-right: 5px;"></i><cite
                    style="text-align:left">周边</cite></a>
              </dd>
              <dd>
                <a onclick="OpenOtherForm('线路查询', 'http://www.zzmetro.com/lines/query/line')"><i class="fa fa-plane"
                    style="font-size: 20px !important; margin-right: 5px;"></i><cite
                    style="text-align:left">线路查询</cite></a>
              </dd>
              <dd>
                <a onclick="OpenOtherForm('票价查询', 'http://www.zzmetro.com/lines/query/ticket')"><i class="fa fa-ticket"
                    style="font-size: 20px !important; margin-right: 5px;"></i><cite
                    style="text-align:left">票价查询</cite></a>
              </dd>
              <dd>
                <a onclick="OpenOtherForm('运营时间', 'http://www.zzmetro.com/lines/query/operating_hours')"><i
                    class="fa fa-clock-o" style="font-size: 20px !important; margin-right: 5px;"></i><cite
                    style="text-align:left">运营时间</cite></a>
              </dd>
              <dd>
                <a onclick="OpenOtherForm('站点查询', 'http://www.zzmetro.com/lines/query/station')"><i class="fa fa-train"
                    style="font-size: 20px !important; margin-right: 5px;"></i><cite
                    style="text-align:left">站点查询</cite></a>
              </dd>
              <dd>
                <a onclick="OpenOtherForm('快速通讯录', 'http://portal.zzmetro.com/index.php?m=content&c=txl')"><i
                    class="fa fa-tty" style="font-size: 20px !important; margin-right: 5px;"></i><cite
                    style="text-align:left">快速通讯录</cite></a>
              </dd>
              <dd>
                <a onclick="OpenOtherForm('官网入口', 'http://www.zzmetro.com/')"><i class="fa fa-internet-explorer"
                    style="font-size: 20px !important; margin-right: 5px;"></i><cite
                    style="text-align:left">官网入口</cite></a>
              </dd>

              <dd>
                <a onclick="OpenOtherForm('常见Q&A', ' /RepositoryCategory/RepositoryCategoryContentList/?dType=2')"><i
                    class="fa fa-quora" style="font-size: 20px !important; margin-right: 5px;"></i><cite
                    style="text-align:left">常见Q&A</cite></a>
              </dd>
              <dd>
                <a onclick="OpenOtherForm('常用语', ' /RepositoryCategory/RepositoryCategoryContentList/?dType=4')"><i
                    class="fa fa-book" style="font-size: 20px !important; margin-right: 5px;"></i><cite
                    style="text-align:left">常用语</cite></a>
              </dd>
              <dd>
                <a onclick="OpenOtherForm('我的常用语', ' /RepositoryCategory/RepositoryCategoryContentList/?dType=1')"><i
                    class="fa fa-rebel" style="font-size: 20px !important; margin-right: 5px;"></i><cite
                    style="text-align:left">我的常用语</cite></a>
              </dd>
              <dd>
                <a onclick="OpenOtherForm('邮箱入口', 'http://mail.zzmetro.cn/index.php')"><i class="fa fa-envelope"
                    style="font-size: 20px !important; margin-right: 5px;color:deepskyblue;"></i><cite
                    style="text-align:left">邮箱入口</cite></a>
              </dd>
            </dl>
          </li>
          <li class="layui-nav-item" id="userInfo">
            <a><img src="@Model.UserAccountModel.F_HomePhone" class="layui-nav-img userAvatar" width="35"
                height="35"><cite class="adminName">@Model.UserAccountModel.F_UserName</cite></a>
            <dl class="layui-nav-child">
              <dd>
                <a id="userinfo"><i class="layui-icon">&#xe705;</i><cite>个人信息</cite></a>
              </dd>
              <dd>
                <a id="userpwd"><i class="layui-icon"> &#xe620;</i><cite>修改密码</cite></a>
              </dd>
              <dd>
                <a href="javascript:logout()" id="exitsystem"><i class="fa fa-power-off"> </i><cite>退出系统</cite></a>
              </dd>
            </dl>
          </li>
        </ul>
      </div>
    </div>
    <!-- 左侧导航 -->
    <div class="layui-side layui-bg-black">
      <div class="navBar layui-side-scroll" id="navBar">
        <ul class="layui-nav layui-nav-tree" lay-filter="demo" lay-shrink="all">

          @if (Model != null && Model.MenuModelList != null && Model.MenuModelList.Count > 0)
          {
            int i = 0;
            foreach (T_Sys_ModuleFunctions rootNode in Model.MenuModelList)
            {
              if (i == 0)
              {
                <li class="layui-nav-item layui-nav-itemed">

                  <a data-url="@rootNode.F_OptUrl"><i class="@rootNode.F_ImgUrl"></i> @rootNode.F_Name</a>
                  @if (rootNode.ChildMenuModelList != null && rootNode.ChildMenuModelList.Count > 0)
                  {
                    <dl class="layui-nav-child">
                      @foreach (T_Sys_ModuleFunctions childNode in rootNode.ChildMenuModelList)
                      {

                        <dd><a id="@childNode.F_FunctionId" aname="@childNode.F_Name" aicon=""
                            data-url="@childNode.F_OptUrl">@childNode.F_Name</a></dd>
                      }
                    </dl>
                  }

                </li>
              }
              else
              {
                <li class="layui-nav-item">

                  @if (rootNode.F_ModuleId > 0)
                  {

                    <a id="@rootNode.F_FunctionId" aname="@rootNode.F_Name" aicon="@rootNode.F_ImgUrl"
                      data-url="@rootNode.F_OptUrl">
                      <i class="@rootNode.F_ImgUrl defaultClass"></i> @rootNode.F_Name
                      <sup class="layui-badge @rootNode.F_ModuleCode" style="display:none;margin-left:155px;">0</sup>
                    </a>
                  }
                  else
                  {
                    if (rootNode.F_FunctionId == 5)
                    {
                      <a id="@rootNode.F_FunctionId" aname="@rootNode.F_Name" aicon="@rootNode.F_ImgUrl"
                        data-url="@rootNode.F_OptUrl"><i class="@rootNode.F_ImgUrl"></i> @rootNode.F_Name<sup
                          style="position:inherit;margin-left:40px;" class="layui-badge totalOrderCount">0</sup></a>
                    }
                    else
                    {
                      <a id="@rootNode.F_FunctionId" aname="@rootNode.F_Name" aicon="@rootNode.F_ImgUrl"
                        data-url="@rootNode.F_OptUrl"><i class="@rootNode.F_ImgUrl"></i> @rootNode.F_Name</a>
                    }
                  }


                  @if (rootNode.ChildMenuModelList != null && rootNode.ChildMenuModelList.Count > 0)
                  {
                    <dl class="layui-nav-child">
                      @foreach (T_Sys_ModuleFunctions childNode in rootNode.ChildMenuModelList)
                      {
                        if (childNode.F_FunctionId == 16)
                        {

                          <dd>
                            <a id="@childNode.F_FunctionId" aname="@childNode.F_Name" aicon="" data-url="@childNode.F_OptUrl">
                              @childNode.F_Name
                              <sup class="layui-badge orderNeedCount" style="margin-left:50px;">0</sup>
                            </a>
                          </dd>
                        }

                        else if (childNode.F_FunctionId == 17)
                        {

                          <dd>
                            <a id="@childNode.F_FunctionId" aname="@childNode.F_Name" aicon="" data-url="@childNode.F_OptUrl">
                              @childNode.F_Name
                              <sup class="layui-badge orderCount" style="margin-left:50px;">0</sup>
                            </a>
                          </dd>
                        }
                        else if (childNode.F_FunctionId == 18)
                        {

                          <dd>
                            <a id="@childNode.F_FunctionId" aname="@childNode.F_Name" aicon="" data-url="@childNode.F_OptUrl">
                              @childNode.F_Name
                              <sup class="layui-badge orderCount" style="margin-left:50px;">0</sup>
                            </a>
                          </dd>
                        }
                        else if (childNode.F_FunctionId == 69)
                        {

                          <dd>
                            <a id="@childNode.F_FunctionId" aname="@childNode.F_Name" aicon="" data-url="@childNode.F_OptUrl">
                              @childNode.F_Name
                              <sup class="layui-badge orderCountWb" style="margin-left:50px;">0</sup>
                            </a>
                          </dd>
                        }


                        else
                        {
                          <dd><a id="@childNode.F_FunctionId" aname="@childNode.F_Name" aicon=""
                              data-url="@childNode.F_OptUrl">@childNode.F_Name</a></dd>
                        }
                      }
                    </dl>
                  }

                </li>
              }
              i++;
            }
          }


        </ul>
      </div>
    </div>
    <!-- 右侧内容 -->
    <div class="layui-body layui-form">
      <iframe id="mainframe" src="/Main/IndexCenter"></iframe>
      @*<div class="layui-tab mag0" lay-filter="bodyTab" id="top_tabs_box">
        <div class="switchover1">
        <i class="switcRight layui-icon">&#xe603;</i>
        </div>
        <ul class="layui-tab-title top_tab" id="top_tabs">
        <li class="layui-this maintabframecss" lay-id="maintab_index"><i class="layui-icon">&#xe68e;</i> <cite
        openid="-1">首页</cite></li>
        </ul>
        <!--tab 滑动-->
        <div class="switchover">
        <i class="switcLeft layui-icon">&#xe602;</i>
        </div>
        <ul class="layui-nav closeBox">
        <li class="layui-nav-item">
        <a href="javascript:;"><i class="layui-icon caozuo">&#xe643;</i> 操作</a>
        <dl class="layui-nav-child">
        <dd>
        <a href="javascript:;" class="refresh refreshThis"><i class="layui-icon">&#x1002;</i> 刷新当前</a>
        </dd>
        <dd>
        <a href="javascript:;" class="closePageOther"><i class="layui-icon">&#x1007;</i> 关闭其他</a>
        </dd>
        <dd>
        <a href="javascript:;" class="closePageAll"><i class="layui-icon">&#x1006;</i> 关闭全部</a>
        </dd>
        </dl>
        </li>
        </ul>
        <div class="layui-tab-content clildFrame">
        <div id="mainframeTab_index" class="layui-tab-item layui-show">
        <iframe id="mainframe_index" src="/Main/IndexCenter"></iframe>
        </div>
        </div>
        </div>*@
    </div>
    <!-- 底部 -->
    <div class="layui-footer footer">
      <div style="float: left; padding-left: 8px;" id="TelState">
        <div style="float: left; padding-top: 4px;">
          服务状态：
        </div>
        <div style="float: left; padding-top: 3px;">
          <img id="imgServerState" src="/Content/images/server0.png" alt="未连接" />
        </div>
        <div style="float: left; padding-top: 3px;">
          &nbsp;&nbsp;坐席状态：
        </div>
        <div style="float: left; padding-top: 3px;">
          <img id="imgAgentState" src="/Content/images/zx2.png" alt="未登录" />
        </div>
        <div style="float: left; padding-top: 3px;">
          &nbsp;&nbsp;排队数量：
        </div>
        <div style="float: left; padding-top: 3px;">
          <span id="spanqueuingnum" class="layui-badge">0</span>
        </div>
        <div style="float: left; padding-top: 3px;">
          &nbsp;&nbsp;<span id="spanServerRes" style="color: #eeeeee;"></span>
        </div>
      </div>
      <div style="float:right;">
        <p><span>© 版权所有 郑州市轨道交通</span></p>
      </div>
    </div>
  </div>
  <!-- 移动导航 -->
  @*<div class="site-tree-mobile"><i class="layui-icon">&#xe602;</i></div>
    <div class="site-mobile-shade"></div>*@
  <script type="text/javascript">
    function OpenOtherForm(title, url) {
      window.open(url, title);
      //top.OCX_OpenOtherForm(title, url);
    }
  </script>


  <script src="/Content/layui/layui.js"></script>
  <script src="/Content/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  @*<script type="text/javascript" src="/Content/js/index.js" charset="utf-8"></script>*@
  <script type="text/javascript" src="/Content/js/cache.js"></script>
  <script src="/Content/js/myindex.js" type="text/javascript" charset="utf-8"></script>
  <script src="~/Content/js/passWord/pwdValueDate.js"></script>
  <script>
    layui.use(['layer', 'jquery'], function () {
      var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : parent.layer,
        $ = layui.jquery;
      $(".fa-whatsapp").click(function () {

        if ($("#HdIswin").val()) {
          layer.open({
            type: 2,
            anim: 4,
            scrollbar: false,
            content: '/Main/PhoneCall',
            area: ['400px', '420px'],
            id: 'PhoneCall',
            title: '软电话'

          });
        }
        else {
          layer.msg('无权限', { icon: 5, time: 2000 });
          return;
        }

      });
    })

  </script>
  <script type="text/javascript">
    function telajaxopt(opturl) {
      var r = "";
      try {
        $.ajax({
          type: 'get',
          url: opturl,
          dataType: 'html',
          async: false,
          cache: false,
          success: function (res) {
            r = res;
          }
        });
      }
      catch (e) {
        //$.ligerDialog.error(e.message);
      }
      return r;
    }
    //电话操作事件
    //话机状态改变事件
    function OnPhoneStatusNotify(status) {
      var timeno = new Date().getTime();
      //document.getElementById("spanServerRes").innerHTML = "状态：" + status;
    }
    //获取APPID
    function GetAPPID() {
      var cid = OCX_GetCallID("");
      //更新APPID
      return cid;
    }
    function UpdateRecPath() {
      var appid = "";
      appid = GetAPPID();
      var timeno = new Date().getTime();
      var callID = document.getElementById("CallHjbh").value;
      telajaxopt("/OCXOpt/OCXOptCallAjax/?optaction=luyinEvent&callid=" + callID + "&path=" + appid + "&timeno=" + timeno);  //录音开始事件
    }


    //录音成功
    function Form_callComming(callerNum, parth) {
      var timeno = new Date().getTime();
      telajaxopt("/OCXOpt/OCXOptCallAjax/?optaction=luyinEvent&callid=" + document.getElementById("CallHjbh").value + "&path=" + parth + "&timeno=" + timeno);  //录音开始事件
      //Form_setWinfromenble("True", "false", "false", "false", "True", "True", "True", "false", "false", "false");
    }

    function getCallerNum() {
      var calnum = document.getElementById("callnum").value;
      return calnum;

    }
    function clearCallerNum() {
      document.getElementById("callnum").value = "";
    }
    function getCallHjbh() {
      var cid = document.getElementById("CallHjbh").value;
      return cid;
    }

    function clearCallHjbh() {
      document.getElementById("CallHjbh").value = "";
    }
  </script>
  <script>
    var tellayercount = 0;
    var nowtime = "";
    var arrLayerTime = new Array();
    function ShowLayerByTimes(times) {
      nowtime = times;
      var aid = "layui-layer" + times;
      //$('#' + aid).show();
      $("#" + aid).find(".layui-layer-max").click();
    }
    function CloseLayerByTimes(times) {
      var aid = "layui-layer" + times;
      //$('#' + aid).show();
      $("#" + aid).find(".layui-layer-close").click();
    }
    function CloseLayerNow() {
      var aid = "layui-layer" + nowtime;
      //$('#' + aid).show();
      $("#" + aid).find(".layui-layer-close").click();
    }
    function InitTelLayerList() {
      var html = "";
      for (var ai = 0; ai < arrLayerTime.length; ai++) {
        var atime = arrLayerTime[ai];
        var aid = "layui-layer" + atime;
        var title = $('#' + aid + ' .layui-layer-title').text();
        var sindex = title.indexOf('-');
        title = title.substr(0, sindex);
        html += "<dd><a href=\"javascript:ShowLayerByTimes(" + atime + ");\" ><i class=\"fa fa-phone\"></i><cite>" + title + "</cite></a></dd>";
      }
      $('#telLayerInfoChild').html(html);
    }
    function CloseOpenTel(atime) {
      tellayercount--;
      if (tellayercount <= 0) {
        tellayercount = 0;
        document.getElementById("telLayerInfo").style.display = "none";
      }
      document.getElementById("supLayerCount").innerHTML = tellayercount;
      //var atime = layero.attr("times");
      var sindex = arrLayerTime.indexOf(atime);
      if (sindex > -1) {
        arrLayerTime.splice(sindex, 1);
      }
      InitTelLayerList();
    }
    function OpenTelLayer(t, urlSrc) {//多窗口模式，层叠置顶
      layui.use(['element', 'layer'], function () {
        var element = layui.element,
          layer = layui.layer; //获得layer模块
        layer.open({
          type: 2 //此处以iframe举例
          , title: t
          , area: ['80%', '80%']
          , shade: 0
          , maxmin: true
          , content: urlSrc
          , zIndex: layer.zIndex //重点1
          , success: function (layero) {
            tellayercount++;
            document.getElementById("supLayerCount").innerHTML = tellayercount;
            document.getElementById("telLayerInfo").style.display = "inline";
            layer.setTop(layero); //重点2
            nowtime = layero.attr("times");
            arrLayerTime.push(layero.attr("times"));
            InitTelLayerList();
          }, min: function (layero) {
            //setTimeout(function () { layero.css({ left:"180px",width:"280px" }); }, 0);
            //alert(layero.attr("times"));
            //var w = document.body.clientWidth;
            //var rowcount = w / 181;
            //for (var i = 0; i < arrLayerTime.length; i++) {
            //    var atime = arrLayerTime[i];
            //    var id = "layui-layer" + atime;
            //    var obj = document.getElementById(id);
            //}
            var atime = layero.attr("times");
            var aid = "layui-layer" + atime;
            //$('#' + aid).hide();
            setTimeout(function () { layero.css({ width: "0px", height: "0px" }); }, 0);
          }, cancel: function (index, layero) {
            CloseOpenTel(layero.attr("times"));
          }
        });
      });
    }
    function tabMove() {
      $(window).on("resize", function (event) {
        var topTabsBox = $("#top_tabs_box"),
          topTabsBoxWidth = $("#top_tabs_box").width(),
          topTabs = $("#top_tabs"),
          topTabsWidth = $("#top_tabs").width(),
          tabLi = topTabs.find("li.layui-this"),
          top_tabs = document.getElementById("top_tabs"),
          event = event || window.event;
        try {
          if (topTabsWidth > topTabsBoxWidth) {
            if (tabLi.position().left > topTabsBoxWidth || tabLi.position().left + topTabsBoxWidth > topTabsWidth) {
              topTabs.css("left", topTabsBoxWidth - topTabsWidth);
            } else {
              topTabs.css("left", -tabLi.position().left);
            }
            //拖动效果
            var flag = false;
            var cur = {
              x: 0,
              y: 0
            }
            var nx, dx, x;
            function down() {
              flag = true;
              var touch;
              if (event.touches) {
                touch = event.touches[0];
              } else {
                touch = event;
              }
              cur.x = touch.clientX;
              dx = top_tabs.offsetLeft;
            }
            function move() {
              var self = this;
              if (flag) {
                window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
                var touch;
                if (event.touches) {
                  touch = event.touches[0];
                } else {
                  touch = event;
                }
                nx = touch.clientX - cur.x;
                x = dx + nx;
                if (x > 0) {
                  x = 0;
                } else {
                  if (x < topTabsBoxWidth - topTabsWidth) {
                    x = topTabsBoxWidth - topTabsWidth;
                  } else {
                    x = dx + nx;
                  }
                }
                top_tabs.style.left = x + "px";
                //阻止页面的滑动默认事件
                document.addEventListener("touchmove", function () {
                  event.preventDefault();
                }, false);
              }
            }
            //鼠标释放时候的函数
            function end() {
              flag = false;
            }
            //pc端拖动效果
            topTabs.on("mousedown", down);
            topTabs.on("mousemove", move);
            $(document).on("mouseup", end);
            //移动端拖动效果
            topTabs.on("touchstart", down);
            topTabs.on("touchmove", move);
            topTabs.on("touchend", end);
          } else {
            //移除pc端拖动效果
            topTabs.off("mousedown", down);
            topTabs.off("mousemove", move);
            topTabs.off("mouseup", end);
            //移除移动端拖动效果
            topTabs.off("touchstart", down);
            topTabs.off("touchmove", move);
            topTabs.off("touchend", end);
            topTabs.removeAttr("style");
            return false;
          }
        }
        catch (e) {
          alert(e.message);
        }
      }).resize();
    }
    var tabFilter, menu = [], liIndex, curNav, delMenu,
      changeRefreshStr = window.sessionStorage.getItem("changeRefresh");
    //layui.use(['layer', 'jquery'], function () {
    //    var form = layui.form,
    //        layer = parent.layer === undefined ? layui.layer : parent.layer,
    //        $ = layui.jquery;
    layui.use('element', function () {
      var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
      //var element = layui.element,
      //    $ = layui.$,
      //    layId,
      //    Tab = function () {
      //        this.tabConfig = {
      //            openTabNum: undefined,  //最大可打开窗口数量
      //            tabFilter: "bodyTab",  //添加窗口的filter
      //            url: undefined  //获取菜单json地址
      //        }
      //    };
      /*
      //通过title获取lay-id
      Tab.prototype.getLayId = function (title) {
          $(".layui-tab-title.top_tab li").each(function () {
              if ($(this).find("cite").text() == title) {
                  layId = $(this).attr("lay-id");
              }
          })
          return layId;
      }
      //通过title判断tab是否存在
      Tab.prototype.hasTab = function (title) {
          var tabIndex = -1;
          $(".layui-tab-title.top_tab li").each(function () {
              if ($(this).find("cite").text() == title) {
                  tabIndex = 1;
              }
          })
          return tabIndex;
      }


      function AddTabPage(aid, aicon, nullicon, aname, urlSrc) {
          var timeno = new Date().getTime();
          var tabIndex = -1;
          $(".layui-tab-title.top_tab li").each(function () {
              if ($(this).attr("lay-id") == 'maintab_' + aid + '') {
                  tabIndex = 1;
              }
          })
          if (tabIndex != 1) {
              //新增一个Tab项
              element.tabAdd('bodyTab', {
                  title: '<i class=\"' + aicon + '\">' + nullicon + '</i> <cite openid=\"' + aid + '\">' + aname + '</cite><i class=\"layui-icon layui-unselect layui-tab-close\">&#x1006;</i>'
                  , content: '<iframe id=\"mainframe_' + aid + '\" src=\"' + urlSrc + '?timeno=' + timeno + '\"></iframe>'
                  , id: 'maintab_' + aid + '' //实际使用一般是规定好的id，这里以时间戳模拟下
              })
          }
          element.tabChange('bodyTab', 'maintab_' + aid + '');
          tabMove(); //顶部窗口是否可滚动
      }
      */

      var pwd = $("#Password").val();


      if (checkStrong(pwd) == "0" || checkStrong(pwd) == "1") {


        layer.open({
          content: '密码等级太低,请先修改密码'
          , btn: ['好的', '稍后再去']
          , yes: function (index, layero) {
            layer.close(index);
            //AddTabPage('editpsd', 'fa fa-lock', '', '修改密码','/SystemManage/UserPwdEdit');
            document.getElementById("mainframe").src = "/SystemManage/UserPwdEdit";

          }

        });
      }

      $("#userpwd").click(function () {
        document.getElementById("mainframe").src = "/SystemManage/UserPwdEdit";
        //AddTabPage('editpsd', 'fa fa-lock', '', '修改密码', '/SystemManage/UserPwdEdit');
      });
      $("#customerphone").click(function () {
        document.getElementById("mainframe").src = "/HrEmployeeBase/EmployeeSearchList";
        //AddTabPage('emplist', 'layui-icon layui-icon-form', '&#xe63c;', '通讯录', '/HrEmployeeBase/EmployeeSearchList');
        //layer.open({
        //   type: 2,
        //   anim: 4,
        //   scrollbar: false,
        //  content: '/HrEmployeeBase/EmployeeSearchList',
        //   area: ['1000px', '500px'],
        //     id: 'UserInfo',
        //   title: '通讯录'
        //});
      });
      $("#userinfo").click(function () {
        document.getElementById("mainframe").src = "/SystemManage/UserView";
        //AddTabPage('userinfo', 'fa fa-user', '', '个人信息', '/SystemManage/UserView');
        //layer.open({
        //    type: 2,
        //    anim: 4,
        //    scrollbar: false,
        //    content: '/SystemManage/UserView',
        //    area: ['800px', '500px'],
        //    id: 'UserInfo',
        //    title: '个人信息'

        //});
      });

      //转主页
      $(".logo").on("click", function () {  //此处添加禁止连续点击刷新一是为了降低服务器压力，另外一个就是为了防止超快点击造成chrome本身的一些js文件的报错(不过貌似这个问题还是存在，不过概率小了很多)
        //var tabIndex = -1;
        //$(".layui-tab-title.top_tab li").each(function () {
        //    if ($(this).attr("lay-id") == 'maintab_index') {
        //        tabIndex = 1;
        //    }
        //})
        //if (tabIndex != 1) {
        //    var timeno = new Date().getTime();
        //    //新增一个Tab项
        //    element.tabAdd('bodyTab', {
        //        title: '<i class=\"layui-icon\">&#xe68e;</i> <cite openid=\"-1\">首页</cite>'
        //        , content: '<iframe id=\"mainframe_index\" src=\"/Main/IndexCenter?timeno=' + timeno + '\"></iframe>'
        //        , id: 'maintab_index' //实际使用一般是规定好的id，这里以时间戳模拟下
        //    })
        //}
        //element.tabChange('bodyTab', 'maintab_index');
        //tabMove(); //顶部窗口是否可滚动
        var timeno = new Date().getTime();
        document.getElementById("mainframe").src = "/Main/IndexCenter?timeno=" + timeno;
      })

      //删除tab
      //$("body").on("click", ".top_tab li i.layui-tab-close", function () {
      //    try {
      //        //删除tab后重置session中的menu和curmenu
      //        liIndex = $(this).parent("li").index();
      //        element.tabDelete("bodyTab", $(this).parent("li").attr("lay-id")).init();
      //        tabMove();
      //    }
      //    catch (e) { }
      //})

      //刷新当前
      //$(".refresh").on("click", function () {  //此处添加禁止连续点击刷新一是为了降低服务器压力，另外一个就是为了防止超快点击造成chrome本身的一些js文件的报错(不过貌似这个问题还是存在，不过概率小了很多)
      //    try {
      //        if ($(this).hasClass("refreshThis")) {
      //            $(this).removeClass("refreshThis");
      //            $(".clildFrame .layui-tab-item.layui-show").find("iframe")[0].contentWindow.location.reload();
      //            setTimeout(function () {
      //                $(".refresh").addClass("refreshThis");
      //            }, 2000)
      //        } else {
      //            layer.msg("您点击的速度超过了服务器的响应速度，还是等两秒再刷新吧！");
      //        }
      //    }
      //    catch (e) { }
      //})

      //关闭其他
      //$(".closePageOther").on("click", function () {
      //    try {
      //        if ($("#top_tabs li").length > 2 && $("#top_tabs li.layui-this cite").text() != "首页") {
      //            $("#top_tabs li").each(function () {
      //                if ($(this).attr("lay-id") != 'maintab_index' && !$(this).hasClass("layui-this")) {
      //                    element.tabDelete("bodyTab", $(this).attr("lay-id")).init();
      //                }
      //            })
      //        } else if ($("#top_tabs li.layui-this cite").text() == "首页" && $("#top_tabs li").length > 1) {
      //            $("#top_tabs li").each(function () {
      //                if ($(this).attr("lay-id") != 'maintab_index' && !$(this).hasClass("layui-this")) {
      //                    element.tabDelete("bodyTab", $(this).attr("lay-id")).init();
      //                }
      //            })
      //        } else {
      //            layer.msg("没有可以关闭的窗口了");
      //        }
      //        //渲染顶部窗口
      //        tabMove();
      //    }
      //    catch (e) { }
      //})
      //关闭全部
      //$(".closePageAll").on("click", function () {
      //    try {
      //        if ($("#top_tabs li").length > 1) {
      //            $("#top_tabs li").each(function () {
      //                if ($(this).attr("lay-id") != 'maintab_index') {
      //                    element.tabDelete("bodyTab", $(this).attr("lay-id")).init();
      //                }
      //            })
      //        } else {
      //            layer.msg("没有可以关闭的窗口了");
      //        }
      //        //渲染顶部窗口
      //        tabMove();
      //    }
      //    catch (e) { }
      //})

      //通过title获取lay-id
      //Tab.prototype.getLayId = function (title) {
      //    $(".layui-tab-title.top_tab li").each(function () {
      //        if ($(this).find("cite").text() == title) {
      //            layId = $(this).attr("lay-id");
      //        }
      //    })
      //    return layId;
      //}

      //监听导航点击
      element.on('nav(demo)', function (elem) {
        //console.log(elem)
        // layer.msg(elem.text());
        var urlSrc = $(this).find("a").attr("data-url");
        var aname = $(this).find("a").attr("aname");
        var aid = $(this).find("a").attr("id");
        var aicon = $(this).find("a").attr("aicon");
        var nullicon = "";
        if (aicon == "") {
          aicon = "layui-icon layui-icon-tabs";
          nullicon = "&#xe62a;";
        }

        var cssClass = $(this).find("a").find("i").attr("class");
        if (cssClass != null && (cssClass.indexOf("fa-weibo") > 0 || cssClass.indexOf("fa-weixin")) && cssClass.indexOf("selectClass") <= 0) {
          alert("未签入!")
          return;
        }

        var timeno = new Date().getTime();
        if (urlSrc != "") {
          if (urlSrc == "/ScreenDisplay/MainScreen") {
            OpenOtherForm("郑州地铁客服中心大屏数据展示", "http://" + window.location.host + urlSrc + "/");
          }
          else {
            if (urlSrc.indexOf("CallRecord/CallScreen") >= 0) {
              //OpenTelLayer('18695836988-来电', urlSrc);
              document.getElementById("mainframe").src = urlSrc;
            }
            else {
              if (urlSrc.indexOf('?') < 0) {
                document.getElementById("mainframe").src = urlSrc + "?timeno=" + timeno + "";
                //var tabIndex = -1;
                //$(".layui-tab-title.top_tab li").each(function () {
                //    if ($(this).attr("lay-id") == 'maintab_' + aid + '') {
                //        tabIndex = 1;
                //    }
                //})
                //if (tabIndex != 1) {
                //    //新增一个Tab项
                //    element.tabAdd('bodyTab', {
                //        title: '<i class=\"' + aicon + '\">' + nullicon + '</i> <cite openid=\"' + aid + '\">' + aname + '</cite><i class=\"layui-icon layui-unselect layui-tab-close\">&#x1006;</i>'
                //        , content: '<iframe id=\"mainframe_' + aid + '\" scrolling=\"auto\" src=\"' + urlSrc + '?timeno=' + timeno + '\"></iframe>'
                //        , id: 'maintab_' + aid + '' //实际使用一般是规定好的id，这里以时间戳模拟下
                //    })
                //}
                //element.tabChange('bodyTab', 'maintab_' + aid + '');
                //tabMove(); //顶部窗口是否可滚动
              }
              else {
                document.getElementById("mainframe").src = urlSrc + "&timeno=" + timeno + "";
                //try {
                //    var tabIndex = -1;
                //    $(".layui-tab-title.top_tab li").each(function () {
                //        if ($(this).attr("lay-id") == 'maintab_' + aid + '') {
                //            tabIndex = 1;
                //        }
                //    })
                //    if (tabIndex != 1) {
                //        //新增一个Tab项
                //        element.tabAdd('bodyTab', {
                //            title: '<i class=\"' + aicon + '\">' + nullicon + '</i> <cite openid=\"' + aid + '\">' + aname + '</cite><i class=\"layui-icon layui-unselect layui-tab-close\">&#x1006;</i>'
                //            , content: '<iframe id=\"mainframe_' + aid + '\" scrolling=\"auto\" src=\"' + urlSrc + '&timeno=' + timeno + '\"></iframe>'
                //            , id: 'maintab_' + aid + '' //实际使用一般是规定好的id，这里以时间戳模拟下
                //        })
                //    }
                //    element.tabChange('bodyTab', 'maintab_' + aid + '');
                //    //setTimeout(alert(1), 5000);
                //    tabMove(); //顶部窗口是否可滚动
                //    //if (aid == "2" || aid == "3") {
                //    //    alert("加载完成");
                //    //}
                //}
                //catch (e) {
                //    alert(e.message);
                //}
              }
            }
          }
          //if (urlSrc.indexOf('?') < 0) {
          //    document.getElementById("mainframe").src = urlSrc + "?timeno=" + timeno + "";
          //}
          //else {
          //    document.getElementById("mainframe").src = urlSrc + "&timeno=" + timeno + "";
          //}
        }


      });
    });
    $("#navBar .layui-nav-item").click(function () {
      $("#navBar .layui-nav-item").removeClass("layui-nav-itemed");
      $("#navBar .layui-nav-item").removeClass("layui-this");
      if ($(this).has('dl').length) {//如果有子菜单，显示下拉样式
        $(this).addClass("layui-nav-itemed");
      } else {//如果没有子菜单，显示菜单项样式
        $(this).addClass("layui-this");
      }
    });
  </script>
</body>


<script type="text/javascript">

  ///获取微信消息
  ///1、微信 2、微博
  function GetWxMessageCount(messageType, className) {
    $.ajax({
      url: "/OtherPage/GetWebChartCount",
      type: "get",
      contentType: "application/json",
      dataType: "text",
      cache: false,
      data: { "pageType": messageType },
      success: function (result, status) {
        if (status) {
          $(className).html(result);

        }


      }
    });
  }
  //微信
  var wX;
  function wXTimedCount() {
    GetWxMessageCount(1, ".wXCount");
    wX = setTimeout("wXTimedCount()", 5000)
  }

  $(".btnWX").click(function () {
    var rgs = $(".fa-weixin").hasClass("defaultClass");

    if (rgs) {
      $(".fa-weixin").removeClass("defaultClass");
      $(".fa-weixin").addClass("selectClass");
      $(".wXCount").css("display", "block");
      wXTimedCount();
    }
    else {
      $(".fa-weixin").removeClass("selectClass");
      $(".fa-weixin").addClass("defaultClass");
      $(".wXCount").css("display", "none");
      clearTimeout(wX);
    }
  });

  //微博
  var wB;
  function wBTimedCount() {
    GetWxMessageCount(2, ".wBCount");
    wB = setTimeout("wBTimedCount()", 5000)
  }

  $(".btnWB").click(function () {
    var rgs = $(".fa-weibo").hasClass("defaultClass");

    if (rgs) {
      $(".fa-weibo").removeClass("defaultClass");
      $(".fa-weibo").addClass("selectClass");
      $(".wBCount").css("display", "block");
      wBTimedCount();
    }
    else {
      $(".fa-weibo").removeClass("selectClass");
      $(".fa-weibo").addClass("defaultClass");
      $(".wBCount").css("display", "none");
      clearTimeout(wB);
    }
  });


  //待办工单
  function MyOrderCount() {

    try {
      //补录工单
      if ($(".orderNeedCount") != undefined) {
        $.ajax({
          url: "/OtherPage/GetMyOrderNeedCount/",
          type: "get",
          contentType: "application/json",
          dataType: "text",
          cache: false,
          data: null,
          success: function (result, status) {
            if (status) {

              $(".orderNeedCount").html(result);
            }
          }
        });

      }
      //微博工单//orderCountWb
      //if ($(".orderCountWb") != undefined) {
      //    $.ajax({
      //        url: "/OtherPage/GetMyOrderCountWb/",
      //        type: "get",
      //        contentType: "application/json",
      //        dataType: "text",
      //        cache: false,
      //        data: null,
      //        success: function (result, status) {
      //            if (status) {

      //                $(".orderCountWb").html(result);
      //            }
      //        }
      //    });

      //}
      //待办工单
      if ($(".orderCount") != undefined) {
        $.ajax({
          url: "/OtherPage/GetMyOrderCount/",
          type: "get",
          contentType: "application/json",
          dataType: "text",
          cache: false,
          data: null,
          success: function (result, status) {
            if (status) {

              $(".orderCount").html(result);
            }
          }
        });

      }
      if ($(".orderCount") != undefined || $(".orderNeedCount") != undefined) {

        var totalOrderCount = 0;
        var myOrderCount = 0;
        var myNeedCount = 0;
        var myorderCountWb = 0;
        if ($(".orderCount") != undefined) {
          myOrderCount = $(".orderCount").html();
        }
        if ($(".orderNeedCount") != undefined) {
          myNeedCount = $(".orderNeedCount").html();
        }
        //orderCountWb
        //if ($(".orderCountWb") != undefined) {
        //    myorderCountWb = $(".orderCountWb").html();
        //}
        totalOrderCount = parseInt(myOrderCount) + parseInt(myNeedCount);
        $(".totalOrderCount").html(totalOrderCount);
        setTimeout("MyOrderCount()", 5000);
      }
    }
    catch (e) {

    }

  }


  //获取待办工单数量
  MyOrderCount();


</script>


</html>