地铁二期项目正式开始

CallScreen.cshtml 43KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817
  1. @using YTSoft.BaseCallCenter.MVCWeb.Models;
  2. @using YTSoft.BaseCallCenter.Model;
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <title>来电弹屏</title>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <link href="/Content/layui/css/layui.css" rel="stylesheet" />
  9. <link href="/Content/css/public.css" rel="stylesheet" />
  10. <link href="/Content/css/callscreen/callscreen.css" rel="stylesheet" />
  11. <link href="/Content/layui/css/modules/layui-icon-extend/iconfont.css" type="text/css" rel=" stylesheet" />
  12. <link href="/Content/css/font-awesome/css/font-awesome.min.css" type="text/css" rel=" stylesheet" />
  13. <script src="/Content/js/jquery-1.8.3.min.js"></script>
  14. <script>
  15. </script>
  16. <style>
  17. .maskTask{width: 100%;position: fixed;opacity: .5;left: 0;top: 0;height: 100%;z-index: 1;background-color: #000; display: none;}
  18. .telLine{
  19. display: none;
  20. position: fixed;
  21. text-align: center;
  22. left: 0;
  23. right: 0;
  24. top: 0;
  25. bottom: 0;
  26. margin:auto;
  27. background: #ffffff;
  28. width:400px;
  29. height: 200px;
  30. font-size: 16px;
  31. z-index: 11;
  32. color: #000000;
  33. border: 1px solid #cccccc;
  34. overflow: hidden;
  35. }
  36. .closeBtn{
  37. font-size: 26px;
  38. font-weight: bold;
  39. color: #000000;
  40. position: absolute;
  41. top: 0px;
  42. right: 15px;
  43. z-index: 12;
  44. }
  45. .telLine li{
  46. width: 40%;
  47. line-height: 30px;
  48. margin: 15px 5%;
  49. line-height: 40px;
  50. float: left;
  51. cursor: pointer;
  52. background: #1E9FFF;
  53. color: #ffffff;
  54. }
  55. .title{
  56. width: 100%;
  57. height: 40px;
  58. line-height: 40px;
  59. text-align: center;
  60. background-color: #F8F8F8;
  61. border-bottom: 1px solid #eee;
  62. font-size: 20px;
  63. font-weight: bold;
  64. position: relative;
  65. }
  66. .telLine li:hover{
  67. display: block;
  68. background: #00FFFF;
  69. }
  70. </style>
  71. </head>
  72. <body class="childrenBody">
  73. <blockquote class="layui-elem-quote layui-text" style="font-size: larger; display: none;">
  74. 来电弹屏
  75. </blockquote>
  76. <div class="maskTask"></div>
  77. <ul class="telLine">
  78. <div class="title">转接信息<span class="closeBtn">×</span></div>
  79. </ul>
  80. <div class="layui-fluid">
  81. <div class="layui-row layui-col-space15">
  82. <div class="layui-col-md9">
  83. <form class="layui-form layui-card">
  84. <input id="F_CustomerId" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerId" type="hidden" />
  85. <input id="workOrderNum" value="@Model.WorkOrderBaseModel.F_WORKORDERID" type="hidden" />
  86. @if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerId > 0 && !string.IsNullOrEmpty(Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume) && !string.IsNullOrEmpty(Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerClass))
  87. {
  88. <input id="F_ScaleResume" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume" type="hidden" />
  89. <input id="F_CustomerClass" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerClass" type="hidden" />
  90. }
  91. else
  92. {
  93. <input id="F_ScaleResume" value="1" type="hidden" />
  94. <input id="F_CustomerClass" value="一般客户" type="hidden" />
  95. }
  96. <div class="layui-card-header">
  97. <label class="layui-form-label">
  98. 电话号码:
  99. </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>
  100. <div style="float: right;">
  101. <div class="layui-btn-group">
  102. @if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerId > 0)
  103. {
  104. <div id="historyCustom" class="layui-btn layui-btn-normal" onclick="btnOpt(1)" style="width: 50px;">
  105. <i class="fa fa-address-card-o"></i>
  106. </div>
  107. if (!string.IsNullOrEmpty(Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume))
  108. {
  109. if (Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume == "3")
  110. {
  111. <div title="关注度" class="layui-btn layui-btn-primary layui-btn-sm careCustom" onclick="btnOpt(2)" style="width: 40px;border-left:none">
  112. <i class="fa fa-heart" style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  113. </div>
  114. <div title="白名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(10)" style="width: 40px;border-left:none; background:#cccccc;">
  115. <i class="fa fa-user-times" style="font-size: 25px !important; margin-left :0px; margin-top:0px; color:#ffffff;"></i>
  116. </div>
  117. <div title="黑名单" class="layui-btn layui-btn-danger blackCustom" onclick="btnOpt(3)" style="width: 150px; border-left: none">
  118. <i class="fa fa-user-times" style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:black;">黑名单</i>
  119. </div>
  120. }
  121. else if (Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume == "2")
  122. {
  123. <div title="关注度" class="layui-btn layui-btn-warm careCustom" onclick="btnOpt(2)" style="width: 150px;border-left:none">
  124. <i class="fa fa-heart" style="font-size: 25px !important; margin-left :0px;margin-top:0px;color:deeppink;">特别关注</i>
  125. </div>
  126. <div title="白名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(10)" style="width: 40px;border-left:none; background:#cccccc;">
  127. <i class="fa fa-user-times" style="font-size: 25px !important; margin-left :0px; margin-top:0px; color:#ffffff;"></i>
  128. </div>
  129. <div title="黑名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(3)" style="width: 40px;border-left:none">
  130. <i class="fa fa-user-times" style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#000000;"></i>
  131. </div>
  132. }
  133. else if (Model.WorkOrderBaseModel.CustomerBaseModel.F_ScaleResume == "4")
  134. {
  135. <div title="关注度" class="layui-btn layui-btn-primary layui-btn-sm careCustom" onclick="btnOpt(2)" style="width: 40px;border-left:none">
  136. <i class="fa fa-heart" style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  137. </div>
  138. <div title="白名单" class="layui-btn layui-btn-danger blackCustom" onclick="btnOpt(10)" style="width: 150px; border-left: none">
  139. <i class="fa fa-user-times" style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:cccccc;">白名单</i>
  140. </div>
  141. <div title="黑名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(3)" style="width: 40px;border-left:none">
  142. <i class="fa fa-user-times" style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  143. </div>
  144. }
  145. else
  146. {
  147. <div title="关注度" class="layui-btn layui-btn-primary layui-btn-sm careCustom" onclick="btnOpt(2)" style="width: 40px;border-left:none">
  148. <i class="fa fa-heart" style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  149. </div>
  150. <div title="白名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(10)" style="width: 40px;border-left:none; background:#cccccc;">
  151. <i class="fa fa-user-times" style="font-size: 25px !important; margin-left :0px; margin-top:0px; color:#ffffff;"></i>
  152. </div>
  153. <div title="黑名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(3)" style="width: 40px;border-left:none">
  154. <i class="fa fa-user-times" style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  155. </div>
  156. }
  157. }
  158. else
  159. {
  160. <div title="关注度" class="layui-btn layui-btn-primary layui-btn-sm careCustom" onclick="btnOpt(2)" style="width: 40px;border-left:none">
  161. <i class="fa fa-heart" style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  162. </div>
  163. <div title="白名单" class="layui-btn layui-btn-danger blackCustom" onclick="btnOpt(10)" style="width: 150px; border-left: none">
  164. <i class="fa fa-user-times" style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:cccccc;"></i>
  165. </div>
  166. <div title="黑名单" class="layui-btn layui-btn-primary layui-btn-sm blackCustom" onclick="btnOpt(3)" style="width: 40px;border-left:none">
  167. <i class="fa fa-user-times" style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  168. </div>
  169. }
  170. }
  171. else
  172. {
  173. <div id="historyCustom" class="layui-btn layui-btn-disabled layui-btn-sm" onclick="btnOpt(1)" style="width: 40px;">
  174. <i class="fa fa-address-card-o" ></i>
  175. </div>
  176. <div title="关注度" class="layui-btn layui-btn-disabled layui-btn-sm careCustom" onclick="btnOpt(2)" style="width: 40px;border-left:none">
  177. <i class="fa fa-heart" style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  178. </div>
  179. <div title="黑名单" class="layui-btn layui-btn-disabled layui-btn-sm blackCustom" onclick="btnOpt(3)" style="width: 40px;border-left:none">
  180. <i class="fa fa-user-times" style="font-size: 25px !important; margin-left :0px;margin-top:0px; color:#cccccc;"></i>
  181. </div>
  182. }
  183. </div>
  184. &nbsp;&nbsp;&nbsp;&nbsp;
  185. <div class="layui-btn-group " style="position: relative;">
  186. <div title="挂断" class="layui-btn layui-btn-danger layui-btn-sm" onclick="btnOpt(4)" style="width: 40px;">
  187. <i class="layui-icon">&#xe64d;</i>
  188. </div>
  189. <div title="转回IVR" class="layui-btn layui-btn-normal layui-btn-sm" onclick="btnOpt(8)" style="width: 40px;">
  190. <i class="fa fa-volume-control-phone"></i>
  191. </div>
  192. <div title="保持" class="layui-btn layui-btn-warm layui-btn-sm" onclick="btnOpt(5)" style="width: 40px;">
  193. <i class="fa fa-microphone-slash"></i>
  194. </div>
  195. <div title="接回" class="layui-btn layui-btn-warm layui-btn-sm" onclick="btnOpt(6)" style="width: 40px;">
  196. <i class="fa fa-microphone"></i>
  197. </div>
  198. <div title="转移" class="layui-btn layui-btn-normal layui-btn-sm" onclick="btnOpt(7)" style="width: 40px;">
  199. <i class="layui-icon">&#xe613;</i>
  200. </div>
  201. <div title="一键转接" class="layui-btn layui-btn-normal layui-btn-sm keySwitch" style="width: 40px;">
  202. <i class="fa fa-users"></i>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. <div class="layui-card-body">
  208. <div class="layui-row layui-col-space15">
  209. <div class="layui-col-md4">
  210. <label class="layui-form-label">
  211. 姓名:
  212. </label>
  213. <div class="layui-input-block">
  214. <input type="text" id="F_CustomerName" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerName" placeholder=""
  215. autocomplete="off" class="layui-input" />
  216. </div>
  217. </div>
  218. <div class="layui-col-md4">
  219. <label class="layui-form-label">
  220. 性别:
  221. </label>
  222. <div class="layui-input-block sexParam">
  223. @if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerPym == "女")
  224. {
  225. <input type="radio" name="F_CustomerPym" value="男" title="男" />
  226. <input type="radio" name="F_CustomerPym" value="女" title="女" checked="" />
  227. }
  228. else if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerPym == "男")
  229. {
  230. <input type="radio" name="F_CustomerPym" value="男" title="男" checked="" />
  231. <input type="radio" name="F_CustomerPym" value="女" title="女">
  232. }
  233. else
  234. {
  235. <input type="radio" name="F_CustomerPym" value="男" title="男" />
  236. <input type="radio" name="F_CustomerPym" value="女" title="女" />
  237. }
  238. </div>
  239. </div>
  240. <div class="layui-col-md4">
  241. <label class="layui-form-label">
  242. 年龄段:
  243. </label>
  244. <div class="layui-input-inline">
  245. <select id="F_CustomerCode" lay-search="">
  246. <option value=""></option>
  247. @if (Model.AgeModelList != null && Model.AgeModelList.Count > 0)
  248. {
  249. foreach (T_Sys_DictionaryValue dicModel in Model.AgeModelList)
  250. {
  251. if (!string.IsNullOrEmpty(Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode))
  252. {
  253. if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode == dicModel.F_Name)
  254. {
  255. <option value="@dicModel.F_Name" selected>@dicModel.F_Name</option>
  256. }
  257. else
  258. {
  259. <option value="@dicModel.F_Name">@dicModel.F_Name</option>
  260. }
  261. }
  262. else
  263. {
  264. <option value="@dicModel.F_Name">@dicModel.F_Name</option>
  265. }
  266. }
  267. }
  268. </select>
  269. </div>
  270. </div>
  271. <div class="layui-col-md4">
  272. <label class="layui-form-label">
  273. 微信号:
  274. </label>
  275. <div class="layui-input-block">
  276. <input id="F_CustomerEName" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerEName" autocomplete="off" placeholder="" class="layui-input" type="text" />
  277. </div>
  278. </div>
  279. <div class="layui-col-md4">
  280. <label class="layui-form-label">
  281. 微博号:
  282. </label>
  283. <div class="layui-input-block">
  284. <input id="F_PostCode" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_PostCode" autocomplete="off" placeholder="" class="layui-input" type="text" />
  285. </div>
  286. </div>
  287. </div>
  288. </div>
  289. </form>
  290. <div class="layui-card layui-form" lay-filter="component-form-element">
  291. <div class="layui-card-header">
  292. <ul class="layui-nav lineState" style="font-size: 14px; text-align: center;"><a href="javascript:;" style="color: #cccccc;">一号线</a></ul>
  293. <ul class="layui-nav lineState" style="font-size: 14px; text-align: center;"><a href="javascript:;" style="color: #cccccc;">二号线</a></ul>
  294. </div>
  295. <div class="layui-card-header">
  296. @if (Model != null && Model.WorkOrderTypeModelList != null && Model.WorkOrderTypeModelList.Count > 0)
  297. {
  298. foreach (T_Wo_WorkOrderType workOrderTypeModel in Model.WorkOrderTypeModelList)
  299. {
  300. if (Model.SelectBussType != null && Model.SelectBussType > 0 && Model.SelectBussType.ToString() == workOrderTypeModel.F_Number)
  301. {
  302. <ul class="layui-nav selectColor">
  303. @if (workOrderTypeModel.WorkTypeModelList != null && workOrderTypeModel.WorkTypeModelList.Count > 0)
  304. {
  305. <li class="layui-nav-item">
  306. <a href="javascript:;" data-url="@workOrderTypeModel.F_WorkOrderTypeId">@workOrderTypeModel.F_Name</a>
  307. <dl class="layui-nav-child clickpanle">
  308. @foreach (T_Wo_WorkOrderType childModel in workOrderTypeModel.WorkTypeModelList)
  309. {
  310. <dd><a href="javascript:;" data-value="@childModel.F_Name" data-type="@childModel.F_ParentName" data-url="@childModel.F_WorkOrderTypeId">@childModel.F_Name</a></dd>
  311. }
  312. </dl>
  313. </li>
  314. }
  315. else
  316. {
  317. <li class="layui-nav-item clickpanle">
  318. <a href="javascript:;" data-url="@workOrderTypeModel.F_WorkOrderTypeId">@workOrderTypeModel.F_Name</a>
  319. </li>
  320. }
  321. </ul>
  322. }
  323. else
  324. {
  325. <ul class="layui-nav">
  326. @if (workOrderTypeModel.WorkTypeModelList != null && workOrderTypeModel.WorkTypeModelList.Count > 0)
  327. {
  328. <li class="layui-nav-item">
  329. <a href="javascript:;" data-url="@workOrderTypeModel.F_WorkOrderTypeId">@workOrderTypeModel.F_Name</a>
  330. <dl class="layui-nav-child clickpanle">
  331. @foreach (T_Wo_WorkOrderType childModel in workOrderTypeModel.WorkTypeModelList)
  332. {
  333. <dd><a href="javascript:;" data-value="@childModel.F_Name" data-url="@childModel.F_WorkOrderTypeId" data-type="@childModel.F_ParentName">@childModel.F_Name</a></dd>
  334. }
  335. </dl>
  336. </li>
  337. }
  338. else
  339. {
  340. <li class="layui-nav-item clickpanle">
  341. <a href="javascript:;" data-url="@workOrderTypeModel.F_WorkOrderTypeId">@workOrderTypeModel.F_Name</a>
  342. </li>
  343. }
  344. </ul>
  345. }
  346. }
  347. }
  348. </div>
  349. </div>
  350. <div class="layui-card layui-form" lay-filter="component-form-element">
  351. <div class="layui-card-header">
  352. 历史工单
  353. </div>
  354. <div id="content" class="flowContent">
  355. <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">
  356. <thead>
  357. <tr>
  358. <th lay-data="{field:'F_CODE', width:160}">工单编号</th>
  359. <th lay-data="{field:'F_CUSTOMERNAME', width:120}">客户姓名</th>
  360. <th lay-data="{field:'F_LINKMAN', align: 'center',width:120}">坐席工号</th>
  361. <th lay-data="{field:'F_REPAIRMANNAME', width:100}">坐席姓名</th>
  362. <th lay-data="{field:'F_WORKORDERFROM', width:100}">接入渠道</th>
  363. <th lay-data="{field:'F_CREATEDATENew',align: 'center',width:160}">受理时间</th>
  364. <th lay-data="{field:'F_REPAIRREQUEST', width:100}">业务状态</th>
  365. <th lay-data="{field:'F_CONTENT'}">内容</th>
  366. <th lay-data="{field:'F_ADSLACCOUNT', align: 'right', width:140}">业务类型</th>
  367. <th lay-data="{ width:100, align:'center', toolbar: '#barDemo'}">操作</th>
  368. </tr>
  369. </thead>
  370. </table>
  371. <script type="text/html" id="barDemo">
  372. <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="view">查看详情</a>
  373. </script>
  374. </div>
  375. </div>
  376. </div>
  377. <div class="layui-col-md3">
  378. @*<div class="layui-card">
  379. <div class="layui-card-header">
  380. 知识库
  381. </div>
  382. <div class="layui-card-body layui-row layui-col-space10">
  383. <div class="layui-col-md12">
  384. <textarea name="" placeholder="请输入" class="layui-textarea"></textarea>
  385. </div>
  386. </div>
  387. </div>*@
  388. <div class="layui-card">
  389. <div class="layui-card-header">
  390. 快捷入口
  391. </div>
  392. <div class="layui-card-body" style="text-align: center;">
  393. <div class="layui-form" action="" lay-filter="component-form-element">
  394. <button class="layui-btn layui-btn-radius layui-btn-primary" onclick="OpenOtherForm('周边', 'https://www.amap.com/')" style="width: 150px;">
  395. 周边
  396. </button><div style="height: 3px;">
  397. &nbsp;
  398. </div>
  399. <button class="layui-btn layui-btn-radius layui-btn-primary" onclick="OpenOtherForm('线路查询','http://www.zzmetro.com/lines/query/line')" style="width: 150px;">
  400. 线路查询
  401. </button><div style="height: 3px;">
  402. &nbsp;
  403. </div>
  404. <button class="layui-btn layui-btn-radius layui-btn-primary" onclick="OpenOtherForm('票价查询','http://www.zzmetro.com/lines/query/ticket')" style="width: 150px;">
  405. 票价查询
  406. </button><div style="height: 3px;">
  407. &nbsp;
  408. </div>
  409. <button class="layui-btn layui-btn-radius layui-btn-primary" onclick="OpenOtherForm('运营时间','http://www.zzmetro.com/lines/query/operating_hours')" style="width: 150px;">
  410. 运营时间
  411. </button><div style="height: 3px;">
  412. &nbsp;
  413. </div>
  414. <button class="layui-btn layui-btn-radius layui-btn-primary" onclick="OpenOtherForm('站点查询','http://www.zzmetro.com/lines/query/station')" style="width: 150px;">
  415. 站点查询
  416. </button><div style="height: 3px;">
  417. &nbsp;
  418. </div>
  419. <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;">
  420. 快速通讯录
  421. </button><div style="height: 3px;">
  422. &nbsp;
  423. </div>
  424. <button class="layui-btn layui-btn-radius layui-btn-primary" onclick="OpenOtherForm('官网入口','http://www.zzmetro.com/')" style="width: 150px;">
  425. 官网入口
  426. </button>
  427. </div>
  428. </div>
  429. </div>
  430. </div>
  431. </div>
  432. </div>
  433. </body>
  434. <!--下拉输入选择框工具栏-->
  435. <script src="/Content/layui/layui.js"></script>
  436. <script src="/Content/js/CallRecord/callscreen.js"></script>
  437. <script src="/Content/js/WorkOrder/workorderalllist.js" charset="utf-8"></script>
  438. <script src="/Content/layui/formatdate.js"></script>
  439. <script src="/Content/js/ytsoft.config.js"></script>
  440. <script src="~/Content/js/ytsoft.http.js"></script>
  441. <script type="text/javascript">
  442. function OpenOtherForm(title, url) {
  443. window.open(url, title);
  444. // top.OCX_OpenOtherForm(title, url);
  445. }
  446. lineState();
  447. function lineState(){
  448. $.ajax({
  449. url: "/CallRecord/CallRecordData",
  450. type: "get",
  451. contentType: "application/json",
  452. dataType: "text",
  453. cache: false,
  454. async: false,
  455. data: {
  456. "page":1,
  457. "limit":20,
  458. "callid":helper.cookies.get('CallID'),
  459. },
  460. success: function (data) {
  461. if(eval('(' + data + ')').data.length>0){
  462. var LinenumData = eval('(' + data + ')').data[0].F_Linenum;
  463. if(LinenumData=="1"){
  464. $(".lineState").eq(0).addClass("selectColor");
  465. }else if(LinenumData=="2"){
  466. $(".lineState").eq(1).addClass("selectColor");
  467. }
  468. }
  469. }
  470. });
  471. }
  472. $(".maskTask,.closeBtn").click(function(event) {
  473. $(".telLine,.maskTask").hide();
  474. });
  475. $(".keySwitch").click(function(event){
  476. alert("1")
  477. $(".telLine,.maskTask").show();
  478. keySwitch()
  479. });
  480. function keySwitch(){
  481. $.ajax({
  482. url: "/SystemManage/DictionaryDate",
  483. type: "get",
  484. contentType: "application/json",
  485. dataType: "text",
  486. cache: false,
  487. async: false,
  488. data: {
  489. "NowDateTime":"2020/11/11 10:43:41",
  490. "page":1,
  491. "limit":20,
  492. "dictionaryFlag":"ZDFWT"
  493. },
  494. success: function (data) {
  495. $(".telLine").show();
  496. $(".telLine li").remove();
  497. //<ul class="layui-nav" style="font-size: 14px; text-align: center;"><a href="javascript:;" style="color: #cccccc;">一号线</a></ul>
  498. //<ul class="layui-nav lineState" style="font-size: 14px; text-align: center;"><a href="javascript:;" style="color: #cccccc;">二号线</a></ul>
  499. var keySwitchData = eval('(' + data + ')').data;
  500. for(var i = 0; i < keySwitchData.length; i++) {
  501. $('<li data-index="'+keySwitchData[i].F_Describe+'">' +keySwitchData[i].F_Name+'</li>').appendTo('.telLine');
  502. }
  503. $(".telLine li").click(function(event) {
  504. $(".telLine,.maskTask").hide();
  505. });
  506. $(".telLine li").click(function(){
  507. var keyNun = $(this).attr("data-index");
  508. $.ajax({
  509. type: 'get',
  510. url: '/CallRecord/GetCallOutprefix/?phone='+keyNun,
  511. dataType: 'html',
  512. success: function (res) {
  513. console.log(res)
  514. top.ZYhj(res.toString()+keyNun.toString());
  515. }
  516. });
  517. })
  518. }
  519. });
  520. }
  521. function btnOpt(type) {
  522. var customerid = document.getElementById("F_CustomerId").value;
  523. switch (type) {
  524. case 1:
  525. //保存客户
  526. layer.confirm('确认要[<font color=red>保存客户</font>]吗?', function (index) {
  527. var data = {
  528. F_CustomerId: $("#F_CustomerId").val(),
  529. F_CustomerName: $("#F_CustomerName").val(),
  530. F_CustomerPym: $('.sexParam input[name="F_CustomerPym"]:checked ').val(),
  531. F_CustomerEName: $("#F_CustomerEName").val(),
  532. F_PostCode: $("#F_PostCode").val(),
  533. F_CustomerLayer: $("#F_CustomerLayer").html().trim(),
  534. F_CustomerCode: $("#F_CustomerCode").val(),
  535. F_Telephone: $("#F_Telephone").html().trim(),
  536. F_ScaleResume: $("#F_ScaleResume").val(),
  537. F_CustomerClass: $("#F_CustomerClass").val(),
  538. }
  539. $.ajax({
  540. url: "/CallRecord/SaveCunInfo",
  541. type: "post",
  542. async: false,//同步请求
  543. contentType: "application/json",
  544. dataType: "text",
  545. cache: false,
  546. data: JSON.stringify(data),
  547. success: function (thisResult, result) {
  548. if (thisResult == "True") {
  549. layer.open({
  550. content: '操作成功'
  551. , icon: 1
  552. , btn: ['确定']
  553. , yes: function (index, layero) {
  554. layer.close(index);
  555. }
  556. });
  557. } else {
  558. layui.layer.alert("操作失败!", {
  559. icon: 2
  560. });
  561. }
  562. },
  563. error: function (error) {
  564. return false;
  565. }
  566. });
  567. });
  568. break;
  569. case 2:
  570. //关注客户
  571. layer.confirm('确认要[<font color=red>设置为关注客户</font>]吗?', function (index) {
  572. $.ajax({
  573. url: "/Customer/SaveReceivedData",
  574. type: "get",
  575. async: false,//同步请求
  576. contentType: "application/json",
  577. dataType: "text",
  578. cache: false,
  579. data: "keyList=" + customerid + '&status=2',
  580. success: function (thisResult, result) {
  581. if (thisResult == "True") {
  582. layer.open({
  583. content: '操作成功'
  584. , icon: 1
  585. , btn: ['确定']
  586. , yes: function (index, layero) {
  587. layer.close(index);
  588. }
  589. });
  590. } else {
  591. layui.layer.alert("操作失败!", {
  592. icon: 2
  593. });
  594. }
  595. },
  596. error: function (error) {
  597. return false;
  598. }
  599. });
  600. });
  601. break;
  602. case 3:
  603. //黑名单客户
  604. layer.confirm('确认要[<font color=red>设置为黑名单</font>]吗?', function (index) {
  605. $.ajax({
  606. url: "/Customer/SaveReceivedData",
  607. type: "get",
  608. async: false,//同步请求
  609. contentType: "application/json",
  610. dataType: "text",
  611. cache: false,
  612. data: "keyList=" + customerid + '&status=3',
  613. success: function (thisResult, result) {
  614. if (thisResult == "True") {
  615. layer.open({
  616. content: '操作成功'
  617. , icon: 1
  618. , btn: ['确定']
  619. , yes: function (index, layero) {
  620. layer.close(index);
  621. }
  622. });
  623. } else {
  624. layui.layer.alert("操作失败!", {
  625. icon: 2
  626. });
  627. }
  628. },
  629. error: function (error) {
  630. return false;
  631. }
  632. });
  633. });
  634. break;
  635. case 4:
  636. //挂断
  637. layer.confirm('确认要[<font color=red>挂断电话</font>]吗?', function (index) {
  638. top.button_ReleaseAnswer();
  639. layer.close(index);
  640. });
  641. break;
  642. case 5:
  643. //保持通话
  644. layer.confirm('确认要[<font color=red>保持通话</font>]吗?', function (index) {
  645. top.button_KeepCall();
  646. layer.close(index);
  647. });
  648. break;
  649. case 6:
  650. //接回通话
  651. layer.confirm('确认要[<font color=red>接回通话</font>]吗?', function (index) {
  652. top.button_GetKeepCall();
  653. layer.close(index);
  654. });
  655. break;
  656. case 7:
  657. //转移
  658. layer.open({
  659. content: '转移号码:<input type=\"text\" id=\"txtZYPhone\" value=\"1001\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\" />'
  660. , btn: ['转移', '取消']
  661. , yes: function (index, layero) {
  662. var tel = document.getElementById("txtZYPhone").value;
  663. top.ZYhj(tel);
  664. layer.close(index);
  665. alert("转移成功")
  666. //top.PhoneCallZY(tel);
  667. }
  668. , btn2: function (index, layero) {
  669. layer.close(index);
  670. }
  671. , cancel: function () {
  672. }
  673. });
  674. break;
  675. case 8:
  676. //转回IVR
  677. layer.confirm('确认要[<font color=red>转回到IVR语音流程</font>]吗?', function (index) {
  678. try {
  679. top.AgentTransToIVR();
  680. layer.close(index);
  681. }
  682. catch(e)
  683. { }
  684. });
  685. break;
  686. case 9:
  687. //一键转接
  688. layer.open({
  689. content: '转移号码:<input type=\"text\" id=\"txtZYPhone\" value=\"1001\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\" />'
  690. , btn: ['转移', '取消']
  691. , yes: function (index, layero) {
  692. }
  693. , btn2: function (index, layero) {
  694. layer.close(index);
  695. }
  696. , cancel: function () {
  697. }
  698. });
  699. break;
  700. case 10:
  701. //黑名单客户
  702. layer.confirm('确认要[<font color=red>设置为白名单</font>]吗?', function (index) {
  703. $.ajax({
  704. url: "/Customer/SaveReceivedData",
  705. type: "get",
  706. async: false,//同步请求
  707. contentType: "application/json",
  708. dataType: "text",
  709. cache: false,
  710. data: "keyList=" + customerid + '&status=4',
  711. success: function (thisResult, result) {
  712. if (thisResult == "True") {
  713. layer.open({
  714. content: '操作成功'
  715. , icon: 1
  716. , btn: ['确定']
  717. , yes: function (index, layero) {
  718. layer.close(index);
  719. }
  720. });
  721. } else {
  722. layui.layer.alert("操作失败!", {
  723. icon: 2
  724. });
  725. }
  726. },
  727. error: function (error) {
  728. return false;
  729. }
  730. });
  731. });
  732. break;
  733. case 11:
  734. //一键转接
  735. layer.confirm('转移号码:<input type=\"text\" id=\"txtZYPhone\" value=\"1001\" placeholder=\"\" autocomplete=\"off\" class=\"layui-input\" />', function (index) {
  736. });
  737. break;
  738. }
  739. }
  740. </script>
  741. </html>