Skip to content

B
buildbank-replica
Commit 7c99dfbd authored by 黄同智's avatar 黄同智
Browse files
Options

Merge branch 'master' of http://git.ruanyiit.com/yaoke/buildbank-replica

parents 3c5a821b 7ddbbbd4
Hide whitespace changes
Inline Side-by-side
Showing with 306 additions and 16 deletions
account.html
View file @ 7c99dfbd
......@@ -64,7 +64,6 @@
.toolbar .right {
display: flex;
align-items: center;
gap: 20px;
}
.toolbar a {
color: #1890ff;
......@@ -73,11 +72,103 @@
align-items: center;
gap: 4px;
}
#rightTypes{
display: none;
width: 100%;
height: 42px;
margin-top: 15px;
line-height: 42px;
padding-right: 11px;
}
.right_box{
display: flex;
align-items: center;
justify-content: flex-end;
gap: 20px;
}
.icon5 {
padding-left: 16px;
background: url(https://xc.b2bstatic3.ccb.com/V6/STY6/CN/images7/filter.png) left no-repeat;
}
.iBtn {
margin-right: 10px;
display: inline-block;
color: #0066b3;
cursor: pointer;
line-height: 24px;
vertical-align: middle;
}
a {
text-decoration: none;
outline: none;
}
.tableRBtn {
padding-left: 16px;
color: #1f93d5;
cursor: pointer;
}
.tableLBtn_box{
position: relative;
}
.tableLBtn_active{
padding: 10px 10px 10px 10px;
}
.tableLBtn_box:hover .tableLBtn_active{
position: relative;
border-left: 1px solid #d1d0d0;
border-top: 1px solid #d1d0d0;
border-right: 1px solid #d1d0d0;
background: #FFFFFF;
line-height: 14px;
z-index: 9999;
}
.tableLBtn_box:hover .downloadBox{
display: block;
}
.downloadBox{
display: none;
}
.downloadBox{
position: absolute;
top: 33px;
z-index: 999;
}
.downloadBox span {
display: block;
border-left: 1px solid #d1d0d0;
border-top: 1px solid #d1d0d0;
border-right: 1px solid #d1d0d0;
background: #FFFFFF;
padding: 10px 10px 0px 10px;
height: 24px;
}
.downloadBox span a {
float: none;
font-size: 1em;
padding-left: 16px;
margin-right: 0px;
background-color: #FFFFFF;
}
.underline {
text-decoration: underline;
}
.downloadBox .firstLi {
border-top: 1px solid #d9d9d9;
}
.downloadBox ul {
border: 1px solid #d9d9d9;
padding: 15px 10px 15px 10px;
background: #FFFFFF;
list-style: none;
}
.downloadBox ul li {
border-bottom: 1px solid #d9d9d9;
color: #0066bb;
line-height: 32px;
width: 94px;
cursor: pointer;
background: #FFFFFF;
}
.download{
background: url(https://xc.b2bstatic3.ccb.com/V6/STY6/CN/images7/tableDownload.png) no-repeat left center;
}
......@@ -228,7 +319,6 @@
float: right;
display: flex;
align-items: center;
gap: 20px;
}
/* 分页 */
.pagination {
......@@ -320,17 +410,53 @@
<!-- 工具栏 -->
<div class="toolbar">
<div class="left">
<input type="checkbox">
<input type="checkbox" id="filterCheckbox" onclick="openFilter(this)">
<span>筛选</span>
</div>
<div class="right">
<a href="#" class="tableRBtn download">下载当前页</a>
<a href="#" class="tableRBtn download">下载全部</a>
<a href="#" class="tableRBtn print">打印</a>
<div id="rightType">
<div class="right">
<div class="tableLBtn_box">
<div class="tableLBtn_active">
<a href="#" class="tableRBtn download">下载当前页</a>
</div>
<div class="downloadBox" style="left: 0;">
<ul>
<li onclick="submitSelect('0','1')" class="firstLi">Txt下载</li>
<li onclick="submitSelect('0','2')">Excel下载</li>
<li onclick="submitSelect('0','3')">Csv下载</li>
<li onclick="submitSelect('0','4')">PDF下载</li>
</ul>
</div>
</div>
<div class="tableLBtn_box">
<div class="tableLBtn_active">
<a href="#" class="tableRBtn download">下载全部</a>
</div>
<div class="downloadBox" style="left: 0;">
<ul>
<li onclick="submitSelect('0','1')" class="firstLi">Txt下载</li>
<li onclick="submitSelect('0','2')">Excel下载</li>
<li onclick="submitSelect('0','3')">Csv下载</li>
<li onclick="submitSelect('0','4')">PDF下载</li>
</ul>
</div>
</div>
<div class="tableLBtn_box">
<div class="tableLBtn_active">
<a href="#" class="tableRBtn print">打印</a>
</div>
<div class="downloadBox" style="right: 0;">
<ul>
<li onclick="printPage('1')" class="firstLi">网页打印</li>
<li onclick="printPage('2')">PDF打印</li>
</ul>
</div>
</div>
</div>
</div>
<a class="dateBtn" href="javascript:ShowCalendar('img1','StDt',null,%20'8/1/1999',%20'1/22/2039')"><img src="https://xc.b2bstatic3.ccb.com/V6/STY6/CN/images7/date.png" id="img1" class="dateImg"></a>
</div>
<table id="conditionTB" class="tableHide" cellpadding="0" cellspacing="0" border="0" width="100%" style="display: table;">
<table id="conditionTB" class="tableHide" cellpadding="0" cellspacing="0" border="0" width="100%" style="display: none;">
<tbody><tr>
<td class="hideTitle">账户查询：</td>
<td colspan="3">
......@@ -912,18 +1038,57 @@
<tr>
<td>&nbsp;</td>
<td colspan="3">
<a class="iBtn icon5" href="javascript:void(0);" onclick="searchOne();">过滤筛选</a>
<a class="iBtn icon5" href="javascript:void(0);" onclick="searchOne(document.getElementById('filterCheckbox'));">过滤筛选</a>
</td>
</tr><tr>
</tr></tbody></table>
<div id="rightTypes">
<div class="right_box">
<div class="tableLBtn_box">
<div class="tableLBtn_active">
<a href="#" class="tableRBtn download">下载当前页</a>
</div>
<div class="downloadBox" style="left: 0;">
<ul>
<li onclick="submitSelect('0','1')" class="firstLi">Txt下载</li>
<li onclick="submitSelect('0','2')">Excel下载</li>
<li onclick="submitSelect('0','3')">Csv下载</li>
<li onclick="submitSelect('0','4')">PDF下载</li>
</ul>
</div>
</div>
<div class="tableLBtn_box">
<div class="tableLBtn_active">
<a href="#" class="tableRBtn download">下载全部</a>
</div>
<div class="downloadBox" style="left: 0;">
<ul>
<li onclick="submitSelect('0','1')" class="firstLi">Txt下载</li>
<li onclick="submitSelect('0','2')">Excel下载</li>
<li onclick="submitSelect('0','3')">Csv下载</li>
<li onclick="submitSelect('0','4')">PDF下载</li>
</ul>
</div>
</div>
<div class="tableLBtn_box">
<div class="tableLBtn_active">
<a href="#" class="tableRBtn print">打印</a>
</div>
<div class="downloadBox" style="right: 0; ">
<ul>
<li onclick="printPage('1')" class="firstLi">网页打印</li>
<li onclick="printPage('2')">PDF打印</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 账户列表表格 -->
<div style="overflow: hidden; width: 100%;">
<table class="tableList" cellpadding="0" cellspacing="0" border="0" width="100%" id="rsTable2" name="rsTable2">
<tbody>
<tr class="tableListHead">
<td nowrap="" style="width: 68px;" class="txtLeft"><div id="lable1" style="position: relative; left: 15px;"><input type="checkbox" id="all_0" onclick="selectall(0)" ;="">全选</div></td>
<td nowrap="" style="width: 68px !important;" class="txtLeft"><div id="lable1" style="position: relative; left: 15px;"><input type="checkbox" id="all_0" onclick="selectall(0)" ;="">全选</div></td>
<td nowrap=""><a id="td1" style="cursor: pointer;width: 164px;">账号<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="td2" style="cursor: pointer;width: 137.94px;">账户名称<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="td3" style="cursor: pointer;width: 80px;">币种<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>
......@@ -968,9 +1133,43 @@
<div class="table-action-bar">
<a class="lineLeft"><div id="lable2" style="position: relative; left: 10px;"><input type="checkbox" id="all_1" onclick="selectall(1);">全选</div></a>
<div class="lineRight">
<a href="#" class="tableRBtn download">下载当前页</a>
<a href="#" class="tableRBtn download">下载全部</a>
<a href="#" class="tableRBtn print">打印</a>
<div class="tableLBtn_box">
<div class="tableLBtn_active">
<a href="#" class="tableRBtn download">下载当前页</a>
</div>
<div class="downloadBox" style="left: 0;">
<ul>
<li onclick="submitSelect('0','1')" class="firstLi">Txt下载</li>
<li onclick="submitSelect('0','2')">Excel下载</li>
<li onclick="submitSelect('0','3')">Csv下载</li>
<li onclick="submitSelect('0','4')">PDF下载</li>
</ul>
</div>
</div>
<div class="tableLBtn_box">
<div class="tableLBtn_active">
<a href="#" class="tableRBtn download">下载全部</a>
</div>
<div class="downloadBox" style="left: 0;">
<ul>
<li onclick="submitSelect('0','1')" class="firstLi">Txt下载</li>
<li onclick="submitSelect('0','2')">Excel下载</li>
<li onclick="submitSelect('0','3')">Csv下载</li>
<li onclick="submitSelect('0','4')">PDF下载</li>
</ul>
</div>
</div>
<div class="tableLBtn_box">
<div class="tableLBtn_active">
<a href="#" class="tableRBtn print">打印</a>
</div>
<div class="downloadBox" style="right: 0; ">
<ul>
<li onclick="printPage('1')" class="firstLi">网页打印</li>
<li onclick="printPage('2')">PDF打印</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 分页 -->
......@@ -1020,5 +1219,96 @@ function onAccount(number){
window.location.href = './history_query.html'
}
}
function openFilter(element) {
var isChecked = element.checked;
var rightType = document.getElementById("rightType");
var rightTypes = document.getElementById("rightTypes");
var conditionTB = document.getElementById("conditionTB");
console.log("复选框当前状态:", isChecked);
if(isChecked) {
rightType.style.display = 'none';
rightTypes.style.display = 'inline-block';
conditionTB.style.display = 'inline-block';
}else{
rightType.style.display = 'inline-block';
rightTypes.style.display = 'none';
conditionTB.style.display = 'none';
}
}
function searchOne(checkboxElement) {
if (checkboxElement) {
checkboxElement.checked = false;
}
var rightType = document.getElementById("rightType");
var rightTypes = document.getElementById("rightTypes");
var conditionTB = document.getElementById("conditionTB");
rightType.style.display = 'inline-block';
rightTypes.style.display = 'none';
conditionTB.style.display = 'none';
}
// var showOrHideTableValue="1";
// function setShowOrHideRsTable(){
// var rsTable = document.getElementById("rsTable2");
// var tableRows = rsTable.rows;
// for(var i=0;i<tableRows.length-1;i++){
// var tableTr=tableRows[i].getElementsByTagName("td");
// if(tableTr.length == 0)tableTr=tableRows[i].getElementsByTagName("th");
// tableTr[0].style.width = "68px";
// var tableTd=tableTr[11];
// var tableTd2=tableTr[12];
// if(tableTd!=null){
// if(showOrHideTableValue=='1'){
// tableTd.style.display="";
// tableTd2.style.display="";
// }else{
// tableTd.style.display="none";
// tableTd2.style.display="none";
// }
// }
// }
// //修改全局变量并修改箭头
// if("1" == showOrHideTableValue){ //隐藏->显示
// showOrHideTableValue="0";
// document.getElementById("showOrHideTableBtn").innerHTML="&lt;&lt;";//<<
// } else if("0" == showOrHideTableValue){ //显示->隐藏
// showOrHideTableValue="1";
// document.getElementById("showOrHideTableBtn").innerHTML=" >>";
// }
// }
//点击某一行账户查询账户余额
function balanceQuery(strAccno) {
//checkedAccno = strAccno.split("@")[0];
checkedAccno = strAccno;
var balanceValue= document.getElementById('balance_'+strAccno).innerHTML;
if(balanceValue== '<FONT color=gray>点击查询</FONT>'||balanceValue== '<font color="gray">点击查询</font>'||balanceValue=='&nbsp;'){
// document.getElementById("queryProcess").style.display="";
// document.getElementById("queryProcessDiv").innerHTML='正在进行余额查询,请稍候<img src="/V6/STY3/CN/images6/NCCB_jd2.gif">';
document.getElementById('balance_'+checkedAccno).innerHTML='775342.62';
document.getElementById('bookBalance_'+checkedAccno).innerHTML='775342.62';
}
}
// 1. 获取表头行元素
var headerRow = document.querySelector('.tableListHead');
var lastClickedTh = null;
// 2. 绑定点击事件（利用事件冒泡）
headerRow.addEventListener('click', function(event) {
// 获取实际被点击的元素
var target = event.target || event.srcElement;
// 3. 向上查找，直到找到包含 id 的 <a> 标签
// 因为用户可能点击的是图片(img)或者文字，我们要找到包裹它们的链接(a)
while (target && target.nodeName !== 'A') {
target = target.parentNode;
}
// 如果找到了 <a> 标签
if (target && target.nodeName === 'A') {
var clickedId = target.id; // 获取ID，例如 "td1", "td2"
var lastImg = clickedId.querySelector('.sortImgClass');
// 4. 判断谁点击了
lastImg
}
});
</script>
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