118 行
4.2 KiB
HTML
118 行
4.2 KiB
HTML
{% extends 'base/base.html' %}
|
|
{% block content %}
|
|
<div class="ui vertical stripe segment">
|
|
<div class="ui container">
|
|
{% block customize_header %}
|
|
{% endblock%}
|
|
<table id="model_table" class="ui stackable celled padded long table sortable small striped">
|
|
<thead>
|
|
<tr>
|
|
{% block customize_table_th %}
|
|
{% endblock%}
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% block customize_table_tr %}
|
|
{% endblock%}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ui modal model_form">
|
|
<div class="header">Look at the Actions</div>
|
|
<div class="content">
|
|
<form class="ui equal width form">
|
|
{% block customize_form %}
|
|
{% endblock%}
|
|
</form>
|
|
</div>
|
|
<div class="basic actions">
|
|
<div class="ui negative button btn_cancel">Cancel</div>
|
|
<div class="ui positive button btn_submit">Submit</div>
|
|
</div>
|
|
</div>
|
|
|
|
<input id="page_type" value="{{ page_type }}" hidden/>
|
|
{% endblock %}
|
|
{% block footer_script %}
|
|
<script>
|
|
$(document).ready(function () {
|
|
|
|
console.log("start")
|
|
var page_type = $("#page_type").val()
|
|
$(".url").popup();
|
|
$("#model_table").tablesort()
|
|
$('#status_switch').checkbox({
|
|
onChecked: function () {statusChange(true)},
|
|
onUnchecked: function () { statusChange(false) }
|
|
});
|
|
function statusChange(flag){
|
|
$('#status_switch').children('input').attr('checked',flag)
|
|
if(flag){
|
|
$("#status").val(1);
|
|
$('#status_switch').children('label').html('启用')
|
|
}else{
|
|
$("#status").val(0);
|
|
$('#status_switch').children('label').html('禁用')
|
|
}
|
|
}
|
|
$('.btn_add').click(function () {
|
|
console.log("add")
|
|
$('.model_form').modal('show');
|
|
})
|
|
$('.btn_submit').click(function () {
|
|
let json = $('.form').serialize();
|
|
// console.log(json)
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/customize/"+page_type,
|
|
contentType: "application/x-www-form-urlencoded",
|
|
data: json,
|
|
success: function (res) {
|
|
if (res.code === 1) {
|
|
location.reload();
|
|
}
|
|
},
|
|
error: function (err) {
|
|
console.log(err)
|
|
}
|
|
})
|
|
})
|
|
$('.btn_edit').click(function () {
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "/customize/"+page_type+"?id=" + $(this).attr("data-id"),
|
|
success: function (res) {
|
|
var data = res.data
|
|
if (res.code === 1) {
|
|
$('.form').find('input').each(function (i, n) {
|
|
var obj = $(n)
|
|
obj.val(data[obj.attr("name")])
|
|
});
|
|
statusChange(data['status']==1?true:false)
|
|
$('.model_form').modal('show');
|
|
}
|
|
},
|
|
error: function (err) {
|
|
console.log(err)
|
|
}
|
|
})
|
|
})
|
|
$('.btn_delete').click(function () {
|
|
$.ajax({
|
|
type: "DELETE",
|
|
url: "/customize/"+page_type+"?id=" + $(this).attr("data-id"),
|
|
success: function (res) {
|
|
if (res.code === 1) {
|
|
location.reload();
|
|
}
|
|
},
|
|
error: function (err) {
|
|
console.log(err)
|
|
}
|
|
})
|
|
})
|
|
})
|
|
</script>
|
|
{% endblock %} |