javaEE 跟据标志位控制页面显示隐藏

<%@ page contentType="text/html;charset=UTF-8" trimDirectiveWhitespaces="true"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<c:set var="extLibs" value="validate"/>
<sys:header title="JCI整改通知单管理 - ${jciReviewNotice.isNewRecord ? '' : ''}JCI整改通知单处理" extLibs="${extLibs}"/>
<link href="${pageContext.request.contextPath}/ecode/gr/css/zhangjietiaokuan.css" rel="stylesheet" type="text/css">
<div class="portlet box ${boxStyleColor} autoHeight">
    <div class="portlet-title">
        <div class="caption"><i class="fa fa-coffee"></i>${jciReviewNotice.isNewRecord ? '' : ''}JCI整改通知单处理</div>
        <%-- <div class="actions">
            <shiro:hasPermission name="jci:jciReviewNotice:edit">
                <a href="#" class="btn btn-default btn-sm" onclick="$('#btnSubmit').click();return false;"><i class="fa fa-check"></i> 保 存</a>
            </shiro:hasPermission>
            <a href="#" class="btn btn-default btn-sm" onclick="$('#btnCancel').click();return false;"><i class="fa fa-reply-all"></i> 关 闭</a>
        </div> --%>
    </div>
    <div class="portlet-body form">
        <form:form id="inputForm" modelAttribute="jciReviewNotice" action="${ctx}/jci/jciReviewNotice/save" method="post" class="form-horizontal">
            <div class="form-body">
                <div id="tongZhiDanXinXi">
                <form:hidden path="id"/>
                <form:hidden path="noticeStatus"/>
                <form:hidden path="reviewId"/>
                <form:hidden path="type"/>
                <form:hidden path="batchId"/>
                <form:hidden path="batchName"/>
                <form:hidden path="judge"/>
                <form:hidden path="standardcode"/>
                <form:hidden path="reviewUserCode" htmlEscape="false" maxlength="64" class="form-control"/>
                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                <span style="color:red">*&nbsp;</span>通知单编号：<i class="fa icon-question hide e"></i></label>
                            <div class="col-sm-8">
                                <form:input path="num" htmlEscape="false" maxlength="64" class="form-control required"  />
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                评审日期：<i class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <input name="reviewDate" id="reviewDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate  "
                                    value="<fmt:formatDate value="${jciReviewNotice.reviewDate}" pattern="yyyy-MM-dd HH:mm"/>"
                                    onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                <span style="color:red">*&nbsp;</span>发起科室：<i class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <sys:treeselect id="downDeptId" name="downDeptId" value="${jciReviewNotice.downDeptId}" labelName="downDept" labelValue="${jciReviewNotice.downDept}"
                                    title="部门" url="/sys/office/treeData?type=2" cssClass="required" allowClear="true" isAll="true" notAllowSelectParent="true"/>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                <span style="color:red">*&nbsp;</span>整改科室：<i class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <sys:treeselect id="reformDeptId" name="reformDeptId" value="${jciReviewNotice.reformDeptId}" labelName="reformDept" labelValue="${jciReviewNotice.reformDept}"
                                    title="部门" url="/sys/office/treeData?type=2" cssClass="required" allowClear="true" isAll="true" notAllowSelectParent="true" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                <span style="color:red">*&nbsp;</span>要求整改日期：<i class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <input name="requestDate" id="requestDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate required "
                                    value="<fmt:formatDate value="${jciReviewNotice.requestDate}" pattern="yyyy-MM-dd"/>"
                                    onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                     <div class="col-xs-12">
                        <div class="form-group">
                             <div  class="biaoge" style="margin-top:1px;margin-bottom:1px;">
                                 <table  width="90%"  class="table_one" border="1" style="margin-left:100px;">
                                   <tr class="lv">
                                          <th width="5%" height="33" style="text-align:center;" scope="col">标准</th>
                                          <th width="35%" height="33" style="text-align:center;" scope="col">衡量要素</th>
                                          <th width="10%" height="33" style="text-align:center;" scope="col">自评结果</th>
                                          <th width="35%" style="text-align:center;" scope="col">参考资料</th>
                                   </tr>
                                   <tr>
                                        <td height="85" align="center" name ="">${jciReviewNotice.standardcode }</td>  
                                        <td align="left" name ="">${jciReviewNotice.element }</td>
                                        <td align="center" name ="">
                                            <c:if test="${jciReviewNotice.judge == 0 }">不通过</c:if>
                                            <c:if test="${jciReviewNotice.judge == 1 }">通过</c:if>
                                            <c:if test="${jciReviewNotice.judge == 2 }">部分通过</c:if>
                                            <c:if test="${jciReviewNotice.judge eq null }">未评审</c:if>
                                        </td>
                                        <td> 
                                            <iframe name= "iFrame1" src= "${ctx}/jci/jciReviewNotice/jciResultIframe?reviewId=${jciReviewNotice.reviewId}&standardId=${jciReviewNotice.standardId}" scrolling="no" frameborder= "0" style="width:100%; height:100%; padding-top:2px;"> </iframe>
                                        </td>
                                   </tr>
                               </table>
                           </div>
                       </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <div class="form-group">
                            <label class="control-label col-sm-2" title="">
                                <span style="color:red">*&nbsp;</span>问题描述：<i class="fa icon-question hide"></i></label>
                            <div class="col-sm-10">
                                <form:textarea path="describe" htmlEscape="false" rows="3" maxlength="255" class="form-control required"  />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                发起人：<i class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <form:input path="downUsername" htmlEscape="false" maxlength="64" class="form-control"/>
                            </div>
                            <form:hidden path="downUserCode" htmlEscape="false" maxlength="64" class="form-control"/>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                发起时间：<i class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <input id="downTime" name="downTime" type="text" readonly="readonly" maxlength="20" class="form-control Wdate "
                                    value="<fmt:formatDate value="${jciReviewNotice.downTime}" pattern="yyyy-MM-dd HH:mm"/>"
                                    onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                <div id="reformResultDiv">
                <c:if test="${jciReviewNotice.noticeStatus !=0 &&jciReviewNotice.noticeStatus !=1&&jciReviewNotice.noticeStatus !=2}">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="form-group" >
                                <label class="control-label col-sm-2" title="">
                                    整改结果：<i class="fa icon-question hide"></i></label>
                                <div class="col-sm-10">
                                    <form:textarea path="reformResult" htmlEscape="false" rows="3" maxlength="2000" class="form-control"/>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-6">
                            <div class="form-group" >
                                <label class="control-label col-sm-4" title="">
                                    整改人：<i class="fa icon-question hide"></i></label>
                                <div class="col-sm-8">
                                    <form:input path="reformUserName" htmlEscape="false" maxlength="64" class="form-control"/>
                                </div>
                                <form:hidden path="reformUserCode" htmlEscape="false" maxlength="64" class="form-control"/>
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="form-group">
                                <label class="control-label col-sm-4" title="">
                                    整改日期：<i class="fa icon-question hide"></i></label>
                                <div class="col-sm-8">
                                    <input name="reformDate" id="reformDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate "
                                        value="<fmt:formatDate value="${jciReviewNotice.reformDate}" pattern="yyyy-MM-dd HH:mm"/>"
                                        onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </c:if>
                </div>
                <div id="reviewResultDiv">
                <%-- <c:if test="${jciReviewNotice.noticeStatus ==4 ||jciReviewNotice.noticeStatus ==5 ||jciReviewNotice.noticeStatus ==6}"> --%>
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="form-group">
                                <label class="control-label col-sm-2" title="">
                                    评价结果：<i class="fa icon-question hide"></i></label>
                                <div class="col-sm-10">
                                    <form:textarea path="reviewResult" htmlEscape="false" rows="3" maxlength="2000" class="form-control"/>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-6">
                            <div class="form-group">
                                <label class="control-label col-sm-4" title="">
                                    评价人：<i class="fa icon-question hide"></i></label>
                                <div class="col-sm-8">
                                    <form:input path="reviewUserName" htmlEscape="false" maxlength="64" class="form-control"/>
                                </div>

                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="form-group">
                                <label class="control-label col-sm-4" title="">
                                    评价时间：<i class="fa icon-question hide"></i></label>
                                <div class="col-sm-8">
                                    <input name="reviewUserDate" id="reviewUserDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate "
                                        value="<fmt:formatDate value="${jciReviewNotice.reviewUserDate}" pattern="yyyy-MM-dd HH:mm"/>"
                                        onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false});"/>
                                </div>
                            </div>
                        </div>
                    </div>
                <%-- </c:if> --%>
            </div>
            </div>
            <div class="form-actions fluid">
                <div class="row">
                    <div class="col-sm-offset-5 col-sm-5">
                      <shiro:hasPermission name="jci:jciReviewNotice:edit">
                        <c:choose> 
                          <c:when test="${jciReviewNotice.noticeStatus=='0'||jciReviewNotice.noticeStatus=='2' }">  
                             <button id="btnSave" type="button" class="btn btn-primary"><i class="fa fa-check"></i> 保 存</button>&nbsp;
                             <button id="btnSubmit" type="button" class="btn btn-primary"><i class="fa fa-check"></i> 提交 </button> &nbsp;
                          </c:when>
                          <c:when test="${jciReviewNotice.noticeStatus=='1' }">  
                             <button id="needChanged" type="button" class="btn btn-primary"><i class="fa fa-check"></i> 下发</button>&nbsp;
                             <button id="noNeedChanged" type="button" class="btn btn-primary"><i class="fa fa-check"></i> 驳回 </button> &nbsp;
                          </c:when>
                          <c:when test="${jciReviewNotice.noticeStatus=='3'||jciReviewNotice.noticeStatus=='5' }">  
                             <button id="changedCarry" type="button" class="btn btn-primary"><i class="fa fa-check"></i> 整改</button>&nbsp;
                          </c:when>
                          <c:when test="${jciReviewNotice.noticeStatus=='4' }">  
                             <button id="changedOk" type="button" class="btn btn-primary"><i class="fa fa-check"></i> 审核通过</button>&nbsp;
                             <button id="changedNo" type="button" class="btn btn-primary"><i class="fa fa-check"></i> 审核不通过 </button> &nbsp;
                          </c:when>
                        </c:choose> 
                    </shiro:hasPermission>
                            <button id="btnCancel" type="button" class="btn default" onclick="closeCurrentTabPage('${param.parentTabPageId}')"><i class="fa fa-reply-all"></i> 关 闭</button>
                    </div>
                </div>
           </div>
        </form:form>
    </div>
