写一个:在jsp页面点击查询统计按钮时会弹出一个录入模块,模块的内容包含:自动获取查询时间为系统时间、查询内容、查询原因、查询人、显示数字证书信息为系统当前登录用户,登记完成后才能进行查询统计模块的操作,
时间: 2023-12-10 13:39:31 浏览: 83
好的,下面是一个简单的实现示例。
首先,在jsp页面中添加一个查询统计按钮,并绑定点击事件:
```html
<button onclick="showInputModal()">查询统计</button>
```
然后在页面底部添加一个隐藏的录入模块,用于填写查询信息:
```html
<div id="input-modal" style="display:none;">
<form>
<label>查询时间:</label>
<input type="text" name="query-time" disabled><br>
<label>查询内容:</label>
<input type="text" name="query-content"><br>
<label>查询原因:</label>
<input type="text" name="query-reason"><br>
<label>查询人:</label>
<input type="text" name="query-person"><br>
<label>数字证书信息:</label>
<input type="text" name="cert-info" disabled><br>
<button type="submit" onclick="submitQuery()">提交</button>
</form>
</div>
```
注意,查询时间和数字证书信息需要设置为 disabled,这样用户无法手动修改这些信息。
接下来,实现 showInputModal() 函数,用于展示录入模块:
```javascript
function showInputModal() {
// 设置查询时间为当前系统时间
var queryTime = new Date().toLocaleString();
document.querySelector('input[name="query-time"]').value = queryTime;
// 设置数字证书信息为当前登录用户
var certInfo = getCurrentUserCertInfo(); // 获取当前登录用户的数字证书信息
document.querySelector('input[name="cert-info"]').value = certInfo;
// 显示录入模块
document.getElementById('input-modal').style.display = 'block';
}
```
这个函数首先获取当前系统时间和登录用户的数字证书信息,然后将这些信息填写到对应的输入框中,并显示录入模块。
最后,实现 submitQuery() 函数,用于提交查询统计信息:
```javascript
function submitQuery() {
// 获取用户填写的查询信息
var queryContent = document.querySelector('input[name="query-content"]').value;
var queryReason = document.querySelector('input[name="query-reason"]').value;
var queryPerson = document.querySelector('input[name="query-person"]').value;
// TODO: 校验用户填写的查询信息是否合法,比如不能为空等
// 提交查询信息到后台
// TODO: 发送Ajax请求提交查询信息到后台
// 隐藏录入模块
document.getElementById('input-modal').style.display = 'none';
}
```
这个函数首先获取用户填写的查询信息,并进行必要的校验,然后将信息通过Ajax请求提交到后台。提交成功后,隐藏录入模块。
以上是一个简单的实现示例,具体实现方式可能因应用场景而异。
阅读全文