<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{baseui/head :: head}">
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="shortcut icon" href="/webjars/images/favicon.png"/>
<link rel="stylesheet" href="/webjars/js/layui/css/layui.css" media="all">
</head>
<body style="background-color:#fff">
<div class="wrapper wrapper-content">
<!--news List-->
<div class="main">
<div class="main-inner">
<div class="block-flat">
<div class="header">
<h3 style="margin-left: 43%">添加用户</h3>
<input name="id" id="id" type="hidden" />
</div>
<div class="content">
<form class="form-horizontal group-border-dashed" action="#"
style="border-radius: 0px;">
<div class="form-group">
<label class="col-sm-3 control-label" for="username">用户名称</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="username" id="username" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="usertype">用户类型</label>
<div class="col-sm-6" onchange="onchange1()">
<select class="select2" name="usertype" id="usertype" >
<option value="0">请选择...</option>
<option value="1">养殖场人员</option>
<option value="2">政府人员</option>
</select>
</div>
</div>
<div class="form-group" id="role" >
<label class="col-sm-3 control-label" for="roletype">app角色</label>
<div class="col-sm-6">
<select class="select2" name="roletype" id="roletype">
<option value="0">请选择...</option>
<option value="1">管理人员</option>
<option value="2">运维人员</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="organizationName">所属组织</label>
<div class="col-sm-6" style="width: 150px">
<select class="select2" name="organizationName" id="organizationName">
<option>青田县畜牧兽医局</option>
<option th:each=" breedfactory : ${orgName}"
th:text="${breedfactory}"
th:value="${breedfactory}"></option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="mobile">用户手机号</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="mobile" id="mobile"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="password">密码</label>
<div class="col-sm-6">
<input type="password" class="form-control" name="password" id="password" />
</div>
</div>
<br />
<!--<div class="form-actions">-->
<!--<button style="margin-left:40%" type="button" class="btn btn-primary" onclick="saveUser()">保存</button>-->
<!-- -->
<!--<button style="margin-left:5%" class="btn" type="button" onclick="history.back()">返回</button>-->
<!--</div>-->
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
function change1() {
// var usertype = $("#usertype").val();
// if (usertype==2){
// $("#role").style.display="block";
// }
// }
//
function onchange1() {
var usertype = $("#usertype").val();
if (usertype==1){
$("#role").attr("hidden","true");
}else {
$("#role").removeAttr("hidden");
}
}
</script>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{baseui/head :: head}">
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="shortcut icon" href="/webjars/images/favicon.png"/>
<link rel="stylesheet" href="/webjars/js/layui/css/layui.css" media="all">
</head>
<body style="background-color:#fff">
<div class="wrapper wrapper-content">
<!--news List-->
<div class="main">
<div class="main-inner">
<div class="block-flat">
<div class="header">
<h3 style="margin-left: 43%">添加用户</h3>
<input name="id" id="id" type="hidden" />
</div>
<div class="content">
<form class="form-horizontal group-border-dashed" action="#"
style="border-radius: 0px;">
<div class="form-group">
<label class="col-sm-3 control-label" for="username">用户名称</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="username" id="username" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="usertype">用户类型</label>
<div class="col-sm-6" onchange="onchange1()">
<select class="select2" name="usertype" id="usertype" >
<option value="0">请选择...</option>
<option value="1">养殖场人员</option>
<option value="2">政府人员</option>
</select>
</div>
</div>
<div class="form-group" id="role" >
<label class="col-sm-3 control-label" for="roletype">app角色</label>
<div class="col-sm-6">
<select class="select2" name="roletype" id="roletype">
<option value="0">请选择...</option>
<option value="1">管理人员</option>
<option value="2">运维人员</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="organizationName">所属组织</label>
<div class="col-sm-6" style="width: 150px">
<select class="select2" name="organizationName" id="organizationName">
<option>青田县畜牧兽医局</option>
<option th:each=" breedfactory : ${orgName}"
th:text="${breedfactory}"
th:value="${breedfactory}"></option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="mobile">用户手机号</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="mobile" id="mobile"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="password">密码</label>
<div class="col-sm-6">
<input type="password" class="form-control" name="password" id="password" />
</div>
</div>
<br />
<!--<div class="form-actions">-->
<!--<button style="margin-left:40%" type="button" class="btn btn-primary" onclick="saveUser()">保存</button>-->
<!-- -->
<!--<button style="margin-left:5%" class="btn" type="button" onclick="history.back()">返回</button>-->
<!--</div>-->
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
function change1() {
// var usertype = $("#usertype").val();
// if (usertype==2){
// $("#role").style.display="block";
// }
// }
//
function onchange1() {
var usertype = $("#usertype").val();
if (usertype==1){
$("#role").attr("hidden","true");
}else {
$("#role").removeAttr("hidden");
}
}
</script>