</div>
<sys:footer extLibs="${extLibs}"/>
<script type="text/javascript">
//初始化加载
$(function(){
    var noticeStatus = $("#noticeStatus").val();
    //禁用字段
    alert(noticeStatus)
    $("#num").attr("readonly",true);
    if(noticeStatus!='0'){
        $("#reviewDate").attr("disabled",true);
        $("#downDeptIdCode").attr("disabled",true);
        $("#downDeptIdName").attr("disabled",true);
        $("#downDeptIdButton").attr("disabled",true);
        $("#reformDeptIdCode").attr("disabled",true);
        $("#reformDeptIdName").attr("disabled",true);
        $("#reformDeptIdButton").attr("disabled",true);
        $("#requestDate").attr("disabled",true);
        $("#describe").attr("disabled",true);
        $("#downUsername").attr("disabled",true);
        $("#downTime").attr("disabled",true);
    }

    if(noticeStatus=='0'||noticeStatus=='1'){
        $("#reviewResultDiv").hide();  
        $("#reformResultDiv").hide();      
    }
    if(noticeStatus == '2'){
        $("#reviewDate").attr("disabled",false);
        $("#downDeptIdCode").attr("disabled",false);
        $("#downDeptIdName").attr("disabled",false);
        $("#downDeptIdButton").attr("disabled",false);
        $("#reformDeptIdCode").attr("disabled",false);
        $("#reformDeptIdName").attr("disabled",false);
        $("#reformDeptIdButton").attr("disabled",false);
        $("#requestDate").attr("disabled",false);
        $("#describe").attr("disabled",false);
        $("#downUsername").attr("disabled",false);
        $("#downTime").attr("disabled",false);     
        $("#reviewResultDiv").hide();  
        $("#reformResultDiv").hide();
    }
    if(noticeStatus=='3'){
        $("#reviewResultDiv").hide();  

    }
    if(noticeStatus=='1'){

    }
    if(noticeStatus=='4'){
        $("#reformResult").attr("readonly",true);
        $("#reformUserName").attr("readonly",true);
        $("#reformDate").attr("disabled",true);
    }
    if(noticeStatus=='5'){
        $("#reviewResult").attr("readonly",true);
        $("#reviewUserName").attr("readonly",true);
        $("#reviewUserDate").attr("disabled",true);
    }
//   function quanBuJinYong(){
//      //根据流程状态设置全部字段不可编辑
//          $("body").find("*").attr("readonly","readonly");
//          $("body").find("input").attr("readonly","readonly");
//          $("input:radio").attr("disabled",true);
//          $("body").find("checkbox").attr("disabled",true);
//          $("body").find("input:text").attr("disabled",true);
//          $("#downDeptIdButton").hide(); 
//          $("#reformDeptIdButton").hide();      
//   }
// //    function tongZhiDanXinXi(){
//          //根据流程状态设置整改通知单信息字段不可编辑
//              $("#tongZhiDanXinXi").find("*").attr("readonly","readonly");
//              $("#tongZhiDanXinXi").find("input").attr("readonly","readonly");
//              $("#tongZhiDanXinXi").find("checkbox").attr("disabled",true);
//              $("#tongZhiDanXinXi").find("input:text").attr("disabled",true);
//              $("input:radio").attr("disabled",true);
//              $("#downDeptIdButton").hide(); 
//              $("#reformDeptIdButton").hide();      
//       }
//   function reformResultDivJinYong(){
//          //根据流程状态设置整改通知单信息字段不可编辑
//              $("#reformResultDiv").find("*").attr("readonly","readonly");
//              $("#reformResultDiv").find("input").attr("readonly","readonly");
//              $("#reformResultDiv").find("checkbox").attr("disabled",true);
//              $("#reformResultDiv").find("input:text").attr("disabled",true);
//              $("input:radio").attr("disabled",true);
//              $("#downDeptIdButton").hide(); 
//              $("#reformDeptIdButton").hide();      
//       }
//       if(noticeStatus =='0'){
//          $("#reviewResultDiv").hide();  
//          $("#reformResultDiv").hide();  
//      }else if(noticeStatus =='1'){
//          quanBuJinYong();
//          $("#reviewResultDiv").hide();  
//          $("#reformResultDiv").hide();
//      }else if(noticeStatus =='2'){
//          tongZhiDanXinXi();
//          $("#reviewResultDiv").hide();  
//          $("#reformResultDiv").hide();
//      }else if(noticeStatus =='3'){
//          tongZhiDanXinXi();
//          $("#reviewResultDiv").hide();  
//      }else if(noticeStatus =='4'){
//          tongZhiDanXinXi();
//          reformResultDivJinYong();

//      }else if(noticeStatus =='5'){
//          quanBuJinYong();
//      }else if(noticeStatus =='6'){
//          quanBuJinYong();
//      }

    }); 
     //保存点击事件
    $("#btnSave").click(function(){
        //保存时必填项取消
//      $("#jiaoyan").find("input").attr("required",false); 
//      $("#jiaoyan").find("input").removeClass("required");
//      $("#adverseExplain").attr("required",false);
//      $("#eventLevel").removeClass("required");
//      $("#noticeStatus").val("0");
        $("#inputForm").submit();
    }); 
    //提交点击事件
    $('#btnSubmit').click(function(){
        var type = $("#type").val();
        if(type == '2'){
            $("#noticeStatus").val("1");
        }else{
            $("#noticeStatus").val("3");
        }
        // 提交
        $("#inputForm").submit();

    });
    //不需要整改
    $('#noNeedChanged').click(function(){
        $("#noticeStatus").val("2");
        // 提交
        $("#inputForm").submit();

    });
    //需要整改
    $('#needChanged').click(function(){
        $("#noticeStatus").val("3");
        // 提交
        $("#inputForm").submit();

    });

    //整改完成
    $('#changedCarry').click(function(){
        $("#noticeStatus").val("4");
        // 提交
        $("#inputForm").submit();

    });
    //整改不通过
    $('#changedNo').click(function(){
        $("#noticeStatus").val("5");
        // 提交
        $("#inputForm").submit();

    });
    //整改通过
    $('#changedOk').click(function(){
        $("#noticeStatus").val("6");
        // 提交
        $("#inputForm").submit();

    });


    $("#inputForm").validate({
        submitHandler: function(form){
            ajaxSubmitForm($(form), function(data){
                showMessage(data.message);
                if(data.result == Global.TRUE){
                    closeCurrentTabPage('${param.parentTabPageId}', function(contents, contentWindow){
                        contentWindow.page();
                    });
                }
            }, "json");
        }
    });
</script>