discount-details.html 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271
  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. .switchPanel.mui-input-group:before {
  20. display: none;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="discount-details-bd">
  26. <ul class="mui-table-view">
  27. <li class="mui-table-view-cell" id="groupData">
  28. </li>
  29. </ul>
  30. <div class="mui-input-group switchPanel setFree mui-hidden" permission="manage-edit">
  31. <div class="mui-table-view-cell">
  32. <span>设置为免费地址</span>
  33. <div class="switch switch-mini freeGroup">
  34. <div class="switch-handle"></div>
  35. </div>
  36. </div>
  37. </div>
  38. <!-- 规则 -->
  39. <form class="mui-input-group mui-control-content mui-active discount-set custom-top" id="discountList"></form>
  40. <!-- 优惠规则新增或编辑 -->
  41. <div class="edit-back discountEdit mui-hidden">
  42. <div class="edit-content">
  43. <div class="edit-box">
  44. <div class="mui-input-row">
  45. <label>价格</label>
  46. <div class="mui-pull-right edit-row">
  47. <input type="number" maxlength="7" id="price" onkeypress="return myNumberic(event)"/>
  48. <span>元</span>
  49. <input type="hidden" id="ruleId"/>
  50. </div>
  51. </div>
  52. <div class="mui-input-row">
  53. <label>兑币数量</label>
  54. <div class="mui-pull-right edit-row">
  55. <input class="mui-input-numbox" type="number" maxlength="7" id="curDiscount"
  56. onkeypress="return myNumberic(event)">
  57. <span>个</span>
  58. </div>
  59. </div>
  60. </div>
  61. <div class="mui-popup-buttons db">
  62. <span class="mui-popup-button">取消</span>
  63. <span class="mui-popup-button mui-popup-button-bold">确认</span>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  69. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  70. <script src="/components/custom/js/common.js"></script>
  71. <script src="js/xyf.common.js"></script>
  72. <script>
  73. /****
  74. * 如果没有分组id,则表示设置的经销商全局充值优惠规则
  75. * **/
  76. var groupId = getQueryString("groupId");
  77. var chargeType = getQueryString("type");
  78. //初始化加载各个类型设备的优惠规则
  79. var url = "/dealer/discountRuleData";
  80. var data = {};
  81. if (groupId) {
  82. data.groupId = groupId;
  83. }
  84. if (chargeType === 'card') {
  85. url = "/dealer/discountCardRuleData";
  86. $('.setFree').remove();// 如果是卡规则,直接不要这个免费功能
  87. }
  88. sendRequest(url, "GET", data, function (res) {
  89. if (res.result == 1) {
  90. var groupData = res.para.groupData;
  91. if (groupData.isManager || groupData.isManager == null) {
  92. $("body").attr("role", "manage");
  93. } else {
  94. $("body").attr("role", "limit-user");
  95. }
  96. if (groupData.isFree) {
  97. $(".freeGroup").addClass("active");
  98. }
  99. if (groupId) {
  100. $("#groupData").append('<a href="javascript:void(0);">' +
  101. '<p>' + groupData.groupName + '<em class="total-mark">' + groupData.equipmentCount + '台 </em></p>' +
  102. '<p class="mui-ellipsis">' + groupData.address + '</p></a>');
  103. $('.setFree').removeClass('mui-hidden');
  104. } else {
  105. $("#groupData").append('<a href="javascript:void(0);">' +
  106. '<p>默认充值优惠规则</p>'
  107. );
  108. }
  109. var html = "";
  110. res.para.ruleList.sort(function (objA, objB) {
  111. return objA.coins - objB.coins;
  112. });
  113. $.each(res.para.ruleList, function (i, obj) {
  114. html += '<div class="mui-table-view-cell">' +
  115. '' + obj.payAmount + '元=' + obj.coins + '币' +
  116. '<span data-id="' + obj.ruleId + '" class="mui-pull-right" permission="manage-show">' +
  117. '<em onclick="editDiscountRule(' + obj.payAmount + ',' + obj.coins + ')"><i class="iconfont icon-edit c-primary" ></i>编辑</em>' +
  118. '<em onclick="delDiscountRule()"><i class="iconfont icon-delete c-red"></i>删除</em>' +
  119. '</span>' +
  120. '</div>';
  121. });
  122. html += '<div class="mui-table-view-cell" permission="manage-show" onclick="editDiscountRule(1,1,1)">' +
  123. '<span id="add" >' +
  124. '<i class="iconfont icon-add font-18 c-success"></i>添加' +
  125. '</span>' +
  126. '</div>';
  127. $("#discountList").html(html);
  128. }
  129. });
  130. $('.mui-table-view-cell').on('tap', '.switch', function () {
  131. var dom = $(this);
  132. var isFree = false;
  133. if ($(this).hasClass("active")) {
  134. isFree = false;
  135. } else {
  136. isFree = true;
  137. }
  138. if (!groupId) {
  139. //如果没有分组id,禁止设置
  140. return;
  141. }
  142. var url = "/dealer/setAddressFree";
  143. var data = {
  144. groupId: groupId,
  145. isFree: isFree
  146. };
  147. sendRequest(url, "POST", JSON.stringify(data), function (inner_res) {
  148. if (inner_res.result == 1) {
  149. mui.toast("设置成功");
  150. dom.toggleClass('active');
  151. } else {
  152. toast(inner_res.description);
  153. }
  154. });
  155. });
  156. //保存优惠规则弹出提示
  157. var toast = mui.toast;
  158. var isPopup = false;
  159. //添加或编辑优惠规则
  160. function editDiscountRule(price, curDiscount) {
  161. var ruleId = $(event.target).closest("span").attr("data-id");
  162. if (!isPopup) {
  163. isPopup = true;
  164. $('.discountEdit').removeClass('mui-hidden');
  165. $("#ruleId").val(ruleId);
  166. $("#price").val(price);
  167. $("#curDiscount").val(curDiscount);
  168. }
  169. }
  170. //保存优惠规则
  171. var ruleSaveFlag = false;
  172. $('.db span').tap(function () {
  173. if (!ruleSaveFlag) {
  174. if ($(this).index() == 0) {
  175. //点击取消
  176. $('.discountEdit').addClass('mui-hidden');
  177. //不能立即赋值,否则会出现不停弹出的情况
  178. setTimeout(function () {
  179. isPopup = false;
  180. }, 500);
  181. } else {
  182. //点击确定
  183. var coins = $("#curDiscount").val();
  184. if (!isMoney(coins)) {
  185. toast("币数填写不正确");
  186. return;
  187. }
  188. var payAmount = $("#price").val();
  189. if (!isMoney(payAmount)) {
  190. toast("金额填写不正确");
  191. return;
  192. }
  193. ruleSaveFlag = true;
  194. var ruleData = [];
  195. ruleData.push({"ruleId": $("#ruleId").val(), "payAmount": payAmount, "coins": (coins)});
  196. var url = "/dealer/saveDiscountRule";
  197. if (chargeType === 'card') {
  198. url = "/dealer/saveDiscountCardData ";
  199. }
  200. var data = {"groupId": groupId, "ruleData": ruleData};
  201. sendRequest(url, "POST", data, function (inner_res) {
  202. if (inner_res.result == 1) {
  203. toast("保存成功");
  204. setTimeout(function () {
  205. window.location.reload();
  206. }, 1000);
  207. } else {
  208. toast(inner_res.description);
  209. ruleSaveFlag = false;
  210. }
  211. }, "json");
  212. }
  213. }
  214. });
  215. //删除优惠规则
  216. function delDiscountRule() {
  217. var ruleId = $(event.target).closest("span").attr("data-id");
  218. if (!isPopup) {
  219. isPopup = true;
  220. var btnArray = ['取消', '确认'];
  221. mui.confirm('确定要删除兑币信息?', '温馨提示', btnArray, function (e) {
  222. if (e.index == 0) {
  223. isPopup = false;
  224. } else {
  225. //点击确认业务
  226. var url = "/dealer/delDiscountRule";
  227. if (chargeType === 'card') {
  228. url = "/dealer/delDiscountCardData ";
  229. }
  230. var data = {"ruleId": ruleId, groupId: groupId};
  231. sendRequest(url, "POST", data, function (res) {
  232. if (res.result == 1) {
  233. setTimeout(function () {
  234. window.location.reload();
  235. }, 1000);
  236. } else {
  237. toast(res.description);
  238. isPopup = false;
  239. }
  240. });
  241. }
  242. });
  243. }
  244. }
  245. </script>
  246. </body>
  247. </html>