<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@
include
file="/webpage/inc/inc.jsp"%>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>账单打印</title>
</head>
<body style="margin: 0;padding: 0;" ng-app="myApp" ng-controller="myCtrl">
<p style="width: 950px;margin: 5px auto;padding: 10px 0px;border-bottom: 1px solid #eee;" id="headBox">
<span style="color:#32c5d2">Ι </span>收据打印
<a onclick="_back()" style="color: #FFF;background-color: #32c5d2;border-color: #32c5d2;border: none;cursor: pointer;margin:0 10px;padding: 5px 10px;font-size: 12px;line-height: 1.5;float: right;">返回账单列表</a>
<a href="javascript:printData()" target="_self" style="color: #FFF;background-color: #32c5d2;border-color: #32c5d2;border: none;;cursor: pointer;text-decoration: none;padding: 5px 10px;font-size: 12px;line-height: 1.5;margin-left: 20px;">打印</a>
</p>
<p id="pPrint" style="width: 960px;margin:0 auto;">
<p id="p1"></p>
<p id="p2">
<table width="100%" border="" cellspacing="0">
<thead>
<tr style="height: 40px;text-align: center;font-size: 30px;">
<td colspan="14">收&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;据</td>
</tr>
<tr>
<td style="text-align: center;width: 300px;"><span
class
="time_year">2017</span>年<span
class
="time_month">12</span>月<span
class
="time_day">11</span>日</td>
<td colspan="12" style="padding-left: 10px;">交款单位<span
class
="customer" style="padding: 0 12px;"></span></td>
<td style="padding-left: 10px;">NO:<span
class
="code"></td>
</tr>
<tr>
<td rowspan="2" style="text-align: center;">名称</td>
<td rowspan="2" style="text-align: center;width:50px;">单位</td>
<td rowspan="2" style="text-align: center;width:50px;">数量</td>
<td rowspan="2" style="text-align: center;width:50px;">单价</td>
<td colspan="9" style="text-align: center;">金额</td>
<td rowspan="2" style="text-align: center;">备注</td>
</tr>
<tr>
<td style="width: 30px;text-align: center;">佰</td>
<td style="width: 30px;text-align: center;">拾</td>
<td style="width: 30px;text-align: center;">万</td>
<td style="width: 30px;text-align: center;">千</td>
<td style="width: 30px;text-align: center;">百</td>
<td style="width: 30px;text-align: center;">十</td>
<td style="width: 30px;text-align: center;">元</td>
<td style="width: 30px;text-align: center;">角</td>
<td style="width: 30px;text-align: center;">分</td>
</tr>
</thead>
<tbody id="tbodyList">
<!-- <tr
class
="t_money_tr_0">
<td
class
="td_name_0" style="text-align: center;">{{items.name}}</td>
<td style="text-align: center;">&nbsp;</td>
<td style="text-align: center;">&nbsp;</td>
<td style="text-align: center;">&nbsp;</td>
<td
class
="hunbit_0" style="text-align: center;">&nbsp;</td>
<td
class
="debit_0" style="text-align: center;">&nbsp;</td>
<td
class
="myriabit_0" style="text-align: center;">&nbsp;</td>
<td
class
="kilbit_0" style="text-align: center;">&nbsp;</td>
<td
class
="hunders_0" style="text-align: center;">&nbsp;</td>
<td
class
="decade_0" style="text-align: center;">&nbsp;</td>
<td
class
="unit_0" style="text-align: center;">&nbsp;</td>
<td
class
="unitone_0" style="text-align: center;">&nbsp;</td>
<td
class
="unittwo_0" style="text-align: center;">&nbsp;</td>
<td
class
="td_remark_0" style="text-align: center;">&nbsp;</td>
</tr> -->
</tbody>
<tfoot>
<tr>
<td>合计人民币(大写)</td>
<td colspan="13"><span
class
="money_num_text">
<i
class
="num_text_hunbit" style="font-style: normal;margin: 0 12px;display: inline-block;width: 12px;">X</i>佰<i
class
="num_text_debit" style="font-style: normal;margin: 0 12px;display: inline-block;width: 12px;">X</i>拾<i
class
="num_text_myriabit" style="font-style: normal;margin: 0 12px;display: inline-block;width: 12px;">X</i>万<i
class
="num_text_kilbit" style="font-style: normal;margin: 0 12px;display: inline-block;width: 12px;">X</i>仟<i
class
="num_text_hunders" style="font-style: normal;margin: 0 12px;display: inline-block;width: 12px;">X</i>佰<i
class
="num_text_decade" style="font-style: normal;margin: 0 12px;display: inline-block;width: 12px;">X</i>拾<i
class
="num_text_unit" style="font-style: normal;margin: 0 12px;display: inline-block;width: 12px;">X</i>元<i
class
="num_text_unitone" style="font-style: normal;margin: 0 12px;display: inline-block;width: 12px;">零</i>角<i
class
="num_text_unittwo" style="font-style: normal;margin: 0 12px;display: inline-block;width: 12px;">零</i>分<b>¥</b><b
class
="total"></b>
</span></td>
</tr>
<tr>
<td>主管</td>
<td colspan="6">会计</td>
<td colspan="7">收款人</td>
</tr>
<tr>
<td colspan="12" style="text-align: center;"><span> &nbsp;白1&nbsp;(存根)&nbsp;黄&nbsp;(收据)&nbsp;绿&nbsp;(记账)&nbsp;蓝&nbsp;(提货)&nbsp;红&nbsp;(核对)&nbsp;白2&nbsp;(确认) </span></td>
<td colspan="2">
<span tdata="pageNO" format="#" >
第<font color="#0000FF">#</font>张</span>
<span tdata="pageCount" format="#">
共<font color="#0000FF">##</font>张</span>
</td>
</tr>
</tfoot>
</table>
</p>
</p>
</body>
<script src="<%=staticServPath%>/
static
/assets/
global
/plugins/jquery.min.js
" type="
text/javascript"></script>
<script src="<%=staticServPath%>/
static
/js/
public
.js
" type="
text/javascript"></script>
<script src="<%=staticServPath%>/
static
/plug-in/ng/angular.min.js
" type="
text/javascript"></script>
<script src="<%=staticServPath%>/
static
/plug-in/lodop/LodopFuncs.js
" type="
text/javascript"></script>
<script>
var
app = angular.module(
'myApp'
, []);
app.controller(
'myCtrl'
,
function
(
$scope
,
$http
) {
inputId = window.location.href.split(
'?'
)[1].split(
'&'
)[0].split(
'='
)[1];
ajaxJson(
'GET'
, webroot +
'/bill/printList?ids='
+ inputId,
''
,
function
(err, rsp) {
if
(rsp.code == 200) {
console.log(
'rsp'
,rsp.result);
$scope
.aa = rsp.result;
$scope
.data = rsp.result[0];
$scope
.paymentDate =
$scope
.data.paymentDate.split(
'-'
);
$scope
.customer =
$scope
.data.customer;
$scope
.code =
$scope
.data.code;
$scope
.total = 10000.99;
$scope
.items = [{
money: 10.01,
remark:
'备注1'
,
name:
'01'
}, {
money: 1000000.99,
remark:
'备注2'
,
name:
'02'
}, {
money: 1000.00,
remark:
'备注3'
,
name:
'03'
}];
$scope
.
$apply
();
$(
'.time_year'
).text(
$scope
.paymentDate[0]);
$(
'.time_month'
).text(
$scope
.paymentDate[1]);
$(
'.time_day'
).text(
$scope
.paymentDate[2]);
$(
'.customer'
).text(
$scope
.customer);
$(
'.code'
).text(
$scope
.code);
$(
'.total'
).text(
$scope
.total);
var
itemLen =
$scope
.items.length;
var
rowNum = itemLen + (4-itemLen%4) ;
for
(
var
i = 0; i < rowNum; i++){
if
(i<=itemLen){
_addBzRow(
$scope
.items[i]);
}
else
{
_addBzRow(null);
}
}
function
_addBzRow(obj){
var
innerHtml ;
if
(null==obj){
innerHtml = '<tr
class
="t_money_tr_">'+
'<td class="td_name_0" style="text-align: center;">&nbsp;</td>'
+
'<td style="text-align: center;">&nbsp;</td>'
+
'<td style="text-align: center;">&nbsp;</td>'
+
'<td style="text-align: center;">&nbsp;</td>'
+
'<td style="text-align: center;">&nbsp;</td>'
+
'<td style="text-align: center;">&nbsp;</td>'
+
'<td style="text-align: center;">&nbsp;</td>'
+
'<td style="text-align: center;">&nbsp;</td>'
+
'<td style="text-align: center;">&nbsp;</td>'
+
'<td style="text-align: center;">&nbsp;</td>'
+
'<td style="text-align: center;">&nbsp;</td>'
+
'<td style="text-align: center;">&nbsp;</td>'
+
'<td style="text-align: center;">&nbsp;</td>'
+
'<td class="td_remark_0" style="text-align: center;">&nbsp;</td>'
+
'</tr>'
;
}
else
{
var
mhtml = getMoneyHtml(obj.money) ;
innerHtml =
'<tr class="t_money_tr_">'
+
'<td class="td_name_0" style="text-align: center;">'
+obj.name+
'</td>'
+
'<td style="text-align: center;">&nbsp;</td>'
+
'<td style="text-align: center;">&nbsp;</td>'
+
'<td style="text-align: center;">&nbsp;</td>'
+
mhtml +
'<td class="td_remark_0" style="text-align: center;">&nbsp;</td>'
+
'</tr>'
;
}
$(
'#tbodyList'
).append(innerHtml);
}
function
getMoneyHtml(m){
var
m = m.toString();
if
(m.indexOf(
"."
) == -1){
m = m +
".00"
;
}
var
money = m.split(
'.'
);
var
money_1 =
'¥'
+money[0];
if
(Number(money[0]) >= 1000000){
var
money_1 = money[0];
}
var
money1_arr = money_1.split(
''
)
var
mhtml =
''
;
var
temp = money1_arr.length , j = 0 ;
for
(
var
i = 7;i>0;i--){
if
(temp < i){
mhtml = mhtml +
'<td class="hunbit_0" style="text-align: center;">&nbsp;</td>'
;
}
else
{
mhtml = mhtml +
'<td class="hunbit_0" style="text-align: center;">'
+ money1_arr[j] +
'</td>'
;
j++;
}
}
if
(m.toString().indexOf(
"."
) != -1){
var
money_2 = money[1];
var
money2_arr = money_2.split(
''
);
var
temp2 = money2_arr.length ;
for
(
var
i = 0;i < 2; i++){
mhtml = mhtml +
'<td class="hunbit_0" style="text-align: center;">'
+ money2_arr[i] +
'</td>'
;
}
}
return
mhtml;
}
var
DNum = {
'1'
:
'壹'
,
'2'
:
'贰'
,
'3'
:
'叁'
,
'4'
:
'肆'
,
'5'
:
'伍'
,
'6'
:
'陆'
,
'7'
:
'柒'
,
'8'
:
'捌'
,
'9'
:
'玖'
,
'0'
:
'零'
}
var
total =
$scope
.total.toString();
var
totalArr = total.split(
'.'
);
var
totalArr1 = totalArr[0];
var
text_unit = totalArr1[totalArr1.length - 1];
var
text_decade = totalArr1[totalArr1.length - 2];
var
text_hunders = totalArr1[totalArr1.length - 3];
var
text_kilbit = totalArr1[totalArr1.length - 4];
var
text_myriabit = totalArr1[totalArr1.length - 5];
var
text_debit = totalArr1[totalArr1.length - 6];
var
text_hunbit = totalArr1[totalArr1.length - 7];
$(
'.num_text_hunbit'
).text(DNum[text_hunbit]);
$(
'.num_text_debit'
).text(DNum[text_debit]);
$(
'.num_text_myriabit'
).text(DNum[text_myriabit]);
$(
'.num_text_kilbit'
).text(DNum[text_kilbit]);
$(
'.num_text_hunders'
).text(DNum[text_hunders]);
$(
'.num_text_decade'
).text(DNum[text_decade]);
$(
'.num_text_unit'
).text(DNum[text_unit]);
if
(total.indexOf(
"."
) != -1){
var
totalArr2 = totalArr[1].split(
''
);
var
text_unitone = totalArr2[0];
var
text_unittwo = totalArr2[1];
$(
'.num_text_unitone'
).text(DNum[text_unitone]);
$(
'.num_text_unittwo'
).text(DNum[text_unittwo]);
}
}
else
{
console.log(rsp.message);
}
});
});
function
smalltoBIG(n) {
var
fraction = [
'角'
,
'分'
];
var
digit = [
'零'
,
'壹'
,
'贰'
,
'叁'
,
'肆'
,
'伍'
,
'陆'
,
'柒'
,
'捌'
,
'玖'
];
var
unit = [
[
'元'
,
'万'
,
'亿'
],
[
''
,
'拾'
,
'佰'
,
'仟'
]
];
var
head = n < 0 ? '欠' : '';
n = Math.
abs
(n);
var
s = '';
for
(
var
i = 0; i < fraction.length; i++) {
s += (digit[Math.
floor
(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
}
s = s || '整';
n = Math.
floor
(n);
for
(
var
i = 0; i < unit[0].length && n > 0; i++) {
var
p =
''
;
for
(
var
j = 0; j < unit[1].length && n > 0; j++) {
p = digit[n % 10] + unit[1][j] + p;
n = Math.
floor
(n / 10);
}
s = p.replace(/(零.)*零$/,
''
).replace(/^$/,
'零'
) + unit[0][i] + s;
}
return
head + s.replace(/(零.)*零元/,
'元'
).replace(/(零.)+/g,
'零'
).replace(/^整$/,
'零元整'
);
}
var
global_Html =
""
;
function
printme() {
global_Html = document.body.innerHTML;
document.body.innerHTML = document.getElementById(
'pPrint'
).innerHTML;
window.
print
();
window.setTimeout(
function
() {
document.body.innerHTML = global_Html;
}, 30);
}
function
_back() {
var
url = webroot +
'/bill/index'
;
window.location.href = url;
}
function
printData(){
var
LODOP=getLodop();
LODOP.PRINT_INIT(
"打印账单收据"
);
LODOP.SET_PRINT_PAGESIZE(1,
"25cm"
,
"15cm"
,
"LodopCustomPage"
)
var
strStyle=
"<style> table,td,th {border-width: 1px;border-style: solid;border-collapse: collapse}</style>"
LODOP.ADD_PRINT_TABLE(128,
"2%"
,
"90%"
,
"2.5cm"
, strStyle + document.getElementById(
"p2"
).innerHTML);
LODOP.SET_PRINT_STYLEA(0,
"Vorient"
,1);
LODOP.ADD_PRINT_HTM(26,
"2%"
,
"90%"
,
"1cm"
,document.getElementById(
"p1"
).innerHTML);
LODOP.SET_PRINT_STYLEA(0,
"ItemType"
,1);
LODOP.SET_PRINT_STYLEA(0,
"LinkedItem"
,1);
LODOP.PREVIEW();
};
</script>
</html>