167 lines
7.4 KiB
JavaScript
167 lines
7.4 KiB
JavaScript
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/diyform/index',
|
|
add_url: 'cms/diyform/add',
|
|
edit_url: 'cms/diyform/edit',
|
|
del_url: 'cms/diyform/del',
|
|
multi_url: 'cms/diyform/multi',
|
|
table: 'cms_model',
|
|
}
|
|
});
|
|
|
|
var table = $("#table");
|
|
|
|
// 初始化表格
|
|
table.bootstrapTable({
|
|
url: $.fn.bootstrapTable.defaults.extend.index_url,
|
|
pk: 'id',
|
|
sortName: 'id',
|
|
columns: [
|
|
[
|
|
{checkbox: true},
|
|
{field: 'id', title: __('Id')},
|
|
{field: 'name', title: __('Name'), operate: 'like'},
|
|
{field: 'table', title: __('Table')},
|
|
{
|
|
field: 'createtime',
|
|
sortable: true,
|
|
visible: false,
|
|
title: __('Createtime'),
|
|
operate: 'RANGE',
|
|
addclass: 'datetimerange',
|
|
formatter: Table.api.formatter.datetime
|
|
},
|
|
{
|
|
field: 'updatetime',
|
|
sortable: true,
|
|
visible: false,
|
|
title: __('Updatetime'),
|
|
operate: 'RANGE',
|
|
addclass: 'datetimerange',
|
|
formatter: Table.api.formatter.datetime
|
|
},
|
|
{
|
|
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: '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: 'datalist', title: __('Operate'), table: table, operate: false,
|
|
buttons: [
|
|
{
|
|
name: 'content',
|
|
text: __('数据列表'),
|
|
classname: 'btn btn-xs btn-success btn-addtabs',
|
|
icon: 'fa fa-file',
|
|
url: 'cms/diydata/index/diyform_id/{ids}'
|
|
},
|
|
{
|
|
name: 'fields',
|
|
text: __('字段列表'),
|
|
classname: 'btn btn-xs btn-info btn-fields btn-addtabs',
|
|
icon: 'fa fa-list',
|
|
url: 'cms/fields/index/source/diyform/source_id/{ids}'
|
|
},
|
|
],
|
|
formatter: Table.api.formatter.buttons
|
|
},
|
|
{field: 'status', title: __('Status'), searchList: {"normal": __('Normal'), "hidden": __('Hidden')}, formatter: Table.api.formatter.status},
|
|
{
|
|
field: 'operate',
|
|
title: __('Operate'),
|
|
table: table,
|
|
events: Table.api.events.operate,
|
|
formatter: Table.api.formatter.operate
|
|
}
|
|
]
|
|
]
|
|
});
|
|
|
|
// 为表格绑定事件
|
|
Table.api.bindevent(table);
|
|
},
|
|
add: function () {
|
|
|
|
//获取标题拼音
|
|
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-table").val("cms_diyform_" + data.pinyin);
|
|
$("#c-diyname").val(data.pinyin.substr(0, 100));
|
|
return false;
|
|
}, function (data, ret) {
|
|
return false;
|
|
});
|
|
}, 200);
|
|
}
|
|
});
|
|
|
|
Controller.api.bindevent();
|
|
},
|
|
edit: function () {
|
|
Controller.api.bindevent();
|
|
},
|
|
api: {
|
|
bindevent: function () {
|
|
$.validator.config({
|
|
rules: {
|
|
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/diyform/check_element_available',
|
|
type: 'POST',
|
|
data: {id: $("#diyform-id").val(), name: element.name, value: element.value},
|
|
dataType: 'json'
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
Form.api.bindevent($("form[role=form]"));
|
|
}
|
|
}
|
|
};
|
|
return Controller;
|
|
});
|