分类检索界面
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/bootstrap-3.3.5-dist/css/bootstrap.css" /> <title>分类检索</title> <script type="text/javascript"> function check() { var num = document.getElementById("num"); if (num.value == "1") { if (document.getElementById('q0').value == "") { alert("系统友情提示首项查询条件不能为空"); thisform.q0.focus(); return false; } } if (num.value == "2") { if (document.getElementById('q0').value == "") { alert("系统友情提示首项查询条件不能为空"); thisform.q0.focus(); return false; } else { if (document.getElementById('q1').value == "") { alert("系统友情提示第二项查询条件不能为空"); thisform.q1.focus(); return false; } } } if (num.value == "3") { if (document.getElementById('q0').value == "") { alert("系统友情提示首项查询条件不能为空"); thisform.q0.focus(); return false; } if (document.getElementById('q1').value == "") { alert("系统友情提示第二项查询条件不能为空"); thisform.q1.focus(); return false; } if (document.getElementById('q2').value == "") { alert("系统友情提示第三项查询条件不能为空"); thisform.q2.focus(); return false; } } } </script> <script type="text/javascript"> function addRow() { var obj = document.getElementById("num"); var t = document.getElementById("sTable"); if (t.rows.length >3) { alert("系统友情提示最多只能有3个条件"); return; } var strId = (t.rows.length-1); //创建与或非 var e = document.createElement("select"); e.name = "logic" + strId; e.id = "logic" + strId; e.size = 1; e.options[0] = new Option("并且", "AND"); e.options[1] = new Option("或者", "OR"); e.options[2] = new Option("不含", "NOT"); //创建新的选项--第一个之后的 var e2 = document.createElement("select"); e2.name = "sType" + strId; e2.id = "sType" + strId; e2.size = 1; e2.options[0] = new Option("机构全称", "JGMC");// Title CreatorId AddDate e2.options[1] = new Option("归口管理单位", "GLBM"); e2.options[2] = new Option("所在地域", "SZDY"); e2.options[3] = new Option("法人代表", "FRDB"); e2.options[4] = new Option("联系人", "LXR"); e2.options[7] = new Option("机构属性", "JGSX"); e2.options[5] = new Option("技术需求名称", "JSXQMC"); e2.options[6] = new Option("关键字", "GJZ"); e2.options[8] = new Option("技术需求解决方式", "JSXQHZMS"); e2.options[9] = new Option("科技活动类型", "YJLX"); // 检索：学科分类、需求技术所属领域、需求技术应用行业等字段进行综合逻辑检索 //创建新的输入框 var q1 = document.createElement("input"); q1.type = "text"; q1.size = 50; q1.maxlength = 60; q1.name = "q" + strId; q1.id = "q" + strId; var row = t.insertRow(t.rows.length); var c0 = row.insertCell(0); c0.appendChild(e); var c1 = row.insertCell(1); c1.appendChild(e2); c1.appendChild(q1); obj.value = parseInt(obj.value) + 1; //查询框的数量 } function removeRow() { var obj = document.getElementById("num"); tr = document.getElementById("sTable").rows; if (tr.length > 1) { var row = tr[tr.length - 1]; if (row.parentNode) row.parentNode.removeChild(row); obj.value = parseInt(obj.value) - 1; } } </script> <script src="${pageContext.request.contextPath}/static/bootstrap-3.3.5-dist/js/bootstrap.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/bootstrap-3.3.5-dist/css/bootstrap.css" /> </head> <body> <!-- 需求编号、技术需求名称 新需求 --> <div class="container-fluid"> <div class="row-fluid"> <div class="span12"> <form name="thisform" method="post" style="vertical-align: middle; text-align: center; margin-top: 20px;" onsubmit="return check();" action="/Technology/DemandController/shenhechaxun.action" > <table style="text-align: center;" width=740; id="sTable" name="sTable"> <input type="hidden" id="num" name="num" value="1" /> <tr> <th scope="col" colspan="6"> <h3 align="left">审核条目列表</h3> </th> </tr> <tr id="row1"> <td style=" 60px;"><a href="#" onclick="addRow()" style="text-decoration: none;">+</a> <a href="#" onclick="removeRow()" style="text-decoration: none;">-</a></td> <td><select name="sType0" size="1"> <option value="JGMC">机构全称</option> <option value="GLBM">归口管理单位</option> <option value="SZDY">所在地域</option> <option value="FRDB">法人代表</option> <option value="LXR">联系人</option> <option value="JGSX">机构属性</option> <option value="JSXQMC">技术需求名称</option> <option value="GJZ">关键字</option> <option value="JSXQHZMS">技术需求解决方式</option> <option value="YJLX">科技活动类型</option> </select> <label for="q0"></label><input type="text" size="50" maxlength="80" name="q0" id="q0"/> <input type="submit" class="submit" value=" 查 询 " size="30"></td> </tr> </tbody> </table> </form> </div> <hr class="divider"> </div> <div class="row-fluid"> <div class="col-md-1 "></div> <div class="col-md-9 "> <table class="table table-striped" style=" 1002px; vertical-align: middle; text-align: center;"> <tr> <td>问卷编号</td> <td>技术需求名称</td> <td>联系人</td> <td>移动电话</td> <td>填报时间</td> <td>审核状况</td> <td align="center" colspan="1">操作</td> </tr> <!-- forEach遍历出adminBeans --> <c:forEach items="${xxbeans }" var="item" varStatus="status"> <!-- varStatus="status"是什么--> <tr> <td>${item.WJID }</td> <td>${item.JSXQMC }</td> <td>${item.LXR }</td> <td>${item.YDDH }</td> <td>${item.createDate }</td> <td><c:if test="${item.SFSH==0}"> 未审核 </c:if> <c:if test="${item.SFSH==2}"> 审核未通过 </c:if> <c:if test="${item.SFSH==1}"> 审核通过 </c:if></td> <td><a href="/Technology/DemandController/demandDetails/${item.WJID }.action">详情/审核</a> </td> </tr> </c:forEach> </table> <c:if test="${param.status.equals('1')}"> <script type="text/javascript"> alert("查无此问卷"); </script> </c:if> <c:if test="${param.status.equals('2')}"> <script type="text/javascript"> alert("请填写查询依据"); </script> </c:if> <c:if test="${param.status.equals('0')}"> <script type="text/javascript"> alert("有结果"); </script> </c:if> </div> </div> </div> </body> </html>