customerParam.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484
  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 limitDevNumDialog 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="limitDevNum" maxlength="3" min="0" type="number" value="" placeholder=""
  159. onkeypress="return myNumberic(event,2);">
  160. </div>
  161. </div>
  162. </div>
  163. <div class="mui-popup-buttons">
  164. <span class="mui-popup-button">取消</span>
  165. <span class="mui-popup-button mui-popup-button-bold">确认</span>
  166. </div>
  167. </div>
  168. </div>
  169. <script src="/components/lib/jquery.min.js"></script>
  170. <script src="/components/lib/mui.min.js"></script>
  171. <script src="/components/custom/js/common.js"></script>
  172. <script src="/app/js/xyf.common.js"></script>
  173. <script>
  174. var permission = JSON.parse(localStorage.agent_permission || {});
  175. if (permission.deviceIncome) {
  176. $(".deviceIncomeShow").removeClass("mui-hidden");
  177. } else {
  178. $(".deviceIncomeShow").addClass("mui-hidden");
  179. }
  180. var wCost = 6;
  181. var id = getQueryString("id");
  182. $(function () {
  183. //获取基本信息
  184. var url = "/agent/getDealerInfo";
  185. sendRequest(url, "GET", {id: id}, function (res) {
  186. if (res.result == 1) {
  187. if (res.para) {
  188. $("#annualTrafficCostShow").text("¥" + res.para.annualTrafficCost);
  189. $("#annualTrafficCost").val(res.para.annualTrafficCost);
  190. $("#withdrawRatioShow").text(res.para.withdrawFeeRatio + "‰");
  191. wCost = res.para.withdrawFeeRatioCost || 6
  192. $("#withdrawRatio").val(res.para.withdrawFeeRatio);
  193. $(".wRatioSpan").text(wCost);
  194. $(".ratioSpan").text(((res.para.withdrawFeeRatio || 0) - wCost).toFixed(2));
  195. $("#agentProfitShareShow").text(res.para.agentProfitShare + "%");
  196. $("#agentMerProfitShareShow").text(res.para.agentMerProfitShare + "%");
  197. $("#profitShareRatio").val(res.para.agentProfitShare);
  198. $("#merProfitShareRatio").val(res.para.agentMerProfitShare);
  199. $("#limitDevNumShow").text(res.para.limitDevNum);
  200. $("#limitDevNum").val(res.para.limitDevNum);
  201. var isShowBanner = res.para.isShowBanner;
  202. $(".isShowBannerSwitch").addClass(isShowBanner ? 'mui-active' : '');
  203. $(".hasTempPackageSwitch").addClass(res.para.hasTempPackage ? 'mui-active' : '');
  204. $(".agentProxyServicePhone").addClass(res.para.agentProxyServicePhone ? 'mui-active' : '');
  205. }
  206. } else {
  207. mui.toast(res.description);
  208. }
  209. });
  210. var hold = false;//请求失败时的标记
  211. var hold2 = false
  212. //事件绑定
  213. $("body").on("toggle", ".mui-switch", function (event) {
  214. if (hold) {
  215. return;
  216. }
  217. var target = $(this);
  218. var url = "";
  219. if (target.hasClass('isShowBannerSwitch')) {
  220. url = "/agent/setShowBanner";
  221. }
  222. if (target.hasClass('hasTempPackageSwitch')) {
  223. url = "/agent/setHasTempPackageSwitch";
  224. }
  225. if (target.hasClass('agentProxyServicePhone')) {
  226. url = "/agent/dealer/setProxyServicePhone";
  227. }
  228. var data = JSON.stringify({
  229. "id": id,
  230. value: event.detail.isActive
  231. });
  232. sendRequest(url, "POST", data, function (res) {
  233. //设置成功
  234. if (res.result == 1) {
  235. mui.toast('设置成功');
  236. } else {
  237. hold = true;
  238. mui.toast(res.description);
  239. setTimeout(function () {
  240. //还原状态
  241. mui(target).switch().toggle();
  242. hold = false;
  243. }, 800);
  244. }
  245. });
  246. });
  247. //事件绑定
  248. $('.annualTrafficCostDialog .mui-popup-buttons span').tap(function () {
  249. if ($(this).index() == 0) {
  250. //点击取消
  251. $('.annualTrafficCostDialog').addClass('mui-hidden');
  252. } else {
  253. //点击保存
  254. var annualTrafficCost = $('#annualTrafficCost').val();
  255. if (!isMoney(annualTrafficCost)) {
  256. mui.toast("请输入正确的最低年费");
  257. return;
  258. }
  259. var data = {"id": id, "annualTrafficCost": annualTrafficCost};
  260. var url = "/agent/setDealerAnnualTrafficCost";
  261. sendRequest(url, "POST", JSON.stringify(data), function (res) {
  262. if (res.result == 1) {
  263. mui.toast("设置成功");
  264. $('.annualTrafficCostDialog').addClass('mui-hidden');
  265. $("#annualTrafficCostShow").text(parseFloat(annualTrafficCost).toFixed(2));
  266. } else {
  267. mui.toast(res.description);
  268. }
  269. });
  270. }
  271. return false;
  272. });
  273. //提现比例保存
  274. $('.withdrawRatioDialog .mui-popup-buttons span').tap(function () {
  275. if ($(this).index() == 0) {
  276. //点击取消
  277. $('.withdrawRatioDialog').addClass('mui-hidden');
  278. } else {
  279. //点击保存
  280. var value = $('#withdrawRatio').val();
  281. if (!isMoney(value)) {
  282. mui.toast("请输入正确的比例");
  283. return;
  284. }
  285. if (value < 0) {
  286. mui.toast("最小为0‰");
  287. return;
  288. }
  289. if (value > 994) {
  290. mui.toast("最大为994‰");
  291. return;
  292. }
  293. var data = {"id": id, "withdrawFeeRatio": value};
  294. var url = "/agent/setDealerWithdrawFeeRatio";
  295. sendRequest(url, "POST", JSON.stringify(data), function (res) {
  296. if (res.result == 1) {
  297. mui.toast("设置成功");
  298. $('.withdrawRatioDialog').addClass('mui-hidden');
  299. $("#withdrawRatioShow").text(value + "‰");
  300. } else {
  301. mui.toast(res.description);
  302. }
  303. });
  304. }
  305. return false;
  306. });
  307. //经营分成比例保存
  308. $('.profitShareDialog .mui-popup-buttons span').tap(function () {
  309. if ($(this).index() == 0) {
  310. //点击取消
  311. $('.profitShareDialog').addClass('mui-hidden');
  312. } else {
  313. //点击保存
  314. var value = $('#profitShareRatio').val();
  315. if (value < 0) {
  316. mui.toast("最小为0%");
  317. return;
  318. }
  319. if (value > 100) {
  320. mui.toast("最大为100%");
  321. return;
  322. }
  323. var data = {"id": id, "agentProfitShare": value};
  324. var url = "/agent/setDealerAgentProfitShare";
  325. sendRequest(url, "POST", JSON.stringify(data), function (res) {
  326. if (res.result == 1) {
  327. mui.toast("设置成功");
  328. $('.profitShareDialog').addClass('mui-hidden');
  329. $("#agentProfitShareShow").text(value + "%");
  330. } else {
  331. mui.toast(res.description);
  332. }
  333. });
  334. }
  335. return false;
  336. });
  337. });
  338. // 限制设备数量
  339. $('.limitDevNumDialog .mui-popup-buttons span').tap(function () {
  340. if ($(this).index() == 0) {
  341. //点击取消
  342. $('.limitDevNumDialog').addClass('mui-hidden');
  343. } else {
  344. //点击保存
  345. var value = $('#limitDevNum').val();
  346. var data = {"id": id, "limitDevNum": value};
  347. var url = "/agent/setLimitDevNum";
  348. sendRequest(url, "POST", JSON.stringify(data), function (res) {
  349. if (res.result == 1) {
  350. mui.toast("设置成功");
  351. $('.limitDevNumDialog').addClass('mui-hidden');
  352. $("#limitDevNumShow").text(value);
  353. } else {
  354. mui.toast(res.description);
  355. }
  356. });
  357. }
  358. return false;
  359. });
  360. function annualTrafficCost() {
  361. mui.confirm(
  362. "确认修改经销商的流量卡年费?",
  363. "提示",
  364. ["我再想想", "去设置"],
  365. function (e){
  366. if (e.index===1){
  367. $(".annualTrafficCostDialog").removeClass("mui-hidden");
  368. }
  369. }
  370. )
  371. }
  372. function withdrawRatio() {
  373. var wCost = $('.wRatioSpan').text()
  374. mui.confirm(
  375. "微信交易手续费为" + wCost + "‰,如果低于此数值,经销商提现手续费从您这里代扣,确认修改经销商的提现手续费吗?(该功能需要有微信资金池)",
  376. "提示",
  377. ["我再想想", "去设置"],
  378. function (e){
  379. if (e.index===1) {
  380. $(".withdrawRatioDialog").removeClass("mui-hidden");
  381. }
  382. }
  383. )
  384. }
  385. function agentProfitShare() {
  386. mui.confirm(
  387. "设置后,经销商的每笔收益您都将获得一定比例的分成,确定继续吗?\n注意:分成比例单位是 百分,例如设置分成比例为1%后,经销商有一笔1元的订单,则此订单给您提供0.01元的收益",
  388. "提示",
  389. ["我再想想", "去设置"],
  390. function (e){
  391. if (e.index===1) {
  392. $(".profitShareDialog").removeClass("mui-hidden");
  393. }
  394. }
  395. )
  396. }
  397. function agentMerProfitShare() {
  398. mui.confirm(
  399. "设置后,经销商的每笔商户收益您都将获得一定比例的分成,确定继续吗?\n注意:分成比例单位是 百分,例如设置分成比例为1%后,经销商有一笔1元的订单,则此订单给您提供0.01元的收益(该功能需要经销商启用商户收款)",
  400. "提示",
  401. ["我再想想", "去设置"],
  402. function (e){
  403. if (e.index===1) {
  404. $(".merProfitShareDialog").removeClass("mui-hidden");
  405. }
  406. }
  407. )
  408. }
  409. function limitDevNumEdit() {
  410. $(".limitDevNumDialog").removeClass("mui-hidden");
  411. }
  412. function goDealerIncome() {
  413. goPage("dealer-income-time.html?id=" + id);
  414. }
  415. function goDeviceList() {
  416. goPage("device-mgr.html?dealerId=" + id);
  417. }
  418. </script>
  419. </body>
  420. </html>