Skip to content

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

fix:电子回单查询内页、空页、单位结算卡回单查询等

parent 2658fd9a
Hide whitespace changes
Inline Side-by-side
Showing with 587 additions and 54 deletions
electronic_receipt.html
View file @ 6587d82f
......@@ -51,6 +51,7 @@
margin: 15px 0;
font-size: 14px;
color: #2C2C2C;
font-family: \5b8b\4f53, arial, georgia, verdana, helvetica, sans-serif !important;
}
.breadcrumb_item{
font-weight: bold;
......@@ -125,6 +126,7 @@
display: inline;
line-height: 20px;
float: left;
}
.tabMenuBox .tabMenu span{
display: block;
......@@ -132,6 +134,12 @@
width: 5px;
float: left;
}
.tabMenuBox .tabMenu a{
font-family: \5b8b\4f53, arial, georgia, verdana, helvetica, sans-serif !important;
}
.tabMenuBox li span {
display: block;
height: 40px;
......@@ -693,13 +701,13 @@
>
<input
type="text"
id="dateFrom"
id="dateFroms"
class="form-input"
name="dateFrom"
oninput="startDate = this.value"
onblur="handleBlur('dateFrom')"
name="dateFroms"
oninput="transactionDate = this.value"
onblur="handleBlurs('dateFroms')"
/>
<div class="date-picker" id="sDate">
<div class="date-picker" id="tradeDate">
<img class="dateimg" src="./images/date.png" alt="" />
</div>
</div>
......@@ -746,7 +754,7 @@
<!-- 按钮组 -->
<button class="buttonx xx" onclick="onHandle(1)" type="submit">确定</button>
<button type="button" class="buttonx yy showForm1" id="amendBtn"
onclick="onHandle(2)">更正回期查询</button>
onclick="onHandle(2)">更正回单查询</button>
</form>
</div>
......@@ -780,14 +788,10 @@
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);
......@@ -803,6 +807,10 @@ function getTodayYYYYMMDD() {
return `${y}${m}${d}`;
}
// 声明
let startDate = "";
let endDate = "";
let transactionDate = '';
// 页面加载默认赋值
window.addEventListener("DOMContentLoaded", () => {
const today = getTodayYYYYMMDD();
......@@ -813,16 +821,13 @@ window.addEventListener("DOMContentLoaded", () => {
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 => {
......@@ -886,37 +891,40 @@ document.getElementById('typeSelect').addEventListener('change', function(e) {
const diffDays = (end - start) / (1000 * 60 * 60 * 24);
return Math.abs(diffDays) > 365;
}
/**
* 检测 YYYYMMDD 格式的日期间隔是否大于三个月
* @param {string} startStr - 开始日期，如 20250101
* @param {string} endStr - 结束日期，如 20260101
* @returns {boolean}
*/
function isOver90DaysYYYYMMDD(startStr, endStr) {
const start = parseYYYYMMDD(startStr);
const end = parseYYYYMMDD(endStr);
const diffDays = (end - start) / (1000 * 60 * 60 * 24);
return Math.abs(diffDays) > 90;
}
let startDate = "";
let endDate = "";
const handleBlur = (dateId) => {
console.log(
"handleBlur",
startDate,
endDate,
isOver365DaysYYYYMMDD(startDate, endDate),
isOver90DaysYYYYMMDD(startDate, endDate),
);
if (startDate && endDate && isOver365DaysYYYYMMDD(startDate, endDate)) {
alert("起止日期间隔不能超过365天");
if (startDate && endDate && isOver90DaysYYYYMMDD(startDate, endDate)) {
alert("预约时间段不能超过3个月！");
if (dateId === "dateFrom") {
startDate = "";
document.getElementById(dateId).value = "";
} else {
endDate = "";
document.getElementById(dateId).value = "";
endDate = "";
}
const checkedQuickDate = document.querySelector(
'input[name="quickDate"]:checked',
);
checkedQuickDate && (checkedQuickDate.checked = false);
document.getElementById(dateId).value = "";
return;
}
if (dateId === "dateFrom") {
startDate = startDate;
document.getElementById(dateId).value = startDate;
} else {
endDate = endDate;
document.getElementById(dateId).value = endDate;
}
};
......@@ -937,6 +945,22 @@ document.getElementById('typeSelect').addEventListener('change', function(e) {
},
});
const handleBlurs = (dateId) => {
if (dateId === "dateFroms") {
document.getElementById(dateId).value = transactionDate;
}
};
// 筛选日期选择器
new CalendarPlugin({
trigger: '#tradeDate',
onSelect(date) {
transactionDate = date.replaceAll('-', '');
handleBlurs('dateFroms');
}
});
// 快速日期
document.querySelectorAll("input[name=quickDate]").forEach((el) => {
el.addEventListener("change", () => {
......@@ -975,10 +999,11 @@ document.getElementById('typeSelect').addEventListener('change', function(e) {
JSON.stringify(Object.fromEntries(formData.entries())),
);
// setTimeout(() => {
// window.localStorage.setItem("dateFrom", startDate);
// window.location.href = "./account_list.html";
// }, 500);
setTimeout(() => {
window.localStorage.setItem("dateFrom", startDate);
window.location.href = "./electronic_receipt_list.html";
}, 500);
});
}
if(number == 2) {
......
electronic_receipt_amend.html
View file @ 6587d82f
......@@ -5,7 +5,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="calendar-plugin/calendar.css">
<title>更正回期查询</title>
<title>更正回单查询</title>
<style>
* {
margin: 0;
......
electronic_receipt_list.html
View file @ 6587d82f
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="calendar-plugin/calendar.css">
<title>批量回单查询结果</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: \5b8b\4f53, arial, georgia, verdana, helvetica, sans-serif !important;
font-size: 14px;
}
body {
background-color: #ffffff;
padding: 0;
}
li, ul {
list-style: none;
}
/* 顶部导航栏 */
.top-nav {
background-color: #ffffff;
border-bottom: 2px solid #1f93d5;
display: flex;
align-items: center;
padding: 10px 20px;
gap: 40px;
}
.top-nav a {
color: #1f93d5;
text-decoration: none;
font-size: 16px;
}
/* 面包屑 */
.breadcrumb {
height: 42px;
background-color: #f4f5fb;
border: 1px solid #dfe1f2;
line-height: 40px;
padding-left: 10px;
margin: 15px 0;
font-size: 14px;
color: #2C2C2C;
}
.breadcrumb_item{
font-weight: bold;
}
.content{
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
height: 35px;
padding: 0px 5px 0px 5px;
border: 1px solid #1f93d5;
font-family: \5b8b\4f53, arial, georgia, verdana, helvetica, sans-serif;
}
/* 账户信息卡片 */
.account-card {
margin-top: 15px;
border-radius: 4px;
}
.account-card .account-number {
background: #fff;
position: relative;
}
.account-card .account-number::before {
content: '';
height: 2px;
background-color: #1f93d5;
position: absolute;
bottom: -2px;
left: 0;
width: 25px;
}
.account-card .account-number::after {
content: '';
height: 2px;
background-color: #1f93d5;
position: absolute;
bottom: -2px;
left: 141px;
right: 0
}
.account-number div {
display: inline-block;
border: 2px solid #1f93d5;
border-bottom: none;
color: #1f93d5;
padding: 4px 8px;
border-radius: 4px 4px 0 0;
margin-left:23px;
height: 40px;
width: 120px;
text-align: center;
line-height: 30px;
font-weight: bold;
}
.tabMenuBox{
background: url(./images/menuTabline.png) repeat-x bottom;
height: 40px;
padding-left: 23px;
margin: 15px 0px 5px 0px;
}
.tabMenuBox li {
display: inline;
line-height: 20px;
float: left;
}
.tabMenuBox .tabMenu {
display: inline;
line-height: 20px;
float: left;
}
.tabMenuBox .tabMenu span{
display: block;
height: 40px;
width: 5px;
float: left;
}
.tabMenuBox li span {
display: block;
height: 40px;
width: 5px;
float: left;
background: url(./images/menuTabDL.png) no-repeat top left;
}
#tabMenuCur span {
background: url(./images/menuTabL.png) no-repeat bottom left;
}
#tabMenuCur a {
background: url(./images/menuTabR.png) no-repeat bottom right;
height: 40px;
cursor: default;
font-weight: bold;
color: #1f93d5;
white-space: nowrap;
}
.tabMenuBox .tabMenu a {
display: block;
float: left;
padding-left: 10px;
padding-right: 15px;
height: 40px;
line-height: 40px;
background: url(./images/menuTabDR.png) no-repeat top right;
margin: 0px 5px 0px 0px;
text-decoration: none;
color: #2c2c2c;
text-align: center;
white-space: nowrap;
}
.tabMenuBox li a {
display: block;
float: left;
padding-left: 10px;
padding-right: 15px;
height: 40px;
line-height: 40px;
background: url(./images/menuTabDR.png) no-repeat top right;
margin: 0px 5px 0px 0px;
text-decoration: none;
color: #2c2c2c;
text-align: center;
white-space: nowrap;
_padding-top: 0px;
}
.tableTitle {
height: 42px;
/* margin-top: 15px; */
line-height: 42px;
padding-left: 10px;
padding-right: 11px;
}
/* 温馨提示 */
.tips-section {
margin-top: 50px;
background-color: #f0f7ff;
padding: 10px;
border: 1px solid #e8e8e8;
}
.tips-title {
color: red;
font-weight: bold;
margin-bottom: 10px;
}
.tips-section p {
line-height: 1.8;
color: #333;
}
.mt-24 {
margin-top: 24px;
}
.mt-20 {
margin-top: 20px;
}
.date-picker {
width: 27px;
height: 27px;
position: relative;
}
.date-picker .date-input {
position: absolute;
top: 0;
left: 0;
width: 27px;
height: 27px;
opacity: 0;
z-index: 1;
}
.date-picker .dateimg {
width: 27px;
height: 27px;
}
#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;
display: flex;
justify-content: space-between;
}
.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;
}
/* 按钮组 */
.btn-group {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin: 30px 0;
}
.buttonx,
.btn-group button {
box-sizing: content-box;
height: 35px;
min-width: 60px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
border: 0;
cursor: pointer;
color: #FFF;
margin-right: 15px;
font-weight: bold;
background-color: #1f93d5;
font-size: 1em;
vertical-align: middle;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.buttonx {
/* position: absolute; */
}
.checkbox{
line-height: 35px;
display: flex;
}
.checkbox input{
margin-right: 5px;
margin-bottom: 4px;
vertical-align: middle;
}
#myForm {
position: relative;
}
</style>
</head>
<body>
<!-- 面包屑导航 -->
<div class="breadcrumb">
当前位置：账户查询 > <span class="breadcrumb_item">电子回单查询</span>
</div>
<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>
</tbody>
</table>
<div class="tableFooter">
<div class="footerLine">
<div class="checkbox">
<input type="checkbox" id="filterCheckbox">
<span>全选</span>
</div>
<div class="splitPage"><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" >页<a class="pageGoTo" href="javascript:jumpToPage('1','','',AA,'splitPage1778145521055')">转至</a><input type="text" name="donothinghidetext" style="display:none;" value=""></div>
</div>
</div>
<!-- 按钮组 -->
<div class="btn-group">
<button class="buttonx" type="button">
电子回单预览/打印
</button>
<button class="buttonx" type="button">
下载
</button>
<button class="buttonx" onclick="onBack()" type="button">
返回
</button>
</div>
</div>
<!-- 温馨提示 -->
<!-- <div class="tips-section">
<div class="tips-title">温馨提示</div>
<p>电子回单可作为记账凭证，如您已通过银行柜台取得相应纸质回单，请注意核对，勿重复记账</p>
</div> -->
<script src="./calendar-plugin/calendar.js"></script>
</body>
</html>
<script>
function sendHeight() {
const pageHeight = document.body.scrollHeight;
window.parent.postMessage({
type: 'STATUS_HEIGHT',
value: pageHeight + 50
}, '*');
}
window.addEventListener('load', sendHeight);
function onBack() {
window.history.back();
}
</script>
\ No newline at end of file
unit_receipt.html
View file @ 6587d82f
......@@ -50,6 +50,7 @@
margin: 15px 0;
font-size: 14px;
color: #2C2C2C;
font-family: \5b8b\4f53, arial, georgia, verdana, helvetica, sans-serif !important;
}
.breadcrumb_item{
font-weight: bold;
......@@ -131,6 +132,10 @@
width: 5px;
float: left;
}
.tabMenuBox .tabMenu a{
font-family: \5b8b\4f53, arial, georgia, verdana, helvetica, sans-serif !important;
}
.tabMenuBox li span {
display: block;
height: 40px;
......@@ -577,7 +582,7 @@
<div style="height: 90px"></div>
<!-- 按钮组 -->
<button class="buttonx xx" onclick="onHandle(1)" type="submit">
<button class="buttonx xx" onclick="onHandle(2)" type="button">
查询
</button>
......@@ -598,14 +603,10 @@
</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);
......@@ -746,32 +747,27 @@ window.addEventListener("DOMContentLoaded", () => {
e.preventDefault(); // 阻止页面刷新
// 方式1：使用 FormData 自动搜集
const formData = new FormData(form);
localStorage.setItem(
"accountQueryParams",
JSON.stringify(Object.fromEntries(formData.entries())),
);
// const formData = new FormData(form);
// localStorage.setItem(
// "accountQueryParams",
// JSON.stringify(Object.fromEntries(formData.entries())),
// );
// setTimeout(() => {
// window.localStorage.setItem("dateFrom", startDate);
// window.location.href = "./account_list.html";
// }, 500);
alert("请选择账号")
});
}
if (number == 2) {
window.history.back();
return false;
alert("请选择账号")
}
if (number == 3) {
console.log(33333);
window.location.href = "./account_detail-long.html";
return false;
}
}
......
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