zhangkun
/
ditie2.0_web


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277
							@using YTSoft.BaseCallCenter.MVCWeb.Models;
@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 href="/Content/css/public.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 href="/Content/css/callscreen/callscreen.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;
      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 LogoutState;
    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() {
      var usercode = document.getElementById("txtLabourwork").value;
      var extnumber = document.getElementById("txtPhoneNum").value;
      var typed = document.getElementById("HdIswin"); //是否是坐席用户
      //var typed.value = true; //是否是坐席用户
      if (typed.value == "true") {

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

        } else {
          LogoutState = 0;
          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: #ffffff;
    }
    .selectClass {
      color: #83d944 !important;
    }
    .callScreen{
      width: 100%; 
      height:100%; 
      display: none;
      background: #dddddd;
      position: absolute;
      z-index: 111;
    }
    .F_ScaleResume2,.F_ScaleResume3,.F_ScaleResume4{
      display: none;
    }
    .sexParamNan,.sexParamNv,.sexParam{
      display: none;
    }
    .maskTask {
      width: 100%;
      position: fixed;
      opacity: .5;
      left: 0;
      top: 0;
      height: 100%;
      z-index: 1;
      background-color: #000;
      display: none;
    }

    .telLine {
      display: none;
      position: fixed;
      text-align: center;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      background: #ffffff;
      width: 1000px;
      height: 300px;
      font-size: 16px;
      z-index: 11;
      color: #000000;
      border: 1px solid #cccccc;
      overflow: hidden;
      top: -400px;
    }
    .closeBtn {
      font-size: 26px;
      font-weight: bold;
      color: #000000;
      position: absolute;
      top: 0px;
      right: 15px;
      z-index: 12;
    }
    .telLine li {
      width: 120px;
      margin: 30px 30px 0px 30px;
      line-height: 40px !important;
      float: left;
      height: 70px;
      cursor: pointer;
      color: #ffffff;
    }
    .telLine li a {
      background: #1E9FFF;
      color: #ffffff;
    }
    .telLine li dl dd a {
      background: #ffffff;
      color: #000000;
    }
    .telLine li dl{
      height: 500px;
      overflow-y: auto;
    }
    .title {
      width: 100%;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background-color: #F8F8F8;
      border-bottom: 1px solid #eee;
      font-size: 20px;
      font-weight: bold;
      position: relative;
    }

    .telLine li a:hover {
      
      background: #00FFFF;
    }

    .telLine ul {
      position: fixed;
      width: 1000px;
      z-index: 12;
      background: #ffffff;
    }

    .fastReply {
      position: fixed;
      top: 50%;
      right: 0px;
      background: #01a1cb;
      padding: 10px 15px;
      color: #ffffff;
      cursor: pointer;
    }

    .quick-head .tag {
      cursor: pointer;
      padding: 0 20px;
      height: 30px;
      display: inline-block;
      border-bottom: 3px solid transparent;
    }
    .quick-head .tag .countNum{
        margin-left: 10px;
        color: #ffffff;
        background: #ff0000;
        height: 20px;
        line-height: 20px;
        padding: 0px 5px;
        border-radius: 5px;
    }
    .quick-head .action {
      border-color: #2196f3;
    }

    .quick-item {
      padding: 13px 13px 0px 13px;
      cursor: pointer;
      border-bottom: 1px solid #ccc;
      word-break: break-all;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }

    #inputs {
      width: 0;
      height: 0;
    }
    .bookBtn{
      width: 70px;
      height: 50px;
      line-height: 65px;
      
    }
    .bookChildBtn{
      width: 60px;
      height: 50px;
      line-height:65px;
      
    }
    .F_CustomerCode{
      display: none;
    }
    .layui-table td{
        padding: 3px 0 !important;
        
    }
    .quick-list{
      height: 280px;
      overflow-y: auto;
    }
    .clickpanle{
      height: 420px;
      overflow: auto;
    }
    .popRemind{
      position:fixed;
      width:200px;
      height:120px;
      line-height:120px;
      font-size:16px;
      text-align:center;
      right:20px;
      bottom:44px;
      background:#048aad;
      color:#ffffff;
      z-index:1111;
      display:none;
    }
  </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 class="logo" style=" text-align:left; padding-left:15px;"><img style="height:55px;"
            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" />
            <i id="i_1" class="fa fa-phone defaultClass" data-icon=""></i>
            <p>语音签入</p>
          </li>
          <li class="layui-nav-item" data-menu="memberCenter" pc>
            <a>
              <i id="i_2" class="layui-icon" style="color:#ffffff;" data-icon="&#xe611;">&#xe611;</i>
              <p>信息</p>
            </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>
              <p>微信</p>
            </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>
              <p>微博</p>
            </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>
            <p>就绪</p>
          </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>
              <p>小休</p>
            </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;"></i>
            @* <cite class="adminName">软电话</cite> *@
          </li>
          <li class="layui-nav-item" title="通讯录" id="customerphone" style="margin-right: 80px;">
            <i class="fa fa-address-card" style="font-size: 25px !important;"></i>
            @* <cite class="adminName">通讯录</cite> *@
          </li>
          <li class="layui-nav-item" style="margin-right: 10px;" >
            <a title="小工具">
              <i class="layui-icon" style=" font-size: 25px !important;">&#xe631;</i>
              @* <cite class="adminName">小工具</cite> *@
            </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: 0px 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>
              
            </dl>
          </li>
          <li class="layui-nav-item" style="margin-right: 10px;" >
            <a title="小工具">
              <i class="layui-icon" style=" font-size: 25px !important;">&#xe705;</i>
              @* <cite class="adminName">小工具</cite> *@
            </a>
            <dl class="layui-nav-child">
              <dd>
                <a onclick="OpenOtherForm('失物招领', 'https://portal.zzmetro.cn:4455/zw/loginController.do?loginSign')">
                  <i class="fa fa-bank" style="font-size: 19px !important; margin-right: 0px 0px 0px -5px !important;"></i>
                  <cite style="text-align:left">失物招领</cite>
                </a>
              </dd>
              <dd>
                <a onclick="OpenOtherForm('公司内网', 'http://portal.zzmetro.cn:7819/manage/sso')">
                  <i class="fa fa-arrows-alt" style="font-size: 20px !important; margin-right: 5px;"></i>
                  <cite style="text-align:left">公司内网</cite>
                </a>
              </dd>
              <dd>
                <a onclick="OpenOtherForm('集团门户', 'https://portal.zzmetro.cn:4443/webcenter')">
                  <i class="fa fa-bookmark" style="font-size: 20px !important; margin-right: 5px;"></i>
                  <cite style="text-align:left">集团门户</cite>
                </a>
              </dd>
              <dd>
                <a onclick="OpenOtherForm('邮箱入口', 'https://portal.zzmetro.cn:4456/webmailsso.php')"><i class="fa fa-envelope"
                    style="font-size: 20px !important; margin-right: 5px;"></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 leftMenu" 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)
                      {
                         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 == 105)
                        {

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

                          <dd>
                            <a id="@childNode.F_FunctionId" class="callScreenClick" aname="@childNode.F_Name" aicon="" data-url="@childNode.F_OptUrl">
                              @childNode.F_Name
                             
                            </a>
                          </dd>
                        }
                         else if (childNode.F_FunctionId == 84)
                        {

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

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

                          <dd>
                            <a id="@childNode.F_FunctionId" aname="@childNode.F_Name" aicon="" data-url="@childNode.F_OptUrl">
                              @childNode.F_Name
                              <sup class="layui-badge OrderMyDataDZCount" 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>
              }
              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 if (rootNode.F_FunctionId == 2)
                    {
                      <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; height:18px; line-height:18px; display:none"  class="layui-badge wXCount">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 == 105)
                        {

                          <dd>
                            <a id="@childNode.F_FunctionId" aname="@childNode.F_Name" aicon="" data-url="@childNode.F_OptUrl">
                              @childNode.F_Name
                              <sup class="layui-badge WorkOrderMyDealedDataCount" 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 if (childNode.F_FunctionId == 84)
                        {

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

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

                          <dd>
                            <a id="@childNode.F_FunctionId" aname="@childNode.F_Name" aicon="" data-url="@childNode.F_OptUrl">
                              @childNode.F_Name
                              <sup class="layui-badge OrderMyDataDZCount" 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="callScreen">
          <blockquote class="layui-elem-quote layui-text" style="font-size: larger; display: none;">
            来电弹屏
          </blockquote>
          <div class="maskTask"></div>
          <div class="telLine">

            <div class="title">转接信息<span class="closeBtn">×</span></div>
            <div class="telLineUl">
              <ul class="layui-nav">
                
              </ul>
            </div>
          </div>
          <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
              <div class="layui-col-md9">
                <form class="layui-form layui-card">
                  <input id="F_CustomerId" value="" type="hidden" />
                  <input id="workOrderNum" value="" type="hidden" />                 
                  <input id="F_ScaleResume" value="1" type="hidden" />
                  <input id="F_CustomerClass" value="一般客户" type="hidden" />
                  
                  <div class="layui-card-header">
                    <label class="layui-form-label">
                      电话号码：
                    </label>

                    <span id="F_Telephone" class="layui-form-label"></span>
                    <span id="F_CustomerLayer" style="width:120px;text-align:left" class="layui-form-label"></span>

                    <div style="float: right;">

                      <div class="layui-btn-group">
                        
                          @* 普通 *@
                          <div class="F_ScaleResume1 F_ScaleResume">
                              <div id="historyCustom" class="layui-btn layui-btn-normal bookChildBtn" onclick="btnOpt(1)" style="width: 70px;">
                                <i class="fa fa-address-card-o"style="font-size: 24px; "></i>
                              </div>
                              <div title="关注度" class="layui-btn layui-btn-primary layui-btn-sm careCustom bookChildBtn" onclick="btnOpt(2)"
                                style="width: 60px; border-left:none">
                                <i class="fa fa-heart"
                                  style="font-size: 32px !important;  margin-left :0px;margin-top:0px; color:#cccccc;"></i>
                                  
                              </div>
                              
                              <div title="白名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom bookChildBtn" onclick="btnOpt(10)"
                                style="width: 60px;  border-left:none;  background:#cccccc;">
                                <i class="fa fa-user-plus"
                                  style="font-size: 32px !important; margin-left :0px; margin-top:0px; color:#ffffff;"></i>
                                  
                              </div>
                              <div title="黑名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom bookChildBtn" onclick="btnOpt(3)"
                                style="width: 60px; border-left:none">
                                <i class="fa fa-user-times"
                                  style="font-size: 32px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
                                  
                              </div>
                          </div>
                          @* 特别 *@
                          <div class="F_ScaleResume2 F_ScaleResume">
                              <div id="historyCustom" class="layui-btn layui-btn-normal bookChildBtn" onclick="btnOpt(1)" style="width: 50px;">
                                <i class="fa fa-address-card-o" style="font-size: 24px; "></i>
                              </div>
                              <div title="关注度" class="layui-btn layui-btn-warm careCustom bookChildBtn" onclick="btnOpt(2)"
                                style="width: 170px;border-left:none">
                                <i class="fa fa-heart"
                                  style="font-size: 32px !important; margin-left :0px;margin-top:0px;color:deeppink;"></i>
                                  
                              </div>
                              <div title="白名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom bookChildBtn" onclick="btnOpt(10)"
                                style="width: 60px;border-left:none;  background:#cccccc;">
                                <i class="fa fa-user-plus"
                                  style="font-size: 32px !important; margin-left :0px; margin-top:0px; color:#ffffff;"></i>
                              </div>
                              <div title="黑名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom bookChildBtn" onclick="btnOpt(3)"
                                style="width: 60px;border-left:none">
                                <i class="fa fa-user-times"
                                  style="font-size: 32px !important; margin-left :0px;margin-top:0px; color:#000000;"></i>
                              </div>
                          </div> 
                          @* 黑名单 *@
                          <div class="F_ScaleResume3 F_ScaleResume">
                              <div id="historyCustom" class="layui-btn layui-btn-normal bookChildBtn" onclick="btnOpt(1)" style="width: 50px;">
                                <i class="fa fa-address-card-o" style="font-size: 24px; "></i>
                              </div>
                              <div title="关注度" class="layui-btn layui-btn-primary layui-btn-sm careCustom bookChildBtn" onclick="btnOpt(2)"
                              style="border-left:none">
                              <i class="fa fa-heart"
                                style="font-size: 32px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
                                
                            </div>
                            <div title="白名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom bookChildBtn" onclick="btnOpt(10)"
                              style="width: 60px;border-left:none;  background:#cccccc;">
                              <i class="fa fa-user-plus"
                                style="font-size: 32px !important; margin-left :0px; margin-top:0px; color:#ffffff;"></i>
                            </div>
                            <div title="黑名单" class="layui-btn layui-btn-danger blackCustom bookChildBtn" onclick="btnOpt(3)"
                              style="width: 170px; border-left: none">
                              <i class="fa fa-user-times"
                                style="font-size: 32px !important; margin-left :0px;margin-top:0px; color:black;">黑名单</i>
                            </div>
                          </div>   
                          @* 白名单 *@
                          <div class="F_ScaleResume4 F_ScaleResume">
                              <div id="historyCustom" class="layui-btn layui-btn-normal bookChildBtn" onclick="btnOpt(1)" style="width: 50px;">
                                <i class="fa fa-address-card-o" style="font-size: 24px; "></i>
                              </div>
                              <div title="关注度" class="layui-btn layui-btn-primary layui-btn-sm careCustom bookChildBtn" onclick="btnOpt(2)"
                                style="width: 60px;border-left:none">
                                <i class="fa fa-heart"
                                  style="font-size: 32px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
                                  
                              </div>
                              <div title="白名单" class="layui-btn layui-btn-danger blackCustom bookChildBtn" onclick="btnOpt(10)"
                                style="width: 170px; border-left: none">
                                <i class="fa fa-user-plus"
                                  style="font-size: 32px !important; margin-left :0px;margin-top:0px; color:cccccc;">白名单</i>
                              </div>
                              <div title="黑名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom bookChildBtn" onclick="btnOpt(3)"
                                style="width: 60px;border-left:none">
                                <i class="fa fa-user-times"
                                  style="font-size: 32px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
                              </div>
                          </div>         

                      </div>

                      &nbsp;&nbsp;&nbsp;&nbsp;
                      <div class="layui-btn-group " style="position: relative; height:50px; margin-top:-10px">
                        <div title="挂断" class="layui-btn layui-btn-danger layui-btn-sm" onclick="btnOpt(4)"
                          style="width: 70px;height:50px;">
                          <i class="layui-icon">&#xe64d;</i>
                          
                          <span style="font-size: 14px; width: 40px;height:50px; margin:-7px 0px 0px 9px; display:block; text-align: left;"> 挂断</span>
                        </div>
                        <div title="转回IVR" class="layui-btn layui-btn-normal layui-btn-sm" onclick="btnOpt(8)"
                          style="width: 70px;height:50px;">
                          <i class="fa fa-volume-control-phone"></i>
                          <span style="font-size: 14px; width: 40px;height:50px; margin:-7px 0px 0px -3px; display:block; text-align: left;"> 转回IVR</span>
                        </div>
                        <div title="保持" class="layui-btn layui-btn-warm layui-btn-sm" onclick="btnOpt(5)" style="width: 70px;height:50px;">
                          <i class="fa fa-microphone-slash"></i>
                          <span style="font-size: 14px; width: 40px;height:50px; margin:-7px 0px 0px 9px; display:block; text-align: left;"> 保持</span>
                        </div>
                        <div title="接回" class="layui-btn layui-btn-warm layui-btn-sm" onclick="btnOpt(6)" style="width: 70px;height:50px;">
                          <i class="fa fa-microphone"></i>
                          <span style="font-size: 14px; width: 40px;height:50px; margin:-7px 0px 0px 9px; display:block; text-align: left;"> 接回</span>
                        </div>
                        <div title="转移" class="layui-btn layui-btn-normal layui-btn-sm" onclick="btnOpt(7)"
                          style="width: 70px;height:50px;">
                          <i class="layui-icon">&#xe613;</i>
                          <span style="font-size: 14px; width: 40px;height:50px; margin:-7px 0px 0px 9px; display:block; text-align: left;"> 转移</span>
                        </div>
                        <div title="一键转接" class="layui-btn layui-btn-normal layui-btn-sm keySwitch" style="width: 70px;height:50px;">
                          <i class="fa fa-users"></i>
                          <span style="font-size: 14px; width: 40px;height:50px; margin:-7px 0px 0px -10px; display:block; text-align: left;"> 一键转接</span>
                        </div>

                      </div>
                    </div>
                  </div>

                  <div class="layui-card-body">
                    <div class="layui-row layui-col-space15">
                      <div class="layui-col-md4">
                        <label class="layui-form-label">
                          姓名：
                        </label>
                        <div class="layui-input-block">

                          <input type="text" id="F_CustomerName"
                            value="" placeholder="" autocomplete="off"
                            class="layui-input" />
                        </div>
                      </div>
                      <div class="layui-col-md4">
                        <label class="layui-form-label">
                          性别：
                        </label>
                       
                        <input id="F_CustomerPym" type="hidden"></input>

                        <div class="layui-input-block sexParamNan">
                         
                            <input type="radio" name="F_CustomerPymNa" value="男" title="男" checked=""/>
                            <input type="radio" name="F_CustomerPymNa" value="女" title="女"  />
                          
                        </div>
                        
                        <div class="layui-input-block sexParamNv">
                         
                            <input type="radio" name="F_CustomerPymNv" value="男" title="男" />
                            <input type="radio" name="F_CustomerPymNv" value="女" title="女" checked=""/>
                          
                        </div>
                       
                        <div class="layui-input-block sexParam">
                         
                            <input type="radio" name="F_CustomerPym" value="男" title="男" />
                            <input type="radio" name="F_CustomerPym" value="女" title="女" checked=""/>
                          
                        </div>
                      
                      </div>
                     
                      <div class="layui-col-md4" style="display: flex;">
                        <label class="layui-form-label">
                          年龄段：
                        </label>
                        <input id="F_CustomerCode" type="hidden"></input>

                        <div class="layui-input-inline F_CustomerCode F_CustomerCodeNew">
                          <select id="F_CustomerCodeNew" lay-search="">
                            <option value=""></option>
                            <option value="20以下">20以下</option>
                            <option value="20~30">20~30</option>
                            <option value="30~40">30~40</option>
                            <option value="40~50">40~50</option>
                            <option value="50以上">50以上</option>
                          </select>
                        </div>
                        
                        <div class="layui-input-inline F_CustomerCode F_CustomerCode20">
                          <select id="F_CustomerCode20" lay-search="">
                            <option value=""></option>
                            <option value="20以下" selected>20以下</option>
                            <option value="20~30">20~30</option>
                            <option value="30~40">30~40</option>
                            <option value="40~50">40~50</option>
                            <option value="50以上">50以上</option>
                          </select>
                        </div>
                       
                        <div class="layui-input-inline F_CustomerCode F_CustomerCode30">
                          <select id="F_CustomerCode30" lay-search="">
                            <option value=""></option>
                            <option value="20以下">20以下</option>
                            <option value="20~30" selected>20~30</option>
                            <option value="30~40">30~40</option>
                            <option value="40~50">40~50</option>
                            <option value="50以上">50以上</option>
                          </select>
                        </div>
                        
                        <div class="layui-input-inline F_CustomerCode F_CustomerCode40">
                          <select id="F_CustomerCode40" lay-search="">
                            <option value=""></option>
                            <option value="20以下">20以下</option>
                            <option value="20~30">20~30</option>
                            <option value="30~40" selected>30~40</option>
                            <option value="40~50">40~50</option>
                            <option value="50以上">50以上</option>
                          </select>
                        </div>
                        
                        <div class="layui-input-inline F_CustomerCode F_CustomerCode50">
                          <select id="F_CustomerCode50" lay-search="">
                            <option value=""></option>
                            <option value="20以下">20以下</option>
                            <option value="20~30">20~30</option>
                            <option value="30~40">30~40</option>
                            <option value="40~50" selected>40~50</option>
                            <option value="50以上">50以上</option>
                          </select>
                        </div>
                        
                        <div class="layui-input-inline F_CustomerCode F_CustomerCode51">
                          <select id="F_CustomerCode51" lay-search="">
                            <option value=""></option>
                            <option value="20以下">20以下</option>
                            <option value="20~30">20~30</option>
                            <option value="30~40">30~40</option>
                            <option value="40~50">40~50</option>
                            <option value="50以上" selected>50以上</option>
                          </select>
                        </div>
                      
                      </div>
                      <div class="layui-col-md4">
                        <label class="layui-form-label">
                          微信号：
                        </label>
                        <div class="layui-input-block">
                          <input id="F_CustomerEName" value=""
                            autocomplete="off" placeholder="" class="layui-input" type="text" />
                        </div>
                      </div>
                      <div class="layui-col-md4">
                        <label class="layui-form-label">
                          微博号：
                        </label>
                        <div class="layui-input-block">
                          <input id="F_PostCode" value=""
                            autocomplete="off" placeholder="" class="layui-input" type="text" />
                        </div>
                      </div>
                    </div>
                  </div>
                </form>

                <div class="layui-card layui-form" lay-filter="component-form-element">
                  <div class="layui-card-header setLine">
                    <ul class="layui-nav lineState" data-attr="1" style="font-size: 14px; text-align: center;"><a href="javascript:;"
                        style="color: #cccccc;">一号线</a></ul>
                    <ul class="layui-nav lineState" data-attr="2" style="font-size: 14px; text-align: center;"><a href="javascript:;"
                        style="color: #cccccc;">二号线</a></ul>
                    <ul class="layui-nav lineState" data-attr="3" style="font-size: 14px; text-align: center;"><a href="javascript:;"
                        style="color: #cccccc;">三号线</a></ul>
                    <ul class="layui-nav lineState" data-attr="4" style="font-size: 14px; text-align: center;"><a href="javascript:;"
                        style="color: #cccccc;">四号线</a></ul>
                    <ul class="layui-nav lineState" data-attr="5" style="font-size: 14px; text-align: center;"><a href="javascript:;"
                        style="color: #cccccc;">五号线</a></ul>
                    <ul class="layui-nav lineState" data-attr="14" style="font-size: 14px; text-align: center;"><a href="javascript:;"
                        style="color: #cccccc;">十四号线</a></ul>
                    <ul class="layui-nav lineState" data-attr="100" style="font-size: 14px; text-align: center;"><a href="javascript:;"
                        style="color: #cccccc;">城郊线</a></ul>
                    <ul class="layui-nav lineState" data-attr="101" style="font-size: 14px; text-align: center;"><a href="javascript:;"
                        style="color: #cccccc;">其它线路</a></ul>  
                  </div>
                  <div class="layui-card-header" id="ModelList">

                  </div>
                </div>
                <div class="layui-card layui-form" lay-filter="component-form-element">
                  <div class="layui-card-header">
                    历史工单
                  </div>
                  <div id="content" class="flowContent">

                    <table class="layui-table" id="test" lay-filter="demo111">
                    </table>
                    
                  </div>
                </div>
              </div>
              
              <div class="layui-col-md3">
                <div class="layui-card">
                  <div class="layui-card-header">
                    快捷入口
                  </div>
                  <div class="layui-card-body" style="text-align: center;">
                    <div class="layui-form" action="" lay-filter="component-form-element">
                      <button class="layui-btn layui-btn-radius layui-btn-primary"
                        onclick="OpenOtherForm('周边', 'https://www.amap.com/')" style="width: 150px;">
                        周边
                      </button>
                      <div style="height: 3px;">
                        &nbsp;
                      </div>
                      <button class="layui-btn layui-btn-radius layui-btn-primary"
                        onclick="OpenOtherForm('线路查询','http://www.zzmetro.com/lines/query/line')" style="width: 150px;">
                        线路查询
                      </button>
                      <div style="height: 3px;">
                        &nbsp;
                      </div>
                      <button class="layui-btn layui-btn-radius layui-btn-primary"
                        onclick="OpenOtherForm('票价查询','http://www.zzmetro.com/lines/query/ticket')" style="width: 150px;">
                        票价查询
                      </button>
                      <div style="height: 3px;">
                        &nbsp;
                      </div>
                      <button class="layui-btn layui-btn-radius layui-btn-primary"
                        onclick="OpenOtherForm('运营时间','http://www.zzmetro.com/lines/query/operating_hours')"
                        style="width: 150px;">
                        运营时间
                      </button>
                      <div style="height: 3px;">
                        &nbsp;
                      </div>
                      <button class="layui-btn layui-btn-radius layui-btn-primary"
                        onclick="OpenOtherForm('站点查询','http://www.zzmetro.com/lines/query/station')" style="width: 150px;">
                        站点查询
                      </button>
                      <div style="height: 3px;">
                        &nbsp;
                      </div>
                      <button class="layui-btn layui-btn-radius layui-btn-primary"
                        onclick="OpenOtherForm('快速通讯录','http://portal.zzmetro.com/index.php?m=content&c=txl')"
                        style="width: 150px;">
                        快速通讯录
                      </button>
                      <div style="height: 3px;">
                        &nbsp;
                      </div>
                      <button class="layui-btn layui-btn-radius layui-btn-primary"
                        onclick="OpenOtherForm('官网入口','http://www.zzmetro.com/')" style="width: 150px;">
                        官网入口
                      </button>
                    </div>
                  </div>
                </div>

                <div class="layui-card">
                  <div class="layui-card-header">
                    快捷回复
                  </div>
                  <div class="layui-card-header" style="display: inline-block;">
                    <input type="text" style="width: 200px; display: inline;" placeholder="" autocomplete="off"
                      class="layui-input" id="keyWord">
                    <button class="layui-btn layui-btn-normal layui-btn-normal serchBtn">
                      <i class="layui-icon">&#xe615; 查 询</i>
                    </button>
                  </div>
                  <div class="layui-card-body">

                    <div class="quick-head">
                      <span class="tag action" data-attr="0">公共回复<span class="countNum gyNum"> </span></span>
                      <span class="tag" data-attr="1">私有回复<span class="countNum syNum"> </span></span>
                    </div>
                    <div class="quick-list"></div>
                  </div>
                </div>
              </div>

              @* <div class="fastReply">快捷回复</div> *@
            </div>
          </div>
          <textarea id="inputs" type="hidden"></textarea>
      </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="popRemind">
    <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 src="/Content/js/CallRecord/callscreen.js"></script>
  <script src="/Content/js/WorkOrder/workorderalllist.js" charset="utf-8"></script>
  <script src="/Content/layui/formatdate.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('element', function () {
      var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

      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";
      });
      $("#userinfo").click(function () {
        document.getElementById("mainframe").src = "/SystemManage/UserView";
        
      });

      //转主页
      $(".logo").on("click", function () {  //此处添加禁止连续点击刷新一是为了降低服务器压力，另外一个就是为了防止超快点击造成chrome本身的一些js文件的报错(不过貌似这个问题还是存在，不过概率小了很多)
        var timeno = new Date().getTime();
        document.getElementById("mainframe").src = "/Main/IndexCenter?timeno=" + timeno;
      })

      //监听导航点击
      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()", 60000)
  }

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

    if (rgs) {
      $(".fa-weixin").removeClass("defaultClass");
      $(".fa-weixin").addClass("selectClass");
      $(".wXCount").css("display", "inline");
      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()", 60000)
  }

  $(".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: true,
          data: null,
          success: function (result, status) {
            if (status) {

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

      }
      //已处理撤回
      if ($(".WorkOrderMyDealedDataCount") != undefined) {
        $.ajax({
          url: "/Order/WorkOrderMyDealedDataCount/",
          type: "get",
          contentType: "application/json",
          dataType: "text",
          cache: true,
          data: null,
          success: function (result, status) {
            if (status) {

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

      }
      //已回访撤回
      if ($(".WorkOrderMyVisitedDataCount") != undefined) {
        $.ajax({
          url: "/Order/WorkOrderMyVisitedDataCount/",
          type: "get",
          contentType: "application/json",
          dataType: "text",
          cache: true,
          data: null,
          success: function (result, status) {
            if (status) {

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

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

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

      }
      //回访工单
      if ($(".orderlistHFCount") != undefined) {
        $.ajax({
          url: "/Order/WorkOrderMyDataHFCount/",
          type: "get",
          contentType: "application/json",
          dataType: "text",
          cache: true,
          data: null,
          success: function (result, status) {
            if (status) {

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

      }
      //待定责工单
      if ($(".OrderMyDataDZCount") != undefined) {
        $.ajax({
          url: "/Order/WorkOrderMyDataDZCount/",
          type: "get",
          contentType: "application/json",
          dataType: "text",
          cache: true,
          data: null,
          success: function (result, status) {
            if (status) {

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

      }
      setTimeout("MyOrderCount()", 5000);
      setTimeout("allOrderTotal()", 3000);
      
    }
    catch (e) {

    }

  }
  function allOrderTotal(){
    if ($(".orderCount") != undefined || $(".orderNeedCount") != undefined||$(".orderlistHFCount")!=undefined||$(".OrderMyDataDZCount")!=undefined||$(".WorkOrderMyDealedDataCount")!=undefined||$(".WorkOrderMyVisitedDataCount")!=undefined) {
        
        var totalOrderCount = 0;
        var myOrderCount = 0;
        var myNeedCount = 0;
        var OrderMyDataDZCount = 0;
        var orderlistHFCount = 0 ;
        var myorderCountWb = 0;
        if ($(".orderCount") != undefined) {
          myOrderCount = $(".orderCount").html();
        }
        if ($(".orderNeedCount") != undefined) {
          myNeedCount = $(".orderNeedCount").html();
        }
        if($(".WorkOrderMyDealedDataCount")!= undefined){
          WorkOrderMyDealedDataCount = $(".WorkOrderMyDealedDataCount").html();
        }
        if($(".WorkOrderMyVisitedDataCount")!= undefined){
          WorkOrderMyVisitedDataCount = $(".WorkOrderMyVisitedDataCount").html();
        }
        if ($(".orderlistHFCount") != undefined) {
          orderlistHFCount = $(".orderlistHFCount").html(); 
        }
        if ($(".OrderMyDataDZCount") != undefined) {
          OrderMyDataDZCount = $(".OrderMyDataDZCount").html();
        }
        if(myOrderCount == undefined){
          myOrderCount = 0
        }
        if(myNeedCount == undefined){
          myNeedCount = 0
        }
        if(orderlistHFCount == undefined){
          orderlistHFCount = 0
        }
        if(OrderMyDataDZCount==undefined){
          OrderMyDataDZCount = 0
        }
        if(WorkOrderMyDealedDataCount==undefined){
          WorkOrderMyDealedDataCount = 0
        }
        if(WorkOrderMyVisitedDataCount==undefined){
          WorkOrderMyVisitedDataCount = 0
        }
        totalOrderCount = parseInt(myOrderCount) + parseInt(myNeedCount) + parseInt(orderlistHFCount) + parseInt(OrderMyDataDZCount)+ parseInt(WorkOrderMyDealedDataCount)+parseInt(WorkOrderMyVisitedDataCount);
        if(totalOrderCount){
          $(".totalOrderCount").html(totalOrderCount);
        }else{
          $(".totalOrderCount").html(0);
        }
       
      }
  }
  
  //获取待办工单数量
  MyOrderCount();


</script>

@* 来电弹屏 *@
<script type="text/javascript">
  $(".leftMenu a").click(function (event) { 
    $(".callScreen").hide() 
  });
  //快捷回复
  var quickType;
  $(".serchBtn").click(function (event) {
    quickData();
    quicNum()
  });
   
  $(".quick-head .tag").click(function () {
    quickType = $(this).attr("data-attr")
    $(".quick-head .tag").removeClass("action")
    $(this).addClass("action")
    quickData();
  })
  function quicNum(){
    $.ajax({
      url: "/QuickMsgs/GetListData",
      type: "get",
      contentType: "application/json",
      dataType: "text",
      async: false,
      data: {
        type: 0,
        key: $("#keyWord").val(),
        page: 1,
        limit: 99,
      },
      success: function (thisResult) {
        if (eval('(' + thisResult + ')').msg == "成功") {
          var list = eval('(' + thisResult + ')').data;
          $(".gyNum").show()
          $(".gyNum").text(eval('(' + thisResult + ')').count)
          
        }
        else {
          layui.layer.alert("获取该部门下用户信息失败!", {
            icon: 2
          });
        }

      }
    });
    $.ajax({
      url: "/QuickMsgs/GetListData",
      type: "get",
      contentType: "application/json",
      dataType: "text",
      async: false,
      data: {
        type: 1,
        key: $("#keyWord").val(),
        page: 1,
        limit: 99,
      },
      success: function (thisResult) {
        if (eval('(' + thisResult + ')').msg == "成功") {
          var list = eval('(' + thisResult + ')').data;
          $(".syNum").show()
          $(".syNum").text(eval('(' + thisResult + ')').count)  
          
        }
        else {
          layui.layer.alert("获取该部门下用户信息失败!", {
            icon: 2
          });
        }

      }
    });
  }
  quicNum();
  quickData();
  function quickData() {
    $.ajax({
      url: "/QuickMsgs/GetListData",
      type: "get",
      contentType: "application/json",
      dataType: "text",
      async: false,
      data: {
        type: quickType,
        key: $("#keyWord").val(),
        page: 1,
        limit: 99,
      },
      success: function (thisResult) {
        if (eval('(' + thisResult + ')').msg == "成功") {
          var list = eval('(' + thisResult + ')').data;
          $(".quick-item").remove();
          var key_w = $("#keyWord").val();
          $(list).each(function (i, n) {
            var after_u = n.msg.replace(key_w, '<span style="color:red;">' + key_w + '</span>');
            $(".quick-list").append("<div class='quick-item'>" + after_u + "</div>");
          })
          $(".quick-list .quick-item").click(function (event) {

            var texts = $(this).text();
            var inputs = document.getElementById("inputs");
            inputs.value = texts; // 修改文本框的内容（赋值内容）
            inputs.select(); // 选中文本
            document.execCommand("copy"); // 执行浏览器复制命令
            alert("复制成功");//测试执行是否成

          });
        }
        else {
          layui.layer.alert("获取该部门下用户信息失败!", {
            icon: 2
          });
        }

      }
    });
  }

  function OpenOtherForm(title, url) {
    window.open(url, title);
  }

  $(".lineState").click(function (event) {
    var lineNum=$(this).attr("data-attr")
    //console.log(lineNum)
    $(".setLine ul").removeClass("selectLineColor")
    $(this).addClass("selectLineColor")
    $.ajax({
      url: "/CallHelper/SetLine",
      type: "get",
      contentType: "application/json",
      dataType: "text",
      cache: false,
      async: false,
      data: {
        "lineNum": lineNum,
        "callid": helper.cookies.get('CallID'),
      },
      success: function (data) {
        if (eval('(' + data + ')').msg == "成功") {
          layer.msg('切换成功');
        }

      }
    });
  });

  function lineState() {
    $.ajax({
      url: "/CallRecord/CallRecordData",
      type: "get",
      contentType: "application/json",
      dataType: "text",
      cache: false,
      async: false,
      data: {
        "page": 1,
        "limit": 20,
        "callid": helper.cookies.get('CallID'),
      },
      success: function (data) {
        if (eval('(' + data + ')').data.length > 0) {
          var LinenumData = eval('(' + data + ')').data[0].F_Linenum;
          $(".lineState").removeClass("selectLineColor")
          if (LinenumData == "1") {
            $(".lineState").eq(0).addClass("selectLineColor");
          } else if (LinenumData == "2") {
            $(".lineState").eq(1).addClass("selectLineColor");
          }else if (LinenumData == "3") {
            $(".lineState").eq(2).addClass("selectLineColor");
          }else if (LinenumData == "4") {
            $(".lineState").eq(3).addClass("selectLineColor");
          }else if (LinenumData == "5") {
            $(".lineState").eq(4).addClass("selectLineColor");
          }else if (LinenumData == "14") {
            $(".lineState").eq(5).addClass("selectLineColor");
          }else if (LinenumData == "100") {
            $(".lineState").eq(6).addClass("selectLineColor");
          }else if (LinenumData == "101") {
            $(".lineState").eq(7).addClass("selectLineColor");
          }
        }

      }
    });
  }

  $(".maskTask,.closeBtn").click(function (event) {
    $(".telLine,.maskTask").hide();
  });
  $(".keySwitch").click(function (event) {
    $(".telLine,.maskTask").show();
    keySwitch()
  });

  function keySwitch() {
    $.ajax({
      url: "/SystemManage/DictionaryDate",
      type: "get",
      contentType: "application/json",
      dataType: "text",
      cache: false,
      async: false,
      data: {
        "NowDateTime": "2020/11/11 10:43:41",
        "page": 1,
        "limit": 20,
        "dictionaryFlag": "ZDXX" 
      },
      success: function (data) {
        $(".telLine").show();
        $(".telLine li").remove();
        var keySwitchData = eval('(' + data + ')').data;
        for (var i = 0; i < keySwitchData.length; i++) {
          $('<li class="layui-nav-item" id="'+keySwitchData[i].F_ValueCode+'" data-index="' + keySwitchData[i].F_ValueCode + '"><a href="javascript:;">' + keySwitchData[i].F_Name 
            + '</a><dl class="layui-nav-child"></dl></li>').appendTo('.telLine ul');
        }
        $(".telLine ul li").hover(function (event) {
          dictionaryFlag = $(this).attr("data-index")
          $.ajax({
            url: "/SystemManage/DictionaryDate",
            type: "get",
            contentType: "application/json",
            dataType: "text",
            cache: false,
            async: false,
            data: {
              "NowDateTime": "2020/11/11 10:43:41",
              "page": 1,
              "limit": 99,
              "dictionaryFlag": dictionaryFlag
            },
            success: function (res) {
              var lineData = eval('(' + res + ')').data;
              $("#"+dictionaryFlag+" dl dd").remove();
              for (var i = 0; i < lineData.length; i++) {
                  $('<dd data-index="' + lineData[i].F_Describe + '"><a href="javascript:;">'+ lineData[i].F_Name +'</a></dd>').appendTo("#"+dictionaryFlag+" dl")
              }
              $("#"+dictionaryFlag+" dl").show();
              
              $("#"+dictionaryFlag+" dl dd").click(function(){
                var keyNun = $(this).attr("data-index");
                
                if(keyNun){
                    $.ajax({
                      type: 'get',
                      url: '/CallRecord/GetCallOutprefix/?phone=' + keyNun,
                      dataType: 'html',
                      success: function (res) {
                        //console.log(res)
                        $(".telLine,.maskTask").hide();
                        ZYhj(res.toString() + keyNun.toString());
                        
                      }
                    });
                }else{
                  alert("操作失败")
                }
              })

            }
          });
        },function(){
         $("#"+dictionaryFlag+" dl").hide();
      });

      }
    });
  }

  function btnOpt(type) {
    var customerid = document.getElementById("F_CustomerId").value;
    switch (type) {
      case 1:
        //保存客户
        layer.confirm('确认要[<font color=red>保存客户</font>]吗？', function (index) {
          var F_CustomerCode,F_CustomerPym;

          //年龄段
          if( $("#F_CustomerCode").val()=="20以下"){

            F_CustomerCode = $("#F_CustomerCode20").val()
            
          }else if( $("#F_CustomerCode").val()=="20~30"){

            F_CustomerCode = $("#F_CustomerCode30").val()

          }else if( $("#F_CustomerCode").val()=="30~40"){

            F_CustomerCode = $("#F_CustomerCode40").val()

          }else if( $("#F_CustomerCode").val()=="40~50"){

            F_CustomerCode = $("#F_CustomerCode50").val()

          }else if( $("#F_CustomerCode").val()=="50以上"){

            F_CustomerCode = $("#F_CustomerCode51").val()

          }else{

            F_CustomerCode = $("#F_CustomerCodeNew").val()
            
          }

          //男女  F_CustomerPym
          if($("#F_CustomerPym").val()=="男"){
            F_CustomerPym = $('.sexParamNan input[name="F_CustomerPymNan"]:checked ').val()
          } else if($("#F_CustomerPym").val()=="女") {
            F_CustomerPym = $('.sexParamNv input[name="F_CustomerPymNv"]:checked ').val()
          } else{
            F_CustomerPym = $('.sexParam input[name="F_CustomerPym"]:checked ').val()
          }

          var data = {
            F_CustomerId: $("#F_CustomerId").val(),
            F_CustomerName: $("#F_CustomerName").val(),
            F_CustomerPym: F_CustomerPym,
            F_CustomerEName: $("#F_CustomerEName").val(),
            F_PostCode: $("#F_PostCode").val(),
            F_CustomerLayer: $("#F_CustomerLayer").html().trim(),
            F_CustomerCode: F_CustomerCode,
            F_Telephone: $("#F_Telephone").html().trim(),
            F_ScaleResume: $("#F_ScaleResume").val(),
            F_CustomerClass: $("#F_CustomerClass").val(),
          }
          $.ajax({
            url: "/CallRecord/SaveCunInfo",
            type: "post",
            async: false,//同步请求
            contentType: "application/json",
            dataType: "text",
            cache: false,
            data: JSON.stringify(data),
            success: function (thisResult, result) {

              if (thisResult == "True") {
                layer.open({
                  content: '操作成功'
                  , icon: 1
                  , btn: ['确定']
                  , yes: function (index, layero) {
                    layer.close(index);
                  }
                });
              } else {
                layui.layer.alert("操作失败!", {
                  icon: 2
                });

              }
            },
            error: function (error) {
              return false;
            }
          });
        });
        break;
      case 2:
        //关注客户
        layer.confirm('确认要[<font color=red>设置为关注客户</font>]吗？', function (index) {
          $.ajax({
            url: "/Customer/SaveReceivedData",
            type: "get",
            async: false,//同步请求
            contentType: "application/json",
            dataType: "text",
            cache: false,
            data: "keyList=" + customerid + '&status=2',
            success: function (thisResult, result) {

              if (thisResult == "True") {
                layer.open({
                  content: '操作成功'
                  , icon: 1
                  , btn: ['确定']
                  , yes: function (index, layero) {
                    layer.close(index);
                  }
                });
              } else {
                layui.layer.alert("操作失败!", {
                  icon: 2
                });

              }
            },
            error: function (error) {
              return false;
            }
          });
        });
        break;
      case 3:
        //黑名单客户
        layer.confirm('确认要[<font color=red>设置为黑名单</font>]吗？', function (index) {
          $.ajax({
            url: "/Customer/SaveReceivedData",
            type: "get",
            async: false,//同步请求
            contentType: "application/json",
            dataType: "text",
            cache: false,
            data: "keyList=" + customerid + '&status=3',
            success: function (thisResult, result) {

              if (thisResult == "True") {
                layer.open({
                  content: '操作成功'
                  , icon: 1
                  , btn: ['确定']
                  , yes: function (index, layero) {
                    layer.close(index);
                  }
                });
              } else {
                layui.layer.alert("操作失败!", {
                  icon: 2
                });

              }
            },
            error: function (error) {
              return false;
            }
          });
        });
        break;
      case 4:
        //挂断
        layer.confirm('确认要[<font color=red>挂断电话</font>]吗？', function (index) {
          button_ReleaseAnswer();
          layer.close(index);
        });
        break;
      case 5:
        //保持通话
        layer.confirm('确认要[<font color=red>保持通话</font>]吗？', function (index) {
          button_KeepCall();
          layer.close(index);
        });
        break;
      case 6:
        //接回通话
        layer.confirm('确认要[<font color=red>接回通话</font>]吗？', function (index) {
          button_GetKeepCall();
          layer.close(index);
        });
        break;
      case 7:
        //转移
        layer.open({
          content: '转移号码：<input type=\"text\" id=\"txtZYPhone\" value=\"1001\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\" />'
          , btn: ['转移', '取消']
          , yes: function (index, layero) {
            var tel = document.getElementById("txtZYPhone").value;
            ZYhj(tel);

            layer.close(index);
            alert("转移成功")
            //top.PhoneCallZY(tel);
          }
          , btn2: function (index, layero) {
            layer.close(index);
          }
          , cancel: function () {
          }
        });
        break;
      case 8:
        //转回IVR
        layer.confirm('确认要[<font color=red>转回到IVR语音流程</font>]吗？', function (index) {
          try {
            AgentTransToIVR();
            layer.close(index);
          }
          catch (e) { }
        });
        break;
      case 9:
        //一键转接

        layer.open({
          content: '转移号码：<input type=\"text\" id=\"txtZYPhone\" value=\"1001\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\" />'
          , btn: ['转移', '取消']
          , yes: function (index, layero) {

          }
          , btn2: function (index, layero) {
            layer.close(index);
          }
          , cancel: function () {
          }
        });
        break;
      case 10:
        //白名单客户
        layer.confirm('确认要[<font color=red>设置为白名单</font>]吗？', function (index) {
          $.ajax({
            url: "/Customer/SaveReceivedData",
            type: "get",
            async: false,//同步请求
            contentType: "application/json",
            dataType: "text",
            cache: false,
            data: "keyList=" + customerid + '&status=4',
            success: function (thisResult, result) {

              if (thisResult == "True") {
                layer.open({
                  content: '操作成功'
                  , icon: 1
                  , btn: ['确定']
                  , yes: function (index, layero) {
                    layer.close(index);
                  }
                });
              } else {
                layui.layer.alert("操作失败!", {
                  icon: 2
                });

              }
            },
            error: function (error) {
              return false;
            }
          });
        });
        break;
      case 11:
        //一键转接
        layer.confirm('转移号码：<input type=\"text\" id=\"txtZYPhone\" value=\"1001\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\" />', function (index) {

        });
        break;
    }
  }

  //$("#workOrderNum").val("48787")
  //resOrder()

  function resOrder(){

    $.ajax({
      url: "/CallHelper/CallScreen",
      type: "get",
      contentType: "application/json",
      dataType: "text",
      cache: false,
      async: false,
      data: {
        "workOrderNum": $("#workOrderNum").val(),
      },
      success: function (data) {
        
        if (eval('(' + data + ')').msg == "成功") {
        //console.log(eval('(' + data + ')').msg)
        var screenData = eval('(' + data + ')').data
          $("#F_CustomerId").val(screenData.WorkOrderBaseModel.CustomerBaseModel.F_CustomerId) //客户id
          $("#workOrderNum").val(screenData.WorkOrderBaseModel.F_WORKORDERID) //工单ID 
          
          $("#F_Telephone").text(screenData.WorkOrderBaseModel.F_CUSTOMERTELEPHONE) //电话号码
          $("#F_CustomerLayer").text(screenData.WorkOrderBaseModel.F_STANDARDADDRESS) //归属地

          if(screenData.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume=="1"){
            //普通
            $(".F_ScaleResume").hide()
            $(".F_ScaleResume1").show()
          } else if(screenData.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume=="2"){
            //特别
            $(".F_ScaleResume").hide()
            $(".F_ScaleResume2").show()
          } else if(screenData.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume=="3"){
            //黑名单
            $(".F_ScaleResume").hide()
            $(".F_ScaleResume3").show()
          } else if(screenData.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume=="4"){
            //白名单
            $(".F_ScaleResume").hide()
            $(".F_ScaleResume4").show()
          } 
          
          $("#F_CustomerName").val(screenData.WorkOrderBaseModel.CustomerBaseModel.F_CustomerName) //姓名 
          
          $("#F_CustomerPym").val(screenData.WorkOrderBaseModel.CustomerBaseModel.F_CustomerPym)

          if(screenData.WorkOrderBaseModel.CustomerBaseModel.F_CustomerPym == "女"){
            $(".sexParamNv").show()
            $(".sexParamNan").hide()
            $(".sexParam").hide()
          } else if(screenData.WorkOrderBaseModel.CustomerBaseModel.F_CustomerPym == "男"){
            $(".sexParamNan").show()
            $(".sexParamNv").hide()
            $(".sexParam").hide()
          } else{
            $(".sexParam").show()
            $(".sexParamNan").hide()
            $(".sexParamNv").hide()
          }

          $("#F_CustomerCode").val(screenData.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode)
          
          if(screenData.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode=="20以下"){
            
            $(".F_CustomerCodeNew").hide()
            $(".F_CustomerCode20").show()
            $(".F_CustomerCode30").hide()
            $(".F_CustomerCode40").hide()
            $(".F_CustomerCode50").hide()
            $(".F_CustomerCode51").hide()

            $(".F_CustomerCode20").val("20以下")
          } else if(screenData.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode=="20~30"){
            $(".F_CustomerCodeNew").hide()
            $(".F_CustomerCode20").hide()
            $(".F_CustomerCode30").show()
            $(".F_CustomerCode40").hide()
            $(".F_CustomerCode50").hide()
            $(".F_CustomerCode51").hide()

            $(".F_CustomerCode30").val("20~30")
          } else if(screenData.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode=="30~40"){
            $(".F_CustomerCodeNew").hide()
            $(".F_CustomerCode20").hide()
            $(".F_CustomerCode30").hide()
            $(".F_CustomerCode40").show()
            $(".F_CustomerCode50").hide()
            $(".F_CustomerCode51").hide()
            
            $(".F_CustomerCode40").val("30~40")
          } else if(screenData.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode=="40~50"){
            $(".F_CustomerCodeNew").hide()
            $(".F_CustomerCode20").hide()
            $(".F_CustomerCode30").hide()
            $(".F_CustomerCode40").hide()
            $(".F_CustomerCode50").show()
            $(".F_CustomerCode51").hide()

            $(".F_CustomerCode50").val("40~50")
          } else if(screenData.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode=="50以上"){
            $(".F_CustomerCodeNew").hide()
            $(".F_CustomerCode20").hide()
            $(".F_CustomerCode30").hide()
            $(".F_CustomerCode40").hide()
            $(".F_CustomerCode50").hide()
            $(".F_CustomerCode51").show()

            $(".F_CustomerCode51").val("50以上")
          } else{

            $(".F_CustomerCodeNew").show()
            $(".F_CustomerCode20").hide()
            $(".F_CustomerCode30").hide()
            $(".F_CustomerCode40").hide()
            $(".F_CustomerCode50").hide()
            $(".F_CustomerCode51").hide()

            $(".F_CustomerCodeNew").val("")
          }

          $("#F_CustomerEName").val(screenData.WorkOrderBaseModel.CustomerBaseModel.F_CustomerEName) //微信号 
          $("#F_PostCode").val(screenData.WorkOrderBaseModel.CustomerBaseModel.F_PostCode) //微博号 
          //工单类型
          var htmls = '';
          $("#ModelList ul").remove();  //SelectBussType

          $(screenData.WorkOrderTypeModelList).each(function(i, n) {
            if (screenData.SelectBussType==n.F_Number) {
              if(n.WorkTypeModelList.length==0){
                htmls ='<ul class="layui-nav selectLineColor"><li class="layui-nav-item clickpanle">'
                +'<a href="javascript:;" data-url="'+n.F_WorkOrderTypeId+'">'
                +n.F_Name+'</a>'
              } else {
                htmls ='<ul class="layui-nav selectLineColor"><li class="layui-nav-item">'
                +'<a href="javascript:;" data-url="'+n.F_WorkOrderTypeId+'">'
                +n.F_Name+'</a>'
              }
              
            } else{
              if(n.WorkTypeModelList.length==0){
                htmls ='<ul class="layui-nav lineState"><li class="layui-nav-item clickpanle">'
                +'<a href="javascript:;" data-url="'+n.F_WorkOrderTypeId+'">'
                +n.F_Name+'</a>'
              } else {
                htmls ='<ul class="layui-nav lineState"><li class="layui-nav-item">'
                +'<a href="javascript:;" data-url="'+n.F_WorkOrderTypeId+'">'
                +n.F_Name+'</a>'
              }
              
            }
            

            if(n.WorkTypeModelList.length>0){
              htmls+= '<span class="layui-nav-more"></span><dl class="layui-nav-child clickpanle layui-anim layui-anim-upbit">'    
            }
            
            $(n.WorkTypeModelList).each(function(l, m) {
              //console.log(m.F_ParentName)
              htmls +='<dd><a href="javascript:;" data-value="'
              +m.F_Name+'" data-type="'
              +m.F_ParentName+'" data-url="'
              +m.F_WorkOrderTypeId+'">'
              +m.F_Name+'</a></dd>'
            })

            if(n.WorkTypeModelList>0){
              htmls += '</dl>'    
            }
            htmls += '</ul>'    
            
            $(htmls).appendTo($("#ModelList"));
          })

          $("#ModelList ul").hover(function (event) {
              $(this).children("li").children(".layui-nav-child").show()
          },function(){
              $(this).children("li").children(".layui-nav-child").hide()
          });

          history()

        }

      }
    });
  }
  
  function history(){
    layui.use('table', function(){
      var table = layui.table
      ,form = layui.form;
      
      table.render({
        elem: '#test'
        ,url:'/WorkOrder/WorkOrderHistoryData/'
        ,cols: [[
          {field:'F_CODE', title:'工单编号'}
          ,{field:'F_CUSTOMERNAME', title:'客户姓名'}
          ,{field:'F_REPAIRMANNAME', title:'坐席工号'}
          ,{field:'F_WORKORDERFROM', title: '接入渠道'}
          ,{field:'F_CREATEDATENew',align: 'center', title: '受理时间'}
          ,{field:'F_REPAIRREQUEST', title:'业务状态'}
          ,{field:'F_CONTENT', title: '内容'}
          ,{field:'F_ADSLACCOUNT',align: 'right', title: '业务类型'}
          ,{title:'操作', align:'center', toolbar: '#barDemo111'}
        ]]
        ,page: true
        , where: {

          phoneNumber: $("#F_Telephone").text()
        }
      });
      
      table.on('tool(demo111)', function (obj) {
        var data = obj.data;
        //console.log(data)
        if (obj.event === 'viewData') {
          layer.open({
            type: 2,
            anim: 4,
            scrollbar: false,
            content: '/Order/ViewMyOrder/?orderKeyId=' + data.F_WORKORDERID,
            area: ['90%', '90%'],
            id: 'ViewMyOrder',
            title: '服务监督热线系统业务工单'

          });
        }
      })

    });
    
  }
  
</script>

<script type="text/html" id="barDemo111">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="viewData">查看详情</a>
</script>

</html>