<!DOCTYPE html>
|
<html lang="zh-cn" xmlns:th=http://www.thymeleaf.org>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
<title>粮情报表测试页面</title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<!--使用Lodop打印 -->
|
<script th:src="@{/static/plugins/lodop/LodopFuncs.js}"></script>
|
|
<script th:src="@{/static/js/jquery.min.js}"></script>
|
<script th:src="@{/static/admin/grain/PrintBuilder.js}"></script>
|
|
<object id="LODOP_OB"
|
classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0>
|
<embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0></embed>
|
</object>
|
|
</head>
|
<body>
|
|
<div id="print_main" style="margin: 20px;">
|
<style>
|
table, table tr th, table tr td {
|
border: 1px solid #0d1021;
|
}
|
|
table {
|
width: 100%;
|
line-height: 23px;
|
text-align: center;
|
font-size: 14px;
|
}
|
|
.table-2 {
|
border-top: 0px solid #0d1021 !important;
|
}
|
|
.table-2 tr {
|
border-top: 0px solid #0d1021 !important;
|
}
|
|
.table-2 td {
|
border-top: 0px solid #0d1021 !important;
|
}
|
|
.table-row-tr {
|
border-left: 0px !important;
|
border-right: 0px !important;
|
border-top: 0px !important;
|
}
|
|
.table-row-fz {
|
border: 0px !important;
|
}
|
|
.link-top {
|
width: 100%;
|
border-top: solid #0d1021 1px;
|
}
|
</style>
|
|
<!--设置表头-->
|
<div style="text-align: center">
|
<span id="companyName" style="font-size: 26px; font-weight: bold;">
|
义乌市中心粮库 </span>
|
<div class="link-top"></div>
|
<div class="link-top"></div>
|
<span id="depotName" style="font-size: 16px;">41号仓 粮情报表</span>
|
</div>
|
<div style="margin-top: 5px;">
|
<span id="weather" style="float: left;">天气：晴 方向：东</span>
|
<span id="checkDate" style="float: right;">检测时间：2019-10-18
|
14:23:20</span>
|
</div>
|
|
<!--动态坐标-->
|
<table cellspacing="0" cellpadding="0">
|
<tr>
|
<td colspan="2"></td>
|
<td>第1列</td>
|
<td>第2列</td>
|
<td>第3列</td>
|
<td>第4列</td>
|
<td>第5列</td>
|
<td>第6列</td>
|
<td>第7列</td>
|
<td>第8列</td>
|
</tr>
|
|
<!-- 第1行 id=cell_z_y_x-->
|
<tr>
|
<td rowspan="4" class="table-row-tr">1行</td>
|
<td class="table-row-fz">1层</td>
|
<td class="table-row-fz" id="cell_1_1_8">25</td>
|
<td class="table-row-fz" id="cell_1_1_7">26.6</td>
|
<td class="table-row-fz" id="cell_1_1_6">26.6</td>
|
<td class="table-row-fz" id="cell_1_1_5">26.6</td>
|
<td class="table-row-fz" id="cell_1_1_4">26.6</td>
|
<td class="table-row-fz" id="cell_1_1_3">26.6</td>
|
<td class="table-row-fz" id="cell_1_1_2">26.6</td>
|
<td class="table-row-fz" id="cell_1_1_1">26.6</td>
|
</tr>
|
<tr>
|
<td class="table-row-fz">2层</td>
|
<td class="table-row-fz" id="cell_2_1_8">23.6</td>
|
<td class="table-row-fz" id="cell_2_1_7">23.6</td>
|
<td class="table-row-fz" id="cell_2_1_6">23.6</td>
|
<td class="table-row-fz" id="cell_2_1_5">23.6</td>
|
<td class="table-row-fz" id="cell_2_1_4">23.6</td>
|
<td class="table-row-fz" id="cell_2_1_3">23.6</td>
|
<td class="table-row-fz" id="cell_2_1_2">23.6</td>
|
<td class="table-row-fz" id="cell_2_1_1">23.6</td>
|
</tr>
|
<tr>
|
<td class="table-row-fz">3层</td>
|
<td class="table-row-fz" id="cell_3_1_8"></td>
|
<td class="table-row-fz" id="cell_3_1_7"></td>
|
<td class="table-row-fz" id="cell_3_1_6"></td>
|
<td class="table-row-fz" id="cell_3_1_5"></td>
|
<td class="table-row-fz" id="cell_3_1_4"></td>
|
<td class="table-row-fz" id="cell_3_1_3"></td>
|
<td class="table-row-fz" id="cell_3_1_2"></td>
|
<td class="table-row-fz" id="cell_3_1_1"></td>
|
</tr>
|
<tr>
|
<td class="table-row-tr">4层</td>
|
<td class="table-row-tr" id="cell_4_1_8"></td>
|
<td class="table-row-tr" id="cell_4_1_7"></td>
|
<td class="table-row-tr" id="cell_4_1_6"></td>
|
<td class="table-row-tr" id="cell_4_1_5"></td>
|
<td class="table-row-tr" id="cell_4_1_4"></td>
|
<td class="table-row-tr" id="cell_4_1_3"></td>
|
<td class="table-row-tr" id="cell_4_1_2"></td>
|
<td class="table-row-tr" id="cell_4_1_1"></td>
|
</tr>
|
|
<!-- 第2行 id=cell_z_y_x-->
|
<tr>
|
<td rowspan="4" class="table-row-tr">2行</td>
|
<td class="table-row-fz">1层</td>
|
<td class="table-row-fz" id="cell_1_2_8"></td>
|
<td class="table-row-fz" id="cell_1_2_7"></td>
|
<td class="table-row-fz" id="cell_1_2_6"></td>
|
<td class="table-row-fz" id="cell_1_2_5"></td>
|
<td class="table-row-fz" id="cell_1_2_4"></td>
|
<td class="table-row-fz" id="cell_1_2_3"></td>
|
<td class="table-row-fz" id="cell_1_2_2"></td>
|
<td class="table-row-fz" id="cell_1_2_1"></td>
|
</tr>
|
<tr>
|
<td class="table-row-fz">2层</td>
|
<td class="table-row-fz" id="cell_2_2_8"></td>
|
<td class="table-row-fz" id="cell_2_2_7"></td>
|
<td class="table-row-fz" id="cell_2_2_6"></td>
|
<td class="table-row-fz" id="cell_2_2_5"></td>
|
<td class="table-row-fz" id="cell_2_2_4"></td>
|
<td class="table-row-fz" id="cell_2_2_3"></td>
|
<td class="table-row-fz" id="cell_2_2_2"></td>
|
<td class="table-row-fz" id="cell_2_2_1"></td>
|
</tr>
|
<tr>
|
<td class="table-row-fz">3层</td>
|
<td class="table-row-fz" id="cell_3_2_8"></td>
|
<td class="table-row-fz" id="cell_3_2_7"></td>
|
<td class="table-row-fz" id="cell_3_2_6"></td>
|
<td class="table-row-fz" id="cell_3_2_5"></td>
|
<td class="table-row-fz" id="cell_3_2_4"></td>
|
<td class="table-row-fz" id="cell_3_2_3"></td>
|
<td class="table-row-fz" id="cell_3_2_2"></td>
|
<td class="table-row-fz" id="cell_3_2_1"></td>
|
</tr>
|
<tr>
|
<td class="table-row-tr">4层</td>
|
<td class="table-row-tr" id="cell_4_2_8"></td>
|
<td class="table-row-tr" id="cell_4_2_7"></td>
|
<td class="table-row-tr" id="cell_4_2_6"></td>
|
<td class="table-row-tr" id="cell_4_2_5"></td>
|
<td class="table-row-tr" id="cell_4_2_4"></td>
|
<td class="table-row-tr" id="cell_4_2_3"></td>
|
<td class="table-row-tr" id="cell_4_2_2"></td>
|
<td class="table-row-tr" id="cell_4_2_1"></td>
|
</tr>
|
|
<!-- 第3行 id=cell_z_y_x-->
|
<tr>
|
<td rowspan="4" class="table-row-tr">3行</td>
|
<td class="table-row-fz">1层</td>
|
<td class="table-row-fz" id="cell_1_3_8"></td>
|
<td class="table-row-fz" id="cell_1_3_7"></td>
|
<td class="table-row-fz" id="cell_1_3_6"></td>
|
<td class="table-row-fz" id="cell_1_3_5"></td>
|
<td class="table-row-fz" id="cell_1_3_4"></td>
|
<td class="table-row-fz" id="cell_1_3_3"></td>
|
<td class="table-row-fz" id="cell_1_3_2"></td>
|
<td class="table-row-fz" id="cell_1_3_1"></td>
|
</tr>
|
<tr>
|
<td class="table-row-fz">2层</td>
|
<td class="table-row-fz" id="cell_2_3_8"></td>
|
<td class="table-row-fz" id="cell_2_3_7"></td>
|
<td class="table-row-fz" id="cell_2_3_6"></td>
|
<td class="table-row-fz" id="cell_2_3_5"></td>
|
<td class="table-row-fz" id="cell_2_3_4"></td>
|
<td class="table-row-fz" id="cell_2_3_3"></td>
|
<td class="table-row-fz" id="cell_2_3_2"></td>
|
<td class="table-row-fz" id="cell_2_3_1"></td>
|
</tr>
|
<tr>
|
<td class="table-row-fz">3层</td>
|
<td class="table-row-fz" id="cell_3_3_8"></td>
|
<td class="table-row-fz" id="cell_3_3_7"></td>
|
<td class="table-row-fz" id="cell_3_3_6"></td>
|
<td class="table-row-fz" id="cell_3_3_5"></td>
|
<td class="table-row-fz" id="cell_3_3_4"></td>
|
<td class="table-row-fz" id="cell_3_3_3"></td>
|
<td class="table-row-fz" id="cell_3_3_2"></td>
|
<td class="table-row-fz" id="cell_3_3_1"></td>
|
</tr>
|
<tr>
|
<td class="table-row-tr">4层</td>
|
<td class="table-row-tr" id="cell_4_3_8"></td>
|
<td class="table-row-tr" id="cell_4_3_7"></td>
|
<td class="table-row-tr" id="cell_4_3_6"></td>
|
<td class="table-row-tr" id="cell_4_3_5"></td>
|
<td class="table-row-tr" id="cell_4_3_4"></td>
|
<td class="table-row-tr" id="cell_4_3_3"></td>
|
<td class="table-row-tr" id="cell_4_3_2"></td>
|
<td class="table-row-tr" id="cell_4_3_1"></td>
|
</tr>
|
|
<!-- 第4行 id=cell_z_y_x-->
|
<tr>
|
<td rowspan="4" class="table-row-tr">4行</td>
|
<td class="table-row-fz">1层</td>
|
<td class="table-row-fz" id="cell_1_4_8"></td>
|
<td class="table-row-fz" id="cell_1_4_7"></td>
|
<td class="table-row-fz" id="cell_1_4_6"></td>
|
<td class="table-row-fz" id="cell_1_4_5"></td>
|
<td class="table-row-fz" id="cell_1_4_4"></td>
|
<td class="table-row-fz" id="cell_1_4_3"></td>
|
<td class="table-row-fz" id="cell_1_4_2"></td>
|
<td class="table-row-fz" id="cell_1_4_1"></td>
|
</tr>
|
<tr>
|
<td class="table-row-fz">2层</td>
|
<td class="table-row-fz" id="cell_2_4_8"></td>
|
<td class="table-row-fz" id="cell_2_4_7"></td>
|
<td class="table-row-fz" id="cell_2_4_6"></td>
|
<td class="table-row-fz" id="cell_2_4_5"></td>
|
<td class="table-row-fz" id="cell_2_4_4"></td>
|
<td class="table-row-fz" id="cell_2_4_3"></td>
|
<td class="table-row-fz" id="cell_2_4_2"></td>
|
<td class="table-row-fz" id="cell_2_4_1"></td>
|
</tr>
|
<tr>
|
<td class="table-row-fz">3层</td>
|
<td class="table-row-fz" id="cell_3_4_8"></td>
|
<td class="table-row-fz" id="cell_3_4_7"></td>
|
<td class="table-row-fz" id="cell_3_4_6"></td>
|
<td class="table-row-fz" id="cell_3_4_5"></td>
|
<td class="table-row-fz" id="cell_3_4_4"></td>
|
<td class="table-row-fz" id="cell_3_4_3"></td>
|
<td class="table-row-fz" id="cell_3_4_2"></td>
|
<td class="table-row-fz" id="cell_3_4_1"></td>
|
</tr>
|
<tr>
|
<td class="table-row-tr">4层</td>
|
<td class="table-row-tr" id="cell_4_4_8"></td>
|
<td class="table-row-tr" id="cell_4_4_7"></td>
|
<td class="table-row-tr" id="cell_4_4_6"></td>
|
<td class="table-row-tr" id="cell_4_4_5"></td>
|
<td class="table-row-tr" id="cell_4_4_4"></td>
|
<td class="table-row-tr" id="cell_4_4_3"></td>
|
<td class="table-row-tr" id="cell_4_4_2"></td>
|
<td class="table-row-tr" id="cell_4_4_1"></td>
|
</tr>
|
|
<!-- 第5行 id=cell_z_y_x-->
|
<tr>
|
<td rowspan="4" class="table-row-tr">5行</td>
|
<td class="table-row-fz">1层</td>
|
<td class="table-row-fz" id="cell_1_5_8"></td>
|
<td class="table-row-fz" id="cell_1_5_7"></td>
|
<td class="table-row-fz" id="cell_1_5_6"></td>
|
<td class="table-row-fz" id="cell_1_5_5"></td>
|
<td class="table-row-fz" id="cell_1_5_4"></td>
|
<td class="table-row-fz" id="cell_1_5_3"></td>
|
<td class="table-row-fz" id="cell_1_5_2"></td>
|
<td class="table-row-fz" id="cell_1_5_1"></td>
|
</tr>
|
<tr>
|
<td class="table-row-fz">2层</td>
|
<td class="table-row-fz" id="cell_2_5_8"></td>
|
<td class="table-row-fz" id="cell_2_5_7"></td>
|
<td class="table-row-fz" id="cell_2_5_6"></td>
|
<td class="table-row-fz" id="cell_2_5_5"></td>
|
<td class="table-row-fz" id="cell_2_5_4"></td>
|
<td class="table-row-fz" id="cell_2_5_3"></td>
|
<td class="table-row-fz" id="cell_2_5_2"></td>
|
<td class="table-row-fz" id="cell_2_5_1"></td>
|
</tr>
|
<tr>
|
<td class="table-row-fz">3层</td>
|
<td class="table-row-fz" id="cell_3_5_8"></td>
|
<td class="table-row-fz" id="cell_3_5_7"></td>
|
<td class="table-row-fz" id="cell_3_5_6"></td>
|
<td class="table-row-fz" id="cell_3_5_5"></td>
|
<td class="table-row-fz" id="cell_3_5_4"></td>
|
<td class="table-row-fz" id="cell_3_5_3"></td>
|
<td class="table-row-fz" id="cell_3_5_2"></td>
|
<td class="table-row-fz" id="cell_3_5_1"></td>
|
</tr>
|
<tr>
|
<td class="table-row-tr">4层</td>
|
<td class="table-row-tr" id="cell_4_5_8"></td>
|
<td class="table-row-tr" id="cell_4_5_7"></td>
|
<td class="table-row-tr" id="cell_4_5_6"></td>
|
<td class="table-row-tr" id="cell_4_5_5"></td>
|
<td class="table-row-tr" id="cell_4_5_4"></td>
|
<td class="table-row-tr" id="cell_4_5_3"></td>
|
<td class="table-row-tr" id="cell_4_5_2"></td>
|
<td class="table-row-tr" id="cell_4_5_1"></td>
|
</tr>
|
|
</table>
|
|
<!--动态层表格-->
|
<table cellspacing="0" cellpadding="0" class="table-2">
|
<tr>
|
<td width="200px">粮情分析：</td>
|
<td id="cell_grain_remark" colspan="5">检测正常</td>
|
</tr>
|
<tr>
|
<td></td>
|
<td>最高</td>
|
<td>最低</td>
|
<td>平均</td>
|
<td>周均</td>
|
<td>内均</td>
|
</tr>
|
<tr>
|
<td>第1层</td>
|
<td id="cell_max_1"></td>
|
<td id="cell_min_1"></td>
|
<td id="cell_ave_1"></td>
|
<td id="cell_out_ave_1"></td>
|
<td id="cell_in_ave_1"></td>
|
</tr>
|
<tr>
|
<td>第2层</td>
|
<td id="cell_max_2"></td>
|
<td id="cell_min_2"></td>
|
<td id="cell_ave_2"></td>
|
<td id="cell_out_ave_2"></td>
|
<td id="cell_in_ave_2"></td>
|
</tr>
|
<tr>
|
<td>第3层</td>
|
<td id="cell_max_3"></td>
|
<td id="cell_min_3"></td>
|
<td id="cell_ave_3"></td>
|
<td id="cell_out_ave_3"></td>
|
<td id="cell_in_ave_3"></td>
|
</tr>
|
<tr>
|
<td>第4层</td>
|
<td id="cell_max_4"></td>
|
<td id="cell_min_4"></td>
|
<td id="cell_ave_4"></td>
|
<td id="cell_out_ave_4"></td>
|
<td id="cell_in_ave_4"></td>
|
</tr>
|
<tr>
|
<td>整仓</td>
|
<td id="cell_max"></td>
|
<td id="cell_min"></td>
|
<td id="cell_ave"></td>
|
<td id="cell_out_ave"></td>
|
<td id="cell_in_ave"></td>
|
</tr>
|
|
<!-- 固定数据-->
|
<tr>
|
<td id="cell_tIn">仓温：</td>
|
<td id="cell_hIn">仓湿：</td>
|
<td id="cell_tOut" colspan="2">气温：</td>
|
<td id="cell_hOut" colspan="2">气湿：</td>
|
</tr>
|
<tr>
|
<td>仓房类型</td>
|
<td id="cell_depotType"></td>
|
<td colspan="2">入仓日期</td>
|
<td id="cell_storeDate" colspan="2"></td>
|
</tr>
|
<tr>
|
<td>粮食品种</td>
|
<td id="cell_foodVariety"></td>
|
<td colspan="2">实际储量（吨）</td>
|
<td id="cell_storageReal" colspan="2"></td>
|
</tr>
|
<tr>
|
<td>入仓水分（%）</td>
|
<td id="cell_perWet"></td>
|
<td colspan="2">当前水分（%）</td>
|
<td id="cell_perWet2" colspan="2"></td>
|
</tr>
|
<tr>
|
<td>发芽率（%）</td>
|
<td></td>
|
<td colspan="2">粮食产地</td>
|
<td id="cell_foodLocation" colspan="2"></td>
|
</tr>
|
<tr>
|
<td>容重（kg/m3）</td>
|
<td id="cell_bulkWeight"></td>
|
<td colspan="2">面筋持水率（%）</td>
|
<td colspan="2"></td>
|
</tr>
|
<tr>
|
<td>杂质（%）</td>
|
<td id="cell_perImpurity"></td>
|
<td colspan="2">不完善粒（%）</td>
|
<td id="cell_broken" colspan="2"></td>
|
</tr>
|
<tr>
|
<td>监测人</td>
|
<td id="cell_checkUser"></td>
|
<td colspan="2">保管员</td>
|
<td id="cell_storeKeeperName" colspan="2"></td>
|
</tr>
|
</table>
|
<!--尾部信息 -->
|
<div style="margin-top: 5px;">
|
<span style="float: left;">注：#表示层最低温 *表示层最高温 ^表示电缆开始位置</span>
|
<span id="createBillDate" style="float: right;">制表时间：2019-10-18
|
14:23:20</span>
|
</div>
|
|
|
</div>
|
|
|
<button onclick="preview2()">循环打印</button>
|
<button onclick="preview3()">循环多任务</button>
|
<button onclick="preview4()">多任务循环分页</button>
|
|
<button onclick="preview5()">调用后台测试</button>
|
|
<script>
|
var LODOP;//声明为全局变量
|
|
function preview2() { //一个任务中循环多页，每页内容不同
|
LODOP = getLodop();
|
var wenben = [ "一号文本", "二号文本", "三号文本", "四号文本" ];
|
LODOP.PRINT_INIT("");//初始化在循环外
|
LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4");
|
for (i = 0; i < wenben.length; i++) {
|
LODOP.NewPage();
|
LODOP.ADD_PRINT_HTM(35, 15, "180mm", "100%", document.getElementById("print_main").innerHTML);
|
}
|
//LODOP.PRINT_DESIGN();
|
LODOP.PREVIEW();
|
};
|
|
function preview3() { //循环多个任务，每个任务内容不同
|
LODOP = getLodop();
|
var wenben = [ "一号文本", "二号文本", "三号文本", "四号文本" ];
|
for (i = 0; i < wenben.length; i++) {
|
LODOP.PRINT_INIT("");//初始化在循环中
|
LODOP.SET_PRINT_PAGESIZE(1, 300, 500, "");
|
LODOP.ADD_PRINT_TEXT(75, 6, 100, 20, wenben[i]);
|
LODOP.PRINT();
|
}
|
};
|
|
function preview4() { //循环多个任务，任务中循环页数，分页分任务
|
LODOP = getLodop();
|
var wenben = [ "一号文本", "二号文本", "三号文本", "四号文本" ];
|
for (i = 0; i < 4; i = i + 2) {
|
LODOP.PRINT_INIT("");//初始化在外循环中
|
LODOP.SET_PRINT_PAGESIZE(1, 300, 500, "");
|
for (j = 0; j < 2; j++) {
|
console.log(i + j);
|
LODOP.ADD_PRINT_TEXT(75, 6, 100, 20, wenben[i + j]);
|
LODOP.NewPage();
|
}
|
//LODOP.PRINT_DESIGN();
|
LODOP.PRINT();
|
}
|
};
|
|
function onPrint(strHtml) {
|
LODOP = getLodop();
|
LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4");
|
LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_全页");
|
LODOP.ADD_PRINT_HTM(30, 40, "180mm", "100%", strHtml);
|
LODOP.PREVIEW();
|
}
|
|
function preview5(){//调用后台测试
|
var data = {depotId:"0153"};
|
$.ajax({
|
type: 'POST',
|
url: '../basic/grain/query-data' ,
|
dataType: 'JSON',
|
contentType: 'application/json',
|
data: JSON.stringify(data),
|
success: function(result){
|
if(result.code != "0000") {
|
alert(result.msg);
|
}
|
console.log(result.data);
|
|
var grainData = result.data;
|
|
var model = builderModel(grainData);
|
|
onPrint(model);
|
}
|
});
|
};
|
|
</script>
|
</body>
|
</html>
|
