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.
503 Commits
3 Branches
0 Tags
14 MiB
 
 
 
Tree: 8551d01fd1
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '8551d01fd1'
${ noResults }
hy-vue/public/static/采购申请表.html

595 lines
20 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">
<title>采购申请表</title>
<style>
body {
padding: 0;
margin: 0;
}
.max_box {
width: 1000px;
/* height: 1086px; */
margin: auto;
}
.max_box>div:nth-of-type(1) {
text-align: center;
margin-bottom: 10px;
}
.max_box>div:nth-of-type(2) {
text-align: center;
}
.max_box>div:nth-of-type(3) {
text-align: right;
padding-right: 80px;
}
.tab_box{
display: flex;
flex-direction: column;
border: 2px solid #000000;
font-size: 13px;
font-weight: 500;
}
.top_one{
display: flex;
align-items: center;
justify-content: center;
}
.top_one>div{
display: flex;
align-items: center;
border-bottom: 2px solid #000000;
box-sizing: border-box;
}
.top_one>div>div{
height: 30px;
box-sizing: border-box;
border-right: 2px solid #000000;
}
.top_one>div>div:nth-of-type(1){
display: flex;
align-items: center;
padding: 4px 10px;
}
.top_one>div:nth-last-child(1)>div:nth-of-type(2){
/* flex: 1; */
border-right: none;
}
.top_one>div>div:nth-of-type(2){
flex: 1;
border-right: 2px solid #000000;
}
.top_one>div:nth-of-type(1){
width: 27%;
}
.top_one>div:nth-of-type(2){
width: 19%;
}
.top_one>div:nth-of-type(3){
width: 29%;
}
.top_one>div:nth-of-type(4){
width: 25%;
}
.shenqinlie{
display: flex;
align-items: center;
}
.shenqinlie>div{
display: flex;
flex-direction: column;
border-right: 2px solid #000000;
box-sizing: border-box;
border-bottom: 2px solid #000000;
}
.shenqinlie>div:nth-of-type(1){
width: 27%;
}
.shenqinlie>div:nth-of-type(2){
flex: 1;
}
.shenqinlie>div:nth-of-type(3){
width: 25%;
border-right: none;
}
.shenqinlie>div>div:nth-of-type(2){
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 90px;
}
.shenpiqu{
display: flex;
align-items: center;
}
.shenpiqu>div{
width: 50%;
box-sizing: border-box;
border-bottom: 2px solid #000000;
box-sizing: border-box;
}
.shenpiqu>div:nth-of-type(1){
border-right: 2px solid #000000;
}
.shenpiqu>div>div:nth-of-type(2){
display: flex;
align-items: center;
justify-content: space-around;
margin-top: 90px;
}
.lanmutitl{
display: flex;
align-items: center;
}
.lanmutitl>div{
height: 100px;
box-sizing: border-box;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
display: flex;
align-items: center;
justify-content: center;
}
.lanmutitl>div:nth-of-type(1){
width: 4.5%;
}
.lanmutitl>div:nth-of-type(2){
width: 10%;
}
.lanmutitl>div:nth-of-type(3){
width: 11%;
}
.lanmutitl>div:nth-of-type(4){
width: 24%;
}
.lanmutitl>div:nth-of-type(5){
width: 6%;
}
.lanmutitl>div:nth-of-type(6){
width: 6%;
}
.lanmutitl>div:nth-of-type(7){
width: 6%;
}
.lanmutitl>div:nth-of-type(8){
width: 6%;
}
.lanmutitl>div:nth-of-type(9){
width: 7%;
}
.lanmutitl>div:nth-of-type(10){
width: 8%;
}
.lanmutitl>div:nth-of-type(11){
width: 8%;
}
.lanmutitl>div:nth-of-type(12){
width: 7.5%;
border-right: none;
}
.maxbiox{
display: flex;
flex-direction: column;
}
.lanmutitl1{
display: flex;
align-items: center;
}
.lanmutitl1>div{
height: 100px;
box-sizing: border-box;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
display: flex;
align-items: center;
justify-content: center;
}
.lanmutitl1>div:nth-of-type(1){
width: 49.5%;
}
.lanmutitl1>div:nth-of-type(2){
width: 6%;
}
.lanmutitl1>div:nth-of-type(3){
width: 6%;
}
.lanmutitl1>div:nth-of-type(4){
width: 6%;
}
.lanmutitl1>div:nth-of-type(5){
width: 6%;
}
.lanmutitl1>div:nth-of-type(6){
width: 7%;
}
.lanmutitl1>div:nth-of-type(7){
width: 8%;
}
.lanmutitl1>div:nth-of-type(8){
width: 8%;
}
.lanmutitl1>div:nth-of-type(9){
width: 7.5%;
border-right: none;
}
.wzsp{
display: flex;
align-items: center;
justify-content: space-between;
}
.wzsp>div{
height: 160px;
}
.wzsp>div:nth-of-type(1){
width: 30%;
border-right: 2px solid #000000;
font-size: 15px;
font-weight: 600;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
.wzsp>div:nth-of-type(2){
font-size: 10.7px;
flex: 1;
font-weight: 500;
}
.tip{
display: flex;
align-items: center;
font-weight: 700;
font-size: 15px;
margin-top: 8px;
}
.tip>div:nth-of-type(1){
margin-right: 90px;
}
.imags {
position: relative;
}
.imags img {
width: 70px;
height: 50px;
}
.img1 {
position: absolute;
top: 110px;
left: 90px;
}
.img2 {
position: absolute;
top:110px ;
left: 290px;
}
.img3 {
position: absolute;
top: 110px;
left: 770px;
}
.img4 {
position: absolute;
top: 230px;
left: 160px;
}
.img5 {
position: absolute;
top: 230px;
left: 640px;
}
</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>新疆分公司</div>
<div>采购申请表</div>
<div id="sunxuh">顺序号：</div>
<div class="imags">
<!-- <img class="img1" />-->
<!-- <img class="img2" />-->
<!-- <img class="img3" />-->
<img class="img4" src="./6.png" />
<img class="img5" src="./5.png" />
</div>
<div class="tab_box">
<div class="top_one">
<div>
<div >申请单位</div>
<div id="sqdw"></div>
</div>
<div>
<div >申请人</div>
<div id ="sqr"></div>
</div>
<div>
<div>物资供应部门签收人</div>
<div></div>
</div>
<div>
<div>签收日期</div>
<div></div>
</div>
</div>
<div class="shenqinlie">
<div>
<div id = "ly">申请理由（请详细说明理由）:</div>
<div>
<div>申请单位领导：</div>
<div id="sj">年&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日</div>
</div>
</div>
<div>
<div>物质供应部门（库存核实）意见：</div>
<div>
<div>签字：</div>
<div id="sj1">年&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日</div>
</div>
</div>
<div>
<div>业务主管部门审批意见：</div>
<div>
<div>签字：</div>
<div id="sj2">年&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日</div>
</div>
</div>
</div>
<div class="shenpiqu">
<div>
<div>分公司主管副经理:</div>
<div>
<div>签字：</div>
<div id="sj3">年&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日</div>
</div>
</div>
<div>
<div>分公司经理：</div>
<div>
<div>签字：</div>
<div id="sj4">年&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日</div>
</div>
</div>
</div>
<div class="lanmutitl">
<div></div>
<div>物料组</div>
<div>物料号</div>
<div>物流名称及规格型号</div>
<div>系列</div>
<div>单位</div>
<div>单价</div>
<div>数量</div>
<div>总金额（元）</div>
<div>执行标准</div>
<div>交货日期</div>
<div>备注</div>
</div>
<div class="maxbiox">
</div>
<div class="lanmutitl1">
<div>合计</div>
<div></div>
<div></div>
<div id="dj"></div>
<div id="sl"></div>
<div id="je"></div>
<div></div>
<div></div>
<div></div>
</div>
<div class="wzsp">
<div>物质采购申请的审批：</div>
<div>
（一）属生产性物资，单价在5万元以下或总价在50万元以下的，由主管生产副经理审批：单价在5万元及以上或总价在50万元及以上的，由分公司经理审批。<br>
（二）属科研项目所需物资，单价在5万元以下或总价在50万元以下的，由主管科技副经理审批；单价在5万元及以上或总价在50万元及以上的，由分公司经理审批。<br>
（三）属非生产性物资，单价在5万元以下或总价在50万元以下的，由主管物资副经理审批：单价在5万元及以上或总价在50万元及以上的，由分公司经理审批。<br>
（四）属无形资产、计算机、复印机、打印机、通信类设备、电器、摄影摄像设备（器材）、高（低）值易耗品、办公用品的各类物资，由分公司经理审批。<br>
（五）分公司经理外出时，由经理授权的副经理审批。
</div>
</div>
</div>
<div class="tip">
<div>保存部门：物质供应部门、计划经营部、申请单位</div>
<div>保存期限：5年</div>
</div>
</div>
<!--endprint-->
<button class="dayinann" onclick="preview()">打印</button>
<!-- <button class="dayinann" onclick="">预览</button>-->
</body>
<script>
let dom1 = document.getElementsByClassName('maxbiox')[0]
// for (let i = 1; i <= 6; i++) {
// htmls += `<div class="lanmutitl">
// <div>${i}</div>
// <div></div>
// <div></div>
// <div>${i==6?`(栏目不够时请用续表)`:``}</div>
// <div></div>
// <div></div>
// <div></div>
// <div></div>
// <div></div>
// <div></div>
// <div></div>
// <div></div>
// </div>`
// }
let data= null
// getSync('http://localhost:9566/hy-boot/hy/processUdgetPlan/getPlanTable','id=402816818483b2a4018483b2a44d0000').result
//监听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 sqr=document.getElementById('sqr')
let ly=document.getElementById('ly')
let dj=document.getElementById('dj')
let sl=document.getElementById('sl')
let je=document.getElementById('je')
let sj=document.getElementById('sj')
let sj1=document.getElementById('sj1')
let sj2=document.getElementById('sj2')
let sj3=document.getElementById('sj3')
let sj4=document.getElementById('sj4')
let ly1= data.shengouliyou;
sunxuh.innerHTML=`顺序号：${data.shunxuhao}`
sqdw.innerHTML=`${data.gongsi}`
sqr.innerHTML=`${data.shenqingren}`
ly.innerHTML=`申请理由（请详细说明理由）:${data.shengouliyou}`
// img1.src=`${data.qianming[0]}`
if (ly1 === null){ly.innerHTML=`申请理由（请详细说明理由）:无`}
let htmls = ``
let suliang=1
let dj1 =0
let sl1 =0
let je1 =0
data.wuliao.map((item,index)=>{
suliang+=Number(item.materialQuantity)
htmls += `<div class="lanmutitl">
<div>${index}</div>
<div>${item.grou}</div>
<div>${item.number}</div>
<div>${item.name}</div>
<div>${item.series}</div>
<div>${item.unit}</div>
<div>${item.price}</div>
<div>${item.quantity}</div>
<div>${item.price*item.quantity}</div>
<div>${item.standard}</div>
<div></div>
<div>${item.remarks}</div>
</div>`
dj1 +=item.price
sl1 +=item.quantity
je1 +=item.price*item.quantity
})
let time = new Date();
// 获取年
let n = time.getFullYear()
// 获取月
let y= time.getMonth()+1
console.log("y>>>>>>>>>>>>>>>>>",y)
// 获取日
let r = time.getDate()
sj.innerHTML =n+'年'+ y+'月'+r+'日';
sj1.innerHTML =n+'年'+ y+'月'+r+'日';
sj2.innerHTML =n+'年'+ y+'月'+r+'日';
sj3.innerHTML =n+'年'+ y+'月'+r+'日';
sj4.innerHTML =n+'年'+ y+'月'+r+'日';
dj.innerHTML=dj1
sl.innerHTML=sl1
je.innerHTML=je1
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>