初始化项目：添加后端代码、ThinkPHP框架、前端资源
This commit is contained in:
@@ -0,0 +1,468 @@
|
||||
define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
|
||||
|
||||
//设置弹窗宽高
|
||||
Fast.config.openArea = ['80%', '80%'];
|
||||
|
||||
var Controller = {
|
||||
index: function () {
|
||||
// 初始化表格参数配置
|
||||
Table.api.init({
|
||||
extend: {
|
||||
index_url: 'cms/channel/index',
|
||||
add_url: 'cms/channel/add',
|
||||
edit_url: 'cms/channel/edit',
|
||||
del_url: 'cms/channel/del',
|
||||
multi_url: 'cms/channel/multi',
|
||||
dragsort_url: '',
|
||||
table: 'cms_channel',
|
||||
}
|
||||
});
|
||||
|
||||
var table = $("#table");
|
||||
|
||||
// 初始化表格
|
||||
table.bootstrapTable({
|
||||
url: $.fn.bootstrapTable.defaults.extend.index_url,
|
||||
pk: 'id',
|
||||
sortName: 'weigh',
|
||||
pagination: false,
|
||||
escape: false,
|
||||
fixedColumns: true,
|
||||
fixedRightNumber: 1,
|
||||
columns: [
|
||||
[
|
||||
{checkbox: true},
|
||||
{field: 'id', title: __('Id')},
|
||||
{
|
||||
field: 'type',
|
||||
title: __('Type'),
|
||||
custom: {channel: 'info', list: 'success', link: 'primary'},
|
||||
formatter: Table.api.formatter.flag
|
||||
},
|
||||
{field: 'model_name', title: __('Model_name'), operate: false},
|
||||
{field: 'name', title: __('Name'), align: 'left'},
|
||||
{
|
||||
field: 'url', title: __('Url'), operate: false, formatter: function (value, row, index) {
|
||||
return '<a href="' + value + '" target="_blank" class="btn btn-default btn-xs"><i class="fa fa-link"></i></a>';
|
||||
}
|
||||
},
|
||||
{field: 'flag', title: __('Flag'), operate: 'find_in_set', searchList: Config.flagList, formatter: Table.api.formatter.flag},
|
||||
{
|
||||
field: 'spiders', title: __('Spiders'), visible: Config.spiderRecord || false, operate: false, formatter: function (value, row, index) {
|
||||
if (!$.isArray(value) || value.length === 0) {
|
||||
return '-';
|
||||
}
|
||||
var html = [];
|
||||
$.each(value, function (i, j) {
|
||||
var color = 'default', title = '暂无来访记录';
|
||||
if (j.status === 'today') {
|
||||
color = 'danger';
|
||||
title = "今天有来访记录";
|
||||
} else if (j.status === 'pass') {
|
||||
color = 'success';
|
||||
title = "最后来访日期：" + j.date;
|
||||
}
|
||||
html.push('<span class="label label-' + color + '" data-toggle="tooltip" data-title="' + j.title + ' ' + title + '">' + j.title.substr(0, 1) + '</span>');
|
||||
});
|
||||
return html.join(" ");
|
||||
}
|
||||
},
|
||||
{field: 'items', title: __('Items')},
|
||||
{field: 'vip', title: __('Vip')},
|
||||
{
|
||||
field: 'weigh',
|
||||
title: __('Weigh'),
|
||||
formatter: function (value, row, index) {
|
||||
return '<input type="text" class="form-control text-center text-weigh" data-id="' + row.id + '" value="' + value + '" style="width:50px;margin:0 auto;" />';
|
||||
},
|
||||
events: {
|
||||
"dblclick .text-weigh": function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'createtime',
|
||||
title: __('Createtime'),
|
||||
visible: false,
|
||||
operate: 'RANGE',
|
||||
addclass: 'datetimerange',
|
||||
formatter: Table.api.formatter.datetime
|
||||
},
|
||||
{
|
||||
field: 'updatetime',
|
||||
title: __('Updatetime'),
|
||||
visible: false,
|
||||
operate: 'RANGE',
|
||||
addclass: 'datetimerange',
|
||||
formatter: Table.api.formatter.datetime
|
||||
},
|
||||
{field: 'iscontribute', title: __('Iscontribute'), searchList: {"1": __('Yes'), "0": __('No')}, formatter: Table.api.formatter.toggle},
|
||||
{field: 'isnav', title: __('Isnav'), searchList: {"1": __('Yes'), "0": __('No')}, formatter: Table.api.formatter.toggle},
|
||||
{field: 'status', title: __('Status'), formatter: Table.api.formatter.status},
|
||||
{
|
||||
field: 'id',
|
||||
title: '<a href="javascript:;" class="btn btn-success btn-xs btn-toggle"><i class="fa fa-chevron-up"></i></a>',
|
||||
operate: false,
|
||||
formatter: Controller.api.formatter.subnode
|
||||
},
|
||||
{
|
||||
field: 'operate',
|
||||
title: __('Operate'),
|
||||
clickToSelect: false,
|
||||
table: table,
|
||||
width: 170,
|
||||
events: Table.api.events.operate,
|
||||
formatter: Table.api.formatter.operate,
|
||||
buttons: [
|
||||
{
|
||||
name: 'addsub',
|
||||
text: '添加子栏目',
|
||||
classname: 'btn btn-info btn-xs btn-dialog',
|
||||
icon: 'fa fa-plus',
|
||||
url: 'cms/channel/add/parent_id/{ids}'
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
],
|
||||
search: false,
|
||||
commonSearch: false
|
||||
});
|
||||
|
||||
// 绑定TAB事件
|
||||
$('.panel-heading a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
|
||||
var field = $(this).closest("ul").data("field");
|
||||
var value = $(this).data("value");
|
||||
var options = table.bootstrapTable('getOptions');
|
||||
options.pageNumber = 1;
|
||||
options.queryParams = function (params) {
|
||||
params.model_id = value;
|
||||
return params;
|
||||
};
|
||||
table.bootstrapTable('refresh', {});
|
||||
return false;
|
||||
});
|
||||
|
||||
$(document).on("change", ".text-weigh", function () {
|
||||
$(this).data("params", {weigh: $(this).val()});
|
||||
Table.api.multi('', [$(this).data("id")], table, this);
|
||||
return false;
|
||||
});
|
||||
|
||||
//当内容渲染完成后
|
||||
table.on('post-body.bs.table', function (e, settings, json, xhr) {
|
||||
//默认隐藏所有子节点
|
||||
//$("a.btn[data-id][data-pid][data-pid!=0]").closest("tr").hide();
|
||||
//$(".btn-node-sub.disabled[data-pid!=0]").closest("tr").hide();
|
||||
|
||||
//显示隐藏子节点
|
||||
$(".btn-node-sub").off("click").on("click", function (e) {
|
||||
var status = $(this).data("shown") || $("a.btn[data-pid='" + $(this).data("id") + "']:visible").length > 0 ? true : false;
|
||||
$("a.btn[data-pid='" + $(this).data("id") + "']").each(function () {
|
||||
$(this).closest("tr").toggle(!status);
|
||||
if (!$(this).hasClass("disabled")) {
|
||||
$(this).trigger("click");
|
||||
}
|
||||
});
|
||||
$(this).data("shown", !status);
|
||||
return false;
|
||||
});
|
||||
|
||||
});
|
||||
//展开隐藏一级
|
||||
$(document.body).on("click", ".btn-toggle", function (e) {
|
||||
$("a.btn[data-id][data-pid][data-pid!=0].disabled").closest("tr").hide();
|
||||
var that = this;
|
||||
var show = $("i", that).hasClass("fa-chevron-down");
|
||||
$("i", that).toggleClass("fa-chevron-down", !show);
|
||||
$("i", that).toggleClass("fa-chevron-up", show);
|
||||
$("a.btn[data-id][data-pid][data-pid!=0]").closest("tr").toggle(show);
|
||||
$(".btn-node-sub[data-pid=0]").data("shown", show);
|
||||
});
|
||||
//展开隐藏全部
|
||||
$(document.body).on("click", ".btn-toggle-all", function (e) {
|
||||
var that = this;
|
||||
var show = $("i", that).hasClass("fa-plus");
|
||||
$("i", that).toggleClass("fa-plus", !show);
|
||||
$("i", that).toggleClass("fa-minus", show);
|
||||
$(".btn-node-sub.disabled[data-pid!=0]").closest("tr").toggle(show);
|
||||
$(".btn-node-sub[data-pid!=0]").data("shown", show);
|
||||
});
|
||||
|
||||
// 为表格绑定事件
|
||||
Table.api.bindevent(table);
|
||||
},
|
||||
add: function () {
|
||||
Controller.api.bindevent();
|
||||
$("input[name='row[type]'][value=list]").trigger("click");
|
||||
$("select[name='row[model_id]']").trigger("change");
|
||||
},
|
||||
edit: function () {
|
||||
Controller.api.bindevent();
|
||||
$("input[name='row[type]']:checked").trigger("fa.event.typeupdated", "edit");
|
||||
var data = Config.linkdata;
|
||||
if (typeof data.type !== 'undefined') {
|
||||
$("#c-outlink").prop("readonly", true);
|
||||
$("#outlink-extend").html(Template("outlinktpl", data));
|
||||
}
|
||||
},
|
||||
admin: function () {
|
||||
|
||||
// 初始化表格参数配置
|
||||
Table.api.init({
|
||||
extend: {
|
||||
index_url: 'cms/channel/admin',
|
||||
dragsort_url: '',
|
||||
table: 'channel_admin',
|
||||
}
|
||||
});
|
||||
|
||||
var table = $("#table");
|
||||
|
||||
// 初始化表格
|
||||
table.bootstrapTable({
|
||||
url: $.fn.bootstrapTable.defaults.extend.index_url,
|
||||
pk: 'id',
|
||||
sortName: 'weigh',
|
||||
pagination: false,
|
||||
escape: false,
|
||||
columns: [
|
||||
[
|
||||
{
|
||||
field: 'superadmin', title: __('Type'), formatter: function (value, row, index) {
|
||||
return row.superadmin ? "<span class='label label-danger'>超级管理员</span>" : "<span class='label label-success'>普通管理员</span>";
|
||||
}
|
||||
},
|
||||
{field: 'username', title: __('Username')},
|
||||
{field: 'nickname', title: __('Nickname')},
|
||||
{field: 'channels', title: __('Channels')},
|
||||
{
|
||||
field: 'operate',
|
||||
title: __('Operate'),
|
||||
table: table,
|
||||
formatter: Table.api.formatter.buttons,
|
||||
buttons: [
|
||||
{
|
||||
name: 'authorization',
|
||||
text: __('Authorization'),
|
||||
classname: 'btn btn-xs btn-success btn-authorization',
|
||||
icon: 'fa fa-list',
|
||||
url: 'cms/channel/admin/act/authorization',
|
||||
visible: function (row) {
|
||||
return !row.superadmin;
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'remove',
|
||||
text: __('Remove'),
|
||||
classname: 'btn btn-xs btn-danger btn-remove btn-ajax',
|
||||
icon: 'fa fa-times',
|
||||
url: 'cms/channel/admin/act/remove',
|
||||
visible: function (row) {
|
||||
return row.channels > 0;
|
||||
},
|
||||
confirm: __('Are you sure you want to remove this item?'),
|
||||
success: function (ret) {
|
||||
$(".btn-refresh").trigger("click");
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
],
|
||||
search: false,
|
||||
commonSearch: false
|
||||
});
|
||||
// 为表格绑定事件
|
||||
Table.api.bindevent(table);
|
||||
|
||||
require(['jstree'], function () {
|
||||
//全选和展开
|
||||
$(document).on("click", "#checkall", function () {
|
||||
$("#channeltree").jstree($(this).prop("checked") ? "check_all" : "uncheck_all");
|
||||
});
|
||||
$(document).on("click", "#expandall", function () {
|
||||
$("#channeltree").jstree($(this).prop("checked") ? "open_all" : "close_all");
|
||||
});
|
||||
|
||||
// 点击授权
|
||||
$(document).on("click", ".btn-authorization", function () {
|
||||
var row = Table.api.getrowbyindex(table, $(this).data("row-index"));
|
||||
Fast.api.ajax($(this).attr("href"), function (data, ret) {
|
||||
Layer.open({
|
||||
id: "auth",
|
||||
type: 1,
|
||||
title: __('Authorization'),
|
||||
btn: [__('Save')],
|
||||
area: ["600px", "400px"],
|
||||
content: Template("authorizationtpl", {}),
|
||||
success: function () {
|
||||
$('#channeltree').jstree({
|
||||
"themes": {
|
||||
"stripes": true
|
||||
},
|
||||
"checkbox": {
|
||||
"keep_selected_style": false,
|
||||
},
|
||||
"types": {
|
||||
"channel": {
|
||||
"icon": "fa fa-th",
|
||||
},
|
||||
"list": {
|
||||
"icon": "fa fa-list",
|
||||
},
|
||||
"link": {
|
||||
"icon": "fa fa-link",
|
||||
},
|
||||
"disabled": {
|
||||
"check_node": false,
|
||||
"uncheck_node": false
|
||||
}
|
||||
},
|
||||
'plugins': ["types", "checkbox"],
|
||||
"core": {
|
||||
"multiple": true,
|
||||
'check_callback': true,
|
||||
"data": data
|
||||
}
|
||||
});
|
||||
},
|
||||
yes: function (index, o) {
|
||||
var selected = $("#channeltree", o).jstree("get_selected");
|
||||
if (selected.length <= 0) {
|
||||
Layer.msg(__('You must choose at least one channel'), {id: "aaafd"});
|
||||
} else {
|
||||
Fast.api.ajax({
|
||||
url: "cms/channel/admin/act/save/ids/" + row.id,
|
||||
data: {"ids": selected.join(",")}
|
||||
}, function (data, ret) {
|
||||
$(".btn-refresh").trigger("click");
|
||||
Layer.close(index);
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
},
|
||||
api: {
|
||||
formatter: {
|
||||
title: function (value, row, index) {
|
||||
return !row.ismenu || row.status == 'hidden' ? "<span class='text-muted'>" + value + "</span>" : value;
|
||||
},
|
||||
name: function (value, row, index) {
|
||||
return !row.ismenu || row.status == 'hidden' ? "<span class='text-muted'>" + value + "</span>" : value;
|
||||
},
|
||||
icon: function (value, row, index) {
|
||||
return '<span class="' + (!row.ismenu || row.status == 'hidden' ? 'text-muted' : '') + '"><i class="' + value + '"></i></span>';
|
||||
},
|
||||
subnode: function (value, row, index) {
|
||||
return '<a href="javascript:;" data-toggle="tooltip" title="' + __('Toggle sub menu') + '" data-id="' + row.id + '" data-pid="' + row.pid + '" class="btn btn-xs '
|
||||
+ (row.haschild == 1 || row.ismenu == 1 ? 'btn-success' : 'btn-default disabled') + ' btn-node-sub"><i class="fa fa-' + (row.haschild == 1 || row.ismenu == 1 ? 'sitemap' : 'list') + '"></i></a>';
|
||||
}
|
||||
},
|
||||
bindevent: function () {
|
||||
$.validator.config({
|
||||
rules: {
|
||||
single: function (element) {
|
||||
return !$("#c-name").val().match(/\n/);
|
||||
},
|
||||
channelname: function (element) {
|
||||
if (element.value.toString().match(/^\d+$/)) {
|
||||
return __('Can not be only digital');
|
||||
}
|
||||
return $.ajax({
|
||||
url: 'cms/channel/check_element_available',
|
||||
type: 'POST',
|
||||
data: {id: $("#c-name").val(), name: element.name, value: element.value},
|
||||
dataType: 'json'
|
||||
});
|
||||
},
|
||||
diyname: function (element) {
|
||||
if (element.value.toString().match(/^\d+$/)) {
|
||||
return __('Can not be only digital');
|
||||
}
|
||||
if (!element.value.toString().match(/^[a-zA-Z0-9\-_]+$/)) {
|
||||
return __('Please input character or digital');
|
||||
}
|
||||
return $.ajax({
|
||||
url: 'cms/channel/check_element_available',
|
||||
type: 'POST',
|
||||
data: {id: $("#channel-id").val(), name: element.name, value: element.value},
|
||||
dataType: 'json'
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
//不可见的元素不验证
|
||||
$("form[role=form]").data("validator-options", {ignore: ':hidden'});
|
||||
//获取栏目拼音
|
||||
var si;
|
||||
$(document).on("keyup", "#c-name", function () {
|
||||
var value = $(this).val();
|
||||
if (value != '' && !value.match(/\n/)) {
|
||||
clearTimeout(si);
|
||||
si = setTimeout(function () {
|
||||
Fast.api.ajax({
|
||||
loading: false,
|
||||
url: "cms/ajax/get_title_pinyin",
|
||||
data: {title: value}
|
||||
}, function (data, ret) {
|
||||
$("#c-diyname").val(data.pinyin.substr(0, 100));
|
||||
return false;
|
||||
}, function (data, ret) {
|
||||
return false;
|
||||
});
|
||||
}, 200);
|
||||
}
|
||||
});
|
||||
$(document).on("click fa.event.typeupdated", "input[name='row[type]']", function (e, ref) {
|
||||
$(".tf").addClass("hidden");
|
||||
$(".tf.tf-" + $(this).val()).removeClass("hidden");
|
||||
if (typeof ref == 'undefined') {
|
||||
$("select[name='row[model_id]']").trigger("change");
|
||||
}
|
||||
if ($(this).val() == 'link') {
|
||||
//$("#parent_id option").prop("disabled", false);
|
||||
}
|
||||
});
|
||||
Form.api.bindevent($("form[role=form]"));
|
||||
$(document).on("change", "select[name='row[model_id]']", function () {
|
||||
// var parentChannel = $("#parent_id");
|
||||
// $("option[value=0]", parentChannel).prop("selected", true);
|
||||
// $("option[data-model]", parentChannel).prop("disabled", true);
|
||||
// $("option[data-model='" + $(this).val() + "']", parentChannel).prop("disabled", false);
|
||||
var data = $("option:selected", this).data();
|
||||
var type = $("input[name='row[type]']:checked").val();
|
||||
$("input[name='row[channeltpl]']").val(data.channeltpl).prev().val(data.channeltpl);
|
||||
$("input[name='row[listtpl]']").val(data.listtpl).prev().val(data.listtpl);
|
||||
$("input[name='row[showtpl]']").val(data.showtpl).prev().val(data.showtpl);
|
||||
});
|
||||
$(document).on("click", ".btn-select-link", function () {
|
||||
var url = $(this).data("url");
|
||||
parent.Fast.api.open(url, "选择链接", {
|
||||
callback: function (data) {
|
||||
$("#c-outlink").val(data.url).prop("readonly", true);
|
||||
$("#outlink-extend").html(Template("outlinktpl", data));
|
||||
$("input[name='row[linktype]']").val(data.type);
|
||||
$("input[name='row[linkid]']").val(data.source_id);
|
||||
}
|
||||
});
|
||||
});
|
||||
$(document).on("click", ".btn-remove-link", function () {
|
||||
$("#c-outlink").val('').prop("readonly", false);
|
||||
$("#outlink-extend").html('');
|
||||
$("input[name='row[linktype]']").val('');
|
||||
$("input[name='row[linkid]']").val('0');
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
return Controller;
|
||||
});
|
||||
Reference in New Issue
Block a user