Skip to content

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

fix:电子回单调整

parent 6cf57813
Show whitespace changes
Inline Side-by-side
Showing with 145 additions and 51 deletions
electronic_receipt.html
View file @ 8620a706
......@@ -18,6 +18,7 @@
body {
background-color: #ffffff;
padding: 0;
}
li, ul {
list-style: none;
......@@ -204,6 +205,8 @@
width: 120px;
text-align: right;
color: #333;
margin-right: 10px;
font-family: \5b8b\4f53, arial, georgia, verdana, helvetica, sans-serif !important;
}
.form-label .required {
......@@ -213,7 +216,8 @@
.form-input,
.form-select {
padding: 5px 8px;
padding: 5px 8px 5px 10px;
border: 1px solid #d9d9d9;
width: 230px;
}
......@@ -262,20 +266,29 @@
display: flex;
gap: 30px;
margin-left: 10px;
}
.radio-group label {
display: flex;
align-items: center;
font-family: \5b8b\4f53, arial, georgia, verdana, helvetica, sans-serif !important;
input {
margin-right: 5px;
}
}
.form-tip {
margin-left: 40px;
margin-right: 10px;
display: inline-block;
color: #0066b3;
margin-left: 8px;
cursor: pointer;
line-height: 24px;
vertical-align: middle;
padding-left: 22px;
background: url(./images/find.png) left no-repeat;
font-family: \5b8b\4f53, arial, georgia, verdana, helvetica, sans-serif !important;
}
/* .form-question {
......@@ -429,7 +442,7 @@
/* 温馨提示 */
.tips-section {
background-color: #f0f7ff;
background-color: #f7fafd;
padding: 10px;
border: 1px solid #e8e8e8;
}
......@@ -477,6 +490,15 @@
#myForm {
position: relative;
}
.showForm1{
/* display: block; */
}
.showForm2{
/* display: none; */
}
.showForm3{
/* display: none; */
}
</style>
</head>
......@@ -485,10 +507,7 @@
<div class="breadcrumb">
当前位置：账户查询 > <span class="breadcrumb_item">电子回单查询</span>
</div>
<div class="content">
电子回单功能升级，请稍后再试
</div>
<div style="display: none;">
<div style="display: block;">
<!-- 账户信息卡片 -->
<ul class="tabMenuBox">
<li id="tabMenuCur">
......@@ -513,14 +532,14 @@
<label class="form-label"
><span class="required">*</span>查询类型：</label
>
<select class="form-select">
<select class="form-select" id="typeSelect">
<option value="1">批量回单查询</option>
<option value="2">单笔回单查询</option>
<option value="3">下载全部结果查询</option>
</select>
</div>
<div class="form-row">
<div class="form-row showForm1">
<label class="form-label"
><span class="required">*</span>起止日期：</label
>
......@@ -556,14 +575,54 @@
</span>
</div>
<div class="form-row">
<div class="form-row showForm1">
<label class="form-label">起止金额：</label>
<input type="text" class="form-input small" name="amtFrom" />
<span class="px-2">-</span>
<input type="text" class="form-input small" name="amtTo" />
</div>
<div class="form-row showForm1">
<label class="form-label"
><span class="required">*</span>账 号：</label
>
<select class="form-select" style="width: 565px;">
<option value="1">42050110239900001031 中科软盈（武汉）科技有限公司</option>
</select>
</div>
<div class="form-row mt-20 showForm1">
<label class="form-label"></label>
<input type="text" class="form-input wide" name="counterName" placeholder="请输入模糊账号或模糊账户名称" />
<span class="form-tip">模糊搜索</span>
</div>
<div class="form-row">
<div class="form-row showForm1">
<label class="form-label"
><span class="required">*</span>打印状态：</label
>
<select class="form-select">
<option value="1">全部</option>
<option value="2">未打印</option>
<option value="3">已于柜面/自助回单柜打印</option>
<option value="4">已于网银/手机银行打印</option>
</select>
</div>
<div class="form-row showForm1">
<label class="form-label"
>交易方向：</label
>
<select class="form-select">
<option value="1">全部</option>
<option value="2">借</option>
<option value="3">贷</option>
</select>
</div>
<div class="form-row mt-20 showForm1">
<label class="form-label">凭证号：</label>
<input type="text" class="form-input wide" name="counterName" />
</div>
<div class="form-row showForm1">
<label class="form-label"><span class="required">*</span>文件格式：</label>
<div class="radio-group">
<label
......@@ -579,7 +638,7 @@
</div>
</div>
<div class="form-row mt-24">
<div class="form-row mt-24 showForm1">
<label class="form-label"><span class="required">*</span>合并下载：</label>
<div class="radio-group">
<label><input type="radio" name="reverse" checked /> 是</label>
......@@ -587,44 +646,8 @@
</div>
</div>
<div class="form-row mt-20">
<label class="form-label">对方户名：</label>
<input type="text" class="form-input wide" name="counterName" />
<!-- <span class="form-tip">录入生僻字</span> -->
</div>
<div class="form-row">
<label class="form-label">对方账号：</label>
<input type="text" class="form-input wide" name="counterAccount" />
</div>
<div class="form-row">
<label class="form-label">交易备注：</label>
<input type="text" class="form-input wide" name="remark" />
<!-- <span class="form-tip">录入生僻字</span> -->
</div>
<div class="form-row">
<label class="form-label">交易摘要：</label>
<!-- name="summary" -->
<select class="form-select hide" style="width: 200px">
<option>请选择</option>
</select>
<div class="select-down-icon">
<div class="down-arrow"></div>
</div>
</div>
<div class="form-row">
<label class="form-label">起止明细编号：</label>
<input type="text" class="form-input small" name="detailFrom" />
<span class="px-2">-</span>
<input type="text" class="form-input small" name="detailTo" />
<span class="form-question">
？
<span class="bubble">
仅输入起始编号时，查询该编号（含）之后的明细；仅输入截止编号时，查询该编号（含）之前的明细；起止编号同时输入时，截止编号需大于或等于起始编号。
</span>
</span>
</div>
<div style="height: 90px"></div>
......@@ -642,8 +665,8 @@
<!-- 温馨提示 -->
<div class="tips-section">
<div class="tips-title">温馨提示</div>
<p>1.本功能提供查询您的交易对手的建行交易确认信息。</p>
<p>2.交易流水号可由交易对手提供，或者账户明细中查询。</p>
<p>电子回单可作为记账凭证，如您已通过银行柜台取得相应纸质回单，请注意核对，勿重复记账</p>
</div>
<script src="./calendar-plugin/calendar.js"></script>
</body>
......@@ -661,6 +684,77 @@ function sendHeight() {
}, '*');
}
window.addEventListener('load', sendHeight);
// 日期格式
function getTodayYYYYMMDD() {
const now = new Date();
const y = now.getFullYear();
var yesterday = new Date(now); // 复制当前日期
yesterday.setDate(yesterday.getDate() - 1); // 设置为前一天
const m = String(yesterday.getMonth() + 1).padStart(2, "0");
const d = String(yesterday.getDate()).padStart(2, "0");
return `${y}${m}${d}`;
}
// 页面加载默认赋值
window.addEventListener("DOMContentLoaded", () => {
const today = getTodayYYYYMMDD();
startDate = today;
endDate = today;
document.getElementById("dateFrom").value = startDate;
document.getElementById("dateTo").value = endDate;
});
// 类型选择
document.getElementById('typeSelect').addEventListener('change', function(e) {
var selectedValue = this.value;
console.log(selectedValue,"选择类型==========",selectedValue); // 输出选中的值
// if(selectedValue == 1){
// document.querySelectorAll(".showForm1").forEach(item => {
// item.style.display = "block";
// });
// document.querySelectorAll(".showForm2").forEach(item => {
// item.style.display = "none";
// });
// document.querySelectorAll(".showForm3").forEach(item => {
// item.style.display = "none";
// });
// }
// if(selectedValue == 2){
// document.querySelectorAll(".showForm1").forEach(item => {
// item.style.display = "none";
// });
// document.querySelectorAll(".showForm2").forEach(item => {
// item.style.display = "block";
// });
// document.querySelectorAll(".showForm3").forEach(item => {
// item.style.display = "none";
// });
// }
// if(selectedValue == 3){
// document.querySelectorAll(".showForm1").forEach(item => {
// item.style.display = "none";
// });
// document.querySelectorAll(".showForm2").forEach(item => {
// item.style.display = "none";
// });
// document.querySelectorAll(".showForm3").forEach(item => {
// item.style.display = "block";
// });
// }
});
/**
* 解析 YYYYMMDD 格式为 Date 对象
* @param {string} dateStr - 8位数字字符串，如 20250101
......
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