SIPAIIS_WMS_JSSW/WebRoot/jsp/work/groupDetailAdd.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<style type="text/css">
.select2-container .select2-selection--single{  
      height:34px;  
      line-height: 34px;  
    }
    .select2-selection__arrow{
    margin-top:3px;
    } 
</style> 
<script type="text/javascript">
    function dosave() {
        $('#subForm').data('bootstrapValidator')
            .updateStatus('grouptypeName', 'NOT_VALIDATED',null)
            .validateField('grouptypeName');
        $('#subForm').data('bootstrapValidator')
            .updateStatus('_leader', 'NOT_VALIDATED',null)
            .validateField('_leader');
        $("#subForm").bootstrapValidator('validate');//提交验证
        if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码  
            $.post(ext.contextPath + "/work/groupDetail/dosave.do", $("#subForm").serialize(), function(data) {
                if (data.code == 1){
                    // showAlert('s','保存成功');
                    closeModal('subModal')
                    $("#table").bootstrapTable('refresh');
                }else if(data.code == 0){
                    showAlert('d','保存失败');
                }else{
                    showAlert('d',data.res);
                }
            },'json');
        }
    }

    //选择设备，根据厂区id和工艺段id选择厂内设备，可多选
    var showEquipment4SelectsFun = function(formId,hiddenId,textId) {
        $.post(ext.contextPath + '/work/groupType/showGroupType4Select.do', { formId: formId, hiddenId: hiddenId, textId: textId }, function (data) {
            $("#equ4SelectDiv").html(data);
            openModal("menu4SelectModal");
        });
    };

	var showUser4SelectsFun1 = function() {
		var userIds= $("#leader").val();
		$.post(ext.contextPath + '/user/userForOneSelect.do', {formId:"subForm",hiddenId:"leader",textId:"_leader",userIds:userIds,companyId:unitId} , function(data) {
			$("#user4SelectDiv").html(data);
			openModal("user4SelectModal");
		}); 
	};

	var showUser4SelectsFun2 = function() {
		var userIds= $("#members").val();
		$.post(ext.contextPath + '/user/userForSelectByCompany.do', {formId:"subForm",hiddenId:"members",textId:"_members",userIds:userIds,companyId:unitId} , function(data) {
			$("#user4SelectDiv").html(data);
			openModal("user4SelectModal");
		}); 
	};

    $("#subForm").bootstrapValidator({
        live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证  
        fields: {
            name: {
                validators: {
                    notEmpty: {
                        message: '名称不能为空'
                    }
                }
            },
            grouptypeName: {
                validators: {
                    notEmpty: {
                        message: '班组类型不能为空'
                    }
                }
            },
            _leader: {
                validators: {
                    notEmpty: {
                        message: '组长不能为空'
                    }
                }
            },
        }
    });
</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 type="hidden" class="form-control" id="id" name ="id"  value ="${groupDetail.id}">
                    <input type="hidden" class="form-control" id="unitId" name ="unitId"  value ="${param.unitId}">

                    <div class="form-group">
                        <label class="col-sm-2 control-label">*名称</label>
                        <div class="col-sm-4">
                            <input class="form-control" type="text" id="name" name ="name" value="${groupDetail.name}">
                        </div>
                        <label class="col-sm-2 control-label">*班组类型</label>
                        <div class="col-sm-4">
                            <input class="form-control" id="grouptypeId" name="grouptypeId" type="hidden" value="${groupDetail.grouptypeId}" />
                            <input class="form-control" type="text" id="grouptypeName" name ="grouptypeName" value="${groupDetail.groupType.name}" onclick="showEquipment4SelectsFun('subForm','grouptypeId','grouptypeName');" placeholder="选择班组类型">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">*组长</label>
                        <div class="col-sm-4">
                            <input class="form-control" id="leader" name="leader" type="hidden" value="${groupDetail.leader}" />
                            <input class="form-control" type="text" id="_leader" name ="_leader" value="${groupDetail._leader}" onclick="showUser4SelectsFun1();" placeholder="选择人员" readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">组员</label>
                        <div class="col-sm-10">
                            <input class="form-control" id="members" name="members" type="hidden" value="${groupDetail.members}" />
                            <textarea class="form-control" type="text" style="height: 60px;" id="_members" name ="_members" onclick="showUser4SelectsFun2();" placeholder="选择人员" readonly>${groupDetail._members}</textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" 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>