123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8"/>
- <meta name="author" content=""/>
- <meta name="description" content=""/>
- <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
- <meta name="format-detection" content="telphone=no,email=no"/>
- <meta name="viewport"
- content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
- <meta http-equiv="pragma" content="no-cache">
- <meta http-equiv="cache-control" content="no-cache">
- <meta http-equiv="expires" content="0">
- <title>优惠设置</title>
- <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css"/>
- <link rel="stylesheet" href="../components/custom/css/common.css"/>
- <link rel="stylesheet" href="css/xyf.common.min.css">
- <style>
- .switchPanel.mui-input-group:before {
- display: none;
- }
- </style>
- </head>
- <body>
- <div class="discount-details-bd">
- <ul class="mui-table-view">
- <li class="mui-table-view-cell" id="groupData">
- </li>
- </ul>
- <div class="mui-input-group switchPanel setFree mui-hidden" permission="manage-edit">
- <div class="mui-table-view-cell">
- <span>设置为免费地址</span>
- <div class="switch switch-mini freeGroup">
- <div class="switch-handle"></div>
- </div>
- </div>
- </div>
- <!-- 规则 -->
- <form class="mui-input-group mui-control-content mui-active discount-set custom-top" id="discountList"></form>
- <!-- 优惠规则新增或编辑 -->
- <div class="edit-back discountEdit mui-hidden">
- <div class="edit-content">
- <div class="edit-box">
- <div class="mui-input-row">
- <label>价格</label>
- <div class="mui-pull-right edit-row">
- <input type="number" maxlength="7" id="price" onkeypress="return myNumberic(event)"/>
- <span>元</span>
- <input type="hidden" id="ruleId"/>
- </div>
- </div>
- <div class="mui-input-row">
- <label>兑币数量</label>
- <div class="mui-pull-right edit-row">
- <input class="mui-input-numbox" type="number" maxlength="7" id="curDiscount"
- onkeypress="return myNumberic(event)">
- <span>个</span>
- </div>
- </div>
- </div>
- <div class="mui-popup-buttons db">
- <span class="mui-popup-button">取消</span>
- <span class="mui-popup-button mui-popup-button-bold">确认</span>
- </div>
- </div>
- </div>
- </div>
- <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
- <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
- <script src="/components/custom/js/common.js"></script>
- <script src="js/xyf.common.js"></script>
- <script>
- /****
- * 如果没有分组id,则表示设置的经销商全局充值优惠规则
- * **/
- var groupId = getQueryString("groupId");
- var chargeType = getQueryString("type");
- //初始化加载各个类型设备的优惠规则
- var url = "/dealer/discountRuleData";
- var data = {};
- if (groupId) {
- data.groupId = groupId;
- }
- if (chargeType === 'card') {
- url = "/dealer/discountCardRuleData";
- $('.setFree').remove();// 如果是卡规则,直接不要这个免费功能
- }
- sendRequest(url, "GET", data, function (res) {
- if (res.result == 1) {
- var groupData = res.para.groupData;
- if (groupData.isManager || groupData.isManager == null) {
- $("body").attr("role", "manage");
- } else {
- $("body").attr("role", "limit-user");
- }
- if (groupData.isFree) {
- $(".freeGroup").addClass("active");
- }
- if (groupId) {
- $("#groupData").append('<a href="javascript:void(0);">' +
- '<p>' + groupData.groupName + '<em class="total-mark">' + groupData.equipmentCount + '台 </em></p>' +
- '<p class="mui-ellipsis">' + groupData.address + '</p></a>');
- $('.setFree').removeClass('mui-hidden');
- } else {
- $("#groupData").append('<a href="javascript:void(0);">' +
- '<p>默认充值优惠规则</p>'
- );
- }
- var html = "";
- res.para.ruleList.sort(function (objA, objB) {
- return objA.coins - objB.coins;
- });
- $.each(res.para.ruleList, function (i, obj) {
- html += '<div class="mui-table-view-cell">' +
- '' + obj.payAmount + '元=' + obj.coins + '币' +
- '<span data-id="' + obj.ruleId + '" class="mui-pull-right" permission="manage-show">' +
- '<em onclick="editDiscountRule(' + obj.payAmount + ',' + obj.coins + ')"><i class="iconfont icon-edit c-primary" ></i>编辑</em>' +
- '<em onclick="delDiscountRule()"><i class="iconfont icon-delete c-red"></i>删除</em>' +
- '</span>' +
- '</div>';
- });
- html += '<div class="mui-table-view-cell" permission="manage-show" onclick="editDiscountRule(1,1,1)">' +
- '<span id="add" >' +
- '<i class="iconfont icon-add font-18 c-success"></i>添加' +
- '</span>' +
- '</div>';
- $("#discountList").html(html);
- }
- });
- $('.mui-table-view-cell').on('tap', '.switch', function () {
- var dom = $(this);
- var isFree = false;
- if ($(this).hasClass("active")) {
- isFree = false;
- } else {
- isFree = true;
- }
- if (!groupId) {
- //如果没有分组id,禁止设置
- return;
- }
- var url = "/dealer/setAddressFree";
- var data = {
- groupId: groupId,
- isFree: isFree
- };
- sendRequest(url, "POST", JSON.stringify(data), function (inner_res) {
- if (inner_res.result == 1) {
- mui.toast("设置成功");
- dom.toggleClass('active');
- } else {
- toast(inner_res.description);
- }
- });
- });
- //保存优惠规则弹出提示
- var toast = mui.toast;
- var isPopup = false;
- //添加或编辑优惠规则
- function editDiscountRule(price, curDiscount) {
- var ruleId = $(event.target).closest("span").attr("data-id");
- if (!isPopup) {
- isPopup = true;
- $('.discountEdit').removeClass('mui-hidden');
- $("#ruleId").val(ruleId);
- $("#price").val(price);
- $("#curDiscount").val(curDiscount);
- }
- }
- //保存优惠规则
- var ruleSaveFlag = false;
- $('.db span').tap(function () {
- if (!ruleSaveFlag) {
- if ($(this).index() == 0) {
- //点击取消
- $('.discountEdit').addClass('mui-hidden');
- //不能立即赋值,否则会出现不停弹出的情况
- setTimeout(function () {
- isPopup = false;
- }, 500);
- } else {
- //点击确定
- var coins = $("#curDiscount").val();
- if (!isMoney(coins)) {
- toast("币数填写不正确");
- return;
- }
- var payAmount = $("#price").val();
- if (!isMoney(payAmount)) {
- toast("金额填写不正确");
- return;
- }
- ruleSaveFlag = true;
- var ruleData = [];
- ruleData.push({"ruleId": $("#ruleId").val(), "payAmount": payAmount, "coins": (coins)});
- var url = "/dealer/saveDiscountRule";
- if (chargeType === 'card') {
- url = "/dealer/saveDiscountCardData ";
- }
- var data = {"groupId": groupId, "ruleData": ruleData};
- sendRequest(url, "POST", data, function (inner_res) {
- if (inner_res.result == 1) {
- toast("保存成功");
- setTimeout(function () {
- window.location.reload();
- }, 1000);
- } else {
- toast(inner_res.description);
- ruleSaveFlag = false;
- }
- }, "json");
- }
- }
- });
- //删除优惠规则
- function delDiscountRule() {
- var ruleId = $(event.target).closest("span").attr("data-id");
- if (!isPopup) {
- isPopup = true;
- var btnArray = ['取消', '确认'];
- mui.confirm('确定要删除兑币信息?', '温馨提示', btnArray, function (e) {
- if (e.index == 0) {
- isPopup = false;
- } else {
- //点击确认业务
- var url = "/dealer/delDiscountRule";
- if (chargeType === 'card') {
- url = "/dealer/delDiscountCardData ";
- }
- var data = {"ruleId": ruleId, groupId: groupId};
- sendRequest(url, "POST", data, function (res) {
- if (res.result == 1) {
- setTimeout(function () {
- window.location.reload();
- }, 1000);
- } else {
- toast(res.description);
- isPopup = false;
- }
- });
- }
- });
- }
- }
- </script>
- </body>
- </html>
|