SIPAIIS_WMS_JSSW/WebRoot/jsp/maintenance/anticorrosiveLibraryAdd.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<% request.setAttribute("Maintain_Week", com.sipai.entity.maintenance.MaintainCommStr.Maintain_Week); %>
<% request.setAttribute("Maintain_TenDays", com.sipai.entity.maintenance.MaintainCommStr.Maintain_TenDays); %>
<% request.setAttribute("Maintain_Month", com.sipai.entity.maintenance.MaintainCommStr.Maintain_Month); %>
<% request.setAttribute("Maintain_Quarter", com.sipai.entity.maintenance.MaintainCommStr.Maintain_Quarter); %>
<% request.setAttribute("Maintain_HalfYear", com.sipai.entity.maintenance.MaintainCommStr.Maintain_HalfYear); %>
<% request.setAttribute("Maintain_Year", com.sipai.entity.maintenance.MaintainCommStr.Maintain_Year); %>

<% request.setAttribute("Maintain_IN", com.sipai.entity.maintenance.MaintainCommStr.Maintain_IN); %>
<% request.setAttribute("Maintain_OUT", com.sipai.entity.maintenance.MaintainCommStr.Maintain_OUT); %>

<!--  bootstrap switch -->
<link rel="stylesheet"
  href="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css" />
<script type="text/javascript"
  src="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/js/bootstrap-switch.min.js"
  charset="utf-8"></script>
<script type="text/javascript">
  
  function dosave() {
	$("#subForm").bootstrapValidator('validate');//提交验证  
    if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码  
    	$.post(ext.contextPath + "/maintenance/anticorrosiveLibrary/dosave.do", $("#subForm").serialize(), function(data) {
            if (data.code == 1) {
                  closeModal('subModal');
                  $("#table").bootstrapTable('refresh');
                  
            }else if(data.code == 0){
                  showAlert('d',data.msg);
            }else{
                  showAlert('d',data.msg);
            }
      },'json');  
    }  
  }

  $("#subForm").bootstrapValidator({
    live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证  
    fields: {
      projectName: {
        validators: {
          notEmpty: {
            message: '项目名称不能为空'
          }
        }
      },
      cycle: {
        validators: {
          notEmpty: {
            message: '防腐周期不能为空'
          }
        }
      },
      times: {
        validators: {
          notEmpty: {
            message: '工时定额不能为空'
          }
        }
      },
      cost: {
        validators: {
          notEmpty: {
            message: '人工费不能为空'
          }
        }
      },
      reason: {
        validators: {
          notEmpty: {
            message: '委外原因不能为空'
          }
        }
      },
      contents: {
        validators: {
          notEmpty: {
            message: '防腐内容不能为空'
          }
        }
      },
      qualityRequirement: {
        validators: {
          notEmpty: {
            message: '质量要求不能为空'
          }
        }
      },
    }
  });

  $(function () {

    $('#timesDiv').show();
    $('#costDiv').hide();
    $('#reasonDiv').hide();

    $("#times").prop("disabled", false);
    $("#cost").attr("disabled","disabled");

    $('input[type=radio][name=mode]').change(function () {
      if (this.value == '${Maintain_IN}') {
        $('#timesDiv').show();
        $('#costDiv').hide();
        $('#reasonDiv').hide(); 

        $("#times").prop("disabled", false);
        $("#cost").attr("disabled","disabled");
          
      } else {
        $('#timesDiv').hide();
        $('#costDiv').show();
        $('#reasonDiv').show();

        $("#cost").prop("disabled", false); 
        $("#times").attr("disabled","disabled");    
        
      }
    });
		
  })
</script>
<div class="modal fade" id="subModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">新增</h4>
      </div>
      <div class="modal-body">
        <!-- 新增界面formid强制为subForm -->
        <form class="form-horizontal" id="subForm">
          <!-- 界面提醒div强制id为alertDiv -->
          <div id="alertDiv"></div>

          <input name="id" type="hidden" value="${id}" />
          <input name="unitId" type="hidden" value="${param.unitId}" />
          
          <div class="form-group">
            <label class="col-sm-2 control-label">*项目名称</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="projectName" name="projectName" autocomplete="off" placeholder="项目名称">
            </div>
            <label class="col-sm-2 control-label">*防腐周期</label>
            <div class="col-sm-4">
              <select class="form-control select2" id="cycle" name="cycle">
              	<option value="">请选择</option>
              	<option value="${Maintain_Week}">一周</option>
              	<option value="${Maintain_TenDays}">旬</option>
                <option value="${Maintain_Month}">月度</option>
                <option value="${Maintain_Quarter}">季度</option>
                <option value="${Maintain_HalfYear}">半年度</option>
                <option value="${Maintain_Year}">年度</option>
              </select>
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-2 control-label">*防腐方式</label>
            <div class="col-sm-4">
              <label class="radio-inline">
                <input type="radio" name="mode" id="mode1" value="${Maintain_IN}" checked> 自行防腐
              </label>
              <label class="radio-inline">
                <input type="radio" name="mode" id="mode2" value="${Maintain_OUT}"> 委外防腐
              </label>
            </div>
            
            <div id="timesDiv">
	            <label class="col-sm-2 control-label">*工时定额(小时)</label>
	            <div class="col-sm-4">
	              <input type="number" class="form-control" id="times" name="times" autocomplete="off" min="0" step="1"
	                placeholder="工时定额">
	            </div>
			</div>

			<div id="costDiv">
				<label class="col-sm-2 control-label">*人工费(元)</label>
	            <div class="col-sm-4">
	              <input type="number" class="form-control" id="cost" name="cost" autocomplete="off" min="0" step="1"
	                placeholder="人工费">
	            </div>
			</div>
          </div>
		  
		  <div id="reasonDiv">
			  <div class="form-group">
	            <label class="col-sm-2 control-label">*委外理由说明</label>
	            <div class="col-sm-10">
	              <textarea class="form-control" id="reason" name="reason" rows="3"
	                placeholder="委外理由说明"></textarea>
	            </div>
	          </div>
		  </div>	

		  <div class="form-group">
            <label class="col-sm-2 control-label">*防腐内容</label>
            <div class="col-sm-10">
              <textarea class="form-control" id="contents" name="contents" rows="3"
                placeholder="防腐内容"></textarea>
            </div>
          </div>

		  <div class="form-group">
            <label class="col-sm-2 control-label">*质量要求</label>
            <div class="col-sm-10">
              <textarea class="form-control" id="qualityRequirement" name="qualityRequirement" rows="3"
                placeholder="质量要求"></textarea>
            </div>
          </div>	

          
        </form>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" onclick="dosave()" id="btn_save">保存</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>