Skip to content

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

整改

parent 8620a706
Hide whitespace changes
Inline Side-by-side
Showing with 305 additions and 47 deletions
history_receipt.html
View file @ ad6f1800
......@@ -11,7 +11,7 @@
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Microsoft Yahei", sans-serif;
font-family: \5b8b\4f53, arial, georgia, verdana, helvetica, sans-serif !important;
font-size: 14px;
}
......@@ -184,7 +184,8 @@
/* 查询表单 */
.form-container {
padding: 20px;
padding: 20px 20px 0;
background: #F7FAFD;
}
.form-title {
......@@ -202,7 +203,7 @@
.form-label {
width: 120px;
width: 210px;
text-align: right;
color: #333;
}
......@@ -323,27 +324,23 @@
align-items: center;
justify-content: center;
}
.buttonx {
position: absolute;
}
.xx {
left: 120px;
bottom: 34px;
.buttonxs{
margin-left: 8px;
}
.yy {
left: 264px;
bottom: 34px;
.tableTitle {
height: 42px;
margin-top: 15px;
line-height: 42px;
padding-left: 10px;
padding-right: 11px;
}
.zz {
left: 390px;
bottom: -57px;
.titleTxt {
float: left;
font-weight: bold;
}
/* 温馨提示 */
.tips-section {
margin-top: 125px;
background-color: #f0f7ff;
padding: 10px;
border: 1px solid #e8e8e8;
......@@ -392,6 +389,143 @@
#myForm {
position: relative;
}
/* 筛选条件栏 */
.tableHide {
background: #F7FAFD;
width: 100%;
}
.tableHide tr td {
height: 42px;
padding-left: 10px;
}
.hideTitle {
width: 230px;
text-align: right;
padding-right: 5px;
}
.select {
height: 27px;
border: 1px solid #c5c5c5;
padding: 3px 2px 3px 2px;
vertical-align: middle;
font-size: 1em;
}
/* 尝试覆盖系统高亮 */
.select:focus {
outline: none; /* 去掉聚焦时的蓝色外圈 */
border-color: #808080; /* 边框变灰 */
}
/* 针对 WebKit 浏览器的滚动条和选中项 */
.select::-webkit-scrollbar-thumb {
background-color: #808080;
}
.inTxt {
border: 1px solid #c5c5c5;
height: 27px;
line-height: 27px;
padding-left: 10px;
width: 220px;
vertical-align: middle;
font-size: 1em;
}
.slSty1 {
width: 232px;
}
/* 表格样式 */
.tableList {
background: #FFF;
text-align: center;
border: 1px solid #62a7e3;
width: 100%;
overflow: hidden;
}
table {
overflow: hidden;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin: 0;
padding: 0;
}
th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
text-align: left;
vertical-align: middle;
}
table th,
table td {
border: none !important; /* 使用 !important 确保覆盖原有的行内样式或高优先级样式 */
border-top: none;
border-bottom: none;
border-left: none;
border-right: none;
}
thead, tbody, tfoot, tr {
margin: 0;
padding: 0;
border: 0;
}
.tableList tr td {
overflow: hidden;
height: 35px;
padding: 0px 5px 0px 5px;
}
.tableList .tableListHead td {
background: #c8e0f5;
font-weight: bold;
text-align: center;
}
.tableListBody td {
text-align: center;
}
.tableListBody:hover {
background-color: #ebf4fb;
}
td {
padding: 10px;
border: 1px solid #e8e8e8;
}
.tableFooter {
background: #f7faf5;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
}
.footerLine {
padding: 0 10px 0 10px;
height: 35px;
line-height: 35px;
}
.splitPage {
float: right;
}
.splitPage a {
color: #0066b3;
cursor: pointer;
text-decoration: none;
outline: none;
}
.curPageNum {
padding: 4px 4px;
border: 1px solid #DBDBDB;
margin-right: 8px;
}
.inPage {
border: 1px #c5c5c5 solid;
height: 16px;
font-size: 1em;
text-align: center;
width: 30px;
margin: 0 3px;
vertical-align: middle;
}
.pageGoTo {
margin: 0 0 0 10px;
}
</style>
</head>
......@@ -416,8 +550,141 @@
</li>
</ul>
<!-- 查询表单 -->
<div class="form-container">
<form id="myForm">
<div class="form-row mt-24">
<label class="form-label"><span class="required">*</span>每页张数：</label>
<div class="radio-group">
<label><input type="radio" name="reverse" />一页一张</label>
<label><input type="radio" name="reverse" checked />一页三张</label>
</div>
</div>
<div class="form-row mt-24">
<label class="form-label"></label>
<button class="buttonx buttonxs" type="submit">预约</button>
</div>
</form>
</div>
<div class="tableTitle">
<input type="checkbox" id="filterCheckbox" onclick="openFilter(this)">
<span>筛选</span>
</div>
<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">
<select class="select" size="1" name="conditionType" id="conditionType">
<option value="0">账户名称</option>
<option value="1">账号</option>
</select>
<input class="inTxt" name="conditionValue" type="text" size="20" maxlength="40" value="" style="width:135px">
</td>
</tr>
<tr>
<td class="hideTitle">币种：</td>
<td>
<select name="curType" id="curType" class="select slSty1" size="1">
<option value="">全部</option>
<option value="156">人民币元</option>
<option value="344">香港元</option>
<option value="446">澳门元</option>
<option value="901">新台币</option>
<option value="840">美元</option>
<option value="978">欧元</option>
<option value="826">英镑</option>
</select>
</td>
<td class="hideTitle">签约类型：</td>
<td>
<select class="select slSty1" name="signType" id="signType" size="1">
<option value="2">全部</option>
<option value="0">签约账户</option>
<option value="1">授权账户</option>
</select>
</td>
</tr>
<tr>
<td class="hideTitle">账户分组：</td>
<td>
<select class="select slSty1" name="ACC_SORT" id="ACC_SORT" size="1">
<option value="">全部</option>
</select>
</td>
<td class="hideTitle">钞汇鉴别：</td>
<td>
<select class="select slSty1" name="CshExCd" id="CshExCd" size="1">
<option value="0">全部</option>
<option value="1">钞</option>
<option value="2">汇</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td colspan="3">
<button class="buttonx" type="submit">查询</button>
</td>
</tr><tr>
</tr>
</tbody>
</table>
<div class="tableTitle" id="biaoti">
<div class="titleTxt">批量回单查询结果</div>
</div>
<table class="tableList" id="tableList1" cellpadding="0" cellspacing="0">
<tbody>
<tr class="tableListHead">
<td nowrap="">选择</td>
<td nowrap="">预约任务编号</td>
<td nowrap="">账号</td>
<td nowrap="">交易开始日期</td>
<td nowrap="">交易结束日期</td>
<td nowrap="">预约操作员</td>
<td nowrap="">预约日期</td>
<td nowrap="">状态</td>
</tr>
<tr onmouseover="tdOver(this)" onmouseout="tdOut(this)" onclick="trClick(this)" class="tableListBody">
<td nowrap=""><input type="radio" name="CREDIT"></td>
<input type="hidden" name="AccNo1" value="42050123704500001941">
<input type="hidden" name="MdRcd_PK_ID1" value="20260507400001295065">
<input type="hidden" name="Snd_Stat1" value="3">
<td nowrap="">20260507400001295065</td>
<td nowrap="">42050123704500001941</td>
<td nowrap="">20230401</td>
<td nowrap="">20230430</td>
<td nowrap="">999999</td>
<td nowrap="">20260507</td>
<td nowrap="">
历史回单数据不存在
</td>
</tr>
<tr onmouseover="tdOver(this)" onmouseout="tdOut(this)" onclick="trClick(this)" class="tableListBody">
<td nowrap=""><input type="radio" name="CREDIT"></td>
<input type="hidden" name="AccNo1" value="42050123704500001941">
<input type="hidden" name="MdRcd_PK_ID1" value="20260428400001252654">
<input type="hidden" name="Snd_Stat1" value="3">
<td nowrap="">20260428400001252654</td>
<td nowrap="">42050123704500001941</td>
<td nowrap="">20230301</td>
<td nowrap="">20230331</td>
<td nowrap="">999999</td>
<td nowrap="">20260428</td>
<td nowrap="">
历史回单数据不存在
</td>
</tr>
</tbody>
</table>
<div class="tableFooter">
<div class="footerLine">
共 2 条
<div class="splitPage"><script>SplitPage("1", "1", "", "", "AA")</script><a style="margin-right:8px;" href="javascript:TxtSubmit(&quot;PAGE|&quot;,&quot;1|&quot;,AA)">首页</a><span style="margin-right:8px;">&lt;上一页</span><span class="curPageNum">1</span><span style="margin-right:8px;">下一页&gt;</span><span style="margin-right:8px;">共<b>1</b>页</span>到第<input type="text" id="splitPage1778145521055" class="inPage" maxlength="4" onkeydown="enterJumpToPage('1','','',AA,'splitPage1778145521055')">页<a class="pageGoTo" href="javascript:jumpToPage('1','','',AA,'splitPage1778145521055')">转至</a><input type="text" name="donothinghidetext" style="display:none;" value=""></div>
</div>
</div>
<!-- 温馨提示 -->
<div class="tips-section">
<div class="tips-title">温馨提示</div>
......@@ -429,37 +696,28 @@
</html>
<script>
function sendHeight() {
const pageHeight = Math.ceil(Math.max(
document.body.scrollHeight,
document.documentElement.scrollHeight
));
const pageHeight = document.body.scrollHeight;
window.parent.postMessage({
type: 'STATUS_HEIGHT',
value: pageHeight
value: pageHeight + 50
}, '*');
}
window.addEventListener('load', sendHeight);
const form = document.getElementById('myForm');
function onSubmit() {
form.addEventListener('submit', async (e) => {
e.preventDefault(); // 阻止页面刷新
// 方式1：使用 FormData 自动搜集
const formData = new FormData(form);
localStorage.setItem('historyQueryParams', JSON.stringify(Object.fromEntries(formData.entries())));
setTimeout(() => {
window.location.href = './history_balance.html'
}, 500);
});
}
// formn表单返回
document.getElementById('backButton').addEventListener('click', function() {
window.history.back();
});
});
function openFilter(element) {
var isChecked = element.checked;
var conditionTB = document.getElementById("conditionTB");
console.log("复选框当前状态:", isChecked);
if(isChecked) {
conditionTB.style.display = 'inline-block';
sendHeight();
}else{
conditionTB.style.display = 'none';
sendHeight();
}
}
</script>
\ No newline at end of file
unit_receipt.html
View file @ ad6f1800
......@@ -413,10 +413,9 @@
<li class="tabMenu">
<span></span>
<a href="./history_receipt.html">历史回单查询</a>
</li>
</ul>
<!-- 温馨提示 -->
<div class="tips-section">
......
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