account-setting-notify.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="author" content=""/>
  6. <meta name="description" content=""/>
  7. <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
  8. <meta name="format-detection" content="telphone=no,email=no"/>
  9. <meta name="viewport"
  10. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
  11. <meta http-equiv="pragma" content="no-cache">
  12. <meta http-equiv="cache-control" content="no-cache">
  13. <meta http-equiv="expires" content="0">
  14. <title>微信通知管理</title>
  15. <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css"/>
  16. <link rel="stylesheet" href="../components/custom/css/common.css"/>
  17. <link rel="stylesheet" href="css/xyf.common.min.css"/>
  18. <style>
  19. .mui-content {
  20. padding-bottom: 50px;
  21. bottom: 0;
  22. top: 0;
  23. position: absolute;
  24. width: 100%;
  25. overflow-y: auto;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30. <div class="mui-content" style="">
  31. <h5 class="mui-content-padded c-black">消息推送至企业公众号,实时监控</h5>
  32. <div class="card-panel">
  33. <ul class="mui-table-view account-bd">
  34. <li class="mui-table-view-cell">
  35. <a href="bind-id.html" class="mui-navigate-right">
  36. <i class="iconfont icon-wechat c-wechat mui-pull-left"></i>
  37. 绑定消息通知微信
  38. </a>
  39. </li>
  40. <li class="mui-table-view-cell">
  41. <i class="iconfont icon-bi c-lgreen mui-pull-left"></i>
  42. 每日收益通知
  43. <div class="switch switch-mini dailyIncomeNotification">
  44. <div class="switch-handle"></div>
  45. </div>
  46. </li>
  47. <!--<li class="mui-table-view-cell">-->
  48. <!--<i class="iconfont icon-device c-red mui-pull-left"></i>-->
  49. <!--设备故障通知给我-->
  50. <!--<div class="switch switch-mini commonSwitch" key="devFaultPushDealerSwitch">-->
  51. <!--<div class="switch-handle"></div>-->
  52. <!--</div>-->
  53. <!--</li>-->
  54. <!--<li class="mui-table-view-cell">-->
  55. <!--<i class="iconfont icon-device c-orange mui-pull-left"></i>-->
  56. <!--设备故障通知给用户-->
  57. <!--<div class="switch switch-mini commonSwitch" key="devFaultPushUserSwitch">-->
  58. <!--<div class="switch-handle"></div>-->
  59. <!--</div>-->
  60. <!--</li>-->
  61. <li class="mui-table-view-cell">
  62. <i class="iconfont icon-order c-primary mui-pull-left"></i>
  63. 支付订单通知
  64. <div class="switch switch-mini payNotify">
  65. <div class="switch-handle"></div>
  66. </div>
  67. </li>
  68. </ul>
  69. </div>
  70. <div class="card-panel margin-t-10">
  71. <ul class="mui-table-view account-bd">
  72. <li class="mui-table-view-cell">
  73. <i class="iconfont icon-device c-red mui-pull-left"></i>
  74. 设备离线通知
  75. <div class="switch switch-mini offlineNotifySwitch">
  76. <div class="switch-handle"></div>
  77. </div>
  78. </li>
  79. <li class="mui-table-view-cell">
  80. <a href="javascript:offlineNotifyTimeClick()" class="mui-navigate-right">
  81. <i class="iconfont icon-clock c-red mui-pull-left"></i>
  82. 设备离线通知时间
  83. </a>
  84. </li>
  85. </ul>
  86. </div>
  87. </div>
  88. <div class="edit-back offlineNotifyTimeDialog mui-hidden">
  89. <div class="edit-content">
  90. <div class="edit-box">
  91. <div class="mui-input-row font-14 c-red">
  92. 设备离线<span id="offlineNotifyTimeText">1</span>小时后通知您
  93. </div>
  94. <div class="mui-input-row margin-t-15">
  95. <label>输入时间</label>
  96. <div class="mui-pull-right edit-row">
  97. <input id="offlineNotifyTime" max="12" min="1" type="number" step="1"
  98. oninput="$('#offlineNotifyTimeText').text($(this).val())">
  99. <span class="font-b-12">小时</span>
  100. </div>
  101. </div>
  102. </div>
  103. <div class="mui-popup-buttons">
  104. <span class="mui-popup-button">取消</span>
  105. <span class="mui-popup-button mui-popup-button-bold">确认</span>
  106. </div>
  107. </div>
  108. </div>
  109. </body>
  110. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  111. <script src="js/xyf.common.js"></script>
  112. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  113. <script src="/components/custom/js/common.js"></script>
  114. <script>
  115. sendRequest("/dealer/accountInfo", "GET", null, function (response) {
  116. if (response.result == 1) {
  117. //每日收益通知
  118. if (response.para.dailyIncomeReportPushSwitch) {
  119. $(".dailyIncomeNotification").addClass("active");
  120. }
  121. //设备离线通知
  122. if (response.para.offlineNotifySwitch) {
  123. $('.offlineNotifySwitch').addClass("active");
  124. }
  125. //设备故障通知给我
  126. if (response.para.devFaultPushDealerSwitch) {
  127. $('[key="devFaultPushDealerSwitch"]').addClass("active");
  128. }
  129. //设备故障通知给用户
  130. if (response.para.devFaultPushUserSwitch) {
  131. $('[key="devFaultPushUserSwitch"]').addClass("active");
  132. }
  133. //支付订单通知
  134. if (response.para.newUserPaymentOrderPushSwitch) {
  135. $(".payNotify").addClass("active");
  136. }
  137. if (response.para.offlineNotifyTime) {
  138. $("#offlineNotifyTimeText").text(response.para.offlineNotifyTime);
  139. $("#offlineNotifyTime").val(response.para.offlineNotifyTime);
  140. }
  141. } else {
  142. mui.toast(response.description);
  143. }
  144. });
  145. function goBindWechat() {
  146. var btnArray = ['取消', '去绑定'];
  147. mui.confirm('您的账号没有绑定微信,请绑定微信!', '温馨提示', btnArray, function (e) {
  148. if (e.index == 1) {
  149. goPage("bind-id.html");
  150. }
  151. });
  152. }
  153. //支付、提现推送消息开关触发事件
  154. $('.mui-table-view-cell').on('tap', '.switch', function () {
  155. $(this).toggleClass('active');
  156. var data;
  157. //每笔支付通知
  158. if ($(this).hasClass("payNotify")) {
  159. var payNotify = false;
  160. if ($(this).hasClass("active")) {
  161. payNotify = true;
  162. }
  163. data = {"on": payNotify};
  164. sendRequest("/dealer/toggleNewUserPaymentOrderPushSwitch", "POST", JSON.stringify(data), function (res) {
  165. if (res.result == 1) {
  166. mui.toast("设置成功");
  167. } else if (res.result == -1) {
  168. goBindWechat();
  169. } else {
  170. mui.toast(res.description);
  171. }
  172. });
  173. }
  174. //每日收益通知
  175. else if ($(this).hasClass("dailyIncomeNotification")) {
  176. var flag = false;
  177. if ($(this).hasClass("active")) {
  178. flag = true;
  179. }
  180. data = {"on": flag};
  181. sendRequest("/dealer/toggleDailyIncomeReportPushSwitch", "POST", JSON.stringify(data), function (res) {
  182. if (res.result == 1 && flag) {
  183. mui.toast("设置成功,今日收益将于次日9:00推送");
  184. }
  185. else if (res.result == 1 && !flag) {
  186. mui.toast("设置成功");
  187. }
  188. else if (res.result == -1) {
  189. goBindWechat();
  190. }
  191. else {
  192. mui.toast(res.description);
  193. }
  194. });
  195. }
  196. //设置设备离线通知开关
  197. else if ($(this).hasClass('offlineNotifySwitch')) {
  198. var offlineNotify = $(this).hasClass('active') ? true : false;
  199. sendRequest('/dealer/offlineNotifySwitch', 'post',
  200. JSON.stringify({'on': offlineNotify}), function (res) {
  201. if (res.result == 1)
  202. mui.toast('设置成功');
  203. else if (res.result == -1) {
  204. goBindWechat();
  205. }
  206. else
  207. mui.toast(res.description);
  208. })
  209. }
  210. //通用开关 所有开关都可以用该接口 todo
  211. else if ($(this).hasClass('commonSwitch')) {
  212. var active = $(this).hasClass('active') ? true : false;
  213. var key = $(this).attr("key");
  214. var data = {};
  215. data[key] = active;
  216. sendRequest({
  217. url: "/dealer/toggleSwitches",
  218. type: "POST",
  219. data: data,
  220. mask: "正在设置...",
  221. maskDelay: 0,
  222. contentType: "json",
  223. success: function (res) {
  224. if (res.result == 1) {
  225. mui.toast('设置成功');
  226. } else if (res.result == -1) {
  227. goBindWechat();
  228. } else {
  229. mui.toast(res.description);
  230. }
  231. }
  232. });
  233. }
  234. });
  235. function offlineNotifyTimeClick(){
  236. $('.offlineNotifyTimeDialog').removeClass('mui-hidden');
  237. $('body').on('touchmove', function (e) {
  238. e.preventDefault();
  239. });
  240. $('.offlineNotifyTimeDialog .mui-popup-buttons span').off().tap(function () {
  241. if ($(this).index() == 0) {
  242. //点击取消
  243. $('.offlineNotifyTimeDialog').addClass('mui-hidden');
  244. $('body').off('touchmove');
  245. } else {
  246. //点击保存
  247. var offlineNotifyTime = parseInt($('#offlineNotifyTime').val());
  248. if (!offlineNotifyTime) {
  249. mui.toast("请输入正确的时间");
  250. return;
  251. }
  252. if (offlineNotifyTime < 1 || offlineNotifyTime > 12) {
  253. mui.toast("时间范围是1-12小时");
  254. return;
  255. }
  256. var data = {"offlineNotifyTime": offlineNotifyTime};
  257. var url = "/dealer/saveOfflineNotifyTime";
  258. sendRequest({
  259. url: url,
  260. type: "POST",
  261. data: data,
  262. contentType: "json",
  263. success: function (res) {
  264. if (res.result == 1) {
  265. mui.toast("设置成功");
  266. $('.offlineNotifyTimeDialog').addClass('mui-hidden');
  267. $('body').off('touchmove');
  268. } else {
  269. mui.toast(res.description);
  270. }
  271. }
  272. });
  273. }
  274. return false;
  275. });
  276. }
  277. </script>
  278. </html>