css2
html,body { widht:100%; height:100%;}
/******************************/
/* base */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, input, textarea,
fieldset, form, label, legend, textarea, select,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0;
font-weight: normal; font-style: inherit; font-size: 15px; font-family: 宋体, arial; font-weight:normal;
vertical-align: baseline;
text-decoration:none;
/* color:#333333; */
}
body {
background: #FFF;
color: #000;
font: normal 12px Georgia, Arial, Helvetica, sans-serif;
line-height: 2em; /*行高2个字符宿进*/
background-color: #E5E5E5;
}
#py_main{
width: 826px;
height: 579px;
overflow: hidden;
display: block;
}
.titleheader {
width: 825px;
height: 36px;
background-image: url(/BlueCat/cash/images/certerbr.jpg);
overflow: hidden;
}
/*显示搜索开始 */
.serverbg {
float: right;
height:540px;
width: 247px;
margin:0;
overflow: hidden;
border: 1px solid black;
}
.serverbg .serverbase {
background-image: url(/BlueCat/cash/images/servesbg.jpg);
width: 245px;
height: 33px;
float: right;
line-height: 33px;
padding-top:4px;
}
.serverbg .serverbase span {
background-image: url(/BlueCat/cash/images/search_span_bg.jpg);
border: 1px solid #ccc;
display: block;
height: 25px;
float: left;
line-height: 23px;
padding-right: 10px;
margin-left: 2px;
margin-right: 5px;
}
/*黑按钮 */
#serveralte{
width: 65px;
height: 29px;
background-image:url(/BlueCat/cash/images/rightnavs.jpg);
float: left;
padding: 0;
margin: 0;
}
#serveralte font{
color: #ffffff;
line-height: 29px;
text-align: center;
margin-left: 2px;
}
.serverbg .serverbase span img {
padding-left: 5px;
padding-bottom: 2px;
}
.serverbg.serveralte {
background-image:url(/BlueCat/cash/images/rightnavs.jpg);
float: left;
}
/*调整长度 */
.serverbg .serverbase span input {
width: 70px;
height:25px;
background-color: transparent;
border: none;
}
.serverbg .serverbase img {
vertical-align: middle;
}
/*显示餐台 */
#showct {
width:555px;
height:530px;
float: left;
margin-left:2px;
overflow: hidden;
}
.ctright {
background-image: url(/BlueCat/cash/images/body_bg.jpg);
width: 28%;
height: 100%;
float: right;
margin-top: 40px;
overflow: hidden;
}
.showempty {
width: 63px;
height: 63px;
background-image: url(/BlueCat/cash/images/ct-1.png);
}
.showempty span{
display: black;
font-size:16px;
text-align: center;
display: block;
line-height: 35px;
}
.markuse{
width: 63px;
height: 63px;
background-image: url(/BlueCat/cash/images/ct-2.gif);
}
.markuse span{
display: black;
font-size:16px;
text-align: center;
display: block;
line-height: 35px;
}
.showbackcolor{
margin-left: 10px;
margin-top: 10px;
}
.showbackcolor li {
float: left;
list-style-type: none;
margin-left:5px;
margin-top:8px;
}
/*下端带阴影的 */
.yinying {
border-radius: 5px;
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
border: 1px solid rgb(204, 204, 204);
width: 40px;
height: 40px;
background-color: blue;
margin: 10px;
}
#ctinfo{
width:246px;
height:125px;
overflow:hidden;
}
#ctinfo li{
list-style-type: none;
display:block;
overflow: hidden;
}
#ctinfo li span{
display: block;
float: right;
line-height:28px;
width:100px;
overflow: hidden;
}
#ctinfo dt a{
padding-left:5px;
line-height:35px;
font-size:15px;
color:#000000;
}
#ctinfo dd {
float:left;
}
/*餐台消费信息 */
.ctconsume{
width: 247px;
height: 400px;
/* background-color:black; */
}
#ctconsumetitle{
width:247px; height:34px;
background-image: url(/BlueCat/cash/images/rightnavs.jpg);
}
#ctconsumetitle span{
line-height: 34px;
text-align: left;
font-size:15px;
color:#FFFFFF;
}
#tdcolor{
background-image: url(/BlueCat/cash/images/bg-2.png);
height:28px;
border-left:1px solid #CECECE;
border-right:1px solid #FFF;
text-align:center;
font-size: 15px;
font-weight: bold;
}
#showleft{
border-top:1px solid #FFF;
text-align: left;
line-height: 28px;
padding-left: 1px;
}
#showcenter{
border-top:1px solid #FFF;
text-align:center;
line-height:28px;
}
/*搜索按钮 */
.btnser1{
background-image: url(/BlueCat/cash/images/search1.jpg);
width:61px;
height: 26px;
color: #FFFFFF;
font-size: 15px;
}
///页面开始=================
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:include page="../../publicjsp/Public.jsp"></jsp:include>
<link href="${rt}/cash/css/PayMoneyNew.css" rel="stylesheet" type="text/css" />
<link href="${rt}/cash/css/PayCounts.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${rt}/cash/js/PayMoney.js"></script>
<title>顾客结账New</title>
</head>
<body onload="timers();">
<div id="py_main">
<!--标题行开始 -->
<div class="titleheader"></div>
<!--搜索开始 -->
<div class="serverbg">
<div class="serverbase">
<div id="serveralte">
<font>订单号:</font>
</div>
<span> <img src="${rt}/cash/images/serveriom.jpg" /> <input
id="ctname" />
</span>
<input type="button" onclick="checkctinfo();" class="btnser1"
value="确定" />
</div>
<!--显示餐台信息开始 -->
<div id="ctinfo">
<li><img src="${rt}/cash/images/news.png" /> 餐台号:
<a href="#">${order.diningTable.dinTabId}</a>
<span>点菜员:${order.waiter.empName}</span>
</li>
<li><img src="${rt}/cash/images/news.png" /> 餐台订单号:<a href="#">${order.orderId}</a></li>
<li><img src="${rt}/cash/images/news.png" /> 餐台描述:<a href="#">${order.diningTable.dinTabDesc}</a>
</li>
<li><img src="${rt}/cash/images/news.png" /> 下单时间:<a href="#"><font size="2">${order.createDate}</font></a>
</li>
<li><img src="${rt}/cash/images/news.png" /> 消费金额:<a href="#"><b>${money}${order.totalMoney}${yuan}</b></a>
</li>
</div>
<!--餐台消费信息开始 -->
<div class="ctconsume">
<div id="ctconsumetitle">
<span>餐台消费信息:</span>
</div>
<!--显示信息开始 -->
<div id="ctconsumeinfo">
<table id="infoTab" width="100%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td id="tdcolor">菜品名称</td>
<td id="tdcolor">数量</td>
<td id="tdcolor">单价</td>
<td id="tdcolor">折扣率</td>
<td id="tdcolor">金额</td>
</tr>
</tbody>
<s:iterator value="#request.detail" var="dt" status="i">
<tr id="tdtext">
<td id="showleft">${i.count}.${dt.foodInfo.foodName}</td>
<td id="showcenter">${dt.foodCount}</td>
<td id="showcenter">${dt.foodInfo.foodPrice}</td>
<s:if test="#dt.foodInfo.foodDiscount==1">
<td id="showcenter">100%</td>
</s:if>
<s:else>
<td id="showcenter">${dt.foodInfo.foodDiscount}</td>
</s:else>
<td id="showcenter"><fmt:formatNumber value="${dt.foodInfo.foodPrice*dt.foodCount*dt.foodInfo.foodDiscount}" pattern="#0.0" /></td>
</tr>
</s:iterator>
</table>
</div>
</div>
</div>
<!-- 餐台开始 -->
<div id="showct" >
<ul class="showbackcolor">
<s:iterator value="#request.tableList" var="shwimg" status="i">
<s:if test="#shwimg.dinTabStatus==0">
<a href="#">
<li class="showempty" id="${shwimg.dinTabId}" onclick="getctinfo(${shwimg.dinTabId}) ;" ondblclick="dealwict(${shwimg.dinTabId});">
<span><b>${shwimg.dinTabId}</b>餐台</span>
</li>
</a>
</s:if>
<s:elseif test="#shwimg.dinTabStatus==1">
<a href="#">
<li class="markuse" id="${shwimg.dinTabId}" onclick="getctinfo(${shwimg.dinTabId});" ondblclick="dealwict(${shwimg.dinTabId});">
<span><b>${shwimg.dinTabId}</b>餐台</span>
</li>
</a>
</s:elseif>
</s:iterator>
</ul>
</div>
<!--弹出结算页面 -->
<div id="pc_main">
<header>
<h2>${ctnum}号餐桌结算</h2>
<h5>
收银前请核对金额，检查纸币真伪!
</h5>
</header>
<div id="pc_main_ctinfo">
<span >订单号:<font color="#FFFF00">${ordersession.orderId}</font>
</span>
<span id="pc_user">点菜员:${servuser}</span>
</div>
<div id="pc_center">
<!--显示信息开始 -->
<div id="ctconsume">
<table id="ctTab" border="0"width="100%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td id="tdcolors">菜品名称</td>
<td id="tdcolors">数量</td>
<td id="tdcolors">单价</td>
<td id="tdcolors">折扣率</td>
<td id="tdcolors">金额</td>
</tr>
</tbody>
<s:iterator value="#session.detailsession" var="dts" status="i">
<tr id="cttd">
<td>${i.count}.${dts.foodInfo.foodName}</td>
<td>${dts.foodInfo.foodDiscount}元</td>
<td>${dts.foodInfo.foodPrice}元</td>
<td>${dts.foodInfo.foodDiscount}</td>
<td>${dts.foodInfo.foodPrice}元</td>
</tr>
</s:iterator>
</table>
</div>
</div >
<!--结算信息-->
<div class="cols">
<div class="half">
<span>结算信息：
<dd>品项：项</dd>
</span>
<strong id="pymoney">
<dd>应收金额：<font size="5" color="#2fa8ed" name="OrderInfo.totalMoney">￥${ordersession.totalMoney}元</font>
找零:<font size="5" id="countPrice"></font>
</dd>
</strong>
<input type="hidden" id="rvables" value=${ordersession.totalMoney}>
<form id="accountForm" action="orderInfo_CountPayMoney.action" method="post">
<li>
<label id="assount">会员号:</label>
<input type="text" name="assouid" id="assouid" size="20" maxlength="56" />
<label id="colletmoney">实收金额:</label>
<input type="text" name="getMomery" id="getMomery" size="20" maxlength="56"
onblur="countMoney(this.value);"/>
</li>
<input type="submit" id="btn"value="结 算" onclick="resultMoney();"/>
</form>
</div>
</div>
<div id="bottom">
</div>
</div>
<!--第一DIV显示页结束 -->
<!--第二个DIV找零页开始 -->
<div id="changMoney">
<h2 id="changctId"></h2>
<div id="pc_centers">
<dd>消费订单号:</dd>
<div id="pc_insertonery">
实收金额:<span></span>
</div>
<div id="pc_yinshoumonery">
应收金额:<span></span>
</div>
<div id="pc_cgmoney">
应找零:<span></span>
</div>
</div>
<div id="fishbtn">
<input type="button" id="btn"value="完 成" onclick="finshMoney();"/>
</div>
</div>
<!--积分兑换开始 -->
<div id="pc_Ings">
</div>
</body>
</html>