zhangkun
/
ditie2.0_web


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094
							@using YTSoft.BaseCallCenter.MVCWeb.Models;
@using YTSoft.BaseCallCenter.Model;
<!DOCTYPE html>
<html>

<head>

  <title>来电弹屏</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link href="/Content/layui/css/layui.css" rel="stylesheet" />
  <link href="/Content/css/public.css" rel="stylesheet" />
  <link href="/Content/css/callscreen/callscreen.css" rel="stylesheet" />
  <link href="/Content/layui/css/modules/layui-icon-extend/iconfont.css" type="text/css" rel=" stylesheet" />
  <link href="/Content/css/font-awesome/css/font-awesome.min.css" type="text/css" rel=" stylesheet" />
  <script src="/Content/js/jquery-1.8.3.min.js"></script>
  <style>
    .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: 150px;
      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 .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;
    }
  </style>
</head>

<body class="childrenBody">
  <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="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerId" type="hidden" />
          <input id="workOrderNum" value="@Model.WorkOrderBaseModel.F_WORKORDERID" type="hidden" />

          @if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerId > 0 &&
          !string.IsNullOrEmpty(Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume) &&
          !string.IsNullOrEmpty(Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerClass))
          {
            <input id="F_ScaleResume" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume" type="hidden" />
            <input id="F_CustomerClass" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerClass"
              type="hidden" />
          }
          else
          {
            <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">@Model.WorkOrderBaseModel.F_CUSTOMERTELEPHONE</span><span id="F_CustomerLayer"
              style="width:300px;text-align:left"
              class="layui-form-label">@Model.WorkOrderBaseModel.F_STANDARDADDRESS</span>
            <div style="float: right;">
              <div class="layui-btn-group">
                @if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerId > 0)
                {
                  <div id="historyCustom" class="layui-btn layui-btn-normal" onclick="btnOpt(1)" style="width: 50px;">
                    <i class="fa fa-address-card-o"></i>
                  </div>
                  if (!string.IsNullOrEmpty(Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume))
                  {
                    if (Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume == "3")

                    {
                      <div title="关注度" class="layui-btn layui-btn-primary layui-btn-sm careCustom" onclick="btnOpt(2)"
                        style="width: 40px;border-left:none">
                        <i class="fa fa-heart"
                          style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;">特别关注</i>
                          
                      </div>
                      <div title="白名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(10)"
                        style="width: 40px;border-left:none;  background:#cccccc;">
                        <i class="fa fa-user-times"
                          style="font-size: 25px !important; margin-left :0px; margin-top:0px; color:#ffffff;"></i>
                      </div>
                      <div title="黑名单" class="layui-btn layui-btn-danger blackCustom" onclick="btnOpt(3)"
                        style="width: 150px; border-left: none">
                        <i class="fa fa-user-times"
                          style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:black;">黑名单</i>
                      </div>
                    }
                    else if (Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume == "2")
                    {
                      <div title="关注度" class="layui-btn layui-btn-warm careCustom" onclick="btnOpt(2)"
                        style="width: 150px;border-left:none">
                        <i class="fa fa-heart"
                          style="font-size: 25px !important; margin-left :0px;margin-top:0px;color:deeppink;"></i>
                          
                      </div>
                      <div title="白名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(10)"
                        style="width: 40px;border-left:none;  background:#cccccc;">
                        <i class="fa fa-user-times"
                          style="font-size: 25px !important; margin-left :0px; margin-top:0px; color:#ffffff;"></i>
                      </div>
                      <div title="黑名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(3)"
                        style="width: 40px;border-left:none">
                        <i class="fa fa-user-times"
                          style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#000000;"></i>
                      </div>
                    }
                    else if (Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume == "4")
                    {
                      <div title="关注度" class="layui-btn layui-btn-primary layui-btn-sm careCustom" onclick="btnOpt(2)"
                        style="width: 40px;border-left:none">
                        <i class="fa fa-heart"
                          style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
                          
                      </div>
                      <div title="白名单" class="layui-btn layui-btn-danger blackCustom" onclick="btnOpt(10)"
                        style="width: 150px; border-left: none">
                        <i class="fa fa-user-times"
                          style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:cccccc;">白名单</i>
                      </div>
                      <div title="黑名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(3)"
                        style="width: 40px;border-left:none">
                        <i class="fa fa-user-times"
                          style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
                      </div>
                    }
                    else
                    {
                      <div title="关注度" class="layui-btn layui-btn-primary layui-btn-sm careCustom" onclick="btnOpt(2)"
                        style="width: 40px;border-left:none">
                        <i class="fa fa-heart"
                          style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
                          
                      </div>
                      
                      <div title="白名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(10)"
                        style="width: 40px;border-left:none;  background:#cccccc;">
                        <i class="fa fa-user-times"
                          style="font-size: 25px !important; margin-left :0px; margin-top:0px; color:#ffffff;"></i>
                          
                      </div>
                      <div title="黑名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(3)"
                        style="width: 40px;border-left:none">
                        <i class="fa fa-user-times"
                          style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
                          
                      </div>
                    }
                  }
                  else
                  {
                    <div title="关注度" class="layui-btn layui-btn-primary layui-btn-sm careCustom" onclick="btnOpt(2)"
                      style="width: 40px;border-left:none">
                      <i class="fa fa-heart"
                        style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
                        
                    </div>
                    <div title="白名单" class="layui-btn layui-btn-danger blackCustom" onclick="btnOpt(10)"
                      style="width: 150px; border-left: none">
                      <i class="fa fa-user-times"
                        style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:cccccc;"></i>
                    </div>
                    <div title="黑名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(3)"
                      style="width: 40px;border-left:none">
                      <i class="fa fa-user-times"
                        style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
                    </div>
                  }
                }
                else
                {
                  <div id="historyCustom" class="layui-btn layui-btn-disabled layui-btn-sm" onclick="btnOpt(1)"
                    style="width: 40px;">
                    <i class="fa fa-address-card-o"></i>
                  </div>
                  <div title="关注度" class="layui-btn layui-btn-disabled layui-btn-sm careCustom" onclick="btnOpt(2)"
                    style="width: 40px;border-left:none">
                    <i class="fa fa-heart"
                      style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
                  </div>

                  <div title="黑名单" class="layui-btn layui-btn-disabled layui-btn-sm blackCustom" onclick="btnOpt(3)"
                    style="width: 40px;border-left:none">
                    <i class="fa fa-user-times"
                      style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
                  </div>
                }

              </div>
              &nbsp;&nbsp;&nbsp;&nbsp;
              <div class="layui-btn-group " style="position: relative;">
                <div title="挂断" class="layui-btn layui-btn-danger layui-btn-sm" onclick="btnOpt(4)"
                  style="width: 40px;">
                  <i class="layui-icon">&#xe64d;</i>
                </div>
                <div title="转回IVR" class="layui-btn layui-btn-normal layui-btn-sm" onclick="btnOpt(8)"
                  style="width: 40px;">
                  <i class="fa fa-volume-control-phone"></i>
                </div>
                <div title="保持" class="layui-btn layui-btn-warm layui-btn-sm" onclick="btnOpt(5)" style="width: 40px;">
                  <i class="fa fa-microphone-slash"></i>
                </div>
                <div title="接回" class="layui-btn layui-btn-warm layui-btn-sm" onclick="btnOpt(6)" style="width: 40px;">
                  <i class="fa fa-microphone"></i>
                </div>
                <div title="转移" class="layui-btn layui-btn-normal layui-btn-sm" onclick="btnOpt(7)"
                  style="width: 40px;">
                  <i class="layui-icon">&#xe613;</i>
                </div>
                <div title="一键转接" class="layui-btn layui-btn-normal layui-btn-sm keySwitch" style="width: 40px;">
                  <i class="fa fa-users"></i>

                </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="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerName" placeholder="" autocomplete="off"
                    class="layui-input" />
                </div>
              </div>
              <div class="layui-col-md4">
                <label class="layui-form-label">
                  性别：
                </label>
                <div class="layui-input-block sexParam">
                  @if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerPym == "女")
                  {
                    <input type="radio" name="F_CustomerPym" value="男" title="男" />
                    <input type="radio" name="F_CustomerPym" value="女" title="女" checked="" />
                  }
                  else if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerPym == "男")
                  {
                    <input type="radio" name="F_CustomerPym" value="男" title="男" checked="" />
                    <input type="radio" name="F_CustomerPym" value="女" title="女">
                  }
                  else
                  {
                    <input type="radio" name="F_CustomerPym" value="男" title="男" />
                    <input type="radio" name="F_CustomerPym" value="女" title="女" />
                  }
                </div>
              </div>
              <div class="layui-col-md4">
                <label class="layui-form-label">
                  年龄段：
                </label>

                <div class="layui-input-inline">
                  <select id="F_CustomerCode" lay-search="">
                    <option value=""></option>
                    @if (Model.AgeModelList != null && Model.AgeModelList.Count > 0)
                    {
                      foreach (T_Sys_DictionaryValue dicModel in Model.AgeModelList)
                      {
                        if (!string.IsNullOrEmpty(Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode))
                        {
                          if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode == dicModel.F_Name)
                          {
                            <option value="@dicModel.F_Name" selected>@dicModel.F_Name</option>
                          }
                          else
                          {
                            <option value="@dicModel.F_Name">@dicModel.F_Name</option>
                          }
                        }
                        else
                        {
                          <option value="@dicModel.F_Name">@dicModel.F_Name</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="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerEName"
                    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="@Model.WorkOrderBaseModel.CustomerBaseModel.F_PostCode"
                    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">

            @if (Model != null && Model.WorkOrderTypeModelList != null && Model.WorkOrderTypeModelList.Count > 0)
            {
              foreach (T_Wo_WorkOrderType workOrderTypeModel in Model.WorkOrderTypeModelList)
              {
                if (Model.SelectBussType != null && Model.SelectBussType > 0 && Model.SelectBussType.ToString() ==
          workOrderTypeModel.F_Number)
                {
                  <ul class="layui-nav selectColor">
                    @if (workOrderTypeModel.WorkTypeModelList != null && workOrderTypeModel.WorkTypeModelList.Count > 0)
                    {
                      <li class="layui-nav-item">
                        <a href="javascript:;" data-url="@workOrderTypeModel.F_WorkOrderTypeId">@workOrderTypeModel.F_Name</a>


                        <dl class="layui-nav-child clickpanle">
                          @foreach (T_Wo_WorkOrderType childModel in workOrderTypeModel.WorkTypeModelList)
                          {

                            <dd><a href="javascript:;" data-value="@childModel.F_Name" data-type="@childModel.F_ParentName"
                                data-url="@childModel.F_WorkOrderTypeId">@childModel.F_Name</a></dd>
                          }

                        </dl>

                      </li>
                    }
                    else
                    {
                      <li class="layui-nav-item clickpanle">
                        <a href="javascript:;" data-url="@workOrderTypeModel.F_WorkOrderTypeId">@workOrderTypeModel.F_Name</a>
                      </li>
                    }
                  </ul>
                }
                else
                {
                  <ul class="layui-nav">
                    @if (workOrderTypeModel.WorkTypeModelList != null && workOrderTypeModel.WorkTypeModelList.Count > 0)
                    {
                      <li class="layui-nav-item">
                        <a href="javascript:;" data-url="@workOrderTypeModel.F_WorkOrderTypeId">@workOrderTypeModel.F_Name</a>


                        <dl class="layui-nav-child clickpanle">
                          @foreach (T_Wo_WorkOrderType childModel in workOrderTypeModel.WorkTypeModelList)
                          {

                            <dd><a href="javascript:;" data-value="@childModel.F_Name" data-url="@childModel.F_WorkOrderTypeId"
                                data-type="@childModel.F_ParentName">@childModel.F_Name</a></dd>
                          }

                        </dl>

                      </li>
                    }
                    else
                    {
                      <li class="layui-nav-item clickpanle">
                        <a href="javascript:;" data-url="@workOrderTypeModel.F_WorkOrderTypeId">@workOrderTypeModel.F_Name</a>
                      </li>
                    }
                  </ul>
                }
              }
            }


          </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"
              lay-data="{ url:'/WorkOrder/WorkOrderHistoryData/?NowDateTime=@Model.WorkOrderBaseModel.F_CREATEDATE&phoneNumber=@Model.WorkOrderBaseModel.F_CUSTOMERTELEPHONE', id:'recordtable'}"
              lay-size="sm" lay-filter="demo">
              <thead>
                <tr>
                  <th lay-data="{field:'F_CODE', width:160}">工单编号</th>
                  <th lay-data="{field:'F_CUSTOMERNAME', width:120}">客户姓名</th>
                  <th lay-data="{field:'F_LINKMAN', align: 'center',width:120}">坐席工号</th>
                  <th lay-data="{field:'F_REPAIRMANNAME', width:100}">坐席姓名</th>
                  <th lay-data="{field:'F_WORKORDERFROM', width:100}">接入渠道</th>
                  <th lay-data="{field:'F_CREATEDATENew',align: 'center',width:160}">受理时间</th>
                  <th lay-data="{field:'F_REPAIRREQUEST', width:100}">业务状态</th>
                  <th lay-data="{field:'F_CONTENT'}">内容</th>
                  <th lay-data="{field:'F_ADSLACCOUNT', align: 'right', width:140}">业务类型</th>
                  <th lay-data="{ width:100, align:'center', toolbar: '#barDemo'}">操作</th>
                </tr>
              </thead>
            </table>
            <script type="text/html" id="barDemo">
                            <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="view">查看详情</a>
                        </script>
          </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>
              <span class="tag" data-attr="1">私有回复</span>
            </div>
            <div class="quick-list"></div>
          </div>
        </div>
      </div>

      @* <div class="fastReply">快捷回复</div> *@
    </div>
  </div>
  <textarea id="inputs" type="hidden"></textarea>
</body>
<!--下拉输入选择框工具栏-->

<script src="/Content/layui/layui.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 src="/Content/js/ytsoft.config.js"></script>
<script src="~/Content/js/ytsoft.http.js"></script>
<script type="text/javascript">
  //快捷回复
  var quickType;
  $(".serchBtn").click(function (event) {
    quickData();
  });
   
  $(".quick-head .tag").click(function () {
    quickType = $(this).attr("data-attr")
    $(".quick-head .tag").removeClass("action")
    $(this).addClass("action")
    quickData();
  })

  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: 5,
      },
      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);
    // top.OCX_OpenOtherForm(title, url);
  }

  $(".lineState").click(function (event) {
    var lineNum=$(this).attr("data-attr")
    console.log(lineNum)
    $(".setLine ul").removeClass("selectColor")
    $(this).addClass("selectColor")
    debugger
    $.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('切换成功');
        }

      }
    });
  });

  lineState();
  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;
          if (LinenumData == "1") {
            $(".lineState").eq(0).addClass("selectColor");
          } else if (LinenumData == "2") {
            $(".lineState").eq(1).addClass("selectColor");
          }else if (LinenumData == "3") {
            $(".lineState").eq(2).addClass("selectColor");
          }else if (LinenumData == "4") {
            $(".lineState").eq(3).addClass("selectColor");
          }else if (LinenumData == "5") {
            $(".lineState").eq(4).addClass("selectColor");
          }else if (LinenumData == "14") {
            $(".lineState").eq(5).addClass("selectColor");
          }else if (LinenumData == "100") {
            $(".lineState").eq(6).addClass("selectColor");
          }else if (LinenumData == "101") {
            $(".lineState").eq(7).addClass("selectColor");
          }
        }

      }
    });
  }
  $(".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 clickpanle"></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)
                        top.ZYhj(res.toString() + keyNun.toString());
                        $(".telLine,.maskTask").hide();
                      }
                    });
                }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 data = {
            F_CustomerId: $("#F_CustomerId").val(),
            F_CustomerName: $("#F_CustomerName").val(),
            F_CustomerPym: $('.sexParam input[name="F_CustomerPym"]:checked ').val(),
            F_CustomerEName: $("#F_CustomerEName").val(),
            F_PostCode: $("#F_PostCode").val(),
            F_CustomerLayer: $("#F_CustomerLayer").html().trim(),
            F_CustomerCode: $("#F_CustomerCode").val(),
            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) {
          top.button_ReleaseAnswer();
          layer.close(index);
        });
        break;
      case 5:
        //保持通话
        layer.confirm('确认要[<font color=red>保持通话</font>]吗？', function (index) {
          top.button_KeepCall();
          layer.close(index);
        });
        break;
      case 6:
        //接回通话
        layer.confirm('确认要[<font color=red>接回通话</font>]吗？', function (index) {
          top.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;
            top.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 {
            top.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;
    }
  }


</script>

</html>