Skip to content

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

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

parent 3b969441
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 153 additions and 43 deletions
electronic_receipt.html
View file @ 1c41ac0b
...@@ -23,6 +23,7 @@ ...@@ -23,6 +23,7 @@
li, ul { li, ul {
list-style: none; list-style: none;
} }
#wrapper { visibility: visible; } /* 初始时不可见 */
/* 顶部导航栏 */ /* 顶部导航栏 */
.top-nav { .top-nav {
...@@ -504,6 +505,8 @@ ...@@ -504,6 +505,8 @@
</head> </head>
<body> <body>
<div id="wrapper">
<!-- 面包屑导航 --> <!-- 面包屑导航 -->
<div class="breadcrumb"> <div class="breadcrumb">
当前位置：账户查询 > <span class="breadcrumb_item">电子回单查询</span> 当前位置：账户查询 > <span class="breadcrumb_item">电子回单查询</span>
...@@ -616,7 +619,7 @@ ...@@ -616,7 +619,7 @@
</div> </div>
</div> </div>
<div class="showForm1"> <div class="showForm1">
<div class="form-row showForm1"> <div class="form-row">
<label class="form-label" <label class="form-label"
>交易方向：</label >交易方向：</label
> >
...@@ -659,21 +662,82 @@ ...@@ -659,21 +662,82 @@
</div> </div>
</div> </div>
</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> <div style="height: 90px"></div>
...@@ -682,22 +746,33 @@ ...@@ -682,22 +746,33 @@
确定 确定
</button> </button>
<button type="button" class="buttonx yy">更正回期查询</button> <button type="button" class="buttonx yy showForm1">更正回期查询</button>
</form> </form>
</div> </div>
</div> </div>
<!-- 温馨提示 --> <!-- 温馨提示 -->
<div class="tips-section"> <div class="tips-section showForm1">
<div class="tips-title">温馨提示</div> <div class="tips-title">温馨提示</div>
<p>电子回单可作为记账凭证，如您已通过银行柜台取得相应纸质回单，请注意核对，勿重复记账</p> <p>电子回单可作为记账凭证，如您已通过银行柜台取得相应纸质回单，请注意核对，勿重复记账</p>
</div> </div>
<script src="./calendar-plugin/calendar.js"></script> <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> </body>
</html> </html>
<script> <script>
// setTimeout(function() {
// document.getElementById('wrapper').style.visibility = 'visible'; // 3秒后变为可见
// }, 1000); // 1000毫秒后执行
function sendHeight() { function sendHeight() {
const pageHeight = Math.ceil(Math.max( const pageHeight = Math.ceil(Math.max(
document.body.scrollHeight, document.body.scrollHeight,
......
index.html
View file @ 1c41ac0b
...@@ -5951,27 +5951,42 @@ function isNewVersion() ...@@ -5951,27 +5951,42 @@ function isNewVersion()
else else
return false; return false;
} }
// 增加延迟
let canClick = true;
// 展示账户信息 // 展示账户信息
function showAccount(){ function showAccount(){
if (canClick) {
let homeBox = document.getElementById("homeBox"); canClick = false;
homeBox.style.display = "none"; console.log('Button clicked');
setTimeout(function() {
let accountBox = document.getElementById("accountBox"); canClick = true; // 设置标志，允许再次点击
accountBox.style.display = "block"; let homeBox = document.getElementById("homeBox");
// 重要 重新赋值 homeBox.style.display = "none";
accountBox.src = "account.html";
let accountBox = document.getElementById("accountBox");
accountBox.style.display = "block";
// 重要 重新赋值
accountBox.src = "account.html";
}, 1000); // 1000毫秒后执行
}
} }
// 展示电子回单查询 // 展示电子回单查询
function showReceipt(){ function showReceipt(){
if (canClick) {
let homeBox = document.getElementById("homeBox"); canClick = false;
homeBox.style.display = "none"; console.log('Button clicked');
// 增加延迟
let accountBox = document.getElementById("accountBox"); setTimeout(function() {
accountBox.style.display = "block"; canClick = true; // 设置标志，允许再次点击
// 重要 重新赋值 let homeBox = document.getElementById("homeBox");
accountBox.src = "electronic_receipt.html"; homeBox.style.display = "none";
let accountBox = document.getElementById("accountBox");
accountBox.style.display = "block";
// 重要 重新赋值
accountBox.src = "electronic_receipt.html";
}, 1000); // 1000毫秒后执行
}
} }
...@@ -9780,12 +9795,14 @@ function whzqProcess(menuId){ ...@@ -9780,12 +9795,14 @@ function whzqProcess(menuId){
// 展示首页信息 // 展示首页信息
function showHome(){ function showHome(){
let accountBox = document.getElementById("accountBox"); // 增加延迟
accountBox.style.display = "none"; setTimeout(function() {
let accountBox = document.getElementById("accountBox");
let homeBox = document.getElementById("homeBox"); accountBox.style.display = "none";
homeBox.style.display = "block";
let homeBox = document.getElementById("homeBox");
homeBox.style.display = "block";
}, 1000);
} }
//数据采集，一级菜单，点击事件 //数据采集，一级菜单，点击事件
...@@ -9859,15 +9876,33 @@ function SJCJ_MENU_2(menuId,link_type,pageName){ ...@@ -9859,15 +9876,33 @@ function SJCJ_MENU_2(menuId,link_type,pageName){
// $("#touch_element_position").val(""); // $("#touch_element_position").val("");
// doCcvecCollect(); // doCcvecCollect();
// 跳转中间页 // 跳转中间页
let homeBox = document.getElementById("homeBox"); // let homeBox = document.getElementById("homeBox");
homeBox.style.display = "none"; // homeBox.style.display = "none";
let accountBox = document.getElementById("accountBox"); // let accountBox = document.getElementById("accountBox");
accountBox.style.display = "block"; // accountBox.style.display = "block";
// 重要 重新赋值 // 重要 重新赋值
accountBox.src = "middle.html"; // accountBox.src = "middle.html";
// 增加延迟
setTimeout(function() {
// 跳转中间页
let homeBox = document.getElementById("homeBox");
homeBox.style.display = "none";
let accountBox = document.getElementById("accountBox");
accountBox.style.display = "block";
accountBox.src = "middle.html"; // 1秒后变为可见
}, 1000); // 1000毫秒后执行
if(pageName) { if(pageName) {
localStorage.setItem('middleName',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