softphoneBar.html 5.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <!DOCTYPE HTML>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="X-UA-Compatible" content="chrome=1">
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>7x24呼叫中心</title>
  7. <script type="text/javascript" src="./javascripts/jquery-1.7.2.min.js"></script>
  8. <script type="text/javascript" src="./javascripts/jquery.json.min.js"></script>
  9. <script type="text/javascript" src="./javascripts/bootstrap-datetimepicker.min.js"></script>
  10. <script type="text/javascript" src="./javascripts/bootstrap.min.js"></script>
  11. <script type="text/javascript" src="./javascripts/global.js"></script>
  12. <script type="text/javascript" src="./javascripts/app.js"></script>
  13. <script type="text/javascript" src="./javascripts/softphonebar.js"></script>
  14. <script type="text/javascript" src="./javascripts/phone.js"></script>
  15. <script type="text/javascript" src="./javascripts/utils.js"></script>
  16. <script type="text/javascript" src="./javascripts/cnToSpell.js"></script>
  17. </head>
  18. <body style="margin: 0;">
  19. <div id="softphone-bar" class="base_style">
  20. <div id="phone_bar">
  21. <div class="input-append">
  22. <input id="dialout_input" class="span2" type="text" style="display: none;font-size: 15px;width: 120px;height: 20px;padding: 0px 6px 0px 5px;" onkeydown="if(event.keyCode==13){holly.softphonebar.softphonebar_dialout($('#dialout_input').val());}">
  23. <button id="DialEnable" class="btn btn-primary" type="button" onclick="holly.softphonebar.softphonebar_dialout($('#dialout_input').val());" style="display:none">
  24. 呼叫
  25. </button>
  26. </div>
  27. <div class="btn-group">
  28. <button id="HoldEnable" type="button" class="btn btn-primary" style="display:none;" onclick="holly.phone.phone_hold();">
  29. <i class="icon-pause icon-white"></i>保持
  30. </button>
  31. <button id="HoldGetEnable" type="button" class="btn btn-primary" onclick="holly.phone.phone_unhold();" style="display:none;" >
  32. <i class="icon-play icon-white"></i>恢复
  33. </button>
  34. <button id="TransferEnable" type="button" class="btn btn-primary" style="display:none" onclick="holly.phone.phone_openTransferOrConsult('softphone_transfer');">
  35. <i class="icon-arrow-right icon-white"></i>转接
  36. </button>
  37. <!--<button id="TransferEnable" type="button" class="btn btn-primary" style="display:none" onclick="holly.phone.phone_transfer('34000212','skillgroup');">-->
  38. <!--<i class="icon-arrow-right icon-white"></i>转接-->
  39. <!--</button>-->
  40. <button id="ConsultTransferEnable" type="button" class="btn btn-primary" style="display:none" onclick="holly.phone.phone_transfer('9123456', 'number');">
  41. <i class="icon-arrow-right icon-white"></i>转接
  42. </button>
  43. <button id="ConsultEnable" type="button" class="btn btn-primary" style="display:none" onclick="holly.phone.phone_openTransferOrConsult('softphone_consult');">
  44. <i class="icon-random icon-white"></i>咨询
  45. </button>
  46. <button id="InvestigateEnable" type="button" class="btn btn-primary" style="display:none" onclick="holly.phone.phone_investigate();">
  47. <i class="icon-share icon-white"></i>转调查
  48. </button>
  49. <button id="ThreeWayCallEnable" class="btn btn-primary" style="display:none">
  50. <i class="icon-plus icon-white"></i>三方
  51. </button>
  52. <button id="ConsultThreeWayCallEnable" type="button" class="btn btn-primary" style="display: none" onclick="holly.phone.phone_threewaycall('9123456');">
  53. <i class="icon-plus icon-white"></i>三方
  54. </button>
  55. <button id="StopConsultEnable" type="button" class="btn btn-danger" style="display:none" onclick="holly.phone.phone_stopConsult();">
  56. <i class="icon-random icon-white"></i>结束咨询
  57. </button>
  58. <button id="HangupEnable" type="button" class="btn btn-danger" onclick="holly.softphonebar.softphonebar_hangup();"
  59. style="display:none;">
  60. <i class="icon-arrow-down icon-white"></i>挂机
  61. </button>
  62. </div>
  63. </div>
  64. <div class="state_group">
  65. <div id="softphone_timer" class="fr state_time">00:00:00</div>
  66. <img class="fr state_line" src="./img/line.png" />
  67. <div id="softphone_dropdown" class="fr state_dropdown"><b id="softphone_dropdown_caret" class="caret"></b></div>
  68. <div id="softphone_phonestate" class="fr state">失效</div>
  69. </div>
  70. <div class="input-append" >
  71. <button id="softphoneBarKick" type="button" class="btn btn-primary" style="display:none;">
  72. 签出
  73. </button>
  74. <button id="softphoneBarPick" type="button" class="btn btn-primary" style="display:none;">
  75. 签入
  76. </button>
  77. </div>
  78. <div id="softphone_otherstate" class="customer_db"></div>
  79. <div id ="softphone-bar-bgdiv" class="softphone-transfer-bg-div"></div>
  80. <div id="softphone_consult" class="softphone-transfer-div"></div>
  81. <div id="softphone_transfer" class="softphone-transfer-div"></div>
  82. <div id="icc_event"></div>
  83. </div>
  84. <script type="text/javascript">
  85. /*登录*/
  86. function login(agentId,extNo){
  87. hollyglobal.agentId=agentId;
  88. hollyglobal.extNo=extNo;
  89. holly.app._initSoftbarPhone();
  90. }
  91. </script>
  92. </body>
  93. </html>