【谷歌】Google Chrome 浏览器中 font-size < 12px 没有效果

Google Chrome 浏览器中 font-size < 12px 没有效果

解决方法:

*{-webkit-text-size-adjust: none;}

此功能立竿见影,目的是去掉CHROME的自动调整字体大小,显示比12PX小的字体。

转载于:https://www.cnblogs.com/cosiray/archive/2010/11/02/1866879.html

<!doctype html> <!DOCTYPE html><html><head><meta charset="utf-8"> <meta name="Author" content="Noah"> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="favicon" href="favicon.ico"> <title>BA综合发布页</title> <meta name="keywords" content="欢迎使用BA综合"> <meta name="description" content="欢迎使用BA综合"> <style>@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_1706200_3sgw4esvyq9.eot?t=1584846914425);src:url(//at.alicdn.com/t/font_1706200_3sgw4esvyq9.eot?t=1584846914425#iefix) format('embedded-opentype'),url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPcAAsAAAAACEAAAAOQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqDVIMaATYCJAMUCwwABCAFhG0HUhswBxEVnPHIfiZkcgn7O+8oo66bEbK2OpSJxjfBA+X1vslMtll8iBW0KuzdSry1J/JGpwASAA0EaO7O95urXT4WOkKV5Nojj7b4hwrpy2SO/v97p78xLfvYuvYslzWHLex8DDAOpEDHnGQljg3TC+cUPEjbIQAHqRRD1GvQzI2BgvQTgBjYr083jJQNVcMRGEZbyVSVKhajY2hztCvAIv178YYywgANXUJ2atW7fk9qmZi1ZMCSjnILC8fbDUAHJFAMUCCGl/oGIm2uGBKHP1RRC3BgoKGZmLxVUbOWZcWqHRkc9A8PBBKFBsIGKXUBUAvlFZhwBAGmhiDBLIqgwKyVRwPuKwAOWAjCWUxL9mpIWOWKcikVmuwiF0+49sx9/bnn5gvfDdO/at6eQHTP5dHLd8Z6V67btSPG061Q523w0S5OzYETx4QbT9zXbnmuP/bdvOsL9lwR2D031utePndvMM7nXRncNy/G4xvlEveE69fc4Tdu+AbcnOdxa4E98/bFyZV75+5WxGRRnfY0cEulpaqbVCzNtxTEU1P1m2J4tFGwJ7VcytpevcrWOXd44oCjAyZu3DXRvQxryi09PV2/BcVQIlRxZPWvAFhMXkb1qQ3bHPFvOVXxWI1TjTLPFjtT5smFsAtxVqK82CcvekwcsbMOHDh4wOBxYw4eZI+NVR+A6Vmx4bGz1ZI0XFw1r0mlXm20lW5RpWd+s0u/ijYZwarmHJsZVi+tXKjMlU2rm186Hlk6tFxaPfwAWLPk3380K2u4Qm6xtmaprTL4b/dj0Nu/F+qwat8MpwLgzvpfdbSsPbbVBj9Ijy//kxa1tAb7qAqUxK4rT8490qpVpxGATiESBDT4aTX/LxTJg3H0MbPIZMAgJgaNIqSAxCCbpGjFQMdJObBhUBMcFKXhbCdRDEcilB0oZAYAQTiHQCOU4yAJ5ypJ0e6DTizvwEa4kODAK6KWdJIrLP1uHgWtYqDuj3zPi2FOvTHlb7BpaiWp1NwvSPRJKrMiW3zFAhljRPy2laohIzzTC9gN08S0Cgf0mjnV9ZLnpuxDWc/z5oZHQasYqPsj3/NiZGO9yX3/DTZNrdQQ+qJfkOjbpzIrWpBedUsrwrXcEr9tpWrICM/0AjyYaI5pLe8U0GvmemTWS47qmba6bH7D/IybAAdkZV1oQgoldGHjYViCYPl3WKxb86g+On/sE/+kc/CLtS1vNg==') format('woff2'),url(//at.alicdn.com/t/font_1706200_3sgw4esvyq9.woff?t=1584846914425) format('woff'),url(//at.alicdn.com/t/font_1706200_3sgw4esvyq9.ttf?t=1584846914425) format('truetype'),url(//at.alicdn.com/t/font_1706200_3sgw4esvyq9.svg?t=1584846914425#iconfont) format('svg')}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-querenzhengque:before{content:"\e600"}.icon-tishi:before{content:"\e640"}.icon-cuowu:before{content:"\e602"}.icon-jinggao:before{content:"\e62b"}*{box-sizing:border-box;margin:0;padding:0;font-weight:300}body,body ::-webkit-input-placeholder{font-family:Source Sans Pro,sans-serif;color:#fff;font-weight:300}body :-moz-placeholder,body ::-moz-placeholder{font-family:Source Sans Pro,sans-serif;color:#fff;opacity:1;font-weight:300}body :-ms-input-placeholder{font-family:Source Sans Pro,sans-serif;color:#fff;font-weight:300}a{text-decoration:none}.wrapper{background: #01a982; background: linear-gradient(to bottom right,#01a982 0,#60ae80 100%); overflow: hidden;}.bg-bubbles,.wrapper{position:absolute;left:0;width:100%;height:100%}.bg-bubbles{top:0;z-index:1}.bg-bubbles li{position:absolute;list-style:none;display:block;width:40px;height:40px;background-color:hsla(0,0%,100%,.15);bottom:-160px;animation:square 25s infinite;transition-timing-function:linear}.bg-bubbles li:nth-child(1){left:10%}.bg-bubbles li:nth-child(2){left:20%;width:80px;height:80px;animation-delay:2s;animation-duration:17s}.bg-bubbles li:nth-child(3){left:25%;animation-delay:4s}.bg-bubbles li:nth-child(4){left:40%;width:60px;height:60px;animation-duration:22s;background-color:hsla(0,0%,100%,.25)}.bg-bubbles li:nth-child(5){left:70%}.bg-bubbles li:nth-child(6){left:80%;width:120px;height:120px;animation-delay:3s;background-color:hsla(0,0%,100%,.2)}.bg-bubbles li:nth-child(7){left:32%;width:160px;height:160px;animation-delay:7s}.bg-bubbles li:nth-child(8){left:55%;width:20px;height:20px;animation-delay:15s;animation-duration:40s}.bg-bubbles li:nth-child(9){left:25%;width:10px;height:10px;animation-delay:2s;animation-duration:40s;background-color:hsla(0,0%,100%,.3)}.bg-bubbles li:nth-child(10){left:90%;width:160px;height:160px;animation-delay:11s}@keyframes square{0%{transform:translatey(0)}to{transform:translatey(-700px) rotate(600deg)}}@media (max-width:500px){.container h1{font-size:60px}form button,form input{width:500px}}.main{padding:50px 0;z-index:999;position:relative}.main h1{font-size:40px;text-align:center;color:#fff;margin-bottom:30px;text-transform:uppercase}.content{margin:0 auto;width:28%;background:#fff;border-radius:5px}p.footer{font-size:16px;text-align:center;color:#fff;font-weight:500;margin-top:30px}p.footer a{color:#55acee}p.footer a:hover{color:#000;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all}.content-top h2{font-size:22px;color:#fff;text-align:center;background:#02a982;padding:12px 0;border-radius:5px}.content-top p{text-align:center;font-size:16px;color:#000;margin-top:15px}.content-top ul li{display:block;font-size:15px;color:#000;line-height:1.8em;padding:1em 0 1em 1em;border-bottom:1px solid #e2e0de}.content-top ul li a{color:#000;font-weight:400}.content-top ul li a i{color:#02a982;font-style:normal;display:block;margin:2px 0}.content-top ul li span{display:block;color:#999}.content-top{padding:1.5em}.content-top p a{color:#55acee;margin-left:5px}@media (max-width:1366px){.content{width:31%}}@media (max-width:1280px){.content{width:32%}}@media (max-width:1080px){.content{width:38%}.main h1{font-size:36px}.content-top h2{font-size:20px;padding:10px 0}.content-top p,.content-top ul li,p.footer{font-size:14px}}@media (max-width:800px){.main h1{font-size:34px}.content{width:46%}}@media (max-width:768px){.main{padding:90px 0}.main h1{margin-bottom:55px}p.footer{margin-top:75px}}@media (max-width:736px){.main{padding:70px 0}.main h1{margin-bottom:45px}.content{width:53%}p.footer{margin-top:50px}}@media (max-width:667px){.main h1{font-size:32px;margin-bottom:35px}.main{padding:60px 0}.content{width:57%}.content-top h2{font-size:18px}}@media (max-width:600px){.main h1{font-size:30px}.content-top{padding:1em}.content{width:62%}}@media (max-width:568px){.content{width:68%}}@media (max-width:480px){.content{width:78%}.main h1{font-size:28px}p.footer{margin-top:42px}}@media (max-width:414px){.content-top h2{font-size:16px}.content{width:85%}.main{padding:50px 0}p.footer{line-height:1.8em;margin:42px auto 0;width:85%}}@media (max-width:384px){.main h1{font-size:27px}.content,p.footer{width:90%}p.footer{margin:32px auto 0}}@media (max-width:375px){.main h1{font-size:26px;margin-bottom:25px}.main{padding:45px 0}.content,p.footer{width:92%}.content-top h2{padding:8px 0}}@media (max-width:320px){.main h1{font-size:24px;margin-bottom:30px}.content-top ul li{padding:1em 0 1em 1em;background-size:13%!important}.content-top{padding:1.2em}.content-top p,.content-top ul li,p.footer{font-size:13px}.content,p.footer{width:90%}}@media(max-width:500px){.bg-bubbles, .wrapper{height:auto;}}</style> </head> <body> <div id="all"> <div class="wrapper"> <div class="main"> <h1>BA综合发布页</h1> <div class="content"> <div class="content-top"> <h2>请 Ctrl+D 收藏本页到浏览器收藏夹</h2> <ul> <li> 授权查询 <a href="http://bamxys.kvlzv.top/query.php" target="_blank"><i>http://bamxys.kvlzv.top/query.php</i></a> </li> <li> 使用卡密 <a href="http://bamxys.kvlzv.top/auth.php" target="_blank"><i>http://bamxys.kvlzv.top//auth.php</i></a> </li> <li> 代理登录 <a href="http://bamxys.kvlzv.top/agent" target="_blank"><i>http://bamxys.kvlzv.top/admin</i></a> </li> <li> 自助购买 <a href="https://fk.jiuykj.com/shop/RXTool" target="_blank"><i>https://fk.jiuykj.com/shop/RXTool</i></a> </li> <li> BA系列插件插件下载 <a href="https://www.123912.com/s/ZFvDVv-5K8Sv" target="_blank"><i>https://www.123912.com/s/ZFvDVv-5K8Sv </li> <li> <span>近期部分国产浏览器屏蔽网址,电脑请安装<a href="https://www.google.cn/chrome/" target="_blank">chrome浏览器</a>访问,手机请安装<a href="https://www.xbext.com/" target="_blank">X浏览器</a>访问。<span> </span></span></li></ul> </div> </div> <p class="footer">© 2025 BA综合发布页. All Rights Reserved</p> </div> <ul class="bg-bubbles"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> </div> </div> <br> <div style="display:none"><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1279597563&web_id=1279597563"></script></div> </body></html> 请你给这段代码页脚加一个网站已运行
07-29
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>操作票详情</title> <style> /* 全局字体放大 */ body, table, td, font, div { font-size: 18px !important; /* font-family: "黑体", sans-serif !important; */ } img { width: 255px !important; margin: 0 auto !important; } /* 打印专用样式,隐藏页眉页脚及多余边框 */ @media print { @page { margin: 0.5cm; /* 内容边距 */ size: A4; /* 明确纸张尺寸,避免 Chrome 自适应偏差 */ } /* 强制分页符样式(唯一定义,避免冲突) */ .force-page-break { page-break-after: always !important; height: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; border: none !important; } /* 防止表格跨页拆分 */ table { page-break-inside: avoid !important; border-collapse: collapse !important; width: 100% !important; /* 确保表格占满打印宽度 */ } /* 隐藏页面中无需打印的元素(如弹窗遮罩) */ #popupMask, #popupContainer { display: none !important; } /* 屏幕预览时隐藏分页符,仅打印时生效(可选) */ body:not(:printing) .force-page-break { display: none !important; } } /* 屏幕预览样式(与打印样式分离,避免干扰) */ #report1 { display: none; /* 仅模板隐藏,克隆后显式设置 display: table */ } .print-page { margin-bottom: 15px; max-width: 800px; margin: 0 auto; /* 预览时居中,与打印效果一致 */ } </style> <script> document.write('<script src="../../../common/js/ieswebutil.js?v=' + new Date().getTime() + '"><\/script>'); </script> <script> // 使用loadBaseCss打印页面会有空白问题(bootstrap-theme会影响) loadCss([ CONFIG.UI_ROOT_NAME + '/plugins/element-ui/theme-chalk/index' + CONFIG.getTheme(), CONFIG.UI_ROOT_NAME + '/common/css/reset' + CONFIG.getTheme(),//滚动条样式 CONFIG.UI_ROOT_NAME + '/scms/css/green/elementCommon',//提示窗需要使用插件 CONFIG.UI_ROOT_NAME + '/scms/css/zhibiaoInfo/bjimg-green', CONFIG.UI_ROOT_NAME + '/scms/css/zhibiaoInfo/pagination-green', CONFIG.UI_ROOT_NAME + '/scms/css/zhibiaoInfo/zhibiao-green', CONFIG.UI_ROOT_NAME + '/scms/css/zhibiaoInfo/czp', ]); </script> <script> loadBaseJs(); loadJs([CONFIG.UI_ROOT_NAME + '/scms/js/zhibiaoInfo/jquery.pagination', CONFIG.UI_ROOT_NAME + '/scms/js/api/zhibiao/zhibiaoApi']); </script> <!--通用js脚本,所有html界面引入--> <!-- <script> document.write("<script type='text/javascript' src='js/common/utils.js?v=" + new Date().getTime() + "'><" + '/' + 'script>'); document.write("<script type='text/javascript' src='js/common/main.js?v=" + new Date().getTime() + "'><" + '/' + 'script>'); </script> --> <script type="text/javascript"> function getCzpHeadData(operateTicketNo, areano) { var filterObj = new Object(); filterObj.ticketno = operateTicketNo; filterObj.areano = areano; API.zhibiao .getCzpHeadInfo(filterObj) .then((data) => { var czpHedaInfoData = data.data; if (typeof czpHedaInfoData == 'undefined' || null == czpHedaInfoData || '-1' === czpHedaInfoData) { // alert('暂无此操作票详情!'); this.vm.isTips = true; printPage() } else { $.each(czpHedaInfoData, function (i, val) { if ('description' === i) { val = newlineContent(val, 35); } if ('ordertime' === i) { val = getDateString4ZhibiaoInfo(val); } if ('reporttime' === i) { val = getDateString4ZhibiaoInfo(val); } if ('operatetime' === i) { val = getDateString4ZhibiaoInfo(val); } if ('finishtime' === i) { val = getDateString4ZhibiaoInfo(val); } if ('note' === i) { val = newlineContent(val, 60); } if ('station' === i) { // 从数据中获取bvName,若为空则默认空字符串 let bvName = czpHedaInfoData.bvName || ''; // 拼接bvName和station(若bvName存在则加空格分隔) val = bvName ? bvName + val : val; } $('#' + i).html(val); }); $('#operateTicketNo').html('编号:' + operateTicketNo); getCzpContentData(czpHedaInfoData.id); } }) .catch((err) => { console.log(err); }); } // 1. 强化分页符样式(添加到CSS中) const style = document.createElement('style'); style.textContent = ` @media print { .force-page-break { page-break-after: always !important; clear: both !important; height: 0 !important; overflow: hidden !important; } /* 确保表格在打印时正确分页 */ table { page-break-inside: avoid !important; width: 100% !important; } /* 移除可能干扰打印的边距 */ body { margin: 0 !important; padding: 0 !important; } .print-page { page-break-inside: avoid !important; margin-bottom: 15px !important; /* 页间留白,确保分页清晰 */ } } /* 屏幕预览时也显示分页符(便于调试) */ .force-page-break { border-top: 1px dashed #ccc; margin: 10px 0; } `; document.head.appendChild(style); let globalTotalPages = 0; // 总页数 let globalCurrentPage = 0; // 当前页 function getCzpContentData(id) { var filterObj = new Object(); filterObj.id = id; API.zhibiao .getCzpContentInfo(filterObj) .then((res) => { var czContentInfoData = res.data || []; // 兜底:防止数据为null/undefined var totalDataLength = czContentInfoData.length; const pageSize = 22; globalTotalPages = Math.ceil(totalDataLength / pageSize); const needPagination = totalDataLength > pageSize; // 清空打印容器(关键:确保每次渲染从空开始) const $printContainer = $('#printContainer'); $printContainer.html(''); if (needPagination) { // 分页逻辑:逐页生成内容 for (let page = 0; page < globalTotalPages; page++) { globalCurrentPage = page + 1; // 1. 克隆模板表格(#report1) const $reportTemplate = $('#report1'); if (!$reportTemplate.length) { console.error('未找到模板表格#report1,请检查HTML结构'); return; // 模板不存在则终止 } const headerClone = $reportTemplate.clone(); // 2. 显示克隆的表格(核心:模板默认隐藏,克隆后必须手动显示) headerClone.css('display', 'table'); // 关键修复:强制显示表格 // 3. 清空克隆表格中的内容区,准备填充当前页数据 const operateTicketNo = $('#operateTicketNo').html(); // 获取编号内容 $('#operateTicketNo', headerClone).html(operateTicketNo); // 3.2 赋值页码(新增逻辑:给独立单元格pageNumber赋值) $('#pageNumber', headerClone).html(`NO:${globalCurrentPage}/${globalTotalPages}`); const $originalContent = headerClone.find('#czpContentContainer'); $originalContent.empty(); // 4. 计算当前页数据范围(防止数组越界) const startIndex = page * pageSize; const endIndex = Math.min((page + 1) * pageSize, totalDataLength); const currentPageData = czContentInfoData.slice(startIndex, endIndex); console.log(`第${page + 1}页数据:`, currentPageData); // 5. 构建当前页数据表格 const $contentContainer = $('<tbody id="czpContentContainer"></tbody>'); currentPageData.forEach((item, index) => { // 校验数据完整性(防止item属性缺失导致的错误) if (!item) { console.warn(`第${page + 1}页第${index + 1}行数据为空`); return; } const operatestatus = item.operatestatus === 1 ? '√' : ''; const commandindex = item.commandindex || ''; // 兜底:防止undefined const description = newlineContent(item.description || '', 50); const finishtime = getDateString4ZhibiaoInfo(item.finishtime || ''); const row = ` <tr rn='11' height='18' style='height:18px;'> <td class='report1_32' style='display:none;'></td> <td class='report1_33'>${operatestatus}</td> <td class='report1_28'>${commandindex}</td> <td colspan='22' class='report1_14'>${description}</td> <td colspan='4' class='report1_14'>${finishtime}</td> </tr> `; $contentContainer.append(row); }); // 6. 最后一页添加“以下空白”行 if (page === globalTotalPages - 1) { $contentContainer.append(` <tr rn='11' height='18' style='height:18px;'> <td class='report1_32' style='display:none;'></td> <td class='report1_33'></td> <td class='report1_28'></td> <td colspan='22' class='report1_14' style='text-align:center !important;font-size:24px !important; border:1px solid #000; padding:0px;'> <div style='width:220px;height:30px;text-align:center;font-size:20px;border:1px solid #000;letter-spacing: 30px;margin:0 auto;display:flex;justify-content: flex-end'>以下空白</div> </td> <td colspan='4' class='report1_14'></td> </tr> `); } // 7. 补充空白行至22行(保证每页行数一致) const currentRows = currentPageData.length + (page === globalTotalPages - 1 ? 1 : 0); const blankLinesNeed = pageSize - currentRows; for (let j = 0; j < blankLinesNeed; j++) { $contentContainer.append(` <tr rn='11' height='18' style='height:18px;'> <td class='report1_32' style='display:none;'></td> <td class='report1_33'></td> <td class='report1_28'></td> <td colspan='22' class='report1_14'></td> <td colspan='4' class='report1_14'></td> </tr> `); } // 8. 替换克隆表格中的内容区 $originalContent.replaceWith($contentContainer); // 9. 创建页面容器并添加分页符(最后一页不加) const $pageContainer = $('<div class="print-page"></div>'); $pageContainer.append(headerClone); if (page < globalTotalPages - 1) { $pageContainer.append("<div class='force-page-break'></div>"); } // 10. 关键:将当前页添加到打印容器 $printContainer.append($pageContainer); console.log(`第${page + 1}页已添加到容器`); } } else { // 不分页逻辑(复用之前修复的代码) globalTotalPages = 1; globalCurrentPage = 1; // const headerClone = $('#report1').clone(); const $reportTemplate = $('#report1'); if (!$reportTemplate.length) { console.error('未找到模板表格#report1,请检查HTML结构'); return; } // 临时移除原表格的隐藏样式(克隆后恢复,不影响页面预览) $reportTemplate.css('display', 'table'); const headerClone = $reportTemplate.clone(); $reportTemplate.css('display', 'none'); // 恢复原模板隐藏状态 headerClone.css('display', 'table'); // 显示克隆的表格 // 3. 赋值编号和页码 const operateTicketNo = $('#operateTicketNo').html(); $('#operateTicketNo', headerClone).html(operateTicketNo); // 编号 $('#pageNumber', headerClone).html(`NO:${globalCurrentPage}/${globalTotalPages}`); // 页码(1/1) const $originalContent = headerClone.find('#czpContentContainer'); $originalContent.empty(); const $contentContainer = $('<tbody id="czpContentContainer"></tbody>'); czContentInfoData.forEach((item) => { const operatestatus = item.operatestatus === 1 ? '√' : ''; const commandindex = item.commandindex || ''; const description = newlineContent(item.description || '', 50); const finishtime = getDateString4ZhibiaoInfo(item.finishtime || ''); const row = ` <tr rn='11' height='18' style='height:18px;'> <td class='report1_32' style='display:none;'></td> <td class='report1_33'>${operatestatus}</td> <td class='report1_28'>${commandindex}</td> <td colspan='22' class='report1_14'>${description}</td> <td colspan='4' class='report1_14'>${finishtime}</td> </tr> `; $contentContainer.append(row); }); $contentContainer.append(` <tr rn='11' height='18' style='height:18px;'> <td class='report1_32' style='display:none;'></td> <td class='report1_33'></td> <td class='report1_28'></td> <td colspan='22' class='report1_14' style='text-align:center !important;font-size:24px !important; border:1px solid #000; padding:0px;'> <div style='width:220px;height:30px;text-align:center;font-size:20px;border:1px solid #000;letter-spacing: 30px;margin:0 auto;display:flex;justify-content: flex-end'>以下空白</div> </td> <td colspan='4' class='report1_14'></td> </tr> `); const totalRows = czContentInfoData.length + 1; const blankLinesNeed = pageSize - totalRows; for (let j = 0; j < blankLinesNeed; j++) { $contentContainer.append(` <tr rn='11' height='18' style='height:18px;'> <td class='report1_32' style='display:none;'></td> <td class='report1_33'></td> <td class='report1_28'></td> <td colspan='22' class='report1_14'></td> <td colspan='4' class='report1_14'></td> </tr> `); } $originalContent.replaceWith($contentContainer); $printContainer.append(headerClone); } // 300ms延迟,足够浏览器渲染所有分页内容 setTimeout(() => { printPage(); }, 300); }) .catch((err) => { console.error('获取数据失败:', err); // 捕获错误并打印,避免代码中断 alert('加载数据失败,请重试'); }); } // 调用打印方法 function printPage() { // 获取打印参数 let printFlag = getQueryVariable('print') if (printFlag == 'true') { window.print() } } $(document).ready(function () { var url = window.document.location.href; var result = getUrlParams(url); getCzpHeadData(result.operateTicketNo, result.areano); $('#ticketTitle').text(getRegionNameById(result.areano) + '电力变电运维中心遥控操作票'); }); </script> <!-- <style> /* 打印专用样式,隐藏页眉页脚 */ @media print { @page { /* 设置页面边距为0,让浏览器默认的页眉页脚没空间显示 不同浏览器对@page支持略有差异,部分浏览器可通过此方式隐藏 */ margin: 0.5cm; } /* 强制分页的类 */ .force-page-break { page-break-after: always !important; } /* 防止表格跨页拆分 */ table { page-break-inside: avoid !important; } } </style> --> </head> <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0"> <div id="czpInfo" style="width: 100%;"> <table id="rpt" align="center" style="width: 100%;"> <tbody> <tr> <td> <table align="center"> <tbody> <tr> <td> <!-- <style id="report1_style"> </style>--> <table id="report1" cellspacing="0" cellpadding="0" style="display: none;max-width: 800px; border-collapse: collapse; width: 100%;margin: 0 auto;"> <tbody> <tr rn="1" height="81" style="height: 81px"> <td class="report1_10" style="display: none"></td> <td id="ticketTitle" colspan="32" class="report1_22" style="font-size: 30px !important;">福建电力调度控制中心遥控操作票 </td> </tr> <tr rn="2" height="18" style="height: 18px"> <td class="report1_10" style="display: none">4</td> <td class="report1_36"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_3"></td> <td class="report1_11"></td> <td colspan="2" class="report1_35"></td> <td colspan="3" class="report1_30"> <font id="operateTicketNo" style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </td> <td colspan="1" class="report1_30" style="text-align: right;"> <font id="pageNumber" style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; margin-left: 10px; "></font> </td> <!--<td colspan="2" class="report1_31">NO:1/1</td>--> </tr> <tr height="18" style="height: 18px"> <td class="report1_5">1.</td> <td class="report1_2">发令人:</td> <td colspan="10" class="report1_1"> <div style="line-height: 16px"> <font id="notifiername" style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> <td class="report1_2"></td> <td class="report1_2">接令人:</td> <td colspan="10" class="report1_1"> <div style="line-height: 16px"> <font id="notifiedname" style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> </tr> <tr height="18" style="height: 18px"> <td class="report1_5"></td> <td class="report1_2">发令时间:</td> <td colspan="10" class="report1_1"> <div style="line-height: 16px"> <font id="ordertime" style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> <td class="report1_2"></td> <td class="report1_2">汇报时间:</td> <td colspan="10" class="report1_1"> <div style="line-height: 16px"> <font id="reporttime" style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> </tr> <tr height="18" style="height: 18px"> <td class="report1_5">2.</td> <td class="report1_2">操作变电站:</td> <td colspan="10" class="report1_1"> <div style="line-height: 16px"> <font id="station" style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> </tr> <tr height="18" style="height: 18px"> <td class="report1_5">3.</td> <td class="report1_2">操作任务:</td> <td colspan="10" class="report1_1"> <div style="line-height: 16px"> <font id="description" style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "> #</font> </div> </td> </tr> <tr height="18" style="height: 18px"> <td class="report1_5">4.</td> <td class="report1_2">操作开始时间:</td> <td colspan="10" class="report1_1"> <div style="line-height: 16px"> <font id="operatetime" style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> <td class="report1_2"></td> <td class="report1_2">终了时间:</td> <td colspan="10" class="report1_1"> <div style="line-height: 16px"> <font id="finishtime" style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> </tr> <tr rn="9" height="18" style="height: 18px"> <td class="report1_10" style="display: none"></td> <td class="report1_37">5.</td> <td class="report1_1">操作步骤</td> <td class="report1_1"></td> <td class="report1_25"></td> <td class="report1_25"></td> <td class="report1_25"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_4"></td> <td class="report1_21"></td> <td class="report1_21"></td> <td class="report1_21"></td> </tr> <tr rn="10" height="18" style="height: 18px"> <td class="report1_7" style="display: none"></td> <td class="report1_33">√</td> <td class="report1_15">顺序</td> <td colspan="22" class="report1_15"> 操   作   项   目 </td> <td colspan="4" class="report1_13">完成时间</td> </tr> <!-- 操作步骤容器 --> <tbody id="czpContentContainer"></tbody> <tr rn="38" height="18" style="height: 18px"> <td class="report1_7" style="display: none"></td> <td rowspan="4" class="report1_18">备注:</td> <td id="note" rowspan="4" colspan="31" class="report1_19"></td> </tr> <tr rn="39" height="18" style="height: 18px"> <td class="report1_7" style="display: none"></td> </tr> <tr rn="40" height="18" style="height: 18px"> <td class="report1_7" style="display: none"></td> </tr> <tr rn="41" height="18" style="height: 18px"> <td class="report1_7" style="display: none"></td> </tr> <tr height="18" style="height: 18px"> <td class="report1_5">6.</td> <td class="report1_2">操作人:</td> <td colspan="5" class="report1_1"> <div style="line-height: 16px"> <font id="operator" style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> <td class="report1_2"></td> <td class="report1_2">监护人:</td> <td colspan="10" class="report1_1"> <div style="line-height: 16px"> <font id="guardian" style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> <td class="report1_5"></td> <td class="report1_2">值班负责人:</td> <td colspan="9" class="report1_1"> <div style="line-height: 16px"> <font id="dutymaster" style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> </tr> <!-- <tr height="18" style="height: 18px"> </tr> --> <tr height="18" style="height: 18px"> <td class="report1_5">7.</td> <td class="report1_2">评价情况:</td> <td class="report1_2">经检查本票为</td> <td colspan="3" class="report1_1"> <div style="line-height: 16px"> <font style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> <td class="report1_2">票,</td> <td class="report1_2">存在:</td> <td colspan="20" class="report1_1"> <div style="line-height: 16px"> <font style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> </tr> <tr height="18" style="height: 18px; display: none"> <td class="report1_5">7.</td> <td class="report1_2">评价情况:</td> <td class="report1_2">经检查本票为</td> <td colspan="1" class="report1_1"> <div style="line-height: 16px"> <font style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> <td class="report1_2">票,</td> <td class="report1_2">存在:</td> <td colspan="10" class="report1_1"> <div style="line-height: 16px"> <font style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> </tr> <tr height="18" style="height: 18px"> <td class="report1_2"></td> <td colspan="10" class="report1_1"> <div style="line-height: 16px"> <font style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> <td class="report1_2">问题,</td> <td class="report1_2">已向</td> <td colspan="10" class="report1_1"> <div style="line-height: 16px"> <font style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> <!-- <td class="report1_2"></td> --> <td class="report1_2" style="width: 40px;">指出</td> <td colspan="5" class="report1_1"> <div style="line-height: 16px"> <font style=" font-family: 黑体; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; "></font> </div> </td> <!--<td class="report1_9"></td> <td class="report1_2">月</td> <td class="report1_9"></td> <td class="report1_2">日</td> <td class="report1_10"></td>--> </tr> <tr height="18" style="height: 18px;"> <td class="report1_5">8.</td> <td class="report1_2">评价人:</td> <td class="report1_5" style="width: 80px;text-align: left !important;"> <div style="line-height: 16px; border-bottom: 1px solid #000; display: inline-block; width: 70px; height: 40px;"> </div> </td> <td class="report1_5" style="width: 50px;"> <div style="line-height: 16px; border-bottom: 1px solid #000; display: inline-block; width: 50px; height: 40px;"> </div> </td> <td class="report1_2" style="width: 15px;">年</td> <td class="report1_5" style="width: 50px;"> <div style="line-height: 16px; border-bottom: 1px solid #000; display: inline-block; width: 50px; height: 40px;"> </div> </td> <td class="report1_2" style="width: 15px;">月</td> <td class="report1_5" style="width: 50px;"> <div style="line-height: 16px; border-bottom: 1px solid #000; display: inline-block; width: 50px; height: 40px;"> </div> </td> <td class="report1_2" style="width: 15px;">日</td> </tr> </tbody> </table> <div id="printContainer"></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <div id="popupMask" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.4; background-color: rgb(51, 51, 51); display: none"> </div> <div id="popupContainer" style="position: absolute; z-index: 901; display: none"> <div id="popupInner" style="border: 2px solid #000000; background-color: #ffffff"> <div style=" background-color: #486cae; color: #ffffff; font-weight: bold; height: 17px; padding: 4px; border-bottom: 2px solid #000000; border-top: 1px solid #78a3f2; border-left: 1px solid #78a3f2; border-right: 1px solid #204095; position: relative; z-index: 903; " id="popupTitleBar"> <div id="popupTitle" style="float: left; font-size: 14px"></div> <div id="popupControls" style="float: right; cursor: pointer; cursor: hand"> <span style=" text-align: center; font-size: 14px; background-color: gray; width: 16px; height: 16px; color: #000000; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #555555; border-bottom: 1px solid #555555; " id="popCloseBox" onclick="rq_hidePopWin();">X</span> </div> </div> </div> </div> </div> <script> var vm = new Vue({ el: "#czpInfo", data() { return { // 决定何时弹出提示信息 isTips: false, } }, watch: { isTips() { // 提示信息 this.$notify({ title: '提示', message: '暂无此操作票详情', type: 'warning', duration: 1500 }); } } }) </script> </body> </html>在谷歌浏览器109版本会出现顶部重影,分页异常,超出范围的问题
最新发布
09-11
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值