mirror of
https://gitee.com/ShopeX/OMS
synced 2026-03-23 02:45:33 +08:00
140 lines
5.3 KiB
HTML
140 lines
5.3 KiB
HTML
<!--
|
|
Copyright 2012-2026 ShopeX (https://www.shopex.cn)
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
-->
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title><{t}>打印页面<{/t}></title>
|
|
<{css src="framework.css" app="desktop"}>
|
|
<{css src="gridlist.css" app="desktop"}>
|
|
<{css src="style.css" app="desktop"}>
|
|
<{css src="singlepage.css" app="desktop"}>
|
|
<{css src="print.css" app="desktop"}>
|
|
<{script src="moo.js" app="desktop"}>
|
|
</head>
|
|
|
|
<style type="text/css" media="print">
|
|
.noprint{ display : none }
|
|
</style>
|
|
<style>
|
|
*{ font-size:12px;}
|
|
.float_left{ float:left; text-align:center; width:80%; font-weight:bold;}
|
|
.float_right{ float:right; text-align:center; width:20%;}
|
|
.d_th{ background:#ededed; color:#4e5318; }
|
|
.d_td{ font-weight:bold; width:120px;}
|
|
.d_table{ margin:20px 10px; color:#4e5318;}
|
|
.d_table table{ border-collapse:collapse;}
|
|
.d_table td{ border:1px solid #ccc; border-collapse:collapse; height:26px; line-height:26px; text-align:center;}
|
|
.d_table th{ border:1px solid #ccc; border-collapse:collapse; height:26px; line-height:26px; text-align:center; color:#4e5318; }
|
|
#print_confirm { width:100%; height:30px;border-top:1px solid #999999; padding-top:4px;background-color:#5473ae; position:absolute; text-align:center;}
|
|
#btn_print { width:71px; height:24px; background-image:url(images/btn_print.gif); cursor:pointer; margin-left:auto; margin-right:auto;}
|
|
#barcode { width:150px; height:50px; background:url(images/bar_code.gif) no-repeat;}
|
|
|
|
/* 避免打印时出现多余的加载完成和横线 */
|
|
#messagebox,#side-r { display:none;}
|
|
</style>
|
|
<script type="text/javascript">
|
|
window.addEvents({
|
|
"domready":function() {
|
|
$("print_confirm").setStyle("top",window.getHeight() - 35);
|
|
$("btn_print").addEvent("click",function(){window.print();});
|
|
if($("chk_box")){
|
|
$("chk_box").checked=false;
|
|
$("chk_box").addEvent('click',function(){$$('.price').setStyle('display',$$('.price')[0].getStyle('display')=="none"?"":"none");});
|
|
}
|
|
},
|
|
"scroll":function() {
|
|
$("print_confirm").setStyle("top",window.getSize().y+window.getScrollTop() - 35);
|
|
},
|
|
"resize":function() {
|
|
$("print_confirm").setStyle("top",window.getSize().y+window.getScrollTop() - 35);
|
|
}
|
|
});
|
|
window.addEvent('load',function(){
|
|
if(!$$("img.product").length)return;
|
|
Element.implement({
|
|
zoomImg:function(maxwidth,maxheight,v){
|
|
if(this.tagName.toLowerCase()!='img')return false;
|
|
var thisSize={'width':this.width,'height':this.height};
|
|
var overSize,zoomSizeW,zoomSizeH,zommC;
|
|
if (thisSize.width>maxwidth){
|
|
overSize=thisSize.width-maxwidth;
|
|
zoomSizeW=thisSize.width-overSize;
|
|
zommC=(zoomSizeW/thisSize.width).toFloat();
|
|
zoomSizeH=(thisSize.height*zommC).toInt();
|
|
$extend(thisSize,{'width':zoomSizeW,'height':zoomSizeH});
|
|
}
|
|
if (thisSize.height>maxheight){
|
|
overSize=thisSize.height-maxheight;
|
|
zoomSizeH=thisSize.height-overSize;
|
|
zommC=(zoomSizeH/thisSize.height).toFloat();
|
|
zoomSizeW=(thisSize.width*zommC).toInt();
|
|
$extend(thisSize,{'width':zoomSizeW,'height':zoomSizeH});
|
|
}
|
|
if(!v)return this.set(thisSize);
|
|
return thisSize;
|
|
}
|
|
});
|
|
var Asset = new Hash({
|
|
image: function(source, properties){
|
|
properties = $merge({
|
|
'onload': $empty,
|
|
'onabort': $empty,
|
|
'onerror': $empty
|
|
}, properties);
|
|
var image = new Image();
|
|
var element = $(image) || new Element('img');
|
|
['load', 'abort', 'error'].each(function(name){
|
|
var type = 'on' + name;
|
|
var event = properties[type];
|
|
delete properties[type];
|
|
image[type] = function(){
|
|
if (!image) return;
|
|
if (!element.parentNode){
|
|
element.width = image.width;
|
|
element.height = image.height;
|
|
}
|
|
image = image.onload = image.onabort = image.onerror = null;
|
|
event.delay(1, element, element);
|
|
element.fireEvent(name, element, 1);
|
|
};
|
|
});
|
|
image.src = element.src = source;
|
|
if (image && image.complete) image.onload.delay(1);
|
|
return element.setProperties(properties);
|
|
}
|
|
});
|
|
|
|
$$("img.product").each(function(img){
|
|
var _imgsrc=img.src;
|
|
new Asset.image(_imgsrc,{
|
|
onload:function(){
|
|
img.set(this.zoomImg(60,60,1)).set('align','absmiddle');
|
|
}});
|
|
});
|
|
});
|
|
|
|
</script>
|
|
<body class="single-page" style="height:100%;width:100%;">
|
|
<div id="print1"></div>
|
|
<div id="print_confirm" class="noprint">
|
|
<{if $po.po_items}><label for="chk_box"><input type="checkbox" id="chk_box"> 隐藏采购单价</label><{/if}>
|
|
<span id="btn_print"><input type="button" id="b1" value="打 印" /></span>
|
|
</div>
|
|
</body>
|
|
</html>
|