<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>打印订单</title>
<style>
*{
font-size: 12px;
}
.modal-body{
width: 200px;
border: 1px solid gray;
/*background: gray; */
background: #FCFCFC;
margin: 0 auto;
padding: 20px 10px;
}
.modal-body-background{
/*background-image: url(line2.png);
background-repeat: repeat;*/
background-size:5px;
height: 5px;
width: 100%;
text-align: center;
line-height: 5px;
margin: 20px 0;
}
#top{
display: inline;
text-align:center;
font-size: 12px;
background: #FCFCFC;
padding-bottom:1px;
}
p{
text-align: left;
line-height: 10px;
padding: 5px;
}
.foodname{
width: 60%;
text-align: left;
margin-left: 3em;
}
.foodnum{
width: 20%;
text-align: center;
}
.foodprice{
width: 20%;
text-align: center;
}
</style>
</head>
<body>
<div class='modal-body updatetableform'>
<div>
<div class="modal-body-background" style="margin-top: 20px;margin-bottom: 40px;">
<div id="top">盘中餐体验店</div>
<hr style="border : 1px dashed;" />
</div>
<p class="position">订单编号:<span>orderNumber</span></p>
<p class="position">订单时间:<span>orderTime</span></p>
</div>
<div >
<div class="modal-body-background">
<hr style="border : 1px dashed;" />
</div>
<p>姓名:<span>小明</span></p>
<p>手机号:<span>手机号</span></p>
<p>姓名:<span>小明</span></p>
<p>消费时间:<span>消费时间</span></p>
<p>用餐人数:<span>人数</span></p>
<p>预定位置:<span>预定位置</span></p>
</div>
<div >
<div class="modal-body-background">
<hr style="border : 1px dashed;" />
</div>
<table style="width: 100%;">
<thead>
<tr>
<th class="foodname">菜名</th>
<th class="foodprice">份数</th>
<th class="foodnum">价格</th>
</tr>
</thead>
</table>
<hr style="border:1px dotted #036;"/>
<table style="width: 100%;">
<tbody>
<c:forEach items="${item.key.orderDishes}" var="dish">
<tr>
<td class="foodname">青菜</td>
<td class="foodnum">200</td>
<td class="foodprice">300</td>
</tr>
</c:forEach>
<tr>
<td class="foodname">优惠券</td>
<td style="width: 40%;text-align:center;padding-left: 20%;" colspan="2">200</td>
</tr>
<tr>
<td class="foodname">总额</td>
<td style="width: 40%;text-align:center;padding-left: 20%;" colspan="2">200</td>
</tr>
</tbody>
</table>
</div>
<div class="modal-body-background" style="margin-top: 20px;">
<hr style="border : 1px dashed;" />
<div id="top">我知盘中餐</div>
<hr style="border : 1px dashed;" />
</div>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>打印订单</title>
<style>
*{
font-size: 12px;
}
.modal-body{
width: 200px;
border: 1px solid gray;
/*background: gray; */
background: #FCFCFC;
margin: 0 auto;
padding: 20px 10px;
}
.modal-body-background{
/*background-image: url(line2.png);
background-repeat: repeat;*/
background-size:5px;
height: 5px;
width: 100%;
text-align: center;
line-height: 5px;
margin: 20px 0;
}
#top{
display: inline;
text-align:center;
font-size: 12px;
background: #FCFCFC;
padding-bottom:1px;
}
p{
text-align: left;
line-height: 10px;
padding: 5px;
}
.foodname{
width: 60%;
text-align: left;
margin-left: 3em;
}
.foodnum{
width: 20%;
text-align: center;
}
.foodprice{
width: 20%;
text-align: center;
}
</style>
</head>
<body>
<div class='modal-body updatetableform'>
<div>
<div class="modal-body-background" style="margin-top: 20px;margin-bottom: 40px;">
<div id="top">盘中餐体验店</div>
<hr style="border : 1px dashed;" />
</div>
<p class="position">订单编号:<span>orderNumber</span></p>
<p class="position">订单时间:<span>orderTime</span></p>
</div>
<div >
<div class="modal-body-background">
<hr style="border : 1px dashed;" />
</div>
<p>姓名:<span>小明</span></p>
<p>手机号:<span>手机号</span></p>
<p>姓名:<span>小明</span></p>
<p>消费时间:<span>消费时间</span></p>
<p>用餐人数:<span>人数</span></p>
<p>预定位置:<span>预定位置</span></p>
</div>
<div >
<div class="modal-body-background">
<hr style="border : 1px dashed;" />
</div>
<table style="width: 100%;">
<thead>
<tr>
<th class="foodname">菜名</th>
<th class="foodprice">份数</th>
<th class="foodnum">价格</th>
</tr>
</thead>
</table>
<hr style="border:1px dotted #036;"/>
<table style="width: 100%;">
<tbody>
<c:forEach items="${item.key.orderDishes}" var="dish">
<tr>
<td class="foodname">青菜</td>
<td class="foodnum">200</td>
<td class="foodprice">300</td>
</tr>
</c:forEach>
<tr>
<td class="foodname">优惠券</td>
<td style="width: 40%;text-align:center;padding-left: 20%;" colspan="2">200</td>
</tr>
<tr>
<td class="foodname">总额</td>
<td style="width: 40%;text-align:center;padding-left: 20%;" colspan="2">200</td>
</tr>
</tbody>
</table>
</div>
<div class="modal-body-background" style="margin-top: 20px;">
<hr style="border : 1px dashed;" />
<div id="top">我知盘中餐</div>
<hr style="border : 1px dashed;" />
</div>
</div>
</body>
</html>