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.
196 lines
6.3 KiB
196 lines
6.3 KiB
2 years ago
|
<!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: 1050px;
|
||
|
|
margin: auto;
|
||
|
|
}
|
||
|
|
.max_box>div:nth-of-type(1){
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.telbox{
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
border: 2px solid #000000;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
.titl_tb{
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
.titl_tb>div{
|
||
|
|
border-right: 2px solid #000000;
|
||
|
|
border-bottom: 2px solid #000000;
|
||
|
|
line-height: 26px;
|
||
|
|
padding-left: 5px;
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
.titl_tb>div:nth-last-child(1){
|
||
|
|
border-right: none;
|
||
|
|
}
|
||
|
|
.titl_tb:nth-last-child(1)>div{
|
||
|
|
border-bottom: none;
|
||
|
|
}
|
||
|
|
.titl_tb>div:nth-of-type(1){
|
||
|
|
width: 9%;
|
||
|
|
}
|
||
|
|
.titl_tb>div:nth-of-type(2){
|
||
|
|
width: 11%;
|
||
|
|
}
|
||
|
|
.titl_tb>div:nth-of-type(3){
|
||
|
|
width: 15%;
|
||
|
|
}
|
||
|
|
.titl_tb>div:nth-of-type(4){
|
||
|
|
width: 15%;
|
||
|
|
}
|
||
|
|
.titl_tb>div:nth-of-type(5){
|
||
|
|
width: 10%;
|
||
|
|
}
|
||
|
|
.titl_tb>div:nth-of-type(6){
|
||
|
|
width: 10%;
|
||
|
|
}
|
||
|
|
.titl_tb>div:nth-of-type(7){/* 车号 */
|
||
|
|
width: 15%;
|
||
|
|
}
|
||
|
|
.titl_tb>div:nth-of-type(8){
|
||
|
|
width: 16%;
|
||
|
|
}
|
||
|
|
.titl_tb>div:nth-of-type(9){ /* 现长度 */
|
||
|
|
width: 16%;
|
||
|
|
}
|
||
|
|
.titl_tb>div:nth-of-type(10){
|
||
|
|
width: 10%;
|
||
|
|
}
|
||
|
|
.titl_tb>div:nth-of-type(11){
|
||
|
|
width:10%;
|
||
|
|
}
|
||
|
|
.titl_tb>div:nth-of-type(12){
|
||
|
|
width:11%;
|
||
|
|
}
|
||
|
|
.titl_tb>div:nth-of-type(13){
|
||
|
|
flex:8%;
|
||
|
|
}
|
||
|
|
.maxbiox{
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
</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>新疆分公司2022年度废旧电缆台账</div>
|
||
|
|
<div class="telbox">
|
||
|
|
<div class="titl_tb">
|
||
|
|
<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>
|
||
|
|
</div>
|
||
|
|
<div class="maxbiox">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--endprint-->
|
||
|
|
<!-- <button class="dayinann" onclick="printpreview();">预览</button>-->
|
||
|
|
<button class="dayinann" onclick="preview()">打印</button>
|
||
|
|
</body>
|
||
|
|
<script>
|
||
|
|
let dom1=document.getElementsByClassName('maxbiox')[0]
|
||
|
|
let htmls=''
|
||
|
|
for(let i=1;i<2;i++){
|
||
|
|
htmls+=`<div class="titl_tb">
|
||
|
|
<div>${i}</div>
|
||
|
|
<div>2022.12.11</div>
|
||
|
|
<div>盘号${24561+i}</div>
|
||
|
|
<div>盘号${11231+i}</div>
|
||
|
|
<div>中${i}mm</div>
|
||
|
|
<div>c3512</div>
|
||
|
|
<div>川A45689</div>
|
||
|
|
<div>6500</div>
|
||
|
|
<div>3000</div>
|
||
|
|
<div>杨乐</div>
|
||
|
|
<div>电缆厂</div>
|
||
|
|
<div>绝缘问题</div>
|
||
|
|
<div>暂无</div>
|
||
|
|
</div>`
|
||
|
|
}
|
||
|
|
dom1.innerHTML=htmls
|
||
|
|
console.log(dom1);
|
||
|
|
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 printpreview(){
|
||
|
|
// wb.execwb(7,1);
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
//监听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);
|
||
|
|
});
|
||
|
|
|
||
|
|
// window.addEventListener('message', function (messageEvent) {
|
||
|
|
// var data = messageEvent.data;
|
||
|
|
// console.log(data)
|
||
|
|
// }, false);
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</html>
|