Skip to content

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

fix:调整

parent ab06ab72
Hide whitespace changes
Inline Side-by-side
Showing with 161 additions and 135 deletions
electronic_receipt.html
View file @ 3b969441
......@@ -456,6 +456,7 @@
.tips-section p {
line-height: 1.8;
color: #333;
font-family: \5b8b\4f53, arial, georgia, verdana, helvetica, sans-serif !important;
}
.mt-24 {
......@@ -491,13 +492,13 @@
position: relative;
}
.showForm1{
/* display: block; */
display: block;
}
.showForm2{
/* display: none; */
display: none;
}
.showForm3{
/* display: none; */
display: none;
}
</style>
</head>
......@@ -539,112 +540,137 @@
</select>
</div>
<div class="form-row showForm1">
<label class="form-label"
><span class="required">*</span>起止日期：</label
>
<input
type="text"
id="dateFrom"
class="form-input small x-small"
name="dateFrom"
oninput="startDate = this.value"
onblur="handleBlur('dateFrom')"
/>
<div class="date-picker" id="sDate">
<img class="dateimg" src="./images/date.png" alt="" />
</div>
<span>-</span>
<input
type="text"
id="dateTo"
class="form-input small x-small"
name="dateTo"
oninput="endDate = this.value"
onblur="handleBlur('dateTo')"
/>
<div class="date-picker" id="eDate">
<img class="dateimg" src="./images/date.png" alt="" />
<!-- <input class="date-input dateTo" type="date" /> -->
</div>
<span class="form-question question1"
>？
<span class="bubble">
请输入或选择最近一年半内日期；每次查询时间段不超过3个月；日期标准输入格式<br />20180101，表示2018年1月1日
</span>
</span>
<div class="showForm1">
<div class="form-row">
<label class="form-label"
><span class="required">*</span>起止日期：</label
>
<input
type="text"
id="dateFrom"
class="form-input small x-small"
name="dateFrom"
oninput="startDate = this.value"
onblur="handleBlur('dateFrom')"
/>
<div class="date-picker" id="sDate">
<img class="dateimg" src="./images/date.png" alt="" />
</div>
<span>-</span>
<input
type="text"
id="dateTo"
class="form-input small x-small"
name="dateTo"
oninput="endDate = this.value"
onblur="handleBlur('dateTo')"
/>
<div class="date-picker" id="eDate">
<img class="dateimg" src="./images/date.png" alt="" />
<!-- <input class="date-input dateTo" type="date" /> -->
</div>
<span class="form-question question1"
>？
<span class="bubble">
请输入或选择最近一年半内日期；每次查询时间段不超过3个月；日期标准输入格式<br />20180101，表示2018年1月1日
</span>
</span>
</div>
</div>
<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 class="showForm1">
<div class="form-row">
<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>
<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 class="showForm1">
<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="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 class="showForm1">
<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 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 class="showForm1">
<div class="form-row ">
<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>
<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 class="showForm1">
<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>
<div class="form-row mt-20 showForm1">
<label class="form-label">凭证号：</label>
<input type="text" class="form-input wide" name="counterName" />
<div class="showForm1">
<div class="form-row mt-20 ">
<label class="form-label">凭证号：</label>
<input type="text" class="form-input wide" name="counterName" />
</div>
</div>
<div class="form-row showForm1">
<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 class="showForm1">
<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="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>
<label><input type="radio" name="reverse" /> 否</label>
<div class="showForm1">
<div class="form-row mt-24">
<label class="form-label"><span class="required">*</span>合并下载：</label>
<div class="radio-group">
<label><input type="radio" name="reverse" checked /> 是</label>
<label><input type="radio" name="reverse" /> 否</label>
</div>
</div>
</div>
......@@ -656,7 +682,7 @@
确定
</button>
<button type="button" class="buttonx yy">更新回期查询</button>
<button type="button" class="buttonx yy">更正回期查询</button>
</form>
</div>
......@@ -716,42 +742,42 @@ window.addEventListener("DOMContentLoaded", () => {
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";
// });
// }
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";
});
}
});
......
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