safesite/groups/templates/groups/role_form.html

73 lines
1.9 KiB
HTML

{% extends 'groups/base_layer.html' %}
{% load static %}
{% block main %}
<div class="box box-danger">
<form class="form-horizontal" id="addForm" method="post">
{% csrf_token %}
<div class="box-body">
<fieldset>
<legend>
<h4>新建角色</h4>
</legend>
<div class="form-group has-feedback">
<label class="col-sm-2 control-label">名称</label>
<div class="col-sm-8">
<input class="form-control" name="name" type="text" />
</div>
</div>
<div class="form-group has-feedback">
<label class="col-sm-2 control-label">描述</label>
<div class="col-sm-8">
<input class="form-control" name="desc" type="text" />
</div>
</div>
</fieldset>
</div>
<div class="box-footer ">
<div class="row span7 text-center ">
<button type="button" id="btnCancel" class="btn btn-default margin-right ">重置</button>
<button type="button" id="btnSave" class="btn btn-info margin-right ">保存</button>
</div>
</div>
</form>
</div>
{% endblock %}
{% block javascripts %}
<script type="text/javascript">
$("#btnSave").click(function () {
var data = $("#addForm").serialize();
$.ajax({
type: $("#addForm").attr('method'),
url: "{% url 'rbac-role-create' %}",
data: data,
cache: false,
success: function (msg) {
if (msg.result) {
layer.alert('数据保存成功!', { icon: 1 }, function (index) {
parent.layer.closeAll(); //关闭所有弹窗
});
} else {
layer.alert('数据保存失败', { icon: 5 });
//$('errorMessage').html(msg.message)
}
return;
}
});
});
$("#btnCancel").click(function () {
window.location.reload();
});
</script>
{% endblock %}