admin-sms.html 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>纵横计量支付系统</title>
  6. <meta name=description content=计量支付>
  7. <meta name=copyright content=smartcost.com.cn>
  8. <link rel=stylesheet href={{rootUrl}}global/css/bootstrap.css>
  9. <link rel=stylesheet href={{rootUrl}}global/css/style.css>
  10. <script src={{rootUrl}}global/js/jquery-1.9.1.min.js></script>
  11. <script src={{rootUrl}}global/js/bootstrap.js></script>
  12. <script src={{rootUrl}}global/js/jl.js></script>
  13. </head>
  14. <body>
  15. <div class="wrapHeader">
  16. <h1 class="mainLogo" title="纵横计量支付"></h1>
  17. <div class="sysTools"><a title="返回首页" href="index.html"><i class="icon-circle-arrow-left icon-white"></i></a>&nbsp;&nbsp;&nbsp;<a
  18. title="纵横官网" target="_blank" href="http://smartcost.com.cn"><i class="icon-home icon-white"></i></a></div>
  19. </div>
  20. <!-- include "top" -->
  21. <div class="warpAdmin">
  22. <!-- include "menu" -->
  23. <div class="adminContent">
  24. <div class="adminMain">
  25. <form class="form-horizontal">
  26. <fieldset>
  27. <legend>短信通知</legend>
  28. <div id="switchon" class="form-group" <!-- if {{Switch}}=='1' -->style="display:none"<!-- endif -->>
  29. <label class="col-sm-2 control-label">开启短信通知功能</label>
  30. <div class="col-sm-3">
  31. <div class="btn-group">
  32. <input type="button" class="btn btn-default" id="smsOn" title="开启短信通知" value="开启"/>
  33. <button class="btn btn-danger disabled" disabled="disabled">已关闭</button>
  34. </div>
  35. </div>
  36. </div>
  37. <div id="switchoff" class="form-group" <!-- if {{Switch}}=='0' -->style="display:none"<!-- endif -->>
  38. <label class="col-sm-2 control-label">开启短信通知功能</label>
  39. <div class="col-sm-3">
  40. <div class="btn-group">
  41. <button class="btn btn-success disabled" disabled="disabled">已开启</button>
  42. <input type="button" class="btn btn-default" id="smsOff" title="关闭短信通知" value="关闭"/>
  43. </div>
  44. </div>
  45. </div>
  46. <div id="alert-open" class="alert alert-info" style="display: none">
  47. 初次开启,所有用户都必须进行手机验证才能正常接收短信通知。
  48. </div>
  49. <div id="alert-close" class="alert alert-danger" style="display:none">
  50. 短信通知已关闭,所有用户都将不会再接收短信通知。
  51. </div>
  52. <div id="msgknow">
  53. <!-- if {{Switch}}=='1' -->
  54. <legend>通知项</legend>
  55. <!--在线审批短信通知-->
  56. <div class="form-group">
  57. <label class="col-sm-2 control-label">通知需要审批</label>
  58. <div class="col-sm-3">
  59. <!-- if {{smsSwitch}}== 0 -->
  60. <div class="btn-group">
  61. <button class="btn btn-default" data-status="open_switch" title="开启审批短信通知">开启</button>
  62. <button class="btn btn-danger disabled" data-status="close_switch" disabled="disabled" title="关闭审批短信通知">已关闭</button>
  63. </div>
  64. <!-- else -->
  65. <div class="btn-group">
  66. <button class="btn btn-success disabled" data-status="open_switch" disabled="disabled" title="开启审批短信通知">已开启</button>
  67. <button class="btn btn-default" data-status="close_switch" title="关闭审批短信通知">关闭</button>
  68. </div>
  69. <!-- endif -->
  70. </div>
  71. </div>
  72. <!--在前签署短信通知-->
  73. <div class="form-group">
  74. <label class="col-sm-2 control-label">通知需要签署</label>
  75. <div class="col-sm-3">
  76. <!-- if {{smsSignSwitch}} == 0 -->
  77. <div class="btn-group">
  78. <button class="btn btn-default" data-status="open_sign" title="开启签署短信通知">开启</button>
  79. <button class="btn btn-danger disabled" data-status="close_sign" disabled="disabled" title="关闭签署短信通知">已关闭</button>
  80. </div>
  81. <!-- else -->
  82. <div class="btn-group">
  83. <button class="btn btn-success disabled" data-status="open_sign" disabled="disabled" title="开启签署短信通知">已开启</button>
  84. <button class="btn btn-default" data-status="close_sign" title="关闭签署短信通知">关闭</button>
  85. </div>
  86. <!-- endif -->
  87. </div>
  88. </div>
  89. <!-- endif -->
  90. </div>
  91. </fieldset>
  92. </form>
  93. </div>
  94. </div>
  95. </div>
  96. <script type="text/javascript">autoFlashHeight();</script>
  97. <script type="text/javascript">
  98. $(document).ready(function () {
  99. $("#smsOff").click(function () {
  100. $.ajax({
  101. type: "POST",
  102. dataType: "json",
  103. cache: false,
  104. data: {"switch": 'off'},
  105. url: "{{rootUrl}}manage/sys/sms/switch"
  106. }).done(function (data) {
  107. if (data['switch'] == 'off') {
  108. $("#switchoff").fadeOut();
  109. $("#switchon").fadeIn();
  110. $("#alert-open").fadeOut();
  111. $("#alert-close").fadeIn();
  112. $('#msgknow').fadeOut();
  113. }
  114. });
  115. });
  116. $("#smsOn").click(function () {
  117. $.ajax({
  118. type: "POST",
  119. dataType: "json",
  120. cache: false,
  121. data: {"switch": 'on'},
  122. url: "{{rootUrl}}manage/sys/sms/switch"
  123. }).done(function (data) {
  124. if (data['switch'] == 'on') {
  125. $("#switchon").fadeOut();
  126. $("#switchoff").fadeIn();
  127. $("#alert-close").fadeOut();
  128. $("#alert-open").fadeIn();
  129. $('#msgknow').html('<legend>通知项</legend> <div class="form-group"> <label class="col-sm-2 control-label">通知需要审批</label> <div class="col-sm-3"> <div class="btn-group"> <button class="btn btn-success disabled" data-status="open_switch" disabled="disabled" title="开启审批短信通知">已开启</button> <button class="btn btn-default" data-status="close_switch" title="关闭审批短信通知">关闭</button> </div> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">通知需要签署</label> <div class="col-sm-3"> <div class="btn-group"> <button class="btn btn-success disabled" data-status="open_sign" disabled="disabled" title="开启签署短信通知">已开启</button> <button class="btn btn-default" data-status="close_sign" title="关闭签署短信通知">关闭</button> </div> </div> </div>');
  130. $('#msgknow').fadeIn();
  131. $('#msgknow .btn').on('click',function(){
  132. var status = $(this).attr('data-status').split("_");
  133. updatesmsknow($(this));
  134. })
  135. }
  136. });
  137. });
  138. $('#msgknow .btn').on('click',function(){
  139. updatesmsknow($(this));
  140. })
  141. });
  142. function updatesmsknow($this){
  143. var status = $this.attr('data-status').split("_");
  144. if(!$this.hasClass('disabled')){
  145. if(status[0] == 'open'){
  146. $this.addClass('btn-success').removeClass('btn-default').text('已开启');
  147. $this.siblings('button').removeClass('btn-danger').addClass('btn-default').text('关闭');
  148. }else{
  149. if($this.parents('.form-group').siblings().find('.btn-group').children('.btn').eq(0).hasClass('btn-success')){
  150. $this.addClass('btn-danger').removeClass('btn-default').text('已关闭');
  151. $this.siblings('button').removeClass('btn-success').addClass('btn-default').text('开启');
  152. }else{
  153. $("#switchoff").fadeOut();
  154. $("#switchon").fadeIn();
  155. $('#msgknow').fadeOut();
  156. $("#alert-close").fadeIn();
  157. $("#alert-open").fadeOut();
  158. }
  159. }
  160. $this.addClass('disabled').attr('disabled', true);
  161. $this.siblings('button').removeClass('disabled').attr('disabled',false);
  162. }
  163. $.ajax({
  164. type: 'post',
  165. url: '{{rootUrl}}manage/sys/sms/switch',
  166. data:{status:status[0],type:status[1]},
  167. dataType: 'json',
  168. success: function(result){
  169. }
  170. });
  171. }
  172. </script>
  173. </body>