Skip to content

N
njzsb
Commit 3552c19e authored by 徐州's avatar 徐州
Browse files
Options

no message

parent 72dcd514
Show whitespace changes
Inline Side-by-side
Showing with 132 additions and 391 deletions
WebRoot/WEB-INF/pages/account/paymentVoucher/PaymentVoucherPrint_GuiHua.jsp
View file @ 3552c19e
......@@ -656,7 +656,7 @@
<div id='33' draggable='true' class='f33'>${paymentItemHis.zslxdbh}</div>
<div id='34' draggable='true' class='f34'>${paymentItemHis.jbr}&nbsp;&nbsp;&nbsp;${rfxm.jbr}</div>
<c:if test="${paymentItemHis.isCwyz!='0'}">
<div id='37' draggable='true' class='f37'><img src="${ctx}/images/img/zhang1.png" alt=""></div>
<div id='37' draggable='true' class='f37'><img src="`${ctx}/images/img/`zhang1.png" alt=""></div>
</c:if>
<div id='36' draggable='true' class='f36'><img src="${ctx}/images/img/zhang3.png" alt=""></div>
......
WebRoot/WEB-INF/pages/jfzm/Jfzm_view.jsp
View file @ 3552c19e
......@@ -16,474 +16,283 @@
text-decoration: none;
line-height: 180%;
}
.normalsize{
font-size: 15.8px;
}
.f1 {
left: 250px;
top: 188px;
font-size: 15.8px;
}
/* 建设单位（左） */
.f2 {
left: 200px;
top: 215px;
font-size: 15.8px;
}
/* 项目性质（左） */
.f3 {
left: 170px;
top: 243px;
font-size: 15.8px;
}
/* 项目名称（左） */
.f4 {
left: 170px;
top: 298px;
font-size: 15.8px;
}
/* 项目名称（左） */
.f5 {
left: 170px;
top: 351px;
font-size: 15.8px;
}
/* 建筑面积（左）*/
.f6 {
left: 190px;
top: 376px;
font-size: 15.8px;
}
/* 测算配套费（左） */
.f7 {
left: 205px;
top: 429px;
font-size: 15.8px;
}
.f8 {
left: 205px;
top: 458px;
font-size: 15.8px;
}
.f9 {
left: 145px;
top: 499px;
font-size: 15.8px;
}
/* 备注 */
.f10 {
left: 175px;
top: 549px;
font-size: 15.8px;
}
/* 经办人 */
.f11 {
left: 175px;
top: 607px;
font-size: 15.8px;
}
/* 领单人 */
.f12 {
left: 185px;
top: 673px;
font-size: 15.8px;
}
/* 电子监管号 */
.f13 {
left: 157px;
top: 697px;;
font-size: 15.8px;
}
/* 年 */
.f14 {
left: 230px;
top: 697px;
font-size: 15.8px;
}
/* 月 */
.f15 {
left: 275px;
top: 697px;
font-size: 15.8px;
}
/* 日 */
.f16 {
left: 580px;
top: 660px;
font-size: 15.8px;
left: 250px;
top: 660px
}
/* 电子监管号 */
.f17 {
left: 600px;
top: 258px;
font-size: 15.8px;
left: 270px;
top: 258px
}
.f18 {
left: 855px;
top: 258px;
font-size: 15.8px;
left: 525px;
top: 258px
}
.f19 {
left: 600px;
top: 303px;
font-size: 15.8px;
left: 270px;
top: 303px
}
.f20 {
left: 600px;
top: 340px;
font-size: 15.8px;
left: 270px;
top: 340px
}
.f21 {
left: 600px;
top: 393px;
font-size: 15.8px;
left: 270px;
top: 393px
}
.f22 {
left: 600px;
top: 438px;
font-size: 15.8px;
left: 270px;
top: 438px
}
.f23 {
left: 600px;
top: 483px;
font-size: 15.8px;
left: 270px;
top: 483px
}
.f24 {
left: 580px;
top: 580px;
font-size: 15.8px;
left: 250px;
top: 580px
}
.f25 {
left: 580px;
top: 605px;
font-size: 15.8px;
left: 250px;
top: 605px
}
.f26 {
left: 580px;
top: 634px;
font-size: 15.8px;
left: 250px;
top: 634px
}
.f27 {
left: 795px;
left: 465px;
top: 709px;
z-index:99;
font-size: 15.8px;
z-index:99
}
.f28 {
left: 865px;
left: 535px;
top: 709px;
z-index:99;
font-size: 15.8px;
z-index:99
}
.f29 {
left: 920px;
left: 590px;
top: 709px;
z-index:99;
font-size: 15.8px;
z-index:99
}
.f30 {
left: 600px;
top: 479px;
font-size: 15.8px;
left: 270px;
top: 479px
}
.f31 {
left: 600px;
top: 499px;
font-size: 15.8px;
}
/*NO.PTF*/
.f32 {
left: 220px;
top: 123px;
font-size: 24px;
color: #a43635;
left: 270px;
top: 499px
}
/*NO.PTF*/
.f33 {
left: 920px;
left: 590px;
top: 130px;
font-size: 24px;
color: #a43635;
}
/*经办人*/
.f34 {
left: 155px;
top: 563px;
color: red;
font-weight: bolder;
font-size: 15.8px;
}
/*内部使用*/
.f35,.f40 {
left: 740px;
.f40 {
left: 470px;
top: 408px;
color: red;
font-size: 24px;
font-size: 20px;
background-color: #F2F7FD;
z-index: 99;
text-align: center;
}
/*章1*/
.f36 {
left: 840px;
top: 620px;
z-index:98
}
.f36 img,
.f37 img {
width: 160px;
width: 80px;
height: 160px;
}
/*章2*/
.f37 {
left: 250px;
left: 0px;
top: 250px;
font-size: 15.8px;
}
.f38 {
left: 70px;
top: 490px;
font-size: 15.8px;
}
.f39 {
left: 800px;
left: 470px;
top: 395px;
font-size: 15.8px;
}
.f38 img,
.f39 img {
width: 200px;
height: 60px;
}
#page1 DIV {
position: absolute
}
.only_for_print{display: none}
.f111 {
left: 660px;
top: 104px;
font-size: 15.8px;
}
/* 项目编号 */
.f211 {
left: 219px;
top: 168px;
font-size: 15.8px;
}
/* 建设单位 */
.f311 {
left: 570px;
top: 168px;
font-size: 15.8px;
top: 168px
}
/* 房改办联系单编号 */
.f411 {
left: 219px;
top: 222px;
font-size: 15.8px;
top: 222px
}
/* 项目名称 */
.f511 {
left: 570px;
top: 222px;
font-size: 15.8px;
top: 222px
}
/* 项目受理编号 */
.f611 {
left: 219px;
top: 284px;
font-size: 15.8px;
top: 284px
}
/* 项目地址 */
.f711 {
left: 570px;
top: 284px;
font-size: 15.8px;
top: 284px
}
/* 联系人及电话 */
.f811 {
left: 219px;
top: 356px;
font-size: 15.8px;
top: 356px
}
/* 补缴面积 */
.f911 {
left: 570px;
top: 356px;
font-size: 15.8px;
top: 356px
}
/* 其它规费 */
.f1211 {
left: 232px;
top: 368px;
font-size: 15.8px;
top: 368px
}
/* 经办人 */
.f1311 {
left: 200px;
top: 430px;
font-size: 15.8px;
top: 430px
}
/* 领单人 */
.f1411 {
left: 485px;
top: 488px;
font-size: 15.8px;
top: 488px
}
/* 年 */
.f1511 {
left: 545px;
top: 488px;
font-size: 15.8px;
top: 488px
}
/* 月 */
.f1611 {
left: 585px;
top: 488px;
font-size: 15.8px;
top: 488px
}
/* 日 */
.f1711 {
left: 660px;
top: 564px;
font-size: 15.8px;
top: 564px
}
/* 项目编号 */
.f1811 {
left: 219px;
top: 686px;
font-size: 15.8px;
top: 686px
}
/* 建设单位 */
.f1911 {
left: 570px;
top: 686px;
font-size: 15.8px;
top: 686px
}
/* 房改办联系单编号 */
.f2011 {
left: 219px;
top: 740px;
font-size: 15.8px;
top: 740px
}
/* 项目名称 */
.f2111 {
left: 570px;
top: 740px;
font-size: 15.8px;
top: 740px
}
/* 项目受理编号 */
.f2211 {
left: 219px;
top: 810px;
font-size: 15.8px;
top: 810px
}
/* 项目地址 */
.f2311 {
left: 570px;
top: 810px;
font-size: 15.8px;
top: 810px
}
/* 联系人及电话 */
.f2411 {
left: 219px;
top: 896px;
font-size: 15.8px;
top: 896px
}
/* 补缴面积 */
.f2511 {
left: 570px;
top: 896px;
font-size: 15.8px;
top: 896px
}
/* 其它规费 */
.f2811 {
left: 485px;
top: 1031px;
font-size: 15.8px;
top: 1031px
}
/* 年 */
.f2911 {
left: 545px;
top: 1031px;
font-size: 15.8px;
top: 1031px
}
/* 月 */
.f3011 {
left: 585px;
top: 1031px;
font-size: 15.8px;
top: 1031px
}
.f3111 {
left: 585px;
top: 408px;
font-size: 15.8px;
top: 408px
}
.f3211 {
left: 585px;
top: 950px;
font-size: 15.8px;
top: 950px
}
.f3111 img,
.f3211 img {
......@@ -494,88 +303,67 @@
<title>Title</title>
<%@include file="/common/jsLib.jsp"%>
<script type="text/javascript" src="${ctx}/webResources/js/jatoolPrinter.js"></script>
<script type="text/javascript" src="${ctx}/webResources/js/canvans.js"></script>
<script>
$(function(){
doPrint()
parent.close_win('win_jfzm_view')
})
function doPrint() {
myDoc = {
settings: {
pageWidth: 2100,
pageHeight: 1400,
orientation: 2},
documents: document,
marginIgnored:true,
dragDesigner: {viewSource:true},
settingsID: 'mydoc3',
classesReplacedWhenPrint: new Array('.only_for_print{display:block}'),
copyrights: "杰创软件拥有版权 www.jatools.com"
}
var jatoolsPrinter = document.getElementById("jatoolsPrinter")
jatoolsPrinter.printPreview(myDoc);
//doPrint()
//parent.close_win('win_paymentVoucher')
})
const convertToImage = async(options = {}) => {
document.body.scrollTop = document.documentElement.scrollTop = 0;
// 设置放大倍数
const scale = window.devicePixelRatio;
const container = document.getElementById('page1')
// 传入节点原始宽高
const _width = container.offsetWidth;
const _height = container.offsetHeight;
let { width, height } = options;
width = width || _width;
height = height || _height;
// html2canvas配置项
const ops = {
scale,
width,
height,
useCORS: true,
allowTaint: false,
...options
};
return html2canvas(container, ops).then(canvas => {
// 返回图片的二进制数据
// return canvas.toDataURL("image/png");
const imgUrl = canvas.toDataURL("image/png")
console.log(imgUrl);
document.getElementById("img2").setAttribute('src', imgUrl)
//const a = document.createElement('a')
//a.src = imgUrl
<%--a.setAttribute('download', `chart-download-${name}`)--%>
// a.click()
});
}
const doPrint = async()=>{
await convertToImage({
width: 790,
height: 790,
scale: 1
}).then(x => {
console.log(x);
})
}
</script>
</head>
<body>
<form name="myform" method="post">
<div class="page_dialog">
<div class="inner6px">
<div class="cell" style="width: ${tableWidth}">
<table width="100%">
<tr>
<td colspan="4" height="100px" style="text-align:center">
<a href="#" class="btn_01" onclick="doPrint()">打印预览<b></b></a>
<a href="#" class="btn_01" onclick="parent.close_win('win_jfzm_view');">关闭<b></b></a>
</td>
</tr>
</table>
</div></div></div>
</form>
横联
<c:if test="${rfxm.mjyj != '002' && rfxm.mjyj != '004'}">
<div id="page1" class='only_for_print pagestyle' style='width:210mm;height:140mm;position:relative;'>
<img class='screen-only' src="${ctx}/images/img/gz.jpg" style="position:absolute;width:100%;height:100%"/>
<div id='f1' draggable='true' class='f1'>${rfxm.xxylbbh}</div>
<div id='f2' draggable='true' class='f2'>${rfxm.slbh}</div>
<c:choose>
<c:when test="${fn:length(xmxxb.jsdw) <= 35 }"> <!--如果 -->
<div id='f3' draggable='true'
class='f3'>${fn:substring(xmxxb.jsdw,0,13)}<br/>${fn:substring(xmxxb.jsdw,13,26)}<br/>${fn:substring(xmxxb.jsdw,26,35)}
</div>
</c:when>
<c:otherwise> <!--否则 -->
<div id='f3' draggable='true'
class='f3'>${fn:substring(xmxxb.jsdw,0,13)}<br/>${fn:substring(xmxxb.jsdw,13,26)}<br/>${fn:substring(xmxxb.jsdw,26,35)}(最多显示35个字)
</div>
</c:otherwise>
</c:choose>
<c:choose>
<c:when test="${fn:length(xmxxb.xmmc) <= 35 }"> <!--如果 -->
<div id='f4' draggable='true'
class='f4'>${fn:substring(xmxxb.xmmc,0,13)}<br/>${fn:substring(xmxxb.xmmc,13,26)}<br/>${fn:substring(xmxxb.xmmc,26,35)}
</div>
</c:when>
<c:otherwise> <!--否则 -->
<div id='f4' draggable='true'
class='f4'>${fn:substring(xmxxb.xmmc,0,13)}<br/>${fn:substring(xmxxb.xmmc,13,26)}<br/>${fn:substring(xmxxb.xmmc,26,35)}(最多显示35个字)
</div>
</c:otherwise>
</c:choose>
<div id='f5' draggable='true' class='f5'>${xmxxb.zjsmj} 平方米</div>
<div id='f6' draggable='true' class='f6'><fmt:formatNumber value="${xmxxb.sjcsje}" pattern="#,##0.00#"/> 元</div>
<div id='f7' draggable='true' class='f7'><fmt:formatNumber value="${paymentItemHis.ptyjje}" pattern="#,##0.00#"/> 元</div>
<div id='f8' draggable='true' class='f8'><fmt:formatNumber value="${paymentItemHis.ptyjmj}" pattern="#,##0.00#"/> 元</div>
<div id='f9' draggable='true' class='f9'></div>
<div id='f10' draggable='true' class='f10'></div>
<div id='f11' draggable='true' class='f11'></div>
<div id='f12' draggable='true' class='f12'>${paymentItemHis.ECN}</div>
<div id='f13' draggable='true' class='f13'>${fn:substring(paymentItemHis.jfpzTime,0,4)}</div>
<div id='f14' draggable='true' class='f14'>${fn:substring(paymentItemHis.jfpzTime,5,7)}</div>
<div id='f15' draggable='true' class='f15'>${fn:substring(paymentItemHis.jfpzTime,8,10)}</div>
<div id="page1" class='only_for_print1 pagestyle' style='width:790px;height:790px;position:relative;'>
<img class='screen-only' src="${ctx}/images/img/gz_half.jpg" style="position:absolute;width:100%;height:100%"/>
<div id='f16' draggable='true' class='f16'>${paymentItemHis.ECN}</div>
<div id='f17' draggable='true' class='f17'>${rfxm.xxylbbh}</div>
<div id='f18' draggable='true' class='f18'>${rfxm.slbh}</div>
......@@ -593,17 +381,10 @@
<div id='f30' draggable='true' class='f30'>规划许可证号：${xmxxb.xkzh}</div>
<div id='f31' draggable='true' class='f31'>规划项目编号：${xmxxb.xmbh}</div>
<%-- isRfyz = 1 显示人防章--%>
<%-- isRfyz != 1 显示人防章未用章--%>
<%-- isSbj = 1 市本级--%>
<%-- isSbj != 1 非市本级--%>
<%-- isSl = 1 竖联--%>
<%-- isSl != 1 横联--%>
<div id='32' draggable='true' class='f32'>${paymentItemHis.zslxdbh}</div>
<div id='33' draggable='true' class='f33'>${paymentItemHis.zslxdbh}</div>
<div id='34' draggable='true' class='f34'>${paymentItemHis.jbr}&nbsp;&nbsp;&nbsp;${rfxm.jbr}</div>
<div id='37' draggable='true' class='f37'><img src="${ctx}/images/img/zhang1.png" alt=""></div>
<div id='36' draggable='true' class='f36'><img src="${ctx}/images/img/zhang3.png" alt=""></div>
<c:if test="${rfxm.isRfyz=='1'}">
<div id='37' draggable='true' class='f37'><img src="${ctx}/images/img/zhang_half.png" alt=""></div>
</c:if>
<c:choose>
<c:when test="${empty rfxm}">
......@@ -616,11 +397,9 @@
<c:when test="${rfxm.isRfyz=='1'}"> <!--如果 -->
<c:choose>
<c:when test="${rfxm.isSbj=='1'}"> <!--如果 -->
<div id='38' draggable='true' class='f38'><img src="${ctx}/images/img/zhang2.png" alt=""></div>
<div id='39' draggable='true' class='f39'><img src="${ctx}/images/img/zhang2.png" alt=""></div>
</c:when>
<c:otherwise> <!--否则 -->
<div id='38' draggable='true' class='f38'><img src="${ctx}/images/img/zhang4.png" alt=""></div>
<div id='39' draggable='true' class='f39'><img src="${ctx}/images/img/zhang4.png" alt=""></div>
</c:otherwise>
</c:choose>
......@@ -637,61 +416,23 @@
</c:choose>
</c:otherwise>
</c:choose>
</c:when>
<c:otherwise>
<div></div>
</c:otherwise>
</c:choose>
</c:otherwise>
</c:choose>
</div>
</c:if>
竖联
<c:if test="${rfxm.mjyj == '002' || rfxm.mjyj == '004'}">
<div id="page1" class='only_for_print pagestyle' style='width:210mm;height:140mm;position:relative;'>
<img src="${ctx}/webResources/images/fanggaiban.jpg" style="position:absolute;width:100%;height:100%"/>
<div id='f111' draggable='true' class='f111'>${paymentItemHis.ECN}</div>
<div id='f211' draggable='true' class='f211'>${xmxxb.jsdw}</div>
<div id='f311' draggable='true' class='f311'>${paymentItemHis.zslxdbh}</div>
<div id='f411' draggable='true' class='f411'>
${fn:substring(xmxxb.xmmc,0,20)}<br />${fn:substring(xmxxb.xmmc,20,-1)}
</div>
<div id='f511' draggable='true' class='f511'>${rfxm.slbh}</div>
<div id='f611' draggable='true' class='f611'>${xmxxb.jsdd}</div>
<div id='f711' draggable='true' class='f711'>${xmxxb.lianxiren}<br />${xmxxb.phone}</div>
<div id='f811' draggable='true' class='f811'>${xmxxb.csmj}</div>
<div id='f911' draggable='true' class='f911'>${paymentItemHis.ptyjje}</div>
<div id='f1211' draggable='true' class='f1211'></div>
<div id='f1311' draggable='true' class='f1311'></div>
<div id='f1411' draggable='true' class='f1411'>${fn:substring(paymentItemHis.jfpzTime,0,4)}</div>
<div id='f1511' draggable='true' class='f1511'>${fn:substring(paymentItemHis.jfpzTime,5,7)}</div>
<div id='f1611' draggable='true' class='f1611'>${fn:substring(paymentItemHis.jfpzTime,8,10)}</div>
<div id='f1711' draggable='true' class='f1711'>${paymentItemHis.ECN}</div>
<div id='f1811' draggable='true' class='f1811'>${xmxxb.jsdw}</div>
<div id='f1911' draggable='true' class='f1911'>${paymentItemHis.zslxdbh}</div>
<div id='f2011' draggable='true' class='f2011'>
${fn:substring(paymentItemHis.xmmc,0,20)}<br />${fn:substring(xmxxb.xmmc,20,-1)}</div>
<div id='f2111' draggable='true' class='f2111'>${rfxm.slbh}</div>
<div id='f2211' draggable='true' class='f2211'>${xmxxb.jsdd}</div>
<div id='f2311' draggable='true' class='f2311'>${xmxxb.lianxiren}<br />${xmxxb.phone}</div>
<div id='f2411' draggable='true' class='f2411'>${xmxxb.csmj}</div>
<div id='f2511' draggable='true' class='f2511'>
</div>
<div id='f2811' draggable='true' class='f2811'>${fn:substring(paymentItemHis.jfpzTime,0,4)}</div>
<div id='f2911' draggable='true' class='f2911'>${fn:substring(paymentItemHis.jfpzTime,5,7)}</div>
<div id='f3011' draggable='true' class='f3011'>${fn:substring(paymentItemHis.jfpzTime,8,10)}</div>
<div id='f3111' draggable='true' class='f3111'><img src="${ctx}/images/img/zhang1.png" alt=""></div>
<div id='f3211' draggable='true' class='f3211'><img src="${ctx}/images/img/zhang3.png" alt=""></div>
</div>
</c:if>
<OBJECT ID="jatoolsPrinter" CLASSID="CLSID:B43D3361-D075-4BE2-87FE-057188254255"
codebase="/njzsb/plugin/jatoolsPrinter.cab#version=8,6,0,0" width="0" height="0">
</OBJECT>
</div>
<table style="width:790px;">
<tr>
<td colspan="4" height="50px" style="text-align:center">
<a href="#" class="btn_01" onclick="doPrint()">确认同步<b></b></a>
<a href="#" class="btn_01" onclick="parent.close_win('win_jfzm_view');">关闭<b></b></a>
</td>
</tr>
</table>
<img src="" id="img2">
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment