123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244 |
- <%@ page contentType="text/html;charset=UTF-8" %>
- <%@ include file="/webpage/include/taglib.jsp"%>
- <html>
- <head>
- <meta name="decorator" content="default"/>
- <script type="text/javascript">
- $(document).ready(function() {
- <%--var val = "<%=request.getAttribute("state")%>";--%>
- <%--if(val!=null){--%>
- <%--alert("++++++++++");--%>
- <%--};--%>
- $('#contentTable thead tr th input.i-checks').on('ifChecked', function(event){ //ifCreated 事件应该在插件初始化之前绑定
- $('#contentTable tbody tr td input.i-checks').iCheck('check');
- });
- $('#contentTable thead tr th input.i-checks').on('ifUnchecked', function(event){ //ifCreated 事件应该在插件初始化之前绑定
- $('#contentTable tbody tr td input.i-checks').iCheck('uncheck');
- });
- $("#td4").addClass("hide");
- var radioVal = ${extId};
- if(radioVal == 1){
- $("#td1").removeClass("hide");
- $("#td2").removeClass("hide");
- $("#td3").removeClass("hide");
- $("#td4").addClass("hide");
- $("#proRadio").removeClass("hide");
- $("#tr1").show()
- }else{
- $("#td1").addClass("hide");
- $("#td2").addClass("hide");
- $("#td3").addClass("hide");
- $("#td4").removeClass("hide");
- $("#tr1").hide()
- }
- $("input[name='ext']").on('ifChecked', function(event){
- var value=$(this).val();
- if (value==1){
- $("#td1").removeClass("hide");
- $("#td2").removeClass("hide");
- $("#td3").removeClass("hide");
- $("#td4").addClass("hide");
- $("#proRadio").removeClass("hide");
- $("#tr1").show()
- }else{
- $("#td1").addClass("hide");
- $("#td2").addClass("hide");
- $("#td3").addClass("hide");
- $("#proRadio").removeClass("hide");
- $("#td4").removeClass("hide");
- $("#tr1").hide()
- }
- });
- //搜索框收放
- $('#moresee').click(function(){
- if($('#moresees').is(':visible'))
- {
- $('#moresees').slideUp(0,resizeListWindow1);
- $('#moresee i').removeClass("glyphicon glyphicon-menu-up").addClass("glyphicon glyphicon-menu-down");
- }else{
- $('#moresees').slideDown(0,resizeListWindow1);
- $('#moresee i').removeClass("glyphicon glyphicon-menu-down").addClass("glyphicon glyphicon-menu-up");
- }
- });
- });
- // });
- function getSelectedItem() {
- //获取单选框中得值
- var radio = ${extId};
- if (radio == 1){
- var value=$("input[name='ext']:checked").val();
- if (value==1){
- var size = $("#contentTable tbody tr td input.i-checks:checked").size();
- if (size == 0) {
- top.layer.alert('请至少选择一条数据!', {icon: 0, title: '警告'});
- return "-1";
- }
- if (size > 1) {
- top.layer.alert('只能选择一条数据!', {icon: 0, title: '警告'});
- return "-1";
- }
- var id = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("id");
- var label = $("#contentTable tbody tr td input.i-checks:checkbox:checked").parent().parent().parent().find(".codelabel").html();
- var number = $("#contentTable tbody tr td input.i-checks:checkbox:checked").parent().parent().parent().find(".codenumber").html();
- return radio + "_item_" +id + "_item_" + label + "_item_" + number;
- }else{
- //项目报销中的其它
- var falg=true;
- var reimburseRemarks = $("#reimburseRemarks").val();
- if(reimburseRemarks == undefined || reimburseRemarks == null || reimburseRemarks == ''){
- top.layer.msg("请输入报销详情")
- return "-1";
- }
- return radio + "_item_" + reimburseRemarks+"_item_"+falg;
- }
- }else{
- radio=0;
- var reimburseRemarks = $("#reimburseRemarks").val();
- if(reimburseRemarks == undefined || reimburseRemarks == null || reimburseRemarks == ''){
- top.layer.msg("请输入报销详情")
- return "-1";
- }
- return radio + "_item_" + reimburseRemarks;
- }
- }
- function page(n,s){
- if(n) $("#pageNo").val(n);
- if(s) $("#pageSize").val(s);
- $("#searchForm").attr("action","${url}");
- $("#searchForm").submit();
- return false;
- }
- </script>
- </head>
- <body>
- <div class="wrapper wrapper-content">
- <div class="layui-row">
- <div class="full-width fl">
- <div class="layui-row" id="queryDiv">
- <form:form id="searchForm" modelAttribute="obj" action="${url}" method="post" class="form-inline">
- <input type="hidden" name="url" value="${url}"/>
- <input type="hidden" name="isTotal" value="${isTotal}"/>
- <input type="hidden" name="fieldLabels" value="${fieldLabels}"/>
- <input type="hidden" name="fieldKeys" value="${fieldKeys}"/>
- <input type="hidden" name="searchLabel" value="${searchLabel}"/>
- <input type="hidden" name="searchKey" value="${searchKey}"/>
- <input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
- <input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
- <input id="extId" name="extid" type="hidden" value="${extId}"/>
- <div id="td3">
- <table:sortColumn id="orderBy" name="orderBy" value="${page.orderBy}" callback="sortOrRefresh();"/><!-- 支持排序 -->
- </div>
- <div class="commonQuery hide" id="proRadio">
- <div class="layui-input-block">
- <input type="radio" class="i-checks" name="ext" checked id="ext" value="1">
- <label for="ext">项目报销</label>
- <input type="radio" class="i-checks" name="ext" id="ext1" value="0">
- <label for="ext1">其它</label>
- </div>
- </div>
- <div id="td1" class="commonQuery">
- <div class="layui-item query athird">
- <span class="layui-form-label">项目名称:</span>
- <div class="layui-input-block">
- <form:input path="${searchKey}" htmlEscape="false" maxlength="50" class=" form-control layui-input"/>
- </div>
- </div>
- <div class="layui-item query athird">
- <span class="layui-form-label">报告号:</span>
- <div class="layui-input-block">
- <form:input path="reportData.number" htmlEscape="false" maxlength="50" class=" form-control layui-input"/>
- </div>
- </div>
- <div class="layui-item athird fr">
- <div class="input-group">
- <a href="#" id="moresee"><i class="glyphicon glyphicon-menu-down"></i></a>
- <div class="layui-btn-group search-spacing">
- <button id="searchQuery" class="layui-btn layui-btn-sm layui-bg-blue" onclick="search()">查询</button>
- <button id="searchReset" class="layui-btn layui-btn-sm " onclick="resetSearch()">重置</button>
- </div>
- </div>
- </div>
- <div style=" clear:both;"></div>
- </div>
- <div id="moresees" style="clear:both;display:none;">
- <div class="layui-item query athird">
- <span class="layui-form-label">合同名称:</span>
- <div class="layui-input-block">
- <form:input path="workContractInfo.name" htmlEscape="false" maxlength="50" class=" form-control layui-input"/>
- </div>
- </div>
- <div class="layui-item query athird">
- <span class="layui-form-label">项目编号:</span>
- <div class="layui-input-block">
- <form:input path="projectId" htmlEscape="false" maxlength="50" class=" form-control layui-input"/>
- </div>
- </div>
- <div style="clear:both;"></div>
- </div>
- <div id="td4" class="commonQuery">
- <div class="layui-item layui-col-sm12 with-textarea">
- <label class="layui-form-label"><span class="require-item">*</span>报销详情:</label>
- <div class="layui-input-block">
- <textarea id="reimburseRemarks" name="reimburseRemarks" style="width: 100%" rows="7" class="form-control required" maxlength="255">${reimburseRemarks}</textarea>
- </div>
- </div>
- </div>
- </form:form>
- </div>
- </div>
- <div id="td2" class="full-width fl form-group first">
- <div class="layui-item layui-col-xs12 form-table-container">
- <table id="contentTable" class="table details table-bordered table-condensed">
- <thead>
- <tr>
- <th width="50px"></th>
- <c:forEach items="${labelNames}" var="projectName" varStatus="status">
- <th>项目名称</th>
- <th>项目编号</th>
- <th>合同名称</th>
- <th>报告号</th>
- <th>委托方</th>
- </c:forEach>
- </tr>
- </thead>
- <tbody>
- <c:choose>
- <c:when test="${not empty page.list}">
- <c:forEach items="${page.list}" var="obj">
- <tr>
- <td> <input type="checkbox" id="${fns:getValue(obj, 'id')}" class="i-checks"></td>
- <td class="codelabel">${obj.projectName}</td>
- <td class="codeprojectId">${obj.projectId}</td>
- <td class="codeCName">${obj.workContractInfo.name}</td>
- <td class="codenumber">${obj.reportData.number}</td>
- <td class="codeCCName">${obj.workContractInfo.clientName}</td>
- </tr>
- </c:forEach>
- </c:when>
- <c:otherwise>
- <tr>
- <td colspan="5" align="center">
- 暂无数据
- </td>
- </tr>
- </c:otherwise>
- </c:choose>
- </tbody>
- </table>
- <table:page page="${page}"></table:page>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
|