Skip to content

B
buildbank-replica
Commit ead4c573 authored by 黄同智's avatar 黄同智
Browse files
Options

长期查询

parent d3eed6cf
Hide whitespace changes
Inline Side-by-side
Showing with 477 additions and 5 deletions
account_detail-long.html
View file @ ead4c573
......@@ -269,12 +269,12 @@
<label class="form-label"><span class="required">*</span>起止日期：</label>
<input type="text" id="dateFrom" class="form-input small x-small" name="dateFrom">
<div class="date-picker" id="sDate">
<img class="dateimg" src="/images/date.png" alt="" />
<img class="dateimg" src="/imagse/date.png" alt="" />
</div>
<span>-</span>
<input type="text" id="dateTo" class="form-input small x-small" name="dateTo">
<div class="date-picker" id="eDate">
<img class="dateimg" src="/images/date.png" alt="" />
<img class="dateimg" src="/imagse/date.png" alt="" />
<!-- <input class="date-input dateTo" type="date" /> -->
</div>
<div class="radio-group">
......
account_detail.html
View file @ ead4c573
......@@ -349,9 +349,9 @@
<!-- 按钮组 -->
<div class="btn-group">
<button onclick="onAccount(1)">确定</button>
<button onclick="onAccount(1)" type="submit">确定</button>
<button onclick="onAccount(2)">返回</button>
<button onclick="onAccount(3)" type="submit">查询长期</button>
<button onclick="onAccount(3)">查询长期</button>
</div>
</form>
</div>
......@@ -421,7 +421,9 @@
window.history.back();
}
if (number == 3) {
console.log(33333)
window.location.href = './account_detail-long.html'
}
}
......
async_detail_list.html 0 → 100644
View file @ ead4c573
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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 {
background-color: #f5f7fa;
padding: 15px 20px;
color: #666;
margin: 10px 0;
}
/* 账户信息卡片 */
.account-card {
margin: 10px 0;
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: 42px;
}
.account-card .account-number::after {
content: '';
height: 2px;
background-color: #1f93d5;
position: absolute;
bottom: -2px;
left: 158px;
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: 40px;
height: 40px;
width: 120px;
text-align: center;
line-height: 30px;
font-weight: bold;
}
.info-table {
width: 100%;
border-collapse: collapse;
margin-top: 6px;
border: 1px solid #62a7e3;
}
.info-table td {
padding: 8px 15px;
border: none
}
.info-table tr {
border-top: 1px solid #c5d7e8;
}
.info-table tr:first-child {
border-top: 1px solid #1f93d5;
}
.info-table tr td:nth-child(2n+1) {
background-color: #f7fbfe;
text-align: right;
}
.info-table td:first-child {
width: 230px;
background: #fafafa;
}
/* 工具栏 */
.toolbar-btn {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 20px;
padding: 10px 20px;
margin-top: 20px;
}
.toolbar-btn a {
color: #1890ff;
text-decoration: none;
display: flex;
align-items: center;
gap: 4px;
}
/* 交易明细表格 */
.tablebox {
width: 1145px;
overflow-x: auto;
margin: auto;
}
.detail-table {
width: calc(100% - 40px);
border-collapse: collapse;
border: 1px solid #62a7e3;
overflow: hidden;
}
.lashen {
transform: scaleY(1.6);
color: #1890ff;
}
.detail-table th {
background-color: #c8e0f5;
padding: 10px 5px;
text-align: left;
font-weight: normal;
}
.detail-table tr:nth-child(2n+1) {
background-color: #ebf4fb;
}
.detail-table tr:nth-child(2n) {
background-color: #fff;
}
.detail-table tr:hover {
background-color: #ebf4fb;
}
.detail-table td {
padding: 0 5px;
border: none;
overflow-wrap: break-word;
}
.toolbar-box {
border: 1px solid #e8e8e8;
padding-bottom: 4px;
}
/* 工具栏/统计栏 */
.toolbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 10px 0 10px;
background: #f8faf5;
}
.toolbar-left {
display: flex;
align-items: center;
gap: 30px;
}
.toolbar-right {
display: flex;
align-items: center;
gap: 20px;
}
.toolbar a {
color: #1f93d5;
text-decoration: none;
display: flex;
align-items: center;
gap: 4px;
}
.pagination {
display: flex;
align-items: center;
gap: 10px;
}
.pagination input {
width: 40px;
text-align: center;
border: 1px solid #d9d9d9;
padding: 2px;
}
/* 底部按钮组 */
.btn-group {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 50px;
margin-bottom: 100px;
padding-left: 120px;
}
.btn-group button {
background-color: #1f93d5;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 15px;
height: 35px;
min-width: 100px;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: center;
}
.thbox {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.flex {
display: flex;
justify-content: space-between;
margin-top: 10px;
width: 100%;
}
.empty {
padding: 30px;
text-align: center;
color: #999;
border: 1px solid #dfe7ee;
border-top: none;
}
/* 温馨提示 */
.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;
}
/* 箭头 */
.detail-table .xflex {
display: flex;
text-align: center;
align-items: flex-end;
justify-content: center;
}
.top {
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-bottom: 6px solid #1f93d5;
}
.down {
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 6px solid #1f93d5;
}
.jiantou {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2px;
margin-left: 2px;
margin-bottom: 2px;
}
table.grid td.center {
text-align: center;
}
table.grid td.num {
text-align: right;
font-family: Consolas, monospace;
}
/* table.grid td.col-select,
table.grid th.col-select {
display: none;
} */
</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">
当前位置：账户查询 > 账户信息查询 > 活期账户
</div>
<!-- 交易明细表格 -->
<div class="tablebox">
<table class="detail-table grid" id="resultTable">
<thead>
<tr>
<th style="width: 107px;">
<div class="xflex">
<span>任务名称 </span>
<div class="jiantou">
<div class="top"></div>
<div class="down"></div>
</div>
</div>
</th>
<th style="width: 110px;">
<div class="xflex">
<span>任务设定日期 </span>
<div class="jiantou">
<div class="top"></div>
<div class="down"></div>
</div>
</div>
</th>
<th style="width: 151px;">
<div class="xflex">
<span>起止日期 </span>
<div class="jiantou">
<div class="top"></div>
<div class="down"></div>
</div>
</div>
</th>
<th style="width: 150px;">
<div class="xflex">
<span>账号 </span>
<div class="jiantou">
<div class="top"></div>
<div class="down"></div>
</div>
</div>
</th>
<th style="width: 101px;">
<div class="xflex">
<span>批次号 </span>
<div class="jiantou">
<div class="top"></div>
<div class="down"></div>
</div>
</div>
</th>
<th style="width: 86px;">
<div class="xflex">
<span>文件状态 </span>
<div class="jiantou">
<div class="top"></div>
<div class="down"></div>
</div>
</div>
</th>
<th style="width: 76px;">
<div class="xflex">
<span>下载 </span>
<div class="jiantou">
<div class="top"></div>
<div class="down"></div>
</div>
</div>
</th>
</tr>
</thead>
<tbody id="tbody"></tbody>
</table>
</div>
<!-- 底部按钮组 -->
<div class="btn-group">
<button onclick="onBack()">返 回</button>
</div>
<!-- 温馨提示 -->
<div class="tips-section">
<div class="tips-title">温馨提示</div>
<p>1.异步下载任务设定日期是您预约下载操作的日期，并非明细起止时间，您可以通过任务设定日期筛选已设定的异步下载任务。</p>
<p>2.因文件容量较大，每次查询的明细文件分批返回，下载相邻两批次的时间间隔请勿超过4小时，否则系统缓存失效需重新查询下载。</p>
</div>
</body>
</html>
<script>
let table = document.getElementById("resultTable");
table.style.width = "1145px";
table.style.tableLayout = "fixed"; // 关键！
function onBack() {
window.history.back();
}
</script>
\ No newline at end of file
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