Skip to content

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

fix:调整

parent 1779f415
Show whitespace changes
Inline Side-by-side
Showing with 461 additions and 1 deletion
electronic_receipt.html 0 → 100644
View file @ f1936e92
<!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: "Microsoft Yahei", sans-serif;
font-size: 14px;
}
body {
background-color: #ffffff;
padding: 0;
}
/* 顶部导航栏 */
.top-nav {
background-color: #ffffff;
border-bottom: 2px solid #1890ff;
display: flex;
align-items: center;
padding: 10px 20px;
gap: 40px;
}
.top-nav a {
color: #1890ff;
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;
padding: 50px;
}
/* 查询表单 */
.form-container {
padding: 20px;
}
.form-title {
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
}
.form-row {
display: flex;
align-items: center;
margin-bottom: 15px;
/* gap: 10px; */
}
.form-label {
width: 120px;
text-align: right;
color: #333;
}
.form-label .required {
color: red;
margin-right: 4px;
}
.form-input,
.form-select {
padding: 5px 8px;
border: 1px solid #d9d9d9;
width: 230px;
}
.select-down-icon {
height: 31px;
width: 32px;
display: flex;
align-items: center;
justify-content: center;
background-color: #f3f3f3;
border: 1px solid #d9d9d9;
border-left: none;
}
.down-arrow {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid #b0b0b0;
}
.form-select.hide {
appearance: none;
}
.form-input.small {
width: 111px;
}
.px-2 {
padding-left: 2px;
padding-right: 2px;
}
.form-input.x-small {
width: 84px;
}
.form-input.wide {
width: 234px;
}
.radio-group {
display: flex;
gap: 30px;
margin-left: 10px;
}
.radio-group label {
display: flex;
align-items: center;
input {
margin-right: 5px;
}
}
.form-tip {
color: #0066b3;
margin-left: 8px;
}
.form-question {
cursor: pointer;
margin-left: 8px;
display: inline-block;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 50%;
background-color: #1890ff;
color: #fff;
padding-left: 4px;
}
.question1 {
margin-left: 30px;
}
.question2 {
margin-left: 70px;
}
/* 按钮组 */
.btn-group {
display: flex;
gap: 20px;
margin: 30px 0;
padding-left: 120px;
}
.buttonx,
.btn-group button {
background-color: #1f93d5;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 15px;
height: 35px;
width: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.buttonx {
position: absolute;
}
.xx {
left: 120px;
bottom: 34px;
}
.yy {
left: 264px;
bottom: 34px;
}
.zz {
left: 390px;
bottom: -57px;
}
/* 温馨提示 */
.tips-section {
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;
}
</style>
</head>
<body>
<!-- 顶部导航栏 -->
<!-- <div class="top-nav">
<a href="#">账户信息查询 ∨</a>
<a href="#">批量账户查询</a>
<a href="#">电子回单查询</a>
<a href="#">集成资讯 ∨</a>
<a href="#">电子对账 ∨</a>
<a href="#">经营分析</a>
<a href="#">操作指南</a>
<a href="#">明细清单</a>
</div> -->
<!-- 面包屑导航 -->
<div class="breadcrumb">
当前位置：账户查询 > <span class="breadcrumb_item">电子回单查询</span>
</div>
<div class="content">
电子回单功能升级，请稍后再试
</div>
<!-- 温馨提示 -->
<div class="tips-section">
<div class="tips-title">温馨提示</div>
<p>1.本功能提供查询您的交易对手的建行交易确认信息。</p>
<p>2.交易流水号可由交易对手提供，或者账户明细中查询。</p>
<script src="./calendar-plugin/calendar.js"></script>
</body>
</html>
<script>
function sendHeight() {
const pageHeight = Math.ceil(Math.max(
document.body.scrollHeight,
document.documentElement.scrollHeight
));
window.parent.postMessage({
type: 'STATUS_HEIGHT',
value: pageHeight + 20
}, '*');
}
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();
});
</script>
\ No newline at end of file
index.html
View file @ f1936e92
......@@ -824,7 +824,7 @@ function gotoTouSuZhiNan() {
</td>
<td nowrap="nowrap">
<a href="javascript:void(0)" id="0513" ondrag="dragMenu(this);" ondragend="releaseMenuu(this);" onClick="taskBar.createWin('0513','电子回单查询');SJCJ_MENU_2('0513','');">电子回单查询</a>
<a href="javascript:void(0)" id="0513" ondrag="dragMenu(this);" ondragend="releaseMenuu(this);" onClick="taskBar.createWin('0513','电子回单查询');showReceipt()">电子回单查询</a>
</td>
<td nowrap="nowrap">
......@@ -5980,6 +5980,19 @@ function showAccount(){
// 重要 重新赋值
accountBox.src = "account.html";
}
// 展示电子回单查询
function showReceipt(){
let homeBox = document.getElementById("homeBox");
homeBox.style.display = "none";
let accountBox = document.getElementById("accountBox");
accountBox.style.display = "block";
// 重要 重新赋值
accountBox.src = "electronic_receipt.html";
}
function newESafeDlWin(){
//1
......
js/data.js
View file @ f1936e92
......@@ -98,4 +98,111 @@ var myArray = [
btnList: ["确定"],
},
},
{
key: "明细清单",
value: {
header: [
"任务名称",
"任务设定日期",
"起止日期",
"账号",
"其他查询条件",
"批次号",
"文件状态",
"下载",
],
btnList: ["新建查询任务"],
},
},
{
key: "明细清单",
value: {
header: [
"任务设定日期",
"起止日期",
"账号",
"批次号",
"文件状态",
"下载",
],
btnList: ["确定"],
},
},
{
key: "按笔审批",
value: {
header: [
"通过",
"不通过",
"凭证号",
"户名",
"付款账号",
"户名",
"收款账号",
"开户行",
"定条件",
"金额(元)",
"用途",
"定时定频",
"交易类型",
],
btnList: [],
},
},
{
key: "按批审批",
value: {
header: [
"批次流水号",
"批次名称",
"文件总笔数",
"文件总金额",
"定时定频",
"制单员",
"制单时间",
"单据状态",
"明细",
],
btnList: [],
},
},
{
key: "按批流水查询",
value: {
header: [
"批次流水号",
"批次名称",
"文件总笔数",
"文件总金额",
"定时定频",
"下载明细",
"制单员",
"制单时间",
"单据状态",
],
btnList: [],
},
},
{
key: "按批流水查询",
value: {
header: [
"项目编号",
"项目名称",
"第三方客户号",
"第三方客户姓名",
"第三方证件号码",
"第三方账号",
"客户类型",
"开通短信通知标志",
"启用日期",
"截止日期",
"状态",
],
btnList: ["确定"],
},
},
];
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