Skip to content

B
buildbank-replica
Commit 4a1dc705 authored by 何波's avatar 何波
Browse files
Options

样式修改

parent b2ba76a1
Hide whitespace changes
Inline Side-by-side
Showing with 431 additions and 128 deletions
account.html
View file @ 4a1dc705
...@@ -173,6 +173,9 @@ ...@@ -173,6 +173,9 @@
cursor: pointer; cursor: pointer;
background: #FFFFFF; background: #FFFFFF;
} }
.downloadBox ul li:hover {
font-weight: bold;
}
.download{ .download{
background: url(https://xc.b2bstatic3.ccb.com/V6/STY6/CN/images7/tableDownload.png) no-repeat left center; background: url(https://xc.b2bstatic3.ccb.com/V6/STY6/CN/images7/tableDownload.png) no-repeat left center;
} }
...@@ -262,9 +265,6 @@ ...@@ -262,9 +265,6 @@
padding: 0; padding: 0;
border: 0; border: 0;
} }
tr td .checkbox {
margin-left: 15px;
}
.tableList tr td { .tableList tr td {
overflow: hidden; overflow: hidden;
height: 35px; height: 35px;
...@@ -314,6 +314,9 @@ ...@@ -314,6 +314,9 @@
align-items: center; align-items: center;
gap: 4px; gap: 4px;
} }
.tableListBody:hover {
background-color: #ebf4fb;
}
.lineLeft { .lineLeft {
float: left; float: left;
margin-right: 20px; margin-right: 20px;
...@@ -384,6 +387,9 @@ ...@@ -384,6 +387,9 @@
vertical-align: middle; vertical-align: middle;
border-radius: 5px; border-radius: 5px;
} }
.btn-group button:hover {
background-color: #229EE6;
}
/* 温馨提示 */ /* 温馨提示 */
.tips-section { .tips-section {
padding: 0 10px 10px 10px; padding: 0 10px 10px 10px;
...@@ -438,7 +444,8 @@ ...@@ -438,7 +444,8 @@
} }
.ths, .tds { .ths, .tds {
border: 1px solid #000; color: #000 !important;
border: 1px solid #000 !important;
padding: 4px; padding: 4px;
text-align: center; text-align: center;
font-weight: normal; font-weight: normal;
...@@ -1159,11 +1166,12 @@ ...@@ -1159,11 +1166,12 @@
<td nowrap=""><a id="td10" style="cursor: pointer;width: 173.05px;"">开户机构<img class="sortImgClass" src="https://xc.b2bstatic3.ccb.com/V6/STY6/CN/images7/sortNo.png" style="vertical-align:text-bottom;_vertical-align:middle;margin-left:3px;"></a></td> <td nowrap=""><a id="td10" style="cursor: pointer;width: 173.05px;"">开户机构<img class="sortImgClass" src="https://xc.b2bstatic3.ccb.com/V6/STY6/CN/images7/sortNo.png" style="vertical-align:text-bottom;_vertical-align:middle;margin-left:3px;"></a></td>
<td nowrap="" style="display:none;"><a id="td11" style="cursor: pointer;">历史余额<img class="sortImgClass" src="https://xc.b2bstatic3.ccb.com/V6/STY6/CN/images7/sortNo.png" style="vertical-align:text-bottom;_vertical-align:middle;margin-left:3px;"></a></td> <td nowrap="" style="display:none;"><a id="td11" style="cursor: pointer;">历史余额<img class="sortImgClass" src="https://xc.b2bstatic3.ccb.com/V6/STY6/CN/images7/sortNo.png" style="vertical-align:text-bottom;_vertical-align:middle;margin-left:3px;"></a></td>
<td nowrap="" style="display:none;"><a id="td12" style="cursor: pointer;">历史查询时间<img class="sortImgClass" src="https://xc.b2bstatic3.ccb.com/V6/STY6/CN/images7/sortNo.png" style="vertical-align:text-bottom;_vertical-align:middle;margin-left:3px;"></a></td> <td nowrap="" style="display:none;"><a id="td12" style="cursor: pointer;">历史查询时间<img class="sortImgClass" src="https://xc.b2bstatic3.ccb.com/V6/STY6/CN/images7/sortNo.png" style="vertical-align:text-bottom;_vertical-align:middle;margin-left:3px;"></a></td>
<td nowrap="" style="width: 26.52px;"><a id="showOrHideTableBtn" onclick="setShowOrHideRsTable();parent.iFrameHeight();" class="tableLink">&gt;&gt;</a></td> <!-- <td nowrap="" style="width: 26.52px;"><a id="showOrHideTableBtn" onclick="setShowOrHideRsTable();parent.iFrameHeight();" class="tableLink">&gt;&gt;</a></td> -->
<td nowrap="" style="width: 26.52px;"><a id="showOrHideTableBtn" class="tableLink">&gt;&gt;</a></td>
</tr> </tr>
<tr onmouseover="tdOver(this)" onmouseout="tdOut(this)" class="tableListBody"> <tr class="tableListBody">
<td><input type="checkbox" id="acc_42050123704500001941@156" class="row-checkbox" name="ACC_NO" value="42050123704500001941@中科软盈（武汉）科技有限公司@中国建设银行股份有限公司武汉南湖大道支行@420237045@1@156@202004" class="checkbox" bankcode="202004"></td> <td><input type="checkbox" id="acc_42050123704500001941@156" class="row-checkbox" name="ACC_NO" value="42050123704500001941@中科软盈（武汉）科技有限公司@中国建设银行股份有限公司武汉南湖大道支行@420237045@1@156@202004" style="margin-left: 15px;" bankcode="202004"></td>
<td onclick="onAccount(1)"><a href="#">42050123704500001941</a>&nbsp;</td> <td onclick="onAccount(0)"><a href="#">42050123704500001941</a>&nbsp;</td>
<td class="txtLeft fzWord" onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')">中科软盈（武汉）科技有限公司&nbsp;</td> <td class="txtLeft fzWord" onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')">中科软盈（武汉）科技有限公司&nbsp;</td>
<td nowrap="" onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')">人民币元&nbsp;</td> <td nowrap="" onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')">人民币元&nbsp;</td>
<td nowrap="" onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')">中国建设银行&nbsp;</td> <td nowrap="" onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')">中国建设银行&nbsp;</td>
...@@ -1173,15 +1181,13 @@ ...@@ -1173,15 +1181,13 @@
<td onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')" class="table_center">钞&nbsp;</td> <td onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')" class="table_center">钞&nbsp;</td>
<td class="fzWord" onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')" class="table_center">-&nbsp;</td> <td class="fzWord" onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')" class="table_center">-&nbsp;</td>
<td onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')" class="table_center">中国建设银行股份有限公司武汉南湖大道支行&nbsp;</td> <td onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')" class="table_center">中国建设银行股份有限公司武汉南湖大道支行&nbsp;</td>
<td style="display:none;" class="txtRight" onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')"> <td style="display:none;" class="txtRight" onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')"></td>
775,342.62&nbsp;
</td>
<td style="display:none;" onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')">2026-04-29<br>11:01:15&nbsp;</td> <td style="display:none;" onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')">2026-04-29<br>11:01:15&nbsp;</td>
<td>&nbsp;</td> <td>&nbsp;</td>
</tr> </tr>
<tr style="display:none" id="queryProcess" class=" tableListTr"> <tr style="display:none" id="queryProcess" class=" tableListTr">
<td colspan="13" class="table_left"> <td colspan="13" class="table_left">
<div id="queryProcessDiv">正在进行余额查询,请稍候<img src="/V6/STY3/CN/images6/NCCB_jd2.gif"></div> <!-- <div id="queryProcessDiv">正在进行余额查询,请稍候<img src="https://xc.b2bstatic3.ccb.com/V6/STY3/CN/images6/NCCB_jd2.gif"></div> -->
</td> </td>
</tr> </tr>
</tbody> </tbody>
...@@ -1258,66 +1264,89 @@ ...@@ -1258,66 +1264,89 @@
<p>2. 实时余额查询支持同时50个账户。</p> <p>2. 实时余额查询支持同时50个账户。</p>
<p>3. 历史余额、明细查询支持5个以内账户同时查询并实时返回查询结果，5个以上将通过批量方式查询下载。</p> <p>3. 历史余额、明细查询支持5个以内账户同时查询并实时返回查询结果，5个以上将通过批量方式查询下载。</p>
<p>4. 本日首次登录时，历史余额栏位为系统自动于本日零点查询的账户余额；本日非首次查询余额，历史余额显示上次查询的余额信息。</p> <p>4. 本日首次登录时，历史余额栏位为系统自动于本日零点查询的账户余额；本日非首次查询余额，历史余额显示上次查询的余额信息。</p>
<p>5. 若您的签约/授权账户变动未及时体现在账户列表中，请点击此处<a href="#">刷新</a>。</p> <p>5. 若您的签约/授权账户变动未及时体现在账户列表中，请点击此处<a href="#" onclick="window.location.reload()">刷新</a>。</p>
</div> </div>
<div id="pdfArea"> <div id="pdfArea">
<div class="title">活期账户列表信息</div> <div class="title">活期账户列表信息</div>
<div class="table-header"> <div class="table-header">
<div class="print-date" id="printDate"></div> <div class="print-date" id="printDate"></div>
<table class="table_none"> <table class="table_none">
<thead> <thead>
<tr> <tr>
<th class="ths">账号</th> <th class="ths">账号</th>
<th class="ths">账户名称</th> <th class="ths">账户名称</th>
<th class="ths">币种</th> <th class="ths">币种</th>
<th class="ths">行别</th> <th class="ths">行别</th>
<th class="ths">账面余额</th> <th class="ths">账面余额</th>
<th class="ths">可用余额</th> <th class="ths">可用余额</th>
<th class="ths">签约类型</th> <th class="ths">签约类型</th>
<th class="ths">钞汇类别</th> <th class="ths">钞汇类别</th>
<th class="ths">账户别名</th> <th class="ths">账户别名</th>
<th class="ths">开户机构</th> <th class="ths">开户机构</th>
<th class="ths">历史余额</th> <th class="ths">历史余额</th>
<th class="ths">历史查询时间</th> <th class="ths">历史查询时间</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td class="tds">42050123704500001941</td> <td class="tds">42050123704500001941</td>
<td class="tds">中科软盈（武汉）科技有限公司</td> <td class="tds">中科软盈（武汉）科技有限公司</td>
<td class="tds">人民币元</td> <td class="tds">人民币元</td>
<td class="tds">中国建设银行</td> <td class="tds">中国建设银行</td>
<td class="tds">775,342.62</td> <td class="tds">775,342.62</td>
<td class="tds">775,342.62</td> <td class="tds">775,342.62</td>
<td class="tds">签约</td> <td class="tds">签约</td>
<td class="tds">钞</td> <td class="tds">钞</td>
<td class="tds">-</td> <td class="tds">-</td>
<td class="tds">中国建设银行股份有限公司武汉南湖大道支行</td> <td class="tds">中国建设银行股份有限公司武汉南湖大道支行</td>
<td class="tds">775,342.62</td> <td class="tds">775,342.62</td>
<td class="tds">2026-04-30 11:30:22</td> <td class="tds">2026-04-30 11:30:22</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</body> </body>
</html> </html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
<script> <script>
function onAccount(number){ // function onAccount(number){
if(number == 1){ // if(number == 1){
window.location.href = './account_info.html' // window.location.href = './account_info.html'
} // }
if(number == 2){ // if(number == 2){
// window.location.href = './account_balance.html'
// }
// if(number == 3){
// window.location.href = './account_detail.html'
// }
// if(number == 4){
// window.location.href = './history_query.html'
// }
// }
function onAccount(number) {
if(number == 0) {
window.location.href = './account_balance.html' window.location.href = './account_balance.html'
} }else{
if(number == 3){ var checkedList = document.querySelectorAll('.row-checkbox:checked');
window.location.href = './account_detail.html' if (checkedList.length === 0) {
} alert('请先勾选账户');
if(number == 4){ return;
window.location.href = './history_query.html' }
if (number == 1) {
window.location.href = './account_info.html'
}
if (number == 2) {
window.location.href = './account_balance.html'
}
if (number == 3) {
window.location.href = './account_detail.html'
}
if (number == 4) {
window.location.href = './history_query.html'
}
} }
} }
function openFilter(element) { function openFilter(element) {
...@@ -1385,8 +1414,8 @@ function balanceQuery(strAccno) { ...@@ -1385,8 +1414,8 @@ function balanceQuery(strAccno) {
if(balanceValue== '<FONT color=gray>点击查询</FONT>'||balanceValue== '<font color="gray">点击查询</font>'||balanceValue=='&nbsp;'){ if(balanceValue== '<FONT color=gray>点击查询</FONT>'||balanceValue== '<font color="gray">点击查询</font>'||balanceValue=='&nbsp;'){
// document.getElementById("queryProcess").style.display=""; // document.getElementById("queryProcess").style.display="";
// document.getElementById("queryProcessDiv").innerHTML='正在进行余额查询,请稍候<img src="/V6/STY3/CN/images6/NCCB_jd2.gif">'; // document.getElementById("queryProcessDiv").innerHTML='正在进行余额查询,请稍候<img src="/V6/STY3/CN/images6/NCCB_jd2.gif">';
document.getElementById('balance_'+checkedAccno).innerHTML='775342.62'; document.getElementById('balance_'+checkedAccno).innerHTML='775,342.62';
document.getElementById('bookBalance_'+checkedAccno).innerHTML='775342.62'; document.getElementById('bookBalance_'+checkedAccno).innerHTML='775,342.62';
} }
} }
// 获取表头行元素 // 获取表头行元素
...@@ -1505,9 +1534,6 @@ document.querySelectorAll('.downloadBox li').forEach((el, index) => { ...@@ -1505,9 +1534,6 @@ document.querySelectorAll('.downloadBox li').forEach((el, index) => {
}); });
}); });
function submitSelect(scope, type) { function submitSelect(scope, type) {
console.log(type,'type');
// scope: 0 当前页 / 1 全部（你可以扩展）
// type: 1 txt 2 excel 3 csv 4 pdf
var data = getTableData(); var data = getTableData();
switch (type) { switch (type) {
case '1': case '1':
...@@ -1660,7 +1686,7 @@ function downloadExcel(list) { ...@@ -1660,7 +1686,7 @@ function downloadExcel(list) {
const isNumber = /^-?\d+(\.\d+)?$/.test(val); const isNumber = /^-?\d+(\.\d+)?$/.test(val);
ws[cellRef] = { ws[cellRef] = {
v: val, v: val,
t: isNumber ? "n" : "s", // ✅ 数字 or 字符串 t: "s", // ✅ 数字 or 字符串
s: { s: {
font: baseFont, font: baseFont,
alignment: { horizontal: "left", vertical: "center" } alignment: { horizontal: "left", vertical: "center" }
......
account_balance.html
View file @ 4a1dc705
...@@ -3,6 +3,10 @@ ...@@ -3,6 +3,10 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.jsdelivr.net/npm/xlsx-js-style/dist/xlsx.bundle.js"></script>
<script src="https://cdn.jsdelivr.net/npm/file-saver/dist/FileSaver.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jspdf@2.5.1/dist/jspdf.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
<title>账户信息查询 - 实时余额</title> <title>账户信息查询 - 实时余额</title>
<style> <style>
* { * {
...@@ -169,6 +173,9 @@ ...@@ -169,6 +173,9 @@
cursor: pointer; cursor: pointer;
background: #FFFFFF; background: #FFFFFF;
} }
.downloadBox ul li:hover {
font-weight: bold;
}
.download{ .download{
background: url(https://xc.b2bstatic3.ccb.com/V6/STY6/CN/images7/tableDownload.png) no-repeat left center; background: url(https://xc.b2bstatic3.ccb.com/V6/STY6/CN/images7/tableDownload.png) no-repeat left center;
} }
...@@ -297,7 +304,6 @@ ...@@ -297,7 +304,6 @@
justify-content: space-between; justify-content: space-between;
height: 35px; height: 35px;
line-height: 35px; line-height: 35px;
padding: 0 10px 0 10px;
background-color: #f6fbf4; background-color: #f6fbf4;
border: 1px solid #e8e8e8; border: 1px solid #e8e8e8;
border-top: none; border-top: none;
...@@ -310,6 +316,12 @@ ...@@ -310,6 +316,12 @@
align-items: center; align-items: center;
gap: 4px; gap: 4px;
} }
.xj{
background-color: #f7fafd;
}
.tableListBody:hover {
background-color: #ebf4fb;
}
.lineLeft { .lineLeft {
float: left; float: left;
margin-right: 20px; margin-right: 20px;
...@@ -373,6 +385,9 @@ ...@@ -373,6 +385,9 @@
vertical-align: middle; vertical-align: middle;
border-radius: 5px; border-radius: 5px;
} }
.btn-group button:hover {
background-color: #229EE6;
}
/* 温馨提示 */ /* 温馨提示 */
.tips-section { .tips-section {
padding: 0 10px 10px 10px; padding: 0 10px 10px 10px;
...@@ -396,6 +411,58 @@ ...@@ -396,6 +411,58 @@
color: #0066b3; color: #0066b3;
text-decoration: none; text-decoration: none;
} }
#pdfArea {
position: absolute;
left: -9999px;
top: 0;
width: 1040px;
background: #fff;
}
.title {
padding: 30px 0 4px 0;
text-align: center;
font-weight: normal;
font-size: 14px;
}
.print-date {
float: right;
margin-right: 5px;
font-size: 14px;
}
.table_none {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
font-size: 14px;
/* ✅ 平分列宽 */
table-layout: fixed;
}
.ths, .tds {
color: #000 !important;
border: 1px solid #000 !important;
padding: 4px;
text-align: center;
font-weight: normal;
word-break: break-all;
}
.tds:nth-child(1), /* 账号 */
.tds:nth-child(5), /* 账面余额 */
.tds:nth-child(6), /* 可用余额 */
.tds:nth-child(11), /* 历史余额 */
.tds:nth-child(12) /* 时间 */
{
color: #000;
font-weight: 500 !important;
}
.ths {
background-color: #fff;
font-weight: normal;
}
</style> </style>
</head> </head>
<body> <body>
...@@ -1062,7 +1129,7 @@ ...@@ -1062,7 +1129,7 @@
<td nowrap="" style="width: 26.52px;"><a id="showOrHideTableBtn" onclick="setShowOrHideRsTable();parent.iFrameHeight();" class="tableLink">&gt;&gt;</a></td> <td nowrap="" style="width: 26.52px;"><a id="showOrHideTableBtn" onclick="setShowOrHideRsTable();parent.iFrameHeight();" class="tableLink">&gt;&gt;</a></td>
</tr> </tr>
<tr onmouseover="tdOver(this)" onmouseout="tdOut(this)" class="tableListBody"> <tr class="tableListBody">
<td>42050123704500001941&nbsp;</td> <td>42050123704500001941&nbsp;</td>
<td class="txtLeft fzWord">中科软盈（武汉）科技有限公司&nbsp;</td> <td class="txtLeft fzWord">中科软盈（武汉）科技有限公司&nbsp;</td>
<td nowrap="" >人民币元&nbsp;</td> <td nowrap="" >人民币元&nbsp;</td>
...@@ -1077,36 +1144,19 @@ ...@@ -1077,36 +1144,19 @@
<!-- <td style="display:none;" onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')">2026-04-29<br>11:01:15&nbsp;</td> --> <!-- <td style="display:none;" onclick="balanceQuery('42050123704500001941@420237045@1@156@202004')">2026-04-29<br>11:01:15&nbsp;</td> -->
<td>&nbsp;</td> <td>&nbsp;</td>
</tr> </tr>
<tr onmouseover="tdOver(this)" onmouseout="tdOut(this)" class=" tableListTr tableListSlt" <tr class="tableListBody xj">
style="background-color: #f7fafd;"> <td class="table_center">小计:</td>
<td nowrap="" class="table_center">
小计:
</td>
<td class="fzWord">&nbsp;</td> <td class="fzWord">&nbsp;</td>
<td>人民币元&nbsp;</td> <td>人民币元&nbsp;</td>
<td>&nbsp;</td> <td>&nbsp;</td>
<td nowrap="" class="txtRight table_center">775,342.62</td>
<td nowrap="" class="txtRight table_center">775,342.62</td> <td nowrap="" class="txtRight table_center">0.00&nbsp;</td>
<td nowrap="" class="txtRight table_center">0.00&nbsp;</td> <td nowrap="" class="txtRight table_center">775,342.62</td>
<td nowrap="" class="txtRight table_center">775,342.62</td> <td nowrap="" class="txtRight table_center">0.00&nbsp;</td>
<td nowrap="" class="txtRight table_center">0.00&nbsp;</td> <td nowrap="" class="txtRight table_center">0.00&nbsp;</td>
<td nowrap="" class="txtRight table_center">0.00&nbsp;</td>
<td>&nbsp;</td> <td>&nbsp;</td>
<td>&nbsp;</td> <td>&nbsp;</td>
<td style="display:none;">&nbsp;</td> <td style="display:none;">&nbsp;</td>
<td style="display:none;">0.00&nbsp;</td>
<td style="display:none;">&nbsp;</td>
<td style="display:none;">0.00&nbsp;</td>
<td style="display:none;">0.00&nbsp;</td>
<td style="display:none;">0.00&nbsp;</td>
<td nowrap="">&nbsp;</td>
</tr> </tr>
<tr style="display:none" id="queryProcess" class=" tableListTr"> <tr style="display:none" id="queryProcess" class=" tableListTr">
...@@ -1157,7 +1207,77 @@ ...@@ -1157,7 +1207,77 @@
返回 返回
</button> </button>
</div> </div>
<div id="pdfArea">
<div class="title">活期账户列表信息</div>
<div class="table-header">
<div class="print-date" id="printDate"></div>
<table class="table_none">
<thead>
<tr>
<th class="ths">账号</th>
<th class="ths">账户名称</th>
<th class="ths">币种</th>
<th class="ths">行别</th>
<th class="ths">账面余额</th>
<th class="ths">冻结金额</th>
<th class="ths">可用余额</th>
<th class="ths">本日存入金额</th>
<th class="ths">本日支取金额</th>
<th class="ths">账户状态</th>
<th class="ths">账户控制状态</th>
<th class="ths">开户机构</th>
<th class="ths">透支金额</th>
<th class="ths">透支天数</th>
<th class="ths">普通业务冻结金额</th>
<th class="ths">存款司法冻结金额</th>
<th class="ths">在途业务冻结金额</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tds">42050123704900001941</td>
<td class="tds">中科软盈(武汉)科技有限公司</td>
<td class="tds">人民币元</td>
<td class="tds">中国建设银行</td>
<td class="tds">773,541.62</td>
<td class="tds">0.00</td>
<td class="tds">773,541.62</td>
<td class="tds">0.00</td>
<td class="tds">1,801.00</td>
<td class="tds">正常</td>
<td class="tds">正常</td>
<td class="tds">中国建设银行股份有限公司武汉南湖大道支行</td>
<td class="tds">0.00</td>
<td class="tds">0</td>
<td class="tds">0.00</td>
<td class="tds">0.00</td>
<td class="tds">0.00</td>
</tr>
<tr>
<td class="tds">小计</td>
<td class="tds"></td>
<td class="tds">人民币元</td>
<td class="tds"></td>
<td class="tds">773,541.62</td>
<td class="tds">0.00</td>
<td class="tds">773,541.62</td>
<td class="tds">0.00</td>
<td class="tds">1,801.00</td>
<td class="tds"></td>
<td class="tds"></td>
<td class="tds"></td>
<td class="tds">0.00</td>
<td class="tds"></td>
<td class="tds">0.00</td>
<td class="tds">0.00</td>
<td class="tds">0.00</td>
</tr>
</tbody>
</table>
</div>
</div>
</body> </body>
</html> </html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
...@@ -1327,7 +1447,6 @@ function getTableData() { ...@@ -1327,7 +1447,6 @@ function getTableData() {
} }
var row = []; var row = [];
cells.forEach((td, i) => { cells.forEach((td, i) => {
if (i === 0) return;
row.push(td.innerText.trim()); row.push(td.innerText.trim());
}); });
...@@ -1363,46 +1482,204 @@ function submitSelect(scope, type) { ...@@ -1363,46 +1482,204 @@ function submitSelect(scope, type) {
break; break;
} }
} }
function downloadTXT(data) { function downloadTXT() {
var content = data.map(row => row.join('\t')).join('\n'); var table = document.getElementById("rsTable2");
downloadFile(content, '活期账户列表下载.txt', 'text/plain'); var rows = table.rows;
var result = [];
var colLength = [9, 9, 4, 5, 10, 10, 7, 5, 5, 12, 5, 7];
var colLengths = [28, 16, 3, 7, 1, 1, 3, 2, 2, 21, 11, 20];
function wrapHeader(str, len, index) {
str = (str || "").toString().trim();
if (index === 2) {
len += 2;
}
if (str.length > len) {
str = str.substring(0, len);
}
var space = " ".repeat(len - str.length);
return `"${str}"${space}`;
}
function wrapData(str, len, index) {
str = (str || "")
.toString()
.replace(/\u00A0/g, '')
.replace(/\s+/g, ' ')
.trim();
if (index === 2) {
len += 2;
}
if (str.length > len) {
str = str.substring(0, len);
}
var space = " ".repeat(len - str.length);
if (index === 0) {
return `"${space + str}"`;
}
return `"${str + space}"`;
}
var header = ["账号 ","账户名称 ","币种 ","行别 ","账面余额 ","冻结金额 ","可用余额 ","本日存入金额 ","本日支取金额 ","账户状态 ","账户控制状态","开户机构 ","透支金额 ","透支天数 ","普通业务冻结金额 ","存款司法冻结金额 ","在途业务冻结金额 "
];
var headerRow = header.map((item, i) => wrapHeader(item, colLength[i], i));
result.push(headerRow.join(','));
for (var i = 1; i < rows.length; i++) {
var cells = rows[i].cells;
if (!cells || cells.length < 11) continue;
var row = [];
row.push(cells[1].innerText);
row.push(cells[2].innerText);
row.push(cells[3].innerText);
row.push(cells[4].innerText);
var bookBalance = cells[5].innerText;
if (bookBalance.indexOf("点击查询") !== -1) bookBalance = "";
row.push(bookBalance);
var balance = cells[6].innerText;
if (balance.indexOf("点击查询") !== -1) balance = "";
row.push(balance);
row.push(cells[7].innerText);
row.push(cells[8].innerText);
row.push(cells[9].innerText);
row.push(cells[10].innerText);
var lastBalance = "";
if (cells[11]) {
lastBalance = cells[11].innerText
.replace(/FormatAmtRempty\(.+?\);?/g, '')
.trim();
}
row.push(lastBalance);
var lastTime = "";
if (cells[12]) {
lastTime = cells[12].innerHTML
.replace(/&nbsp;/gi, ' ')
.replace(/<br\s*\/?>/gi, ' ')
.replace(/\s+/g, ' ')
.trim();
lastTime = lastTime + " ";
}
row.push(lastTime);
var formatted = row.map((item, idx) => wrapData(item, colLengths[idx], idx));
result.push(formatted.join(','));
}
var content = result.join('\n');
downloadFile(content, '活期账户实时余额下载.txt', 'text/plain');
} }
function downloadExcel(data) { function downloadExcel(list) {
var html = ` console.log(list,'list');
<table border="1"> let arr = [
${data.map(row => ["中国建设银行"],
`<tr>${row.map(cell => `<td>${cell}</td>`).join('')}</tr>` ["账户实时余额查询结果下载"],
).join('')} ];
</table> list[0].pop()
`; let data = [...arr,...list]
downloadFile(html, '活期账户列表下载.xls', 'application/vnd.ms-excel'); const ws = XLSX.utils.aoa_to_sheet(data);
ws["!merges"] = [
{ s: { r: 1, c: 0 }, e: { r: 1, c: 7 } }
];
const baseFont = {
name: "Arial",
sz: 10
};
ws["A1"].s = {
font: baseFont
};
ws["A2"].s = {
font: { ...baseFont, bold: true },
alignment: { horizontal: "center", vertical: "center" }
};
data[2].forEach((_, i) => {
const cell = XLSX.utils.encode_cell({ r: 2, c: i });
ws[cell].s = {
font: baseFont,
alignment: { horizontal: "center", vertical: "center" }
};
});
data[3].forEach((val, i) => {
const cellRef = XLSX.utils.encode_cell({ r: 3, c: i });
const isNumber = /^-?\d+(\.\d+)?$/.test(val);
ws[cellRef] = {
v: val,
t: "s", // ✅ 数字 or 字符串
s: {
font: baseFont,
alignment: { horizontal: "left", vertical: "center" }
}
};
});
data[4].forEach((val, i) => {
const cellRef = XLSX.utils.encode_cell({ r: 4, c: i });
const isNumber = /^-?\d+(\.\d+)?$/.test(val);
ws[cellRef] = {
v: val,
t: "s", // ✅ 数字 or 字符串
s: {
font: baseFont,
alignment: { horizontal: "left", vertical: "center" }
}
};
});
ws["!cols"] = [
{ wch: 24.29 }, { wch: 21.29 }, { wch: 12.29 }, { wch: 12.29 },
{ wch: 10.29 }, { wch: 10.29 }, { wch: 16.29 }, { wch: 15.29 },
{ wch: 16.29 }, { wch: 17.29 }, { wch: 18.29 }, { wch: 20.29 },
];
const wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, "账户信息");
const wbout = XLSX.write(wb, {
bookType: "xlsx",
type: "array"
});
saveAs(new Blob([wbout]), "活期账户实时余额下载.xls");
} }
function downloadCSV(data) { function downloadCSV(data) {
var content = data.map(row => row.join(',')).join('\n'); var content = data.map(row => row.join(',')).join('\n');
downloadFile(content, '活期账户列表下载.csv', 'text/csv'); downloadFile(content, '活期账户实时余额下载.csv', 'text/csv');
} }
function downloadPDF(data) { /* ✅ 打印日期 */
var container = document.createElement('div'); const now = new Date();
container.innerHTML = ` const year = now.getFullYear();
<h3 style="text-align:center;">活期账户列表</h3> const month = now.getMonth() + 1; // ✅ 不补0
<table border="1" cellspacing="0" cellpadding="5" style="width:100%;border-collapse:collapse;"> const day = now.getDate(); // ✅ 不补0
${data.map(row => document.getElementById("printDate").innerText =
`<tr>${row.map(cell => `<td>${cell}</td>`).join('')}</tr>` `打印日期：${year}年${month}月${day}日`;
).join('')}
</table> /* ✅ PDF导出 */
`; async function downloadPDF() {
const { jsPDF } = window.jspdf;
html2pdf() const element = document.getElementById("pdfArea");
.set({
margin: 10, const canvas = await html2canvas(element, {
filename: '活期账户列表下载.pdf', scale: 2,
html2canvas: { scale: 2 }, useCORS: true
jsPDF: { unit: 'mm', format: 'a4', orientation: 'landscape' } });
})
.from(container) const imgData = canvas.toDataURL("image/png");
.save();
} const pdf = new jsPDF({
orientation: "p",
unit: "mm",
format: [210, 297]
});
const pageWidth = 210;
const pageHeight = 297;
const margin = 5;
let imgWidth = pageWidth - margin * 2;
let imgHeight = canvas.height * imgWidth / canvas.width;
if (imgHeight > pageHeight - margin * 2) {
imgHeight = pageHeight - margin * 2;
imgWidth = canvas.width * imgHeight / canvas.height;
}
const x = (pageWidth - imgWidth) / 2;
const y = margin;
pdf.addImage(imgData, "PNG", x, y, imgWidth, imgHeight);
pdf.save("活期账户实时余额下载.pdf");
}
function printPage(type) { function printPage(type) {
var table = document.getElementById('rsTable2').outerHTML; var table = document.getElementById('rsTable2').outerHTML;
var now = new Date(); var now = new Date();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment