Skip to content

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

fix:电子回单调整及头部导航增加延迟方法

parent 3b969441
Expand all Show whitespace changes
Inline Side-by-side
Showing with 130 additions and 20 deletions
electronic_receipt.html
View file @ 1c41ac0b
......@@ -23,6 +23,7 @@
li, ul {
list-style: none;
}
#wrapper { visibility: visible; } /* 初始时不可见 */
/* 顶部导航栏 */
.top-nav {
......@@ -504,6 +505,8 @@
</head>
<body>
<div id="wrapper">
<!-- 面包屑导航 -->
<div class="breadcrumb">
当前位置：账户查询 > <span class="breadcrumb_item">电子回单查询</span>
......@@ -616,7 +619,7 @@
</div>
</div>
<div class="showForm1">
<div class="form-row showForm1">
<div class="form-row">
<label class="form-label"
>交易方向：</label
>
......@@ -660,20 +663,81 @@
</div>
</div>
<div class="showForm2">
<div class="form-row mt-24">
<label class="form-label">回单类型：</label>
<div class="radio-group">
<label><input type="radio" name="reverse" checked /> 付款回单</label>
<label><input type="radio" name="reverse" /> 收款回单</label>
</div>
</div>
</div>
<div class="showForm2">
<div class="form-row mt-20 ">
<label class="form-label"><span class="required">*</span>付款账号：</label>
<input type="text" class="form-input wide" name="counterName" />
</div>
</div>
<div class="showForm2">
<div class="form-row mt-20 ">
<label class="form-label"><span class="required">*</span>交易流水号：</label>
<input type="text" class="form-input wide" name="counterName" />
</div>
</div>
<div class="showForm2">
<div class="form-row">
<label class="form-label"
><span class="required">*</span>交易日期：</label
>
<input
type="text"
id="dateFrom"
class="form-input"
name="dateFrom"
oninput="startDate = this.value"
onblur="handleBlur('dateFrom')"
/>
<div class="date-picker" id="sDate">
<img class="dateimg" src="./images/date.png" alt="" />
</div>
</div>
</div>
<div class="showForm2">
<div class="form-row ">
<label class="form-label"><span class="required">*</span>文件格式：</label>
<div class="radio-group">
<label
><input type="radio" name="direction" checked value="all" />
PDF</label
>
<label
><input type="radio" name="direction" value="in" /> OFD</label
>
<label
><input type="radio" name="direction" value="out" /> PDF+OFD</label
>
</div>
</div>
</div>
<div class="showForm3">
<div class="form-row ">
<label class="form-label"
><span class="required">*</span>账 号：</label
>
<select class="form-select" style="width: 565px;">
<option value="1">42050110239900001031 中科软盈（武汉）科技有限公司</option>
</select>
</div>
</div>
<div class="showForm3">
<div class="form-row mt-20 ">
<label class="form-label"></label>
<input type="text" class="form-input wide" name="counterName" placeholder="请输入模糊账号或模糊账户名称" />
<span class="form-tip">模糊搜索</span>
</div>
</div>
<div style="height: 90px"></div>
......@@ -682,22 +746,33 @@
确定
</button>
<button type="button" class="buttonx yy">更正回期查询</button>
<button type="button" class="buttonx yy showForm1">更正回期查询</button>
</form>
</div>
</div>
<!-- 温馨提示 -->
<div class="tips-section">
<div class="tips-section showForm1">
<div class="tips-title">温馨提示</div>
<p>电子回单可作为记账凭证，如您已通过银行柜台取得相应纸质回单，请注意核对，勿重复记账</p>
</div>
<div class="tips-section showForm2">
<div class="tips-title">温馨提示</div>
<p>1.本功能提供查询您的交易对手的建行交易确认信息。</p>
<p>2.交易流水号可由交易对手提供，或者账户明细中查询。</p>
</div>
</div>
<script src="./calendar-plugin/calendar.js"></script>
</body>
</html>
<script>
// setTimeout(function() {
// document.getElementById('wrapper').style.visibility = 'visible'; // 3秒后变为可见
// }, 1000); // 1000毫秒后执行
function sendHeight() {
const pageHeight = Math.ceil(Math.max(
document.body.scrollHeight,
......
index.html
View file @ 1c41ac0b
......@@ -5951,9 +5951,15 @@ function isNewVersion()
else
return false;
}
// 增加延迟
let canClick = true;
// 展示账户信息
function showAccount(){
if (canClick) {
canClick = false;
console.log('Button clicked');
setTimeout(function() {
canClick = true; // 设置标志，允许再次点击
let homeBox = document.getElementById("homeBox");
homeBox.style.display = "none";
......@@ -5961,10 +5967,17 @@ function showAccount(){
accountBox.style.display = "block";
// 重要 重新赋值
accountBox.src = "account.html";
}, 1000); // 1000毫秒后执行
}
}
// 展示电子回单查询
function showReceipt(){
if (canClick) {
canClick = false;
console.log('Button clicked');
// 增加延迟
setTimeout(function() {
canClick = true; // 设置标志，允许再次点击
let homeBox = document.getElementById("homeBox");
homeBox.style.display = "none";
......@@ -5972,6 +5985,8 @@ function showReceipt(){
accountBox.style.display = "block";
// 重要 重新赋值
accountBox.src = "electronic_receipt.html";
}, 1000); // 1000毫秒后执行
}
}
......@@ -9780,12 +9795,14 @@ function whzqProcess(menuId){
// 展示首页信息
function showHome(){
// 增加延迟
setTimeout(function() {
let accountBox = document.getElementById("accountBox");
accountBox.style.display = "none";
let homeBox = document.getElementById("homeBox");
homeBox.style.display = "block";
}, 1000);
}
//数据采集，一级菜单，点击事件
......@@ -9859,6 +9876,23 @@ function SJCJ_MENU_2(menuId,link_type,pageName){
// $("#touch_element_position").val("");
// doCcvecCollect();
// 跳转中间页
// let homeBox = document.getElementById("homeBox");
// homeBox.style.display = "none";
// let accountBox = document.getElementById("accountBox");
// accountBox.style.display = "block";
// 重要 重新赋值
// accountBox.src = "middle.html";
// 增加延迟
setTimeout(function() {
// 跳转中间页
let homeBox = document.getElementById("homeBox");
homeBox.style.display = "none";
......@@ -9866,8 +9900,9 @@ function SJCJ_MENU_2(menuId,link_type,pageName){
let accountBox = document.getElementById("accountBox");
accountBox.style.display = "block";
// 重要 重新赋值
accountBox.src = "middle.html";
accountBox.src = "middle.html"; // 1秒后变为可见
}, 1000); // 1000毫秒后执行
if(pageName) {
localStorage.setItem('middleName',pageName)
}
......
unit_receipt.html
View file @ 1c41ac0b
This diff is collapsed.
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