|
|
|
|
|
<!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>
|
|
<body>
|
|
<form id="print" >
|
<style midia="print">
|
.table1 {
|
width: 500px;
|
font-size: 10px;
|
border-top: 1px solid #333;
|
}
|
|
.table2 {
|
margin-bottom: 100px;
|
}
|
|
.table1 td {
|
height: 20px;
|
}
|
|
.table2 td {
|
height: 20px;
|
}
|
|
.table1 tr {
|
height: 30px;
|
}
|
|
.table3 {
|
position: absolute;
|
bottom: 20px;
|
}
|
|
.tittl {
|
text-align: center;
|
font-size: 20px;
|
}
|
</style>
|
|
<h1 class="tittl">HIVE收银单</h1>
|
<table class="table1">
|
|
|
<tr>
|
<td>会员姓名:[[${order.vipName }]]</td>
|
<td>联系电话:[[${order.vipPhone }]]</td>
|
<td>打印日期:[[<span id="date">]]</span></td>
|
</tr>
|
<tr>
|
<td>会员编号:[[${order.vipNo}]]</td>
|
<td>健康顾问:[[${order.staffName}]]</td>
|
</tr>
|
<tr>
|
<td>订单编号:[[${order.orderNo}]]</td>
|
<td>收银人:[[${session.userInfo.suName}]]</td>
|
</tr>
|
</table>
|
<table class="table2 table1">
|
<tr>
|
<td>套餐/项目/家居/充值卡</td>
|
<td>数量</td>
|
<td>金额</td>
|
<td>赠送</td>
|
</tr>
|
<tr th:each="item,count:${taocanItems }">
|
<td>[[${item.shoppingGoods.name}]]</td>
|
<td th:text="${item.count}"></td>
|
<td>[[${item.shoppingGoods.sealPice }]]</td>
|
<td><span th:if="${item.isFree eq '是' }">【赠】</span></td>
|
</tr>
|
|
<tr th:each="taocanGoods,count:${item.shoppingGoods.assembleGoods }">
|
<td>[[${item.shoppingGoods.name}]]</td>
|
<td th:text="${item.count}"></td>
|
<td>[[${item.shoppingGoods.sealPice }]]</td>
|
<td><span th:if="${item.isFree eq '是' }">【赠】</span></td>
|
</tr>
|
|
<tr th:each="item,count:${goodsItems }" >
|
<td>${item.shoppingGoods.name}</td>
|
<td th:text="${item.count}"></td>
|
<td>${item.shoppingGoods.sealPice }</td>
|
<td><span th:if="${item.isFree eq '是' }">【赠】</span></td>
|
</tr>
|
|
<tr th:each="item,count:${projItems }" >
|
<td>${item.shoppingGoods.name}</td>
|
<td th:text="${item.count}"></td>
|
<td>${item.shoppingGoods.sealPice }</td>
|
<td><span th:if="${item.isFree eq '是' }">【赠】</span></td>
|
</tr>
|
</table>
|
|
<table class="table1 table3">
|
<tr>
|
<td colspan="4">备注:</td>
|
</tr>
|
<tr>
|
<td>缴纳金额:</td>
|
<td>现金:</td>
|
<td>划扣:</td>
|
<td>本次欠款:</td>
|
</tr>
|
</table>
|
</form>
|
<div class="form-group ">
|
<div class="col-sm-12 text-center">
|
<a href="javascript:;" onclick="print()"
|
class="btn btn-success radius">打印</a> <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>
|
|
</body>
|
|
|
|
<script type="text/javascript" th:src="@{/js/plugin/LodopFuncs.js}"></script>
|
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script>
|
var myForm = MForm.initForm({
|
invokeUrl : basePath+"/admin/order/sk",
|
isAutoClose:false,
|
beforeSubmit : function() {
|
var money = parseFloat($("#money").val());
|
var total = parseFloat($("#zkTotal").html());
|
if (money < total) {
|
return confirm("实际支付金额小于总价，提交后该为欠款订单，确认提交吗？");
|
}
|
},
|
afterSubmit : function() {
|
layer.open({
|
type : 2,
|
title : "打印订单",
|
area : [ MUI.SIZE_L, '500px' ],
|
maxmin : true,
|
content : [ basePath+'/admin/order/getOrder' ]
|
});
|
parent.myGrid.serchData();
|
},
|
});
|
|
//改变折扣单价
|
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(6).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);
|
|
}
|
|
|
var LODOP;
|
function print() {
|
setOrder();
|
//CreateOneFormPage();
|
//LODOP.PRINTA();
|
}
|
function CreateOneFormPage() {
|
$("#date").text(getNowFormatDate());
|
|
LODOP = getLodop();
|
LODOP.SET_LICENSES("湖南卓景京信息技术有限公司", "4DCD4C2508498B1DDD6CD498AC0B04F2",
|
"", "");
|
LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_表单一");
|
LODOP.SET_PRINT_STYLE("FontSize", 18);
|
LODOP.SET_PRINT_PAGESIZE(0, 1300, 1960, "");
|
strCenterStyle = "<style/>table {width:100%}</style>";
|
LODOP.ADD_PRINT_HTM(5, "10%", "80%", 600, strCenterStyle
|
+ document.getElementById("print").innerHTML);
|
LODOP.SET_PRINT_STYLE("Bold", 1);
|
/* LODOP.ADD_PRINT_HTM(30,30,650,600,document.getElementById("print").innerHTML); */
|
|
};
|
//获取当前时间
|
function getNowFormatDate() {
|
var date = new Date();
|
var seperator1 = "-";
|
var seperator2 = ":";
|
var month = date.getMonth() + 1;
|
var strDate = date.getDate();
|
if (month >= 1 && month <= 9) {
|
month = "0" + month;
|
}
|
if (strDate >= 0 && strDate <= 9) {
|
strDate = "0" + strDate;
|
}
|
var currentdate = date.getFullYear() + seperator1 + month + seperator1
|
+ strDate + " " + date.getHours() + seperator2
|
+ date.getMinutes() + seperator2 + date.getSeconds();
|
return currentdate;
|
}
|
</script>
|
</body>
|
</html>
|
