java_project
/
hy-vue
4
0
Fork 0
Code Issues Pull Requests Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
593 Commits
3 Branches
0 Tags
14 MiB
 
 
 
Tree: e58f172631
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'e58f172631'
${ noResults }
hy-vue/public/static/采购通知书.html

608 lines
19 KiB
Raw Blame History

<!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">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>
</div>
</div>
<div class="neironqu">
<div>财务负责人:</div>
<div id="cwfzr">
</div>
<div>
<div>签字（盖章）：</div>
<img class="img2" src="./1.png" />
<div id="time2">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>
</div>
</div>
<div class="neironqu">
<div>主管领导:</div>
<div id="zgld">
</div>
<div>
<div>签字（盖章）：</div>
<img class="img3" src="./1.png" />
<div id="time3">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</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">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日</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>