历史回单

history_receipt.html

@@ -184,7 +184,7 @@
 
         /* 查询表单 */
         .form-container {
-            padding: 20px 20px 0;
+            padding: 5px 20px 0;
             background: #F7FAFD;
         }
 
@@ -193,7 +193,13 @@
             font-weight: bold;
             margin-bottom: 20px;
         }
-
+        .form-top{
+            display: flex;
+            align-items: center;
+        }
+        .form-top .title-box{
+            flex: 1 0 50%;
+        }
         .form-row {
             display: flex;
             align-items: center;
@@ -301,7 +307,18 @@
         .question2 {
             margin-left: 70px;
         }
-
+        .form-tip {
+            margin-left: 40px;
+            margin-right: 10px;
+            display: inline-block;
+            color: #0066b3;
+            cursor: pointer;
+            line-height: 24px;
+            vertical-align: middle;
+            padding-left: 22px;
+            background: url(./images/find.png) left no-repeat;
+            font-family: \5b8b\4f53, arial, georgia, verdana, helvetica, sans-serif !important;
+        }
         /* 按钮组 */
         .btn-group {
             display: flex;
@@ -553,6 +570,65 @@
     <!-- 查询表单 -->
     <div class="form-container">
         <form id="myForm">
+            <div class="form-top">
+                <div class="form-row showForm1 title-box">
+                    <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="" />
+                    </div>
+                </div>
+                <div class="form-row showForm1 title-box">
+                    <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 showForm1">
+                <label class="form-label"
+                ><span class="required">*</span>账  号：</label
+                >
+                <select class="form-select">
+                <option value="1">42050110239900001031 中科软盈（武汉）科技有限公司</option>
+                </select>
+            </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>
             <div class="form-row mt-24">
                 <label class="form-label"><span class="required">*</span>每页张数：</label>
                 <div class="radio-group">
@@ -682,14 +758,16 @@
     <div class="tableFooter">
         <div class="footerLine">
             共 2  条
-            <div class="splitPage"><script>SplitPage("1", "1", "", "", "AA")</script><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" onkeydown="enterJumpToPage('1','','',AA,'splitPage1778145521055')">页<a class="pageGoTo" href="javascript:jumpToPage('1','','',AA,'splitPage1778145521055')">转至</a><input type="text" name="donothinghidetext" style="display:none;" value=""></div>
+            <div class="splitPage"><script>SplitPage("1", "1", "", "", "AA")</script><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="tips-section">
         <div class="tips-title">温馨提示</div>
-        <p>1.本功能提供查询您的交易对手的建行交易确认信息。</p>
-        <p>2.交易流水号可由交易对手提供，或者账户明细中查询。</p>
+        <p>1.该服务暂不支持对公钱包。</p>
+        <p>2.对于—户通账户（含历史回单查询区间为一户通账户的），输入主户只可查询主户回单，输入精确子户账号方可查询子账户回单。</p>
+        <p>3.历史回单预约仅支持单联式回单（普通回单）。</p>
+        <p>4.历史回单下载记录保留时间为1个月，请您尽快下载已加载完成的历史回单。</p>
     <script src="./calendar-plugin/calendar.js"></script>
 </body>