#override("css")
<link rel="stylesheet" href="${ctx}/static/js/zTree_v3/css/zTreeStyle/zTreeStyle.css" type="text/css" />
#end
#override("body")
<div class="ibox float-e-margins">
	<form id="validForm" class="form-horizontal m-t" novalidate="novalidate">
    <div class="ibox-content">
    	<div class="col-sm-4">
	        	<input type="hidden" id="user.id" name="id" value="$!user.id"/>
	            <div class="form-group">
	                <label class="col-sm-3 control-label">账号：</label>
	                <div class="col-sm-8">
	                    <input type="text" placeholder="登录账号" value="$!user.account" aria-required="true" required="true" class="form-control" minlength="2" name="account" id="account">
	                </div>
	            </div> 
	            <div class="form-group">
	                <label class="col-sm-3 control-label">用户姓名：</label>
	                <div class="col-sm-8">
	                    <input type="text" placeholder="用户姓名" value="$!user.name" aria-required="true" required="true" class="form-control" minlength="2" name="name" id="name">
	                </div>
	            </div>
	            <div class="form-group">
	                <label class="col-sm-3 control-label">密码：</label>
	                <div class="col-sm-8">
	                    <input type="password" placeholder="登录密码" value="" #if("$!user.id" == "") aria-required="true"  required="true" minlength="2" #end class="form-control"  name="pwd" id="pwd">
	                </div>
	            </div>
	            <div class="form-group">
	                <label class="col-sm-3 control-label">手机号：</label>
	                <div class="col-sm-8">
	                    <input type="text" placeholder="手机号" value="$!user.phone" aria-required="true" required="true" class="form-control" minlength="11" maxlength="11" name="phone" id="phone">
	                </div>
	            </div>
	            <div class="form-group">
	                <label class="col-sm-3 control-label">备注：</label>
	                <div class="col-sm-8">
	                    <input type="text" placeholder="备注信息" value="$!user.remarks" aria-required="true" required="true" class="form-control" minlength="2" name="remarks" id="remarks">
	                </div>
	            </div>
	            <div class="form-group">
	                <label class="col-sm-3 control-label">医院：</label>
	                <div class="col-sm-8">
	                	#selector("orgId" "orgId" $orgs $!user.orgId)
	                </div>
	            </div>
	            <div class="form-group">
	                <label class="col-sm-3 control-label">科室：</label>
	                <div class="col-sm-8">
	                	#selector("deptId" "deptId" $depts $!user.deptId)
	                </div>
	            </div>
	            <div class="form-group">
	            	<label class="col-sm-3 control-label"></label>
	                <div class="col-sm-8">
	                    <label class="checkbox-inline i-checks">
							<div class="icheckbox_square-green" style="position: relative;">
								<input type="checkbox" value="0" name="enable" #if ($user.enable == 0) checked="checked" #end 
									style="position: absolute; opacity: 0;" >
								<ins class="iCheck-helper"
									style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
							</div>是否禁用（选中禁用，不选中可用）
						</label>
	                </div>
	            </div>
	            <div class="form-group">
	            	<label class="col-sm-3 control-label"></label>
	                <div class="col-sm-8">
	                    <label class="checkbox-inline i-checks">
							<div class="icheckbox_square-green" style="position: relative;">
								<input type="checkbox" value="0" name="type" #if ($user.type == 0) checked="checked" #end 
									style="position: absolute; opacity: 0;" >
								<ins class="iCheck-helper"
									style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
							</div>是否管理员（选中为管理员）
						</label>
	                </div>
	            </div>
	            <div class="form-group">
	            </div>
	            <div class="hr-line-dashed"></div>
	            <div class="form-group">
	                <div class="col-sm-4 col-sm-offset-3 pull-right">
	                    <button type="button" class="btn btn-primary" onclick="save();"><i class="fa fa-check"></i>&nbsp;提交</button>
	                    <button type="button" class="btn btn-white" onclick="parent.closeAll();"><i class="fa fa-close"></i>&nbsp;取消</button>
	                </div>
	            </div>
		</div>
		<div class="col-sm-6">
			<label class="col-sm-3 control-label">医院权限列表:</label>
            #selector("dataOrgIds" "dataOrgIds" $orgs "${dataOrgids}" true)
        </div>
        <div class="col-sm-6">
        	<br/><br/><br/>
        </div>
        <div class="col-sm-6">
			<label class="col-sm-3 control-label">用户角色列表:</label>
            #selector("roles" "roles" $roleList "$!userRoles" true)
        </div>
    </div>
    </form>
</div>
<script type="text/javascript">
	function search(){
		var queryParams = {
			query:{
				name: $("#groupName").val()
			}
		}
		 $('#dataTable').bootstrapTable('refresh', queryParams );
	}
	

	function save(){
		if($('#validForm').valid()){
			var data = $('#validForm').serialize();
			data = data + "&" + $('#roleForm').serialize();
			if("$!user.id" == ""){
				ajaxPost(APP.PATH + "/sysUsers/create",data);
			}else{
				ajaxPost(APP.PATH + "/sysUsers/update",data);
			}
			parent.reloadGrid('dataTable');
		}
	}
	
	
</script>
#end 
#extends("/common/base_list.html")


<script type="text/javascript">
//拥有医院列表
$(function () {
    var orgId_select = $('#orgId');
    orgId_select.on("change",function(){
    	if(orgId_select.val() != ""){
    		var url = APP.PATH +"/sysDepartments/list";
    		$.ajax({
                url: url,
                cache: false,
                data: { orgId : orgId_select.val() },
                dataType: "json",
                success: function(data){
                    if(data && data.rows){
                    	var deptOpt = $("#deptId option");
                    	deptOpt.remove();
                    	$('#deptId').append('<option value="">&nbsp;</option>'); 
                    	for(idx in data.rows){
                    		$('#deptId').append('<option value="' + data.rows[idx].id + '">' + data.rows[idx].name + '</option>'); 
                    	}
                    	$('#deptId').selectator('destroy');
                    	$('#deptId').selectator({
							labels: {
								search: 'Search here...'
							}
						});

                    }
                }
            });
    	}
    });
})
</script>