<!DOCTYPE HTML>
|
<html xmlns:th="http://www.thymeleaf.org">
|
<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"/>
|
<!-- 本框架基本脚本和样式 -->
|
<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>
|
|
</head>
|
<body>
|
|
<div class="panel-body">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">订单号</label>
|
<div class="col-sm-4">
|
<span class="form-control-static" th:text="${order.orderNo}"></span>
|
</div>
|
<label class="col-sm-2 control-label">订单总价</label>
|
<div class="col-sm-4">
|
<span class="form-control-static" id="total" th:text="${order.total}"></span>
|
</div>
|
</div>
|
<br>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">客户编号</label>
|
<div class="col-sm-4">
|
<span class="form-control-static" th:text="${order.vipNo}"></span>
|
</div>
|
<label class="col-sm-2 control-label">客户</label>
|
<div class="col-sm-4">
|
<span class="form-control-static" th:text="${order.vipName}"></span>
|
</div>
|
</div>
|
<br>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">折后价</label>
|
<div class="col-sm-4">
|
<span class="form-control-static" id="zkTotal" th:text="${order.zkTotal}"></span>
|
</div>
|
<label class="col-sm-2 control-label">顾问</label>
|
<div class="col-sm-4">
|
<span class="form-control-static" th:text="${order.staffName}"></span>
|
</div>
|
</div>
|
</div>
|
<div class="row ">
|
<div class="col-sm-10 pd-20 col-sm-offset-1">
|
<form class="form-horizontal" id="dataform"
|
onsubmit="javascripr:return false;">
|
<div class="tabs-container ">
|
<ul class="nav nav-tabs">
|
<li class="active"><a data-toggle="tab" href="#tab-1"
|
aria-expanded="true">收款</a></li>
|
<li class=""><a data-toggle="tab" href="#tab-2"
|
aria-expanded="false">业绩</a></li>
|
</ul>
|
<div class="tab-content">
|
<div id="tab-1" class="tab-pane active">
|
<div class="panel-body">
|
<div class="col-sm-12 form-group">
|
<!-- 改变折扣后的总价 -->
|
<input autocomplete="off" type="hidden" name="zkTotal" th:value="${order.zkTotal}"
|
id="zkTotalInput">
|
<div class="panel-body">
|
<table class="table table-condensed">
|
<thead>
|
<tr>
|
<th>序号</th>
|
<th>商品名称</th>
|
<th>单价</th>
|
<th>购买数量</th>
|
<th>折扣单价</th>
|
<th>支付方式</th>
|
<th></th>
|
<th>支付金额</th>
|
</tr>
|
</thead>
|
<tbody id="tbody">
|
<tr th:each="item,count:${order.items }">
|
<td th:text="${count.index}+1"></td>
|
<td>
|
<span th:text=" ${item.shoppingGoods.name }"></span>
|
|
<span th:if="${item.isFree eq '是' }" th:text="赠"></span>
|
</td>
|
<td th:text="${item.price }"></td>
|
<td th:text="${item.count}"></td>
|
<td><input autocomplete="off" type="text" class="form-control"
|
th:name="'items['+${count.index}+'].zkPrice'" dataType="price"
|
nullmsg="请填写金额" errormsg="金额可为两位小数的正数"
|
onchange="changeZkprice()" th:value="${item.zkPrice}">
|
<div class="Validform_checktip"></div>
|
</td>
|
|
<td>
|
<input autocomplete="off" type="hidden"
|
th:name="'items['+${count.index}+'].id'" th:value="${item.id }">
|
<input autocomplete="off" type="hidden" th:name="'items['+${count.index}+'].goodsId'"
|
th:value="${item.goodsId }"> <input autocomplete="off" type="hidden"
|
th:name="'items['+${count.index}+'].count'"
|
th:value="${item.count}"><select
|
class="form-control"
|
th:name="'items['+${count.index}+'].payMethod'">
|
<option value="现金">现金</option>
|
<option th:each="cardItem:${cards}" th:value="${cardItem.id }">
|
[[${cardItem.cardName}]]-余:[[${cardItem.realMoney+cardItem.giftMoney}]]
|
</option>
|
</select></td>
|
<td>
|
|
<select th:if="${item.type eq '充值卡'}" class="form-control" th:name="'items['+${count.index}+'].payMethodDetail'">
|
<option value="POS刷卡">POS刷卡</option>
|
<option value="微信">微信</option>
|
<option value="支付宝">支付宝</option>
|
<option value="现金">现金</option>
|
<option value="么么贷分期">么么贷分期</option>
|
<option value="通联分期">通联分期</option>
|
</select>
|
</td>
|
<td><input autocomplete="off" type="text" class="form-control"
|
th:onchange="'changePayMoney(\'p'+${item.id}+'\',this)'"
|
dataType="price" nullmsg="请填写金额" errormsg="金额可为两位小数的正数"
|
th:value="${item.zkPrice*item.count}"
|
th:name="'items['+${count.index}+'].payMoney'" id="sfje">
|
<!-- onchange="reckonTotal()" -->
|
<div class="Validform_checktip"></div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
|
<div class="col-sm-12 form-group">
|
<div class="form-group">
|
<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="actualPay"
|
id="money" th:value="${order.zkTotal}"
|
datatype="/^(([0-9]\d{0,9})|0)(\.\d{1,2})?$/"
|
ignore="ignore">
|
<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" name="remark"
|
th:value="${order.remark}" datatype="*0-200" ignore="ignore">
|
<div class="Validform_checktip"></div>
|
</div>
|
</div>
|
</div>
|
<input autocomplete="off" type="hidden" id="id" name="id" th:value="${order.id}"/>
|
</div>
|
</div>
|
</div>
|
<div id="tab-2" class="tab-pane">
|
<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 th:each="item,count:${order.items }" th:id="'p'+${item.id}">
|
<td th:text="${count.index +1}"></td>
|
<td th:text="${item.shoppingGoods.name }">
|
<span th:if="${item.isFree eq '是' }" th:text="赠"></span>
|
</td>
|
<td th:text="${item.price }"></td>
|
<td>
|
<table class="table table-condensed ">
|
<tr th:each="achaeve,count2:${item.achaeveList }">
|
<td><select class="autoFull select2 input-sm"
|
th:data-url="@{/admin/getShopStaffByRoleName?roleName=美疗师}"
|
data-value="suId" data-filed="suName"
|
th:th:data-def="${achaeve.staffId }"
|
th:name="'items['+${count.index}+'].achaeveList['+${count2.index}'].beaultId'">
|
</select></td>
|
<td><input autocomplete="off" type="text" class="form-control input-sm" style="width: 80px"
|
th:name="'items['+${count.index}+'].achaeveList['+${count2.index}'].t1'">
|
</td>
|
<td>
|
<button class="btn btn-danger btn-sm" onclick="deleteBeaute(this)">
|
删除
|
</button>
|
</td>
|
</tr>
|
</table>
|
</td>
|
<td><button type="button" class="btn btn-default btn-sm" th:onclick="'addBeaute(\'p'+${item.id}+'\','+${count.index}+')'" >添加</button></td>
|
</tr>
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
|
<div class="form-group mt-20" >
|
<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>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
</body>
|
|
|
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script>
|
<script th:inline="javascript">
|
var myForm = MForm.initForm({
|
invokeUrl: basePath+"/admin/order/sk",
|
beforeSubmit: function () {
|
|
//校验业绩
|
var ifAchieveOk = true;
|
$("#tbody2").children("tr").each(function () {
|
var tr = $(this);
|
var pay = parseFloat(tr.find("td").eq(2).html());
|
var achieveSum = 0;
|
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 (!ifAchieveOk) {
|
layer.msg("业绩金额不能大于支付金额", {icon: 2})
|
return false;
|
}
|
|
|
var money = parseFloat($("#money").val());
|
var total = parseFloat($("#zkTotal").html());
|
if (money < total) {
|
return confirm("实际支付金额小于总价，提交后该为欠款订单，确认提交吗？");
|
}
|
return confirm("请确认付款方式无误，确认提交吗？");
|
},
|
afterSubmit: function (loj) {
|
|
parent.myGrid.serchData();
|
},
|
});
|
|
//添加一个美疗师
|
function addBeaute(trId, itemIndex) {
|
if (!itemIndex) {
|
itemIndex = 0;
|
}
|
|
var id = MTools.randomStr();
|
|
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="items[' + itemIndex + '].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" style="width: 80px" name="items[' + itemIndex + '].achaeveList[' + achieveIndex + '].t1" '
|
+ 'name="items[' + itemIndex + '].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});
|
var ev = ev||event;
|
ev.stopPropagation()
|
};
|
|
//删除一个美疗师
|
function deleteBeaute(node) {
|
$(node).closest("tr").remove();
|
}
|
|
//修改收款金额
|
function changePayMoney(trId, node) {
|
console.log(trId, node);
|
$("#" + trId).find("td").eq(2).html($(node).val());
|
};
|
|
//改变折扣单价
|
function changeZkprice() {
|
|
var sum = 0;
|
$("#tbody").find("tr").each(function () {
|
var $tds = $(this).find("td");
|
var count = $tds.eq(3).html();
|
var zkprice = $tds.eq(4).find("input").eq(0).val();
|
totalMoney = parseFloat(count) * parseFloat(zkprice);
|
$tds.eq(7).find("input").eq(0).val(totalMoney);
|
sum += totalMoney;
|
});
|
$("#money").val(sum);
|
$("#zkTotal").html(sum);
|
$("#zkTotalInput").val(sum);
|
}
|
|
//计算实收
|
function reckonTotal() {
|
var sum = 0;
|
$("#tbody").find("tr").each(function () {
|
var $tds = $(this).find("td");
|
var count = $tds.eq(6).find("input").eq(0).val();
|
sum += parseFloat(count)
|
});
|
$("#money").val(sum);
|
|
}
|
</script>
|
</body>
|
</html>
|
