<!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>
|
