Commit e96642c9 authored by 黄同智's avatar 黄同智

联调表格样式,对接数据

Co-authored-by: 's avatarCopilot <copilot@github.com>
parent 9b4dd528
......@@ -259,7 +259,7 @@
<form id="myForm">
<div class="form-row">
<label class="form-label"><span class="required">*</span>查询类型:</label>
<select class="form-select" name="voucherType">
<select class="form-select">
<option value="1">明细</option>
<option value="2">明细汇总</option>
</select>
......@@ -267,15 +267,15 @@
<div class="form-row">
<label class="form-label"><span class="required">*</span>起止日期:</label>
<input type="text" id="startDate" class="form-input small x-small" name="dateFrom">
<input type="text" id="dateFrom" class="form-input small x-small" name="dateFrom">
<div class="date-picker" id="sDate">
<img class="dateimg" src="/imagse/date.png" alt="" />
</div>
<span>-</span>
<input type="text" id="endDate" class="form-input small x-small" name="dateTo">
<input type="text" id="dateTo" class="form-input small x-small" name="dateTo">
<div class="date-picker" id="eDate">
<img class="dateimg" src="/imagse/date.png" alt="" />
<!-- <input class="date-input endDate" type="date" /> -->
<!-- <input class="date-input dateTo" type="date" /> -->
</div>
<div class="radio-group">
<label><input type="radio" name="quickDate" value="7" /> 最近7天</label>
......@@ -331,7 +331,8 @@
</div>
<div class="form-row">
<label class="form-label">交易摘要:</label>
<select class="form-select hide" style="width: 200px;" name="summary">
<!-- name="summary" -->
<select class="form-select hide" style="width: 200px;">
<option>请选择</option>
</select>
<div class="select-down-icon">
......@@ -372,7 +373,7 @@
trigger: '#sDate',
onSelect: function (date) {
const result = date.replaceAll('-', '');
document.getElementById('startDate').value = result || '未选择';
document.getElementById('dateFrom').value = result || '未选择';
}
});
......@@ -380,22 +381,23 @@
trigger: '#eDate',
onSelect: function (date) {
const result = date.replaceAll('-', '');
document.getElementById('endDate').value = result || '未选择';
document.getElementById('dateTo').value = result || '未选择';
}
});
// const dateStartInput = document.querySelector('.startDate');
// const dateEndInput = document.querySelector('.endDate');
// const startDate = document.querySelector('#startDate');
// const endDate = document.querySelector('#endDate');
// dateStartInput.addEventListener('change', function() {
// const result = this.value.replaceAll('-', '');
// startDate.value = result; // 格式:YYYYMMDD
// });
// dateEndInput.addEventListener('change', function() {
// const result = this.value.replaceAll('-', '');
// endDate.value = result; // 格式:YYYYMMDD
// });
// 快速日期
document.querySelectorAll('input[name=quickDate]').forEach(el => {
el.addEventListener('change', () => {
const days = parseInt(el.value, 10);
const today = new Date('2026-04-29');
const from = new Date(today.getTime() - days * 86400000);
const fmt = d => d.getFullYear() + String(d.getMonth() + 1).padStart(2, '0') + String(d.getDate()).padStart(2, '0');
document.getElementById('dateFrom').value = fmt(from);
document.getElementById('dateTo').value = fmt(today);
});
});
const form = document.getElementById('myForm');
......@@ -403,10 +405,7 @@
function onAccount(number) {
if (number == 2) {
window.history.back();
}
if (number == 3) {
if( number == 1) {
form.addEventListener('submit', async (e) => {
e.preventDefault(); // 阻止页面刷新
......@@ -418,6 +417,12 @@
}, 500);
});
}
if (number == 2) {
window.history.back();
}
if (number == 3) {
}
}
</script>
\ No newline at end of file
This diff is collapsed.
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