171 lines
6.9 KiB
JavaScript
171 lines
6.9 KiB
JavaScript
require(["jquery", "avalon", "csrf", "bs_alert", "editor", "validation"], function ($, avalon, csrfHeader, bs_alert, editor) {
|
||
|
||
|
||
avalon.vmodels.announcement = null;
|
||
|
||
// avalon:定义模式 announcement
|
||
avalon.ready(function () {
|
||
var announcementEditor = editor("#editor"); //创建新建公告的内容编辑器
|
||
var editAnnouncementEditor = editor("#editAnnouncementEditor");
|
||
|
||
var vm = avalon.define({
|
||
$id: "announcement",
|
||
//通用变量
|
||
announcement: [], // 公告列表数据项
|
||
previous_page: 0, // 之前的页数
|
||
next_page: 0, // 之后的页数
|
||
page: 1, // 当前页数
|
||
isEditing: 0, // 正在编辑的公告的ID， 为零说明未在编辑
|
||
page_count: 1, // 总页数
|
||
visableOnly: false, //仅显示可见公告
|
||
// 编辑
|
||
announcementVisible: 0,
|
||
getState: function (el) { //获取公告当前状态，显示
|
||
if (el.visible)
|
||
return "可见";
|
||
else
|
||
return "隐藏";
|
||
},
|
||
getNext: function () {
|
||
if (!vm.next_page)
|
||
return;
|
||
getPageData(vm.page + 1);
|
||
},
|
||
getPrevious: function () {
|
||
if (!vm.previous_page)
|
||
return;
|
||
getPageData(vm.page - 1);
|
||
},
|
||
getBtnClass: function (btn) { //上一页/下一页按钮启用禁用逻辑
|
||
if (btn) {
|
||
return vm.next_page ? "btn btn-primary" : "btn btn-primary disabled";
|
||
}
|
||
else {
|
||
return vm.previous_page ? "btn btn-primary" : "btn btn-primary disabled";
|
||
}
|
||
|
||
},
|
||
enEdit: function (el) { //点击编辑按钮的事件,显示/隐藏编辑区
|
||
$("#newTitle").val(el.title);
|
||
editAnnouncementEditor.setValue(el.content);
|
||
vm.announcementVisible = el.visible;
|
||
if (vm.isEditing == el.id)
|
||
vm.isEditing = 0;
|
||
else
|
||
vm.isEditing = el.id;
|
||
editAnnouncementEditor.focus();
|
||
},
|
||
disEdit: function () { //收起编辑框
|
||
vm.isEditing = 0;
|
||
},
|
||
submitChange: function () { // 处理编辑公告提交事件，顺便验证字段为空
|
||
var title = $("#newTitle").val(), content = editAnnouncementEditor.getValue();
|
||
if (title != "") {
|
||
if (content != "") {
|
||
$.ajax({ //发送修改公告请求
|
||
beforeSend: csrfHeader,
|
||
url: "/api/admin/announcement/",
|
||
dataType: "json",
|
||
method: "put",
|
||
data: {
|
||
id: vm.isEditing,
|
||
title: title,
|
||
content: content,
|
||
visible: vm.announcementVisible
|
||
},
|
||
success: function (data) {
|
||
if (!data.code) {
|
||
bs_alert("修改成功");
|
||
vm.isEditing = 0;
|
||
getPageData(1);
|
||
}
|
||
else {
|
||
bs_alert(data.data);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
else
|
||
bs_alert("公告内容不得为空");
|
||
}
|
||
else
|
||
bs_alert("公告标题不能为空");
|
||
}
|
||
});
|
||
vm.$watch("visableOnly", function () {
|
||
getPageData(1);
|
||
});
|
||
|
||
avalon.scan();
|
||
|
||
getPageData(1); //公告列表初始化
|
||
|
||
//Ajax get数据
|
||
function getPageData(page) {
|
||
var visible = '';
|
||
if (vm.visableOnly == true)
|
||
visible = "&visible=true";
|
||
$.ajax({
|
||
beforeSend: csrfHeader,
|
||
url: "/api/announcements/?paging=true&page=" + page + "&page_size=10" + visible,
|
||
dataType: "json",
|
||
method: "get",
|
||
success: function (data) {
|
||
if (!data.code) {
|
||
vm.announcement = data.data.results;
|
||
vm.page_count = data.data.total_page;
|
||
vm.previous_page = data.data.previous_page;
|
||
vm.next_page = data.data.next_page;
|
||
vm.page = page;
|
||
}
|
||
else {
|
||
bs_alert(data.data);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
//新建公告表单验证与数据提交
|
||
$("#announcement-form")
|
||
.formValidation({
|
||
framework: "bootstrap",
|
||
fields: {
|
||
title: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: "请填写公告标题"
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
).on('success.form.fv', function (e) {
|
||
e.preventDefault();
|
||
var title = $("#title").val();
|
||
var content = announcementEditor.getValue();
|
||
if (content == "") {
|
||
bs_alert("请填写公告内容");
|
||
return;
|
||
}
|
||
$.ajax({
|
||
beforeSend: csrfHeader,
|
||
url: "/api/admin/announcement/",
|
||
data: {title: title, content: content},
|
||
dataType: "json",
|
||
method: "post",
|
||
success: function (data) {
|
||
if (!data.code) {
|
||
bs_alert("提交成功！");
|
||
$("#title").val("");
|
||
announcementEditor.setValue("");
|
||
getPageData(1);
|
||
} else {
|
||
bs_alert(data.data);
|
||
}
|
||
}
|
||
})
|
||
});
|
||
});
|
||
|
||
|
||
}); |