SIPAIIS_WMS_JSSW/WebRoot/jsp/security/areaManageAddnew.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">
var showAreaManage4SelectFun = function() {
    $.post(ext.contextPath + '/work/areaManage/showList4Select.do', {formId:"subForm",hiddenId:"pid",textId:"pname"} , function(data) {
        $("#fault4SelectDiv").html(data);
        openModal('fault4SelectModal');
    });
};
function dosave() {
	$("#subForm").bootstrapValidator('validate');//提交验证
    if ($("#subForm").data('bootstrapValidator').isValid()) {
        $.post(ext.contextPath + "/work/areaManage/save.do", $("#subForm").serialize(), function(result) {
            if (result == 1) {
            	initTreeView();
            }else{
                showAlert('d','保存失败');
            }
        });
    }
}
$(function() {
	$.post(ext.contextPath + "/process/dataVisualFrame/getJson.do", {}, function(data) {
        var selelct =$("#fid").select2({
            data: data,
            placeholder:'请选择',//默认文字提示
            allowClear: false,//允许清空
            escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
            language: "zh-CN",
            minimumInputLength: 0,
            minimumResultsForSearch: -1,//禁用搜索框
            formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
            formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
        });

        if(data.length>=1){
            selelct.val(data[0].id).trigger("change");

        }else{
             selelct.val(data[0].id).trigger("change");
        }
    },'json');
});

var showUser4SelectsFun = function () {
        var userIds = $("#powerids").val();
        $.post(ext.contextPath + '/user/userForSelect.do', { formId: "subForm", hiddenId: "powerids", textId: "_powers", userIds: userIds }, function (data) {
            $("#user4SelectDiv").html(data);
            openModal("user4SelectModal");
        });
    };
</script>
<div class="box box-primary" >
	<div class="box-header with-border">
	    <h3 class="box-title">新增</h3>
	    <div class="box-tools pull-right">
	      <a onclick="dosave()" class="btn btn-box-tool" data-toggle="tooltip" title="保存"><i class="glyphicon glyphicon-floppy-disk"></i></a>
	    </div>
	</div>
	<!-- /.box-header -->
	<div class="box-body ">
	    <form class="form-horizontal " id="subForm">
	        <input id="id" name="id" type="hidden"  />
	         <!-- 界面提醒div强制id为alertDiv -->
	         <div id="alertDiv"></div>
	         <div id="fault4SelectDiv"></div>
             <div id="user4SelectDiv"></div>
	         <div class="form-group">
	          <label class="col-sm-2 control-label">区域名称</label>
	          <div class="col-sm-4">
	            <input type="text" class="form-control" id="name" name ="name" placeholder="名称" ">
	          </div>
	          <label class="col-sm-2 control-label">上级区域</label>
	          <div class="col-sm-4">
	            <input type="text" class="form-control" id="pname" name ="pname" placeholder="上级区域"  onclick="showAreaManage4SelectFun();" value="${pname}"></input>
	            <input id="pid" name="pid" type="hidden" value="${param.pid}"/>
	          </div>
	        </div>
	        <div class="form-group">
	          <label class="col-sm-2 control-label">所属画面</label>
	          <div class="col-sm-4">
	            <select class="form-control select2" name="fid" id="fid"></select>
	          </div>
	        </div>
            <div class="form-group">
              <label class="col-sm-2 control-label">画面顶点坐标</label>
              <div class="col-sm-10">
                <input type="text" class="form-control" id="coordinatesPic" name="coordinatesPic" placeholder="输入格式为：X1,Y1;X2,Y2"
                        value="">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-2 control-label">定位顶点坐标</label>
              <div class="col-sm-10">
                <input type="text" class="form-control" id="coordinatesPosition" name="coordinatesPosition" placeholder="输入格式为：X1,Y1;X2,Y2"
                        value="" onclick="coordinatesPicDiv()">
              </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">权限人员</label>
                 <div class="col-sm-10">
                    <input type="text" class="form-control" id="_powers" name="_powers" placeholder="有权限进入的人员，未配置表示所有人都可以进入"
                                value="" onclick="showUser4SelectsFun();">
                    <input id="powerids" name="powerids" type="hidden" />
                </div>
            </div>
			<div class="form-group">
				<label class="col-sm-2 control-label">是否启用人员进出记录</label>
				<div class="col-sm-4">
					<select class="form-control select2" id="recordStatus" name="recordStatus" style="width: 100%;">
						<option value="0">禁用</option>
						<option value="1" selected>启用</option>
					</select>
				</div><label class="col-sm-2 control-label">图层类型</label>
				<div class="col-sm-4">
					<select class="form-control select2" id="layer" name="layer" style="width: 100%;">
						<option value="0">无</option>
						<option value="1">上层</option>
						<option value="2">下层</option>
						<option value="3" selected>全部</option>
					</select>
				</div>
			</div>
	        <div class="form-group">
                <label class="col-sm-2 control-label">备注</label>
                <div class="col-sm-10">
                    <textarea class="form-control" rows="2" id ="remarks" name ="remarks" placeholder="备注..."></textarea>
                </div>
            </div>
	    </form>
	</div>
</div>