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.
228 lines
6.2 KiB
228 lines
6.2 KiB
<!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: 900px; |
|
margin: auto; |
|
} |
|
|
|
.max_box>div:nth-of-type(1) { |
|
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: 13px; |
|
} |
|
|
|
.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: 10%; |
|
} |
|
|
|
.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="preview()">打印</button> |
|
</body> |
|
<script> |
|
let dom1 = document.getElementsByClassName('maxbiox')[0] |
|
let htmls = '' |
|
for (let i = 1; i < 10; 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; |
|
} |
|
// console.log(postSync('',{})); |
|
console.log(getSync('http://124.220.7.57:8899/1231awda',{})); |
|
|
|
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.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> |