|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.max_box {
|
|
|
|
|
width: 1000px;
|
|
|
|
|
/* height: 1086px; */
|
|
|
|
|
margin: auto;
|
|
|
|
|
}
|
|
|
|
|
.max_box>div:nth-of-type(1) {
|
|
|
|
|
width: 100%;
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
.max_box>div:nth-of-type(2) {
|
|
|
|
|
width: 100%;
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.max_box>div:nth-of-type(3) {
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.max_box>div:nth-of-type(3)>div:nth-of-type(2) {
|
|
|
|
|
padding-right: 50px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.telbox {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
border: 2px solid #000000;
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ghdanwei {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ghdanwei>div {
|
|
|
|
|
border-bottom: 2px solid #000000;
|
|
|
|
|
/* line-height: 35px; */
|
|
|
|
|
height: 35px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ghdanwei>div:nth-of-type(1) {
|
|
|
|
|
width: 100px;
|
|
|
|
|
border-right: 2px solid #000000;
|
|
|
|
|
/* padding-left: 10px; */
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ghdanwei>div:nth-of-type(2) {
|
|
|
|
|
flex: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wuzlb {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wuzlb>div:nth-of-type(1) {
|
|
|
|
|
width: 65%;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
border-right: 2px solid #000000;
|
|
|
|
|
border-bottom: 2px solid #000000;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
line-height: 35px;
|
|
|
|
|
height: 35px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wuzlb>div:nth-of-type(1)>div:nth-of-type(1) {
|
|
|
|
|
width: 130px;
|
|
|
|
|
border-right: 2px solid #000000;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wuzlb>div:nth-of-type(1)>div:nth-of-type(2) {
|
|
|
|
|
flex: 1;
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wuzlb>div:nth-of-type(2) {
|
|
|
|
|
width: 35%;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
border-bottom: 2px solid #000000;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
line-height: 35px;
|
|
|
|
|
height: 35px;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wuzlb>div:nth-of-type(2)>div:nth-of-type(1) {
|
|
|
|
|
width: 90px;
|
|
|
|
|
border-right: 2px solid #000000;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wuzlb>div:nth-of-type(2)>div:nth-of-type(2) {
|
|
|
|
|
flex: 1;
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tianxienr {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding-left: 260px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tianxienr>div:nth-of-type(1) {
|
|
|
|
|
width: 60px;
|
|
|
|
|
border-right: 2px solid #000000;
|
|
|
|
|
border-left: 2px solid #000000;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
.huafenzj {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.huafenzj>div {
|
|
|
|
|
width: 50%;
|
|
|
|
|
line-height: 35px;
|
|
|
|
|
height: 35px;
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
border-right: 2px solid #000000;
|
|
|
|
|
border-bottom: 2px solid #000000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.huafenzj>div:nth-of-type(2) {
|
|
|
|
|
border-right: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.neironqu {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
padding: 2px 4px;
|
|
|
|
|
border-bottom: 2px solid #000000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.neironqu:nth-last-child(1) {
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.neironqu>div:nth-of-type(1) {
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.neironqu>div:nth-of-type(2) {
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.neironqu>div:nth-of-type(3) {
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.neironqu>div:nth-of-type(3)>img{
|
|
|
|
|
width: 80px;
|
|
|
|
|
height: 60px;
|
|
|
|
|
}
|
|
|
|
|
.suom {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.suom>div:nth-of-type(1) {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.beizu {
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
border-bottom: 2px solid #000000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.liebial_title {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.liebial_title>div {
|
|
|
|
|
border-bottom: 2px solid #000000;
|
|
|
|
|
border-right: 2px solid #000000;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
height: 100px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
word-wrap: break-word;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.liebial_title>div:nth-of-type(1) {
|
|
|
|
|
width: 5%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.liebial_title>div:nth-of-type(2) {
|
|
|
|
|
width: 30%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.liebial_title>div:nth-of-type(3) {
|
|
|
|
|
width: 15%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.liebial_title>div:nth-of-type(4) {
|
|
|
|
|
width: 11%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.liebial_title>div:nth-of-type(5) {
|
|
|
|
|
width: 11%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.liebial_title>div:nth-of-type(6) {
|
|
|
|
|
width: 11%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.liebial_title>div:nth-of-type(7) {
|
|
|
|
|
width: 17%;
|
|
|
|
|
border-right: none;
|
|
|
|
|
}
|
|
|
|
|
.nier_box{
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
.heji{
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
.heji>div{
|
|
|
|
|
border-right: 2px solid #000000;
|
|
|
|
|
height: 24px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
.heji>div:nth-of-type(1){
|
|
|
|
|
flex: 1;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
.heji>div:nth-of-type(2){
|
|
|
|
|
width: 11%;
|
|
|
|
|
}
|
|
|
|
|
.heji>div:nth-of-type(3){
|
|
|
|
|
width: 17%;
|
|
|
|
|
border-right: none;
|
|
|
|
|
}
|
|
|
|
|
.tip{
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
padding: 0 10px;
|
|
|
|
|
}
|
|
|
|
|
.img1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
/* top: 130px; */
|
|
|
|
|
left: 110px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.img2 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
/* top:230px ; */
|
|
|
|
|
left: 110px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.img3 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
/* top: 330px; */
|
|
|
|
|
left: 110px;
|
|
|
|
|
}
|
|
|
|
|
#zgsl{
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
#zgje{
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<style>
|
|
|
|
|
.dayinann {
|
|
|
|
|
width: 100px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
background-color: #0ea5fd;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
border: none;
|
|
|
|
|
outline: none;
|
|
|
|
|
margin-top: 50px;
|
|
|
|
|
position: relative;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translate(-50%);
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<!--startprint-->
|
|
|
|
|
<div class="max_box">
|
|
|
|
|
<div id="gs">新疆分公司</div>
|
|
|
|
|
<div>采购通知书</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div id="sqdw">申请单位：</div>
|
|
|
|
|
<div id="sunxuh">顺序号：</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="telbox">
|
|
|
|
|
<!-- <div class="ghdanwei">
|
|
|
|
|
<div>供货单位</div>
|
|
|
|
|
<div></div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<div class="wuzlb">
|
|
|
|
|
<div>
|
|
|
|
|
<div>采购项目名称</div>
|
|
|
|
|
<div id="xmmc"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div>类别</div>
|
|
|
|
|
<div id="leibie"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="wuzlb">
|
|
|
|
|
<div>
|
|
|
|
|
<div>计划资金总额</div>
|
|
|
|
|
<div id="jhzje"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div>资金来源</div>
|
|
|
|
|
<div id="zjly"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="wuzlb">
|
|
|
|
|
<div>
|
|
|
|
|
<div>合同号</div>
|
|
|
|
|
<div class="tianxienr">
|
|
|
|
|
<div>项数</div>
|
|
|
|
|
<div></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div>类别</div>
|
|
|
|
|
<div></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="huafenzj">
|
|
|
|
|
<div>
|
|
|
|
|
到货时间：
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
验收时间：
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ghdanwei">
|
|
|
|
|
<div style="height: 50px;">验收总金额（不含税）</div>
|
|
|
|
|
<div style="height: 50px;"></div>
|
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
<div class="neironqu">
|
|
|
|
|
<div>计划经营部门:</div>
|
|
|
|
|
<div id="jymb">
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div>签字（盖章）：</div>
|
|
|
|
|
<img class="img1" src="./1.png" />
|
|
|
|
|
<div id="time1">年 月 日
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="neironqu">
|
|
|
|
|
<div>财务负责人:</div>
|
|
|
|
|
<div id="cwfzr">
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div>签字（盖章）：</div>
|
|
|
|
|
<img class="img2" src="./1.png" />
|
|
|
|
|
|
|
|
|
|
<div id="time2">年 月 日
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="neironqu">
|
|
|
|
|
<div>主管领导:</div>
|
|
|
|
|
<div id="zgld">
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div>签字（盖章）：</div>
|
|
|
|
|
<img class="img3" src="./1.png" />
|
|
|
|
|
|
|
|
|
|
<div id="time3">年 月 日
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="beizu">
|
|
|
|
|
备注：专项计划物资应填写以下内容。
|
|
|
|
|
</div>
|
|
|
|
|
<div class="liebial_title">
|
|
|
|
|
<div> </div>
|
|
|
|
|
<div>物料名称及规格型号</div>
|
|
|
|
|
<div>项目WBS</div>
|
|
|
|
|
<div>单位</div>
|
|
|
|
|
<div>单价</div>
|
|
|
|
|
<div>数量</div>
|
|
|
|
|
<div>总金额（元）</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="nier_box"></div>
|
|
|
|
|
<div class="heji">
|
|
|
|
|
<div>合计</div>
|
|
|
|
|
<div id="zgsl"></div>
|
|
|
|
|
<div id="zgje"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tip">
|
|
|
|
|
<div id="wzgyzqs">物资供应站签收：</div>
|
|
|
|
|
<div id="time4">年 月 日</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tip">
|
|
|
|
|
<div>保存部门：计划经营科、财务管理科、物资供应站</div>
|
|
|
|
|
<div>保存期限：5年</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="suom">
|
|
|
|
|
<div>说明：</div>
|
|
|
|
|
<div>
|
|
|
|
|
1.物质类别是指设备、xxx、材料、配件等<br>
|
|
|
|
|
2.物质类别是指设备、xxx、材料、配件等<br>
|
|
|
|
|
3.物质类别是指设备、xxx、材料、配件等
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<!--endprint-->
|
|
|
|
|
<button class="dayinann" onclick="preview()">打印</button>
|
|
|
|
|
<!-- <button class="dayinann" onclick="">预览</button>-->
|
|
|
|
|
</body>
|
|
|
|
|
<script>
|
|
|
|
|
let dom1 = document.getElementsByClassName('nier_box')[0]
|
|
|
|
|
// function preview() {
|
|
|
|
|
// bdhtml = window.document.body.innerHTML;
|
|
|
|
|
// sprnstr = "<!--startprint-->"; //开始打印标识字符串有17个字符
|
|
|
|
|
// eprnstr = "<!--endprint-->"; //结束打印标识字符串
|
|
|
|
|
// prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17); //从开始打印标识之后的内容
|
|
|
|
|
// prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //截取开始标识和结束标识之间的内容
|
|
|
|
|
// window.document.body.innerHTML = prnhtml; //把需要打印的指定内容赋给body.innerHTML
|
|
|
|
|
// window.print(); //调用浏览器的打印功能打印指定区域
|
|
|
|
|
// window.document.body.innerHTML = bdhtml; //重新给页面内容赋值；
|
|
|
|
|
// return false;
|
|
|
|
|
// }
|
|
|
|
|
// getSync('http://localhost:9566/hy-boot/hy/processUdgetPlan/getPlanTable','id=402816818483b2a4018483b2a44d0000').result
|
|
|
|
|
let data= null;
|
|
|
|
|
//监听vue页面传递过来的值
|
|
|
|
|
window.addEventListener('message', messageEvent=> {
|
|
|
|
|
// console.log(messageEvent,'messageEvent---------------')
|
|
|
|
|
// console.log('是否存在messageEvent：',messageEvent.source);
|
|
|
|
|
// console.log('是否存在：window',window.parent.window.paren);
|
|
|
|
|
if(messageEvent.source!=window.parent.window.parent) {
|
|
|
|
|
return ;
|
|
|
|
|
};
|
|
|
|
|
console.log('儿子收到vue的数据：>>>>>>>>>>>>>>>>>>>>',messageEvent.data);
|
|
|
|
|
data = messageEvent.data;
|
|
|
|
|
console.log("data>>>>>>>>>>>>>>>>>>>>",data);
|
|
|
|
|
let sunxuh=document.getElementById('sunxuh')
|
|
|
|
|
let gs=document.getElementById('gs')
|
|
|
|
|
let sqdw=document.getElementById('sqdw')
|
|
|
|
|
let img1=document.getElementsByClassName('img1')[0]
|
|
|
|
|
let img2=document.getElementsByClassName('img2')[0]
|
|
|
|
|
let img3=document.getElementsByClassName('img3')[0]
|
|
|
|
|
let xmmc=document.getElementById('xmmc')
|
|
|
|
|
let leibie=document.getElementById('leibie')
|
|
|
|
|
let jhzje=document.getElementById('jhzje')
|
|
|
|
|
let zjly=document.getElementById('zjly')
|
|
|
|
|
let jymb=document.getElementById('jymb')
|
|
|
|
|
let cwfzr=document.getElementById('cwfzr')
|
|
|
|
|
let zgld=document.getElementById('zgld')
|
|
|
|
|
let wzgyzqs=document.getElementById('wzgyzqs')
|
|
|
|
|
let time1=document.getElementById('time1')
|
|
|
|
|
let time2=document.getElementById('time2')
|
|
|
|
|
let time3=document.getElementById('time3')
|
|
|
|
|
let time4=document.getElementById('time4')
|
|
|
|
|
let zgsl=document.getElementById('zgsl')
|
|
|
|
|
let zgje=document.getElementById('zgje')
|
|
|
|
|
// let sunxuh=document.getElementById('sunxuh')
|
|
|
|
|
// let sunxuh=document.getElementById('sunxuh')
|
|
|
|
|
// let sunxuh=document.getElementById('sunxuh')
|
|
|
|
|
// let sunxuh=document.getElementById('sunxuh')
|
|
|
|
|
// let sunxuh=document.getElementById('sunxuh')
|
|
|
|
|
sunxuh.innerHTML=`顺序号：${data.shunxuhao}`
|
|
|
|
|
// gs.innerHTML=`${data.gongsi}`
|
|
|
|
|
sqdw.innerHTML=`申请单位：${data.gongsi}`
|
|
|
|
|
img1.src=`${data.qianming[0]}`
|
|
|
|
|
img2.src=`${data.qianming[3]}`
|
|
|
|
|
img3.src=`${data.qianming[1]}`
|
|
|
|
|
xmmc.innerHTML=`${data.leixing}`
|
|
|
|
|
leibie.innerHTML=`${data.leixing}`
|
|
|
|
|
jhzje.innerHTML=`${data.jihuazongjine}`
|
|
|
|
|
zjly.innerHTML=`资金来源`
|
|
|
|
|
jymb.innerHTML=`经营部门`
|
|
|
|
|
cwfzr.innerHTML=`财务负责人`
|
|
|
|
|
zgld.innerHTML=`主管领导`
|
|
|
|
|
wzgyzqs.innerHTML=`物资供应站签收：`
|
|
|
|
|
time1.innerHTML=`${data.time[0]}`
|
|
|
|
|
time2.innerHTML=`${data.time[1]}`
|
|
|
|
|
time3.innerHTML=`${data.time[3]}`
|
|
|
|
|
time4.innerHTML=`${data.time[0]}`
|
|
|
|
|
|
|
|
|
|
let htmls = ``
|
|
|
|
|
let suliang=0
|
|
|
|
|
let suliang2=0
|
|
|
|
|
data.wuliao.map((item,index)=>{
|
|
|
|
|
suliang+=Number(item.quantity*item.price)
|
|
|
|
|
suliang2+=Number(item.quantity)
|
|
|
|
|
htmls += `<div class="liebial_title">
|
|
|
|
|
<div>${index}</div>
|
|
|
|
|
<div>${item.name}</div>
|
|
|
|
|
<div>${item.wbs}</div>
|
|
|
|
|
<div>${item.unit}</div>
|
|
|
|
|
<div>${item.price}</div>
|
|
|
|
|
<div>${item.quantity}</div>
|
|
|
|
|
<div>${item.quantity*item.price}</div>
|
|
|
|
|
</div>`
|
|
|
|
|
})
|
|
|
|
|
zgje.innerHTML=`${suliang}`
|
|
|
|
|
zgsl.innerHTML=`${suliang2}`
|
|
|
|
|
dom1.innerHTML = htmls
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function preview() {
|
|
|
|
|
bdhtml = window.document.body.innerHTML;
|
|
|
|
|
sprnstr = "<!--startprint-->"; //开始打印标识字符串有17个字符
|
|
|
|
|
eprnstr = "<!--endprint-->"; //结束打印标识字符串
|
|
|
|
|
prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17); //从开始打印标识之后的内容
|
|
|
|
|
prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //截取开始标识和结束标识之间的内容
|
|
|
|
|
window.document.body.innerHTML = prnhtml; //把需要打印的指定内容赋给body.innerHTML
|
|
|
|
|
window.print(); //调用浏览器的打印功能打印指定区域
|
|
|
|
|
window.document.body.innerHTML = bdhtml; //重新给页面内容赋值；
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
function postSync(url, parms) {
|
|
|
|
|
if (window.XMLHttpRequest) {
|
|
|
|
|
var xhr = new XMLHttpRequest();
|
|
|
|
|
} else if (window.ActiveXObject) {
|
|
|
|
|
var xhr = new ActiveXObject('Microsoft.XMLHTTP');
|
|
|
|
|
}
|
|
|
|
|
xhr.open('post', url, false);
|
|
|
|
|
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
|
|
|
|
|
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
|
|
|
|
|
xhr.send(parms);
|
|
|
|
|
if (xhr.readyState == 4 && xhr.status == 200) {
|
|
|
|
|
console.log(xhr);
|
|
|
|
|
return (typeof xhr.response)=="string"?JSON.parse(xhr.response):xhr.response
|
|
|
|
|
} else {
|
|
|
|
|
return xhr
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function getSync(url, parms) {
|
|
|
|
|
if (window.XMLHttpRequest) {
|
|
|
|
|
var xhr = new XMLHttpRequest();
|
|
|
|
|
} else if (window.ActiveXObject) {
|
|
|
|
|
var xhr = new ActiveXObject('Microsoft.XMLHTTP');
|
|
|
|
|
}
|
|
|
|
|
xhr.open('get', url + '?' + parms, false);
|
|
|
|
|
// xhr.setRequestHeader("Origin", "http://191.168.26.69");
|
|
|
|
|
xhr.send();
|
|
|
|
|
if (xhr.readyState == 4 && xhr.status == 200) {
|
|
|
|
|
return (typeof xhr.response)=="string"?JSON.parse(xhr.response):xhr.response
|
|
|
|
|
} else {
|
|
|
|
|
return xhr
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</html>
|
