New file |
| | |
| | | <!DOCTYPE HTML> |
| | | <html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml"> |
| | | <head> |
| | | <meta charset="utf-8"> |
| | | <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> |
| | | <meta name="renderer" content="webkit|ie-comp|ie-stand"> |
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| | | <meta name="viewport" |
| | | content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> |
| | | <meta http-equiv="Cache-Control" content="no-siteapp" /> |
| | | <LINK rel="Bookmark" href="../images/favicon.ico"> |
| | | <!-- 本框架基本脚本和样式 --> |
| | | <script type="text/javascript" |
| | | th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> |
| | | <script type="text/javascript" |
| | | th:src="@{/js/systools/MBase.js}"></script> |
| | | |
| | | |
| | | <title></title> |
| | | </head> |
| | | <div class="ibox-content"> |
| | | |
| | | <form th:if="${obj ne null }" class="form-horizontal" id="dataform" |
| | | onsubmit="javascripr:return false;"> |
| | | <input autocomplete="off" type="hidden" name="cardId" th:value="${obj.id }"> |
| | | <div class="form-group"> |
| | | <label class="col-sm-2 control-label">余额</label> |
| | | <div class="col-sm-4"> |
| | | <input autocomplete="off" type="text" class="form-control" th:value="${obj.realMoney}" |
| | | readonly="readonly"> |
| | | <div class="Validform_checktip"></div> |
| | | </div> |
| | | <label class="col-sm-2 control-label">充值时间</label> |
| | | <div class="col-sm-4"> |
| | | |
| | | <input autocomplete="off" name="dateTime" type="text" datatype="*" |
| | | class="form-control datetimepicker" nullmsg="充值时间不能为空" |
| | | style="display: inline;" |
| | | th:value="${#dates.format(new java.util.Date().getTime(), 'yyyy-MM-dd')}"> |
| | | <div class="Validform_checktip"></div> |
| | | </div> |
| | | |
| | | |
| | | </div> |
| | | <div class="form-group"> |
| | | |
| | | <label class="col-sm-2 control-label">充值金额</label> |
| | | <div class="col-sm-4"> |
| | | <input autocomplete="off" type="text" class="form-control" name="bjmoney" value="0" |
| | | onchange="changePayMoney('p0',this)" |
| | | datatype="*" nullmsg="充值金额不能为空"> |
| | | <div class="Validform_checktip"></div> |
| | | </div> |
| | | |
| | | <label class="col-sm-2 control-label">赠送金额</label> |
| | | <div class="col-sm-4"> |
| | | <input autocomplete="off" type="text" class="form-control" value="0" dataType="n1-8" |
| | | name="giftMoney" /> |
| | | <div class="Validform_checktip"></div> |
| | | </div> |
| | | </div> |
| | | <div class="form-group"> |
| | | |
| | | <label class="col-sm-2 control-label">赠送积分</label> |
| | | <div class="col-sm-4"> |
| | | <input autocomplete="off" type="text" class="form-control" value="0" dataType="n1-8" |
| | | name="jf" /> |
| | | <div class="Validform_checktip"></div> |
| | | </div> |
| | | |
| | | <label class="col-sm-2 control-label">下单顾问</label> |
| | | <div class="col-sm-4"> |
| | | <select class="autoFull select2 " style="width: 100%" |
| | | th:data-url="@{/admin/getShopStaffByRoleName?roleName=健康顾问}" |
| | | data-value="suId" data-filed="suName" |
| | | th:data-def="${session.userInfo.suId }" name="staffId"> |
| | | </select> |
| | | </div> |
| | | |
| | | </div> |
| | | <div class="row "> |
| | | <div class="col-sm-10 pd-20 col-sm-offset-1"> |
| | | <div class="panel-body"> |
| | | <table class="table table-condensed "> |
| | | <thead> |
| | | <tr> |
| | | <th>序号</th> |
| | | <th>商品名称</th> |
| | | <th>分配金额</th> |
| | | <th>美疗师业绩</th> |
| | | <th>操作</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody id="tbody2"> |
| | | <tr id="p0"> |
| | | <td>1</td> |
| | | <td>会籍卡充值</td> |
| | | <td>0</td> |
| | | <td> |
| | | <table class="table table-condensed "> |
| | | <tr> |
| | | <td><select class="autoFull select2 input-sm" style="width: 80px;" |
| | | th:data-url="@{/admin/getShopStaffByRoleName?roleName=美疗师}" |
| | | data-value="suId" data-filed="suName" |
| | | th:data-def="${session.userInfo.suId }" |
| | | name="achaeveList[0].beaultId"> |
| | | </select></td> |
| | | <td><input autocomplete="off" type="text" class="form-control input-sm" value="0" |
| | | style="width: 80px" name="achaeveList[0].t1"></td> |
| | | <td><button class="btn btn-danger btn-sm" |
| | | onclick="deleteBeaute(this)">删除</button></td> |
| | | </tr> |
| | | </table> |
| | | </td> |
| | | <td><a class="btn btn-default btn-sm" |
| | | onclick="addBeaute('p0','0')">添加</a></td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | <div class="form-group "> |
| | | <div class="col-sm-12 text-center"> |
| | | <a href="javascript:;" onclick="myForm.submit()" |
| | | class="btn btn-success radius">保存</a> |
| | | <button onclick="MTools.closeForm()" class="btn btn-danger radius" |
| | | type="button">取消</button> |
| | | </div> |
| | | </div> |
| | | </form> |
| | | </c:if> |
| | | <div th:if="${obj eq null }" class="text-center text-info"> |
| | | <h2>该会员没有可用的会员卡!</h2> |
| | | </div> |
| | | |
| | | </div> |
| | | <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script><script type="text/javascript"> |
| | | $('.select2 ').select2(); |
| | | MTools.autoFullSelect(); |
| | | MTools.ininDatetimepicker({}); |
| | | var myForm = MForm.initForm({ |
| | | invokeUrl : basePath+"/admin/moneyCardUse/cz", |
| | | isAutoClose : false, |
| | | beforeSubmit : function() { |
| | | |
| | | //校验业绩 |
| | | var ifAchieveOk = true; |
| | | var achieveSum = 0; |
| | | $("#tbody2").children("tr").each( |
| | | function() { |
| | | var tr = $(this); |
| | | var pay = parseFloat(tr.find("td").eq(2).html()); |
| | | |
| | | tr.find("td").eq(3).find("table").find("tr").each( |
| | | function() { |
| | | var achieve = parseFloat($(this).find("td") |
| | | .eq(1).find("input").val()); |
| | | achieveSum += achieve; |
| | | }); |
| | | if (achieveSum > pay) { |
| | | ifAchieveOk = false; |
| | | } |
| | | }); |
| | | if(isNaN(achieveSum)){ |
| | | layer.msg("业绩金额格式错误", { |
| | | icon : 2 |
| | | }) |
| | | return false; |
| | | } |
| | | if (!ifAchieveOk) { |
| | | layer.msg("业绩金额不能大于支付金额", { |
| | | icon : 2 |
| | | }) |
| | | return false; |
| | | } |
| | | |
| | | }, |
| | | afterSubmit : function(loj) { |
| | | |
| | | layer.open({ |
| | | type: 2, |
| | | title: "打印订单", |
| | | area: ['250px', '550px'], |
| | | maxmin: true, |
| | | content: [basePath + '/admin/order/printOrder?id=' + loj.getResult().mapInfo.orderId], |
| | | cancel: function (index, layer) { |
| | | if (parent.app) { |
| | | parent.app.vipInfoFn(); |
| | | } else { |
| | | parent.selectByKey(); |
| | | } |
| | | MTools.closeForm(); |
| | | } |
| | | }); |
| | | |
| | | }, |
| | | }); |
| | | |
| | | |
| | | |
| | | //添加一个美疗师 |
| | | function addBeaute(trId, itemIndex) { |
| | | if (!itemIndex) { |
| | | itemIndex = 0; |
| | | } |
| | | var id = MTools.randomStr(); |
| | | console.log(1); |
| | | var table = $("#" + trId).find("td").eq(3).find("table") |
| | | |
| | | var achieveIndex = $("#" + trId).find("td").eq(3).find("table").find( |
| | | "tr").length; |
| | | var html = '<tr> <td><select class="autoFull select2 input-sm" id="'+id+'" name="achaeveList['+achieveIndex+'].beaultId" ' |
| | | +'data-url="'+basePath+'/admin/getShopStaffByRoleName?roleName=美疗师" data-value="suId" data-filed="suName" data-def=""' |
| | | +'name="beatuyId"> </select></td> <td><input autocomplete="off" type="text" class="form-control input-sm" value="0" style="width: 80px" name="achaeveList['+achieveIndex+'].t1" ' |
| | | +'name="items['+achieveIndex+'].zkPrice" ></td> <td><button class="btn btn-danger btn-sm" onclick="deleteBeaute(this)" >删除</button></td> </tr>'; |
| | | $("#" + trId).find("td").eq(3).find("table").append(html); |
| | | $('#' + id).select2({ |
| | | 'width' : '80px' |
| | | }); |
| | | MTools.autoFullSelect({ |
| | | selecteder : '#' + id |
| | | }); |
| | | }; |
| | | //删除一个美疗师 |
| | | function deleteBeaute(node) { |
| | | $(node).closest("tr").remove(); |
| | | } |
| | | |
| | | //修改收款金额 |
| | | function changePayMoney(trId, node) { |
| | | console.log(trId, node); |
| | | $("#" + trId).find("td").eq(2).html($(node).val()); |
| | | }; |
| | | </script> |
| | | </body> |
| | | </html> |