| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988 |
- @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: 400px;
- height: 200px;
- font-size: 16px;
- z-index: 11;
- color: #000000;
- border: 1px solid #cccccc;
- overflow: hidden;
- }
- .closeBtn {
- font-size: 26px;
- font-weight: bold;
- color: #000000;
- position: absolute;
- top: 0px;
- right: 15px;
- z-index: 12;
- }
- .telLine li {
- width: 40%;
- line-height: 30px;
- margin: 15px 5%;
- line-height: 40px;
- float: left;
- cursor: pointer;
- background: #1E9FFF;
- color: #ffffff;
- }
- .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:hover {
- display: block;
- background: #00FFFF;
- }
- .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>
- <ul class="telLine">
- <div class="title">转接信息<span class="closeBtn">×</span></div>
- </ul>
- <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-plus"
- 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-plus"
- 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-plus"
- 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-plus"
- 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-plus"
- 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>
-
- <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"></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"></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">
- <ul class="layui-nav lineState" style="font-size: 14px; text-align: center;"><a href="javascript:;"
- style="color: #cccccc;">一号线</a></ul>
- <ul class="layui-nav lineState" 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;">
-
- </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;">
-
- </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;">
-
- </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;">
-
- </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;">
-
- </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;">
-
- </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"> 查 询</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();
- 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");
- }
- }
- }
- });
- }
- $(".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": "ZDFWT"
- },
- success: function (data) {
- $(".telLine").show();
- $(".telLine li").remove();
- //<ul class="layui-nav" style="font-size: 14px; text-align: center;"><a href="javascript:;" style="color: #cccccc;">一号线</a></ul>
- //<ul class="layui-nav lineState" style="font-size: 14px; text-align: center;"><a href="javascript:;" style="color: #cccccc;">二号线</a></ul>
- var keySwitchData = eval('(' + data + ')').data;
- for (var i = 0; i < keySwitchData.length; i++) {
- $('<li data-index="' + keySwitchData[i].F_Describe + '">' + keySwitchData[i].F_Name + '</li>').appendTo('.telLine');
- }
- $(".telLine li").click(function (event) {
- $(".telLine,.maskTask").hide();
- });
- $(".telLine li").click(function () {
- var keyNun = $(this).attr("data-index");
- $.ajax({
- type: 'get',
- url: '/CallRecord/GetCallOutprefix/?phone=' + keyNun,
- dataType: 'html',
- success: function (res) {
- console.log(res)
- top.ZYhj(res.toString() + keyNun.toString());
- }
- });
- })
- }
- });
- }
- 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>
|