wallet-auto.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369
  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="telephone=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="/app/css/xyf.common.min.css">
  18. <style>
  19. </style>
  20. </head>
  21. <body class="wallet-withdraw-page">
  22. <h5 class="padding-10 margin-0 " onclick="help()"><span class="help-title">小提示:自动提现到微信可快速到账</span> <i
  23. class="iconfont icon-help-info mui-pull-right"></i></h5>
  24. <div class="mui-input-group wallet-withdraw">
  25. <div class="mui-input-row autoheight">
  26. <div class="mui-pull-left">
  27. 自动提现开关
  28. </div>
  29. <div class="mui-switch mui-switch-mini autoWithdrawSwitch">
  30. <div class="mui-switch-handle"></div>
  31. </div>
  32. </div>
  33. </div>
  34. <h5 class="padding-10 margin-b-0 margin-t-10">请选择自动提现方式</h5>
  35. <div class="mui-input-group wallet-withdraw">
  36. <div class="mui-input-row autoheight">
  37. <p class="outway mui-navigate-right padding-l-r-15" id="payType" onclick="showPayType()"></p>
  38. </div>
  39. </div>
  40. <h5 class="padding-10 margin-b-0 margin-t-10">最低提现金额(账户小于此金额则跳过此次提现)</h5>
  41. <div class="mui-input-group wallet-withdraw">
  42. <div class="mui-input-row ">
  43. <input class="autoWithdrawMin" type="number" placeholder="请输入">
  44. </div>
  45. </div>
  46. <h5 class="padding-10 margin-b-0 margin-t-10">每周几提现</h5>
  47. <div class="mui-input-group wallet-withdraw">
  48. <div class="mui-input-row autoheight">
  49. <p class="outway mui-navigate-right padding-l-r-15" id="weekDay" onclick="showWeekDaySelect()"></p>
  50. </div>
  51. </div>
  52. <h5 class="padding-10 margin-b-0 margin-t-10">请填写验证码</h5>
  53. <div class="mui-input-group wallet-withdraw ">
  54. <div class="mui-input-row">
  55. <p class="padding-l-r-15">验证手机
  56. <i class="mui-pull-right font-b-16" id="phone"></i>
  57. </p>
  58. </div>
  59. <div class="input-row code input-clear">
  60. <input id="code" type="tel" maxlength="4" placeholder="验证码">
  61. <button id="sendBtn" type="button" onclick="sendCode()">获取验证码</button>
  62. </div>
  63. </div>
  64. <div class="custom-subt mui-text-center">
  65. <a class="c-red" href="javascript:help();">
  66. 重要提示<i class="mui-icon mui-icon-arrowright"></i>
  67. </a>
  68. </div>
  69. <div class="custom-subt">
  70. <input class="mui-btn-block disabled" type="button" id="withDrawBtn" value="保存配置">
  71. </div>
  72. <!-- help tips -->
  73. <div class="help-tip mui-hidden">
  74. <div class="help-card autoheight">
  75. <div class="help-bd">
  76. <h4>温馨提示</h4>
  77. <ol>
  78. <li>支付平台单笔交易服务费<span class="withdrawFeeRatio c-red">6</span> ‰;</li>
  79. <li>提现到银行卡到账需要1-3个工作日,请耐心等待;<span class="bankFeeText"></span></li>
  80. <li>转账最低金额为10元;单笔转账限额和单日转账限额由支付平台配置决定,默认单笔5000元,每日最高限额20,000元;</li>
  81. </ol>
  82. </div>
  83. <div class="help-close">我知道了</div>
  84. </div>
  85. </div>
  86. <!--选择银行卡或是微信-->
  87. <div id="payTypeMenu" class="mui-popover mui-popover-action mui-popover-bottom">
  88. <ul class="mui-table-view">
  89. </ul>
  90. </div>
  91. <!--选择星期几-->
  92. <div id="weekDaySelect" class="mui-popover mui-popover-action mui-popover-bottom">
  93. <ul class="mui-table-view">
  94. </ul>
  95. </div>
  96. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  97. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  98. <script src="/components/custom/js/common.js"></script>
  99. <script src="/components/custom/js/iconfont.js"></script>
  100. <script src="/app/js/xyf.common.js"></script>
  101. <script>
  102. var nowPayType = 'wechat';
  103. var nowPayName = null;
  104. var nowBankAccount = null;
  105. var nowWeekDay = null;
  106. var autoWithdrawBankFee = false;
  107. // 选择提现方式
  108. function changePayType(type, name, id) {
  109. var html = $(event.target).closest('.mui-table-view-cell').html();
  110. $("#payType").html(html)
  111. mui('#payTypeMenu').popover('toggle');
  112. // 当前选中的数据
  113. nowPayType = type
  114. nowPayName = name
  115. nowBankAccount = id
  116. if (type === 'wechat') {
  117. $('.help-title').text('小提示:自动提现到微信可快速到账').parent().removeClass('top-tip-style')
  118. } else {
  119. if (autoWithdrawBankFee) {
  120. mui.alert('微信转账银行卡微信额外收取0.1%手续费,最低0.1元,最高25元。');
  121. $('.help-title').text('小提示:自动提现到银行一般需要1-3个工作日。微信额外收取0.1%手续费,最低0.1元,最高25元').parent().addClass('top-tip-style')
  122. } else {
  123. $('.help-title').text('小提示:自动提现到银行一般需要1-3个工作日').parent().addClass('top-tip-style')
  124. }
  125. }
  126. }
  127. // 展示可用提现方式
  128. function showPayType() {
  129. mui('#payTypeMenu').popover('toggle');
  130. }
  131. // 星期选择器
  132. var weekDayList = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日',]
  133. for (var index in weekDayList) {
  134. var item = weekDayList[index]
  135. var weekDayIndex = parseInt(index) + 1
  136. $("#weekDaySelect .mui-table-view").append(
  137. '<li class="mui-table-view-cell" onclick="changeWeekDay(\'' + weekDayIndex + '\')">\n' +
  138. ' <span>' + item + '</span></li>')
  139. }
  140. function changeWeekDay(weekDay) {
  141. var html = $(event.target).closest('.mui-table-view-cell').html();
  142. $("#weekDay").html(html)
  143. mui('#weekDaySelect').popover('toggle');
  144. // 当前选中的数据
  145. nowWeekDay = weekDay
  146. }
  147. function showWeekDaySelect() {
  148. mui('#weekDaySelect').popover('toggle');
  149. }
  150. // 没有银行卡的情况去添加银行卡
  151. function goAddCard() {
  152. var url = "/dealer/index.html?#/wallet/banks";
  153. goPage(url);
  154. }
  155. //help
  156. function help() {
  157. $('.help-tip').removeClass('mui-hidden');
  158. $('body').on('touchmove', function (e) {
  159. e.preventDefault();
  160. })
  161. $(".help-close").tap(function () {
  162. $('.help-tip').addClass('mui-hidden');
  163. $('body').off('touchmove');
  164. return false;
  165. });
  166. }
  167. var sendBtn = document.getElementById('sendBtn');
  168. function sendCode() {
  169. $('.help-title').text('小提示:验证码的获取次数一天不能超过10次').parent().addClass('top-tip-style')
  170. var url = "/dealer/getWithdrawCode";
  171. var data = {};
  172. var t = 60;
  173. sendBtn.innerHTML = t + " s";
  174. sendBtn.disabled = true;
  175. sendRequest(url, "GET", data, function (res) {
  176. if (res.result == 1) {
  177. mui.toast("发送成功 <br>小提示:验证码的获取次数一天不能超过10次");
  178. var interval = setInterval(function () {
  179. if (t == 0) {
  180. sendBtn.innerHTML = "重新获取";
  181. sendBtn.disabled = false;
  182. clearInterval(interval);
  183. } else {
  184. t -= 1;
  185. sendBtn.innerHTML = t + " s";
  186. sendBtn.disabled = true;
  187. }
  188. }, 1000);
  189. } else {
  190. mui.toast(res.description);
  191. }
  192. });
  193. }
  194. var balance = 0;
  195. $(function () {
  196. var url = "/dealer/getAutoWithDrawConfig";
  197. sendRequest(url, "GET", {}, function (res) {
  198. if (res.result == 1) {
  199. var payload = res.payload
  200. var cards = payload.cards
  201. // 初始化参数
  202. nowWeekDay = payload.weekDay || 1 // 默认星期1
  203. nowBankAccount = payload.accountCode
  204. nowPayType = payload.autoWithdrawType || 'wechat' // 默认微信
  205. autoWithdrawBankFee = payload.autoWithdrawBankFee // 是否收取银行转账手续费
  206. $('.autoWithdrawMin').val(payload.autoWithdrawMin)
  207. $('.withdrawFeeRatio').text(payload.withdrawFeeRatio)
  208. $('.distribution').text(payload.distribution)
  209. // 开关
  210. if (payload.autoWithdrawSwitch) {
  211. $('.autoWithdrawSwitch').addClass("mui-active");
  212. }
  213. //把注册的手机号码展示给用户
  214. $("#phone").text(payload.phone);
  215. // 初始化星期
  216. $("#weekDay").html(weekDayList[nowWeekDay - 1])
  217. // 初始化可选银行
  218. var payTypeMenu = $('#payTypeMenu .mui-table-view')
  219. var wechatText = '<i class="iconfont icon-wechat c-wechat"></i> <span>微信</span>'
  220. //默认是微信提现
  221. $("#payType").html(wechatText)
  222. var wechatDom = '<li class="mui-table-view-cell" onclick="changePayType(\'wechat\')">' + wechatText + '</li>';
  223. payTypeMenu.append(wechatDom);
  224. var cardDom = '';
  225. if (cards && cards.length) {
  226. for(var index in cards) {
  227. var item = cards[index]
  228. var bankStyle = findBankStyle(item.bankName);
  229. var iconName = bankStyle.icon;
  230. cardDom = $('<li class="mui-table-view-cell" onclick="changePayType(\'bank\',\'' + item.bankName + '\',\'' + item.accountCode + '\')">' +
  231. '<svg class="" aria-hidden="true"><use xlink:href="#' + iconName + '"></use></svg> <span>' + item.bankName + "(" + item.accountCode.substr(-4) + ")</span>" +
  232. '</li>')
  233. payTypeMenu.append(cardDom);
  234. }
  235. } else {
  236. cardDom = $('<li class="mui-table-view-cell " onclick="goAddCard()">' +
  237. "<div class='mui-navigate-right '><i class='iconfont icon-bank-card c-blue'></i> <span>添加银行卡</span></div>" +
  238. '</li>')
  239. payTypeMenu.append(cardDom);
  240. }
  241. // $("#payType").html(cardDom.html())
  242. // 如果是银行卡自动提现的方式,则展示银行
  243. if (nowPayType === 'bank' && nowBankAccount) {
  244. var bankStyle = findBankStyle(payload.bankName);
  245. var iconName = bankStyle.icon;
  246. cardDom = $('<li class="mui-table-view-cell" onclick="changePayType(\'bank\',\'' + payload.bankName + '\',\'' + nowBankAccount + '\')">' +
  247. '<svg class="" aria-hidden="true"><use xlink:href="#' + iconName + '"></use></svg> <span>' + payload.bankName + "(" + nowBankAccount.substr(-4) + ")</span>" +
  248. '</li>')
  249. $("#payType").html(cardDom.html())
  250. }
  251. if (autoWithdrawBankFee) {
  252. $('.bankFeeText').text('微信额外收取0.1%转账到银行卡手续费,最低0.1元,最高25元;')
  253. }
  254. } else {
  255. mui.toast(res.description);
  256. }
  257. });
  258. var submitFlag = false;
  259. $("#withDrawBtn").click(function () {
  260. if (!nowPayType) {
  261. mui.toast("请选择要提现的账户");
  262. return;
  263. }
  264. var autoWithdrawMin = $('.autoWithdrawMin').val()
  265. if (autoWithdrawMin < 1) {
  266. mui.toast("必须大于1元");
  267. return;
  268. }
  269. var code = $("#code").val();
  270. //检查验证码
  271. var codeReg = /^\d{4}$/;
  272. if (!codeReg.test(code)) {
  273. mui.toast("请输入正确的验证码");
  274. return;
  275. }
  276. if (!submitFlag) {
  277. showLoading('保存中...');
  278. submitFlag = true;
  279. var data = {
  280. code: code,
  281. autoWithdrawSwitch: $('.autoWithdrawSwitch').hasClass('mui-active'),
  282. weekDay: parseInt(nowWeekDay),
  283. autoWithdrawMin: autoWithdrawMin,
  284. autoWithdrawType: nowPayType,
  285. bankAccount: nowBankAccount
  286. };
  287. var url = "/dealer/saveAutoWithDrawConfig";
  288. sendRequest({
  289. url: url,
  290. type: "POST",
  291. data: data,
  292. contentType: "json",
  293. success: function (res) {
  294. if (res.result == 0) {
  295. mui.toast(res.description);
  296. } else if (res.result == 1) {
  297. mui.alert(res.description, function () {
  298. history.back()
  299. });
  300. } else if (res.result == 2001) {
  301. mui.confirm('还没有绑定提现微信,是否去绑定?', '温馨提示', ['取消', '确认'], function (e) {
  302. if (e.index == 1) {
  303. var url = "wallet-bind-wechat.html";
  304. goPage(url);
  305. }
  306. });
  307. }
  308. },
  309. error: function (res) {
  310. // http错误404 501之类的
  311. },
  312. complete: function (res) {
  313. submitFlag = false;
  314. hideLoading();
  315. },
  316. });
  317. }
  318. });
  319. });
  320. </script>
  321. </body>
  322. </html>