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 @@ ...@@ -456,6 +456,7 @@
.tips-section p { .tips-section p {
line-height: 1.8; line-height: 1.8;
color: #333; color: #333;
font-family: \5b8b\4f53, arial, georgia, verdana, helvetica, sans-serif !important;
} }
.mt-24 { .mt-24 {
...@@ -491,13 +492,13 @@ ...@@ -491,13 +492,13 @@
position: relative; position: relative;
} }
.showForm1{ .showForm1{
/* display: block; */ display: block;
} }
.showForm2{ .showForm2{
/* display: none; */ display: none;
} }
.showForm3{ .showForm3{
/* display: none; */ display: none;
} }
</style> </style>
</head> </head>
...@@ -539,112 +540,137 @@ ...@@ -539,112 +540,137 @@
</select> </select>
</div> </div>
<div class="form-row showForm1"> <div class="showForm1">
<label class="form-label" <div class="form-row">
><span class="required">*</span>起止日期：</label <label class="form-label"
> ><span class="required">*</span>起止日期：</label
<input >
type="text" <input
id="dateFrom" type="text"
class="form-input small x-small" id="dateFrom"
name="dateFrom" class="form-input small x-small"
oninput="startDate = this.value" name="dateFrom"
onblur="handleBlur('dateFrom')" oninput="startDate = this.value"
/> onblur="handleBlur('dateFrom')"
<div class="date-picker" id="sDate"> />
<img class="dateimg" src="./images/date.png" alt="" /> <div class="date-picker" id="sDate">
</div> <img class="dateimg" src="./images/date.png" alt="" />
<span>-</span> </div>
<input <span>-</span>
type="text" <input
id="dateTo" type="text"
class="form-input small x-small" id="dateTo"
name="dateTo" class="form-input small x-small"
oninput="endDate = this.value" name="dateTo"
onblur="handleBlur('dateTo')" oninput="endDate = this.value"
/> onblur="handleBlur('dateTo')"
<div class="date-picker" id="eDate"> />
<img class="dateimg" src="./images/date.png" alt="" /> <div class="date-picker" id="eDate">
<!-- <input class="date-input dateTo" type="date" /> --> <img class="dateimg" src="./images/date.png" alt="" />
</div> <!-- <input class="date-input dateTo" type="date" /> -->
<span class="form-question question1" </div>
>？ <span class="form-question question1"
<span class="bubble"> >？
请输入或选择最近一年半内日期；每次查询时间段不超过3个月；日期标准输入格式<br />20180101，表示2018年1月1日 <span class="bubble">
</span> 请输入或选择最近一年半内日期；每次查询时间段不超过3个月；日期标准输入格式<br />20180101，表示2018年1月1日
</span> </span>
</span>
</div>
</div> </div>
<div class="showForm1">
<div class="form-row showForm1"> <div class="form-row">
<label class="form-label">起止金额：</label> <label class="form-label">起止金额：</label>
<input type="text" class="form-input small" name="amtFrom" /> <input type="text" class="form-input small" name="amtFrom" />
<span class="px-2">-</span> <span class="px-2">-</span>
<input type="text" class="form-input small" name="amtTo" /> <input type="text" class="form-input small" name="amtTo" />
</div>
</div> </div>
<div class="form-row showForm1"> <div class="showForm1">
<label class="form-label" <div class="form-row ">
><span class="required">*</span>账 号：</label <label class="form-label"
> ><span class="required">*</span>账 号：</label
<select class="form-select" style="width: 565px;"> >
<option value="1">42050110239900001031 中科软盈（武汉）科技有限公司</option> <select class="form-select" style="width: 565px;">
</select> <option value="1">42050110239900001031 中科软盈（武汉）科技有限公司</option>
</select>
</div>
</div> </div>
<div class="form-row mt-20 showForm1"> <div class="showForm1">
<label class="form-label"></label> <div class="form-row mt-20 ">
<input type="text" class="form-input wide" name="counterName" placeholder="请输入模糊账号或模糊账户名称" /> <label class="form-label"></label>
<span class="form-tip">模糊搜索</span> <input type="text" class="form-input wide" name="counterName" placeholder="请输入模糊账号或模糊账户名称" />
<span class="form-tip">模糊搜索</span>
</div>
</div> </div>
<div class="showForm1">
<div class="form-row showForm1"> <div class="form-row ">
<label class="form-label" <label class="form-label"
><span class="required">*</span>打印状态：</label ><span class="required">*</span>打印状态：</label
> >
<select class="form-select"> <select class="form-select">
<option value="1">全部</option> <option value="1">全部</option>
<option value="2">未打印</option> <option value="2">未打印</option>
<option value="3">已于柜面/自助回单柜打印</option> <option value="3">已于柜面/自助回单柜打印</option>
<option value="4">已于网银/手机银行打印</option> <option value="4">已于网银/手机银行打印</option>
</select> </select>
</div>
</div> </div>
<div class="form-row showForm1"> <div class="showForm1">
<label class="form-label" <div class="form-row showForm1">
>交易方向：</label <label class="form-label"
> >交易方向：</label
<select class="form-select"> >
<option value="1">全部</option> <select class="form-select">
<option value="2">借</option> <option value="1">全部</option>
<option value="3">贷</option> <option value="2">借</option>
</select> <option value="3">贷</option>
</select>
</div>
</div> </div>
<div class="showForm1">
<div class="form-row mt-20 ">
<div class="form-row mt-20 showForm1"> <label class="form-label">凭证号：</label>
<label class="form-label">凭证号：</label> <input type="text" class="form-input wide" name="counterName" />
<input type="text" class="form-input wide" name="counterName" /> </div>
</div> </div>
<div class="form-row showForm1"> <div class="showForm1">
<label class="form-label"><span class="required">*</span>文件格式：</label> <div class="form-row ">
<div class="radio-group"> <label class="form-label"><span class="required">*</span>文件格式：</label>
<label <div class="radio-group">
><input type="radio" name="direction" checked value="all" /> <label
PDF</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="in" /> OFD</label
<label >
><input type="radio" name="direction" value="out" /> PDF+OFD</label <label
> ><input type="radio" name="direction" value="out" /> PDF+OFD</label
>
</div>
</div> </div>
</div> </div>
<div class="showForm1">
<div class="form-row mt-24 showForm1"> <div class="form-row mt-24">
<label class="form-label"><span class="required">*</span>合并下载：</label> <label class="form-label"><span class="required">*</span>合并下载：</label>
<div class="radio-group"> <div class="radio-group">
<label><input type="radio" name="reverse" checked /> 是</label> <label><input type="radio" name="reverse" checked /> 是</label>
<label><input type="radio" name="reverse" /> 否</label> <label><input type="radio" name="reverse" /> 否</label>
</div>
</div> </div>
</div> </div>
...@@ -656,7 +682,7 @@ ...@@ -656,7 +682,7 @@
确定 确定
</button> </button>
<button type="button" class="buttonx yy">更新回期查询</button> <button type="button" class="buttonx yy">更正回期查询</button>
</form> </form>
</div> </div>
...@@ -716,42 +742,42 @@ window.addEventListener("DOMContentLoaded", () => { ...@@ -716,42 +742,42 @@ window.addEventListener("DOMContentLoaded", () => {
document.getElementById('typeSelect').addEventListener('change', function(e) { document.getElementById('typeSelect').addEventListener('change', function(e) {
var selectedValue = this.value; var selectedValue = this.value;
console.log(selectedValue,"选择类型==========",selectedValue); // 输出选中的值 console.log(selectedValue,"选择类型==========",selectedValue); // 输出选中的值
// if(selectedValue == 1){ if(selectedValue == 1){
// document.querySelectorAll(".showForm1").forEach(item => { document.querySelectorAll(".showForm1").forEach(item => {
// item.style.display = "block"; item.style.display = "block";
// }); });
// document.querySelectorAll(".showForm2").forEach(item => { document.querySelectorAll(".showForm2").forEach(item => {
// item.style.display = "none"; item.style.display = "none";
// }); });
// document.querySelectorAll(".showForm3").forEach(item => { document.querySelectorAll(".showForm3").forEach(item => {
// item.style.display = "none"; item.style.display = "none";
// }); });
// } }
// if(selectedValue == 2){ if(selectedValue == 2){
// document.querySelectorAll(".showForm1").forEach(item => { document.querySelectorAll(".showForm1").forEach(item => {
// item.style.display = "none"; item.style.display = "none";
// }); });
// document.querySelectorAll(".showForm2").forEach(item => { document.querySelectorAll(".showForm2").forEach(item => {
// item.style.display = "block"; item.style.display = "block";
// }); });
// document.querySelectorAll(".showForm3").forEach(item => { document.querySelectorAll(".showForm3").forEach(item => {
// item.style.display = "none"; item.style.display = "none";
// }); });
// } }
// if(selectedValue == 3){ if(selectedValue == 3){
// document.querySelectorAll(".showForm1").forEach(item => { document.querySelectorAll(".showForm1").forEach(item => {
// item.style.display = "none"; item.style.display = "none";
// }); });
// document.querySelectorAll(".showForm2").forEach(item => { document.querySelectorAll(".showForm2").forEach(item => {
// item.style.display = "none"; item.style.display = "none";
// }); });
// document.querySelectorAll(".showForm3").forEach(item => { document.querySelectorAll(".showForm3").forEach(item => {
// item.style.display = "block"; 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