Skip to content

B
buildbank-replica
Commit 62b5d0ab authored by 秦垚玲's avatar 秦垚玲
Browse files
Options

fix:中间页调整

parent 42fa5f1f
Hide whitespace changes
Inline Side-by-side
Showing with 134 additions and 72 deletions
index.html
View file @ 62b5d0ab
...@@ -1765,10 +1765,10 @@ function gotoTouSuZhiNan() { ...@@ -1765,10 +1765,10 @@ function gotoTouSuZhiNan() {
<li><a href="javascript:void(0)" id="5111" ondrag="dragMenu(this);" ondragend="releaseMenuu(this);" onClick="taskBar.createWin('5111','活期账户');showAccount()">活期账户</a></li> <li><a href="javascript:void(0)" id="5111" ondrag="dragMenu(this);" ondragend="releaseMenuu(this);" onClick="taskBar.createWin('5111','活期账户');showAccount()">活期账户</a></li>
<li><a href="javascript:void(0)" id="5112" ondrag="dragMenu(this);" ondragend="releaseMenuu(this);" onClick="taskBar.createWin('5112','定期账户');showAccount()">定期账户</a></li> <li><a href="javascript:void(0)" id="5112" ondrag="dragMenu(this);" ondragend="releaseMenuu(this);" onClick="taskBar.createWin('5112','定期账户');SJCJ_MENU_2('5112','','DQZH')">定期账户</a></li>
<li><a href="javascript:void(0)" id="511A" ondrag="dragMenu(this);" ondragend="releaseMenuu(this);" onClick="taskBar.createWin('511A','银行内容账户');showAccount()">银行内部账户</a></li> <li><a href="javascript:void(0)" id="511A" ondrag="dragMenu(this);" ondragend="releaseMenuu(this);" onClick="taskBar.createWin('511A','银行内容账户',);SJCJ_MENU_2('511A','','YHNRZH')">银行内部账户</a></li>
<li><a href="javascript:void(0)" id="5115" ondrag="dragMenu(this);" ondragend="releaseMenuu(this);" onClick="taskBar.createWin('5115','一户通');showAccount()">一户通</a></li> <li><a href="javascript:void(0)" id="5115" ondrag="dragMenu(this);" ondragend="releaseMenuu(this);" onClick="taskBar.createWin('5115','一户通');showAccount()">一户通</a></li>
......
js/data.js 0 → 100644
View file @ 62b5d0ab
var myArray = [
{
key: "DQZH",
value: {
header: [
"账号",
"账户名称",
"币种",
"行别",
"钞汇鉴别",
"余额",
"账户类型",
"开户机构",
"开户日期",
"账户别名",
],
btnList: ["账户信息", "明细查询", "明细下载"],
},
},
{
key: "YHNRZH",
value: {
header: [
"选择",
"账号",
"账户名称",
"币种",
"钞汇鉴别",
"账户余额+",
"开户机构",
"签约类型",
"账户别名",
"历史余额",
"历史查询时间",
],
btnList: ["账户信息", "CCBs账户信息", "明细查询"],
},
},
];
middle.html
View file @ 62b5d0ab
...@@ -1114,8 +1114,8 @@ ...@@ -1114,8 +1114,8 @@
<div style="overflow: hidden; width: 100%;"> <div style="overflow: hidden; width: 100%;">
<table class="tableList" cellpadding="0" cellspacing="0" border="0" width="100%" id="rsTable2" name="rsTable2"> <table class="tableList" cellpadding="0" cellspacing="0" border="0" width="100%" id="rsTable2" name="rsTable2">
<tbody> <tbody>
<tr class="tableListHead"> <tr class="tableListHead" id="tableListHead">
<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="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="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> <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>
<td nowrap=""><a id="td4" style="cursor: pointer;width: 108px;">行别<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="td4" style="cursor: pointer;width: 108px;">行别<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>
...@@ -1125,9 +1125,9 @@ ...@@ -1125,9 +1125,9 @@
<td nowrap=""><a id="td8" style="cursor: pointer;width: 79px;">本日存入金额<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="td8" style="cursor: pointer;width: 79px;">本日存入金额<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="td9" style="cursor: pointer;width: 79px;">本日支取金额<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="td9" style="cursor: pointer;width: 79px;">本日支取金额<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: 79px;">账户状态<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: 79px;">账户状态<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="td11" style="cursor: pointer;width: 79px;">账户控制状态<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="td11" style="cursor: pointer;width: 79px;">账户控制状态<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>
</tr> </tr>
<tr class="tableListBody"> <tr class="tableListBody">
<td nowrap=""></td> <td nowrap=""></td>
...@@ -1180,69 +1180,90 @@ ...@@ -1180,69 +1180,90 @@
<!-- 功能按钮组 --> <!-- 功能按钮组 -->
<div class="btn-group"> <div class="btn-group">
<button onclick="onBack()"> <!-- <button type="button">
返回 返回
</button> </button> -->
</div> </div>
<div id="pdfArea"> <div id="pdfArea">
<div class="title">活期账户列表信息</div> <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>
</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>
</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>
</tr>
</tbody>
</table>
</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 src="js/data.js"></script>
<script> <script>
function updateMiddle(){
let middleName = localStorage.getItem("middleName");
console.log("本地缓存=================",middleName)
// 表头
let tableHeaderRow = document.querySelector('.tableListHead');
let rowValue = myArray.map(item=>{
if (item.key == middleName) {
return item.value
}
})
let headers = rowValue[0].header;
headers.map(r => {
const td = document.createElement('td');
td.innerHTML = `<td nowrap=""><a id="td1" style="cursor: pointer;width: 164px;">${r}<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> `
tableHeaderRow.appendChild(td);
});
// 底部按钮
let btnGroup = document.querySelector('.btn-group');
let buttons = rowValue[0].btnList;
buttons.map(i => {
const btn = document.createElement('button');
btn.innerHTML = `<button type="button">${i}</button> `
btnGroup.appendChild(btn);
});
}
// 监听外部发来的消息
window.addEventListener('load', function(e) {
console.log("收到消息============11111")
setTimeout(()=>{
updateMiddle(); // 这里执行你原来的方法！
},500)
});
// let middleName = localStorage.getItem("middleName");
// // 表头
// var tableHeaderRow = document.querySelector('.tableListHead');
// let rowValue = myArray.map(item=>{
// if (item.key == middleName) {
// return item.value
// }else{
// return ''
// }
// })
// let headers = rowValue[0].header;
// headers.map(r => {
// const td = document.createElement('td');
// td.innerHTML = `<td nowrap=""><a id="td1" style="cursor: pointer;width: 164px;">${r}<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> `
// tableHeaderRow.appendChild(td);
// });
// // 底部按钮
// let btnGroup = document.querySelector('.btn-group');
// let buttons = rowValue[0].btnList;
// buttons.map(i => {
// const btn = document.createElement('button');
// btn.innerHTML = `<button type="button">${i}</button> `
// btnGroup.appendChild(btn);
// });
let menuName = localStorage.getItem("menuName"); let menuName = localStorage.getItem("menuName");
// console.log("menuName===========",menuName)
let list = menuName.split(">"); let list = menuName.split(">");
const prev = list.slice(0, -1).join(' > '); const prev = list.slice(0, -1).join(' > ');
const last = list[list.length - 1]; const last = list[list.length - 1];
...@@ -1434,21 +1455,21 @@ function downloadFile(content, fileName, type) { ...@@ -1434,21 +1455,21 @@ function downloadFile(content, fileName, type) {
function submitSelect(scope, type) { function submitSelect(scope, type) {
// scope: 0 当前页 / 1 全部（你可以扩展） // scope: 0 当前页 / 1 全部（你可以扩展）
// type: 1 txt 2 excel 3 csv 4 pdf // type: 1 txt 2 excel 3 csv 4 pdf
var data = getTableData(); // var data = getTableData();
switch (type) { // switch (type) {
case '1': // case '1':
downloadTXT(data); // downloadTXT(data);
break; // break;
case '2': // case '2':
downloadExcel(data); // downloadExcel(data);
break; // break;
case '3': // case '3':
downloadCSV(data); // downloadCSV(data);
break; // break;
case '4': // case '4':
downloadPDF(data); // downloadPDF(data);
break; // break;
} // }
} }
function downloadTXT() { function downloadTXT() {
var table = document.getElementById("rsTable2"); var table = document.getElementById("rsTable2");
...@@ -1703,5 +1724,7 @@ function printPage(type) { ...@@ -1703,5 +1724,7 @@ function printPage(type) {
win.close(); win.close();
}; };
} }
</script> </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