No Description

addGreetings.html 5.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  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 label{
  15. text-align: right;
  16. }
  17. .greetings ul{
  18. margin: 0;
  19. padding: 0;
  20. }
  21. .greetings li{
  22. list-style: none;
  23. }
  24. .text_require {
  25. color: red;
  26. vertical-align: middle;
  27. font-weight: 900;
  28. }
  29. .time-box{
  30. position: relative;
  31. }
  32. i.tub {
  33. position: absolute;
  34. right: 26px;
  35. top: 8px;
  36. font-size: 18px;
  37. color: #00a0ca;
  38. }
  39. .greetings .radio-inline input[type="radio"] {
  40. margin-top: 4px;
  41. }
  42. .greetings textarea {
  43. resize: none;
  44. }
  45. .greetings .form-horizontal .radio-inline {
  46. padding-top: 0;
  47. }
  48. </style>
  49. </head>
  50. <body>
  51. <div class="container greetings">
  52. <ul class="row clearfix form-horizontal">
  53. <li class="form-group">
  54. <label for="greetingTitle" class="col-md-2"><b class="text_require">*</b>欢迎词标题</label>
  55. <div class="col-md-4">
  56. <input id="greetingTitle" class="form-control" type="text" autofocus="true" autocomplete="off" />
  57. </div>
  58. </li>
  59. <li class="form-group">
  60. <label for="greetingContent" class="col-md-2"><b class="text_require">*</b>欢迎词内容</label>
  61. <div class="col-md-9">
  62. <textarea data-adaptheight id="greetingContent" class="form-control" rows="7"></textarea>
  63. </div>
  64. </li>
  65. <li class="form-group">
  66. <label for="greetingStart" class="col-md-2"><b class="text_require">*</b>是否启动生效</label>
  67. <div class="col-md-4" id="greetingStart">
  68. <label class="radio-inline">
  69. <input type="radio" name="inlineRadioOptions" value="1" checked="checked"> 启动
  70. </label>
  71. <label class="radio-inline">
  72. <input type="radio" name="inlineRadioOptions" value="0"> 不启动
  73. </label>
  74. </div>
  75. </li>
  76. <li class="form-group">
  77. <label for="greetingTimes" class="col-md-2"><b class="text_require">*</b>生效时间</label>
  78. <div class="col-md-4 time-box">
  79. <i class="tub fa fa-calendar"></i>
  80. <input class="form-control" type="text" id="greetingTimes">
  81. </div>
  82. </li>
  83. <li class="form-group">
  84. <label for="greetingRemark" class="col-md-2">备注</label>
  85. <div class="col-md-9">
  86. <textarea id="greetingRemark" class="form-control" rows="7"></textarea>
  87. </div>
  88. </li>
  89. </ul>
  90. <div class="form-group row clearfix">
  91. <div class="col-md-offset-2 col-md-10">
  92. <button class="btn btn-success" id="greetingSave" type="button">保存</button>
  93. </div>
  94. </div>
  95. </div>
  96. <script src="../js/adjustHeight.js"></script>
  97. <script>
  98. $(document).ready(function() {
  99. var addFlag = helper.request.queryString("addFlag"),
  100. greetingId;
  101. laydate.render({
  102. elem: '#greetingTimes',
  103. range: '~',
  104. type: 'datetime',
  105. //max : 31,
  106. min: 0,
  107. theme: '#00a1cb',
  108. });
  109. if(!addFlag){//修改
  110. greetingId = helper.request.queryString("greetingId")
  111. getIVRWords(greetingId);
  112. }
  113. //保存
  114. $('#greetingSave').on('click',saveGreetingsContent);
  115. });
  116. //获取欢迎词信息
  117. function getIVRWords(ids){
  118. $.getJSON(huayi.config.callcenter_url + "IVRWords/GetIVRWords", {
  119. id: ids,//主键ID
  120. token: $.cookie("token")
  121. }, function(data) {
  122. if(data.state == "success") {
  123. $('#greetingTitle').val(data.data.F_Title);//标题
  124. $('#greetingContent').val(data.data.F_Content);//内容
  125. $('#greetingStart').find('input[value="'+ data.data.F_IsState +'"]').attr('checked','checked');//是否启动生效(0不启动,1启动)
  126. $('#greetingTimes').val(data.data.F_StartDate + ' ~ ' + data.data.F_EndDate);
  127. $('#greetingRemark').val(data.data.F_Remark);//备注
  128. }
  129. });
  130. }
  131. //点击保存后修改或增加
  132. function saveGreetingsContent() {
  133. if (!$.trim($('#greetingTitle').val())) {
  134. layer.confirm('请输入欢迎词标题!', {
  135. icon: 2,
  136. btn: ['确定'],
  137. });
  138. return;
  139. }
  140. if (!$.trim($('#greetingContent').val())) {
  141. layer.confirm('请输入欢迎词内容!', {
  142. icon: 2,
  143. btn: ['确定'],
  144. });
  145. return;
  146. }
  147. if (!$.trim($('#greetingTimes').val())) {
  148. layer.confirm('请选择生效时间!', {
  149. icon: 2,
  150. btn: ['确定'],
  151. });
  152. return;
  153. }
  154. var addFlag = helper.request.queryString("addFlag"),
  155. greetingId;
  156. //id为增加 >0修改
  157. if(addFlag){
  158. greetingId = '';
  159. }else{
  160. greetingId = helper.request.queryString("greetingId");
  161. }
  162. $.post(huayi.config.callcenter_url + "IVRWords/AddIVRWords", {
  163. id: greetingId, //主键ID
  164. title: $('#greetingTitle').val(),//标题
  165. content: $('#greetingContent').val(),//内容
  166. isstate: $('#greetingStart').find('input[type="radio"]:checked').val(),//是否启动生效(0不启动,1启动)
  167. sdate: $('#greetingTimes').val() && $('#greetingTimes').val().split('~')[0],//生效时间
  168. edate: $('#greetingTimes').val() && $('#greetingTimes').val().split('~')[1],//失效时间
  169. remark: $('#greetingRemark').val(),//备注
  170. token: $.cookie("token")
  171. }, function(data) {
  172. data = JSON.parse(data);
  173. if(data.state == "success") {
  174. var index = parent.layer.getFrameIndex(window.name);
  175. parent.layer.close(index);
  176. if(addFlag) {
  177. parent.layer.msg("增加成功");
  178. } else {
  179. parent.layer.msg("修改成功");
  180. }
  181. parent.initTable1();
  182. }
  183. });
  184. }
  185. </script>
  186. </body>
  187. </html>