思念食品 UI

seeGreetings.html 2.6KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>查看IVR欢迎词</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <script src="../js/laydate/laydate.js"></script>
  10. <style>
  11. .greetings {
  12. margin-top: 20px;
  13. }
  14. .greetings p {
  15. text-align: center;
  16. padding: 0;
  17. margin: 20px 0 30px 0;
  18. }
  19. .greetings p span {
  20. padding-right: 15px;
  21. }
  22. .greetings_content,
  23. .greetings_remarks {
  24. text-indent: 2em;
  25. letter-spacing: 1px;
  26. margin-bottom: 20px;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <div class="container greetings">
  32. <h2 class="text-center" id="greetingTitle">
  33. -
  34. </h2>
  35. <p>
  36. 坐席组编号:<span id="greetingUser">-</span>
  37. <!--生效时间: <span id="greetingStime">-</span>
  38. 失效时间: <span id="greetingEtime">-</span> -->
  39. 是否启动:<span id="greetingState">-</span>
  40. 类型:<span id="type_of">-</span>
  41. </p>
  42. <h4>欢迎词内容</h4>
  43. <div class="greetings_content" id="greetingContent">
  44. 没有内容
  45. </div>
  46. <h4>备注信息</h4>
  47. <div class="greetings_remarks" id="greetingRemark">
  48. 没有内容
  49. </div>
  50. </div>
  51. <script>
  52. $(document).ready(function() {
  53. var seeGreetingsPrams = helper.request.queryString("seeGreetingsPrams");
  54. var greetingId = seeGreetingsPrams.split(',')[0];
  55. var greetingIdState = seeGreetingsPrams.split(',')[1];
  56. console.log(greetingIdState);
  57. getIVRWords(greetingId,greetingIdState);
  58. });
  59. //获取欢迎词信息
  60. function getIVRWords(ids,greetingIdState) {
  61. $.getJSON(huayi.config.callcenter_url + "IVRWords/GetInfo", {
  62. id: ids, //主键ID
  63. token: $.cookie("token")
  64. }, function(data) {
  65. if(data.state == "success") {
  66. $('#greetingTitle').text(data.data.Title); //标题
  67. $('#greetingUser').text(data.data.GroupCode); //坐席组编号
  68. // $('#greetingStime').text(data.data.F_StartDate); //生效时间
  69. // $('#greetingEtime').text(data.data.F_EndDate); //失效时间
  70. //state状态:0未启动,1生效中,2已失效
  71. if(greetingIdState === "0"){
  72. $('#greetingState').text('未启动');
  73. }else if(greetingIdState === "1"){
  74. $('#greetingState').text('启动');
  75. }
  76. if(data.data.Type == "1"){
  77. $('#type_of').text('文本');
  78. }else{
  79. $('#type_of').text('语音文件');
  80. }
  81. $('#greetingContent').text(data.data.Content); //内容
  82. $('#greetingRemark').text(data.data.Remark); //备注
  83. }
  84. });
  85. }
  86. </script>
  87. </body>
  88. </html>