customerParam.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549
  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="/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. </head>
  19. <body>
  20. <div class="mui-content">
  21. <ul class="mui-table-view custom-top account-bd">
  22. <li class="mui-table-view-cell">
  23. <a href="javascript:annualTrafficCost()" class="mui-navigate-right">
  24. <i class="iconfont icon-bi c-orange"></i>流量卡年费
  25. <span class="mui-pull-right custom-right"><em id="annualTrafficCostShow"></em></span>
  26. </a>
  27. </li>
  28. <li class="mui-table-view-cell">
  29. <a href="javascript:withdrawRatio()" class="mui-navigate-right ">
  30. <i class="iconfont icon-wallet c-red"></i>提现手续费
  31. <span class="mui-pull-right custom-right">费率 <em id="withdrawRatioShow"></em></span>
  32. </a>
  33. </li>
  34. <li class="mui-table-view-cell mui-hidden deviceIncomeShow">
  35. <a href="javascript:agentProfitShare()" class="mui-navigate-right">
  36. <i class="iconfont icon-purse c-red"></i>经营分成比例
  37. <span class="mui-pull-right custom-right"><em id="agentProfitShareShow"></em></span>
  38. </a>
  39. </li>
  40. <li class="mui-table-view-cell mui-hidden deviceIncomeShow">
  41. <a href="javascript:agentMerProfitShare()" class="mui-navigate-right">
  42. <i class="iconfont icon-purse c-red"></i>商户分成比例
  43. <span class="mui-pull-right custom-right"><em id="agentMerProfitShareShow"></em></span>
  44. </a>
  45. </li>
  46. <li class="mui-table-view-cell ">
  47. <a href="javascript:limitDevNumEdit()" class="mui-navigate-right">
  48. <i class="iconfont icon-device c-orange"></i>限制设备数量
  49. <span class="mui-pull-right custom-right"><em id="limitDevNumShow"></em></span>
  50. </a>
  51. </li>
  52. </ul>
  53. <ul class="mui-table-view custom-top account-bd">
  54. <li class="mui-table-view-cell">
  55. <a href="javascript:goDeviceList()" class="mui-navigate-right">
  56. <i class="iconfont icon-device c-blue"></i>设备查看
  57. <span class="mui-pull-right custom-right"></span>
  58. </a>
  59. </li>
  60. <li class="mui-table-view-cell">
  61. <a href="javascript:goDealerIncome()" class="mui-navigate-right">
  62. <i class="iconfont icon-income c-lgreen"></i>收益趋势
  63. <span class="mui-pull-right custom-right">经销商近30天收益</span>
  64. </a>
  65. </li>
  66. </ul>
  67. <div class="mui-input-group custom-top">
  68. <div class="mui-input-row autoheight">
  69. <div class="mui-pull-left">轮播广告<span>关闭则不展示用户扫码后设备启动界面的轮播广告</span></div>
  70. <div class="mui-switch mui-switch-mini isShowBannerSwitch">
  71. <div class="mui-switch-handle"></div>
  72. </div>
  73. </div>
  74. </div>
  75. <div class="mui-input-group custom-top">
  76. <div class="mui-input-row autoheight">
  77. <div class="mui-pull-left">临时套餐<span>打开后,用户能够看见经销商设置的临时套餐</span></div>
  78. <div class="mui-switch mui-switch-mini hasTempPackageSwitch">
  79. <div class="mui-switch-handle"></div>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="mui-input-group custom-top">
  84. <div class="mui-input-row autoheight">
  85. <div class="mui-pull-left">接管客服<span>打开后,用户将看到代理商配置的客服电话</span></div>
  86. <div class="mui-switch mui-switch-mini agentProxyServicePhone">
  87. <div class="mui-switch-handle"></div>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="edit-back annualTrafficCostDialog mui-hidden">
  93. <div class="edit-content">
  94. <div class="edit-box">
  95. <div class="mui-input-row">
  96. <label>流量卡年费</label>
  97. <div class="mui-pull-right edit-row">
  98. <input id="annualTrafficCost" maxlength="3" type="tel" placeholder=""
  99. onkeypress="return myNumberic(event);"
  100. >
  101. </div>
  102. </div>
  103. </div>
  104. <div class="mui-popup-buttons">
  105. <span class="mui-popup-button">取消</span>
  106. <span class="mui-popup-button mui-popup-button-bold">确认</span>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="edit-back withdrawRatioDialog mui-hidden">
  111. <div class="edit-content">
  112. <div class="edit-box">
  113. <div class="mui-input-row">
  114. <label class="tips-event">提现手续费</label>
  115. <div class="mui-pull-right edit-row">
  116. <input id="withdrawRatio" maxlength="3" min="0" type="tel" value="1" placeholder=""
  117. onkeypress="return myNumberic(event);"
  118. oninput="$('.ratioSpan').text((this.value-wCost).toFixed(2))">
  119. <span>‰</span>
  120. </div>
  121. </div>
  122. <div class="mui-input-row margin-t-5">
  123. <div class="font-b-12-8 mui-text-right">微信收取 <span class="wRatioSpan"></span>‰ 手续费,您将获得提现分成
  124. <span class="c-red font-14 ratioSpan">1</span> ‰
  125. </div>
  126. </div>
  127. </div>
  128. <div class="mui-popup-buttons">
  129. <span class="mui-popup-button">取消</span>
  130. <span class="mui-popup-button mui-popup-button-bold">确认</span>
  131. </div>
  132. </div>
  133. </div>
  134. <div class="edit-back profitShareDialog mui-hidden">
  135. <div class="edit-content">
  136. <div class="edit-box">
  137. <div class="mui-input-row">
  138. <label class="tips-event">经营分成比例</label>
  139. <div class="mui-pull-right edit-row">
  140. <input id="profitShareRatio" maxlength="3" min="0" type="number" value="" placeholder=""
  141. onkeypress="return myNumberic(event,2);">
  142. <span>%</span>
  143. </div>
  144. </div>
  145. </div>
  146. <div class="mui-popup-buttons">
  147. <span class="mui-popup-button">取消</span>
  148. <span class="mui-popup-button mui-popup-button-bold">确认</span>
  149. </div>
  150. </div>
  151. </div>
  152. <div class="edit-back merProfitShareDialog mui-hidden">
  153. <div class="edit-content">
  154. <div class="edit-box">
  155. <div class="mui-input-row">
  156. <label class="tips-event">商户分成比例</label>
  157. <div class="mui-pull-right edit-row">
  158. <input id="merProfitShareRatio" maxlength="3" min="0" type="number" value="" placeholder=""
  159. onkeypress="return myNumberic(event,2);">
  160. <span>%</span>
  161. </div>
  162. </div>
  163. </div>
  164. <div class="mui-popup-buttons">
  165. <span class="mui-popup-button">取消</span>
  166. <span class="mui-popup-button mui-popup-button-bold">确认</span>
  167. </div>
  168. </div>
  169. </div>
  170. <div class="edit-back limitDevNumDialog mui-hidden">
  171. <div class="edit-content">
  172. <div class="edit-box">
  173. <div class="mui-input-row">
  174. <label class="tips-event">设备数量</label>
  175. <div class="mui-pull-right edit-row">
  176. <input id="limitDevNum" maxlength="3" min="0" type="number" value="" placeholder=""
  177. onkeypress="return myNumberic(event,2);">
  178. </div>
  179. </div>
  180. </div>
  181. <div class="mui-popup-buttons">
  182. <span class="mui-popup-button">取消</span>
  183. <span class="mui-popup-button mui-popup-button-bold">确认</span>
  184. </div>
  185. </div>
  186. </div>
  187. <script src="/components/lib/jquery.min.js"></script>
  188. <script src="/components/lib/mui.min.js"></script>
  189. <script src="/components/custom/js/common.js"></script>
  190. <script src="/app/js/xyf.common.js"></script>
  191. <script>
  192. var permission = JSON.parse(localStorage.agent_permission || {});
  193. if (permission.deviceIncome) {
  194. $(".deviceIncomeShow").removeClass("mui-hidden");
  195. } else {
  196. $(".deviceIncomeShow").addClass("mui-hidden");
  197. }
  198. var wCost = 6;
  199. var id = getQueryString("id");
  200. $(function () {
  201. //获取基本信息
  202. var url = "/agent/getDealerInfo";
  203. sendRequest(url, "GET", {id: id}, function (res) {
  204. if (res.result == 1) {
  205. if (res.para) {
  206. $("#annualTrafficCostShow").text("¥" + res.para.annualTrafficCost);
  207. $("#annualTrafficCost").val(res.para.annualTrafficCost);
  208. $("#withdrawRatioShow").text(res.para.withdrawFeeRatio + "‰");
  209. wCost = res.para.withdrawFeeRatioCost || 6
  210. $("#withdrawRatio").val(res.para.withdrawFeeRatio);
  211. $(".wRatioSpan").text(wCost);
  212. $(".ratioSpan").text(((res.para.withdrawFeeRatio || 0) - wCost).toFixed(2));
  213. $("#agentProfitShareShow").text(res.para.agentProfitShare + "%");
  214. $("#agentMerProfitShareShow").text(res.para.agentMerProfitShare + "%");
  215. $("#profitShareRatio").val(res.para.agentProfitShare);
  216. $("#merProfitShareRatio").val(res.para.agentMerProfitShare);
  217. $("#limitDevNumShow").text(res.para.limitDevNum);
  218. $("#limitDevNum").val(res.para.limitDevNum);
  219. var isShowBanner = res.para.isShowBanner;
  220. $(".isShowBannerSwitch").addClass(isShowBanner ? 'mui-active' : '');
  221. $(".hasTempPackageSwitch").addClass(res.para.hasTempPackage ? 'mui-active' : '');
  222. $(".agentProxyServicePhone").addClass(res.para.agentProxyServicePhone ? 'mui-active' : '');
  223. }
  224. } else {
  225. mui.toast(res.description);
  226. }
  227. });
  228. var hold = false;//请求失败时的标记
  229. var hold2 = false
  230. //事件绑定
  231. $("body").on("toggle", ".mui-switch", function (event) {
  232. if (hold) {
  233. return;
  234. }
  235. var target = $(this);
  236. var url = "";
  237. if (target.hasClass('isShowBannerSwitch')) {
  238. url = "/agent/setShowBanner";
  239. }
  240. if (target.hasClass('hasTempPackageSwitch')) {
  241. url = "/agent/setHasTempPackageSwitch";
  242. }
  243. if (target.hasClass('agentProxyServicePhone')) {
  244. url = "/agent/dealer/setProxyServicePhone";
  245. }
  246. var data = JSON.stringify({
  247. "id": id,
  248. value: event.detail.isActive
  249. });
  250. sendRequest(url, "POST", data, function (res) {
  251. //设置成功
  252. if (res.result == 1) {
  253. mui.toast('设置成功');
  254. } else {
  255. hold = true;
  256. mui.toast(res.description);
  257. setTimeout(function () {
  258. //还原状态
  259. mui(target).switch().toggle();
  260. hold = false;
  261. }, 800);
  262. }
  263. });
  264. });
  265. //事件绑定
  266. $('.annualTrafficCostDialog .mui-popup-buttons span').tap(function () {
  267. if ($(this).index() == 0) {
  268. //点击取消
  269. $('.annualTrafficCostDialog').addClass('mui-hidden');
  270. } else {
  271. //点击保存
  272. var annualTrafficCost = $('#annualTrafficCost').val();
  273. if (!isMoney(annualTrafficCost)) {
  274. mui.toast("请输入正确的最低年费");
  275. return;
  276. }
  277. var data = {"id": id, "annualTrafficCost": annualTrafficCost};
  278. var url = "/agent/setDealerAnnualTrafficCost";
  279. sendRequest(url, "POST", JSON.stringify(data), function (res) {
  280. if (res.result == 1) {
  281. mui.toast("设置成功");
  282. $('.annualTrafficCostDialog').addClass('mui-hidden');
  283. $("#annualTrafficCostShow").text(parseFloat(annualTrafficCost).toFixed(2));
  284. } else {
  285. mui.toast(res.description);
  286. }
  287. });
  288. }
  289. return false;
  290. });
  291. //提现比例保存
  292. $('.withdrawRatioDialog .mui-popup-buttons span').tap(function () {
  293. if ($(this).index() == 0) {
  294. //点击取消
  295. $('.withdrawRatioDialog').addClass('mui-hidden');
  296. } else {
  297. //点击保存
  298. var value = $('#withdrawRatio').val();
  299. if (!isMoney(value)) {
  300. mui.toast("请输入正确的比例");
  301. return;
  302. }
  303. if (value < 0) {
  304. mui.toast("最小为0‰");
  305. return;
  306. }
  307. if (value > 994) {
  308. mui.toast("最大为994‰");
  309. return;
  310. }
  311. var data = {"id": id, "withdrawFeeRatio": value};
  312. var url = "/agent/setDealerWithdrawFeeRatio";
  313. sendRequest(url, "POST", JSON.stringify(data), function (res) {
  314. if (res.result == 1) {
  315. mui.toast("设置成功");
  316. $('.withdrawRatioDialog').addClass('mui-hidden');
  317. $("#withdrawRatioShow").text(value + "‰");
  318. } else {
  319. mui.toast(res.description);
  320. }
  321. });
  322. }
  323. return false;
  324. });
  325. //经营分成比例保存
  326. $('.profitShareDialog .mui-popup-buttons span').tap(function () {
  327. if ($(this).index() == 0) {
  328. //点击取消
  329. $('.profitShareDialog').addClass('mui-hidden');
  330. } else {
  331. //点击保存
  332. var value = $('#profitShareRatio').val();
  333. if (value < 0) {
  334. mui.toast("最小为0%");
  335. return;
  336. }
  337. if (value > 100) {
  338. mui.toast("最大为100%");
  339. return;
  340. }
  341. var data = {"id": id, "agentProfitShare": value};
  342. var url = "/agent/setDealerAgentProfitShare";
  343. sendRequest(url, "POST", JSON.stringify(data), function (res) {
  344. if (res.result == 1) {
  345. mui.toast("设置成功");
  346. $('.profitShareDialog').addClass('mui-hidden');
  347. $("#agentProfitShareShow").text(value + "%");
  348. } else {
  349. mui.toast(res.description);
  350. }
  351. });
  352. }
  353. return false;
  354. });
  355. // 商户的分成比例设置
  356. $('.merProfitShareDialog .mui-popup-buttons span').tap(function () {
  357. if ($(this).index() === 0) {
  358. //点击取消
  359. $('.merProfitShareDialog').addClass('mui-hidden');
  360. } else {
  361. //点击保存
  362. var value = $('#merProfitShareRatio').val();
  363. if (value < 0) {
  364. mui.toast("最小为0%");
  365. return;
  366. }
  367. if (value > 100) {
  368. mui.toast("最大为100%");
  369. return;
  370. }
  371. var data = {"id": id, "agentMerProfitShare": value};
  372. var url = "/agent/setDealerAgentMerProfitShare";
  373. sendRequest(url, "POST", JSON.stringify(data), function (res) {
  374. if (res.result == 1) {
  375. mui.toast("设置成功");
  376. $('.merProfitShareDialog').addClass('mui-hidden');
  377. $("#agentMerProfitShareShow").text(value + "%");
  378. } else if (res.result === 50002) {
  379. mui.confirm(
  380. "您尚未绑定商户号,无法进行商户经营比例分成,是否立即去绑定商户",
  381. "提示",
  382. ["不用了", "去绑定"],
  383. function (e){
  384. if (e.index===1) {
  385. goPage("/agent/index.html?#/merchant")
  386. }
  387. }
  388. )
  389. } else {
  390. mui.toast(res.description);
  391. }
  392. });
  393. }
  394. return false;
  395. });
  396. });
  397. // 限制设备数量
  398. $('.limitDevNumDialog .mui-popup-buttons span').tap(function () {
  399. if ($(this).index() == 0) {
  400. //点击取消
  401. $('.limitDevNumDialog').addClass('mui-hidden');
  402. } else {
  403. //点击保存
  404. var value = $('#limitDevNum').val();
  405. var data = {"id": id, "limitDevNum": value};
  406. var url = "/agent/setLimitDevNum";
  407. sendRequest(url, "POST", JSON.stringify(data), function (res) {
  408. if (res.result == 1) {
  409. mui.toast("设置成功");
  410. $('.limitDevNumDialog').addClass('mui-hidden');
  411. $("#limitDevNumShow").text(value);
  412. } else {
  413. mui.toast(res.description);
  414. }
  415. });
  416. }
  417. return false;
  418. });
  419. function annualTrafficCost() {
  420. mui.confirm(
  421. "确认修改经销商的流量卡年费?",
  422. "提示",
  423. ["我再想想", "去设置"],
  424. function (e){
  425. if (e.index===1){
  426. $(".annualTrafficCostDialog").removeClass("mui-hidden");
  427. }
  428. }
  429. )
  430. }
  431. function withdrawRatio() {
  432. var wCost = $('.wRatioSpan').text()
  433. mui.confirm(
  434. "微信交易手续费为" + wCost + "‰,如果低于此数值,经销商提现手续费从您这里代扣,确认修改经销商的提现手续费吗?(该功能需要有微信资金池)",
  435. "提示",
  436. ["我再想想", "去设置"],
  437. function (e){
  438. if (e.index===1) {
  439. $(".withdrawRatioDialog").removeClass("mui-hidden");
  440. }
  441. }
  442. )
  443. }
  444. function agentProfitShare() {
  445. mui.confirm(
  446. "设置后,经销商的每笔收益您都将获得一定比例的分成,确定继续吗?\n注意:分成比例单位是 百分,例如设置分成比例为1%后,经销商有一笔1元的订单,则此订单给您提供0.01元的收益",
  447. "提示",
  448. ["我再想想", "去设置"],
  449. function (e){
  450. if (e.index===1) {
  451. $(".profitShareDialog").removeClass("mui-hidden");
  452. }
  453. }
  454. )
  455. }
  456. function agentMerProfitShare() {
  457. mui.confirm(
  458. "设置后,经销商的每笔商户收益您都将获得一定比例的分成,确定继续吗?\n注意:分成比例单位是 百分,例如设置分成比例为1%后,经销商有一笔1元的订单,则此订单给您提供0.01元的收益(该功能需要经销商启用商户收款)",
  459. "提示",
  460. ["我再想想", "去设置"],
  461. function (e){
  462. if (e.index===1) {
  463. $(".merProfitShareDialog").removeClass("mui-hidden");
  464. }
  465. }
  466. )
  467. }
  468. function limitDevNumEdit() {
  469. $(".limitDevNumDialog").removeClass("mui-hidden");
  470. }
  471. function goDealerIncome() {
  472. goPage("dealer-income-time.html?id=" + id);
  473. }
  474. function goDeviceList() {
  475. goPage("device-mgr.html?dealerId=" + id);
  476. }
  477. </script>
  478. </body>
  479. </html>