296 lines
9.3 KiB
JavaScript
296 lines
9.3 KiB
JavaScript
(function($) {
|
||
var GdooEvent = function(args) {
|
||
var me = this;
|
||
me.args = args;
|
||
me.trigger = function(fun) {
|
||
if (typeof me.args[fun] == 'function') {
|
||
var args = [];
|
||
for (var i = 1; i < arguments.length; i++) {
|
||
args.push(arguments[i]);
|
||
}
|
||
return me.args[fun].apply(me, args);
|
||
}
|
||
}
|
||
me.exist = function(fun) {
|
||
if (typeof me.args[fun] == 'function') {
|
||
return true;
|
||
}
|
||
return false;
|
||
}
|
||
};
|
||
|
||
var gdoo = {
|
||
formKey(params) {
|
||
if (params.form_id) {
|
||
var key = params.form_id + '.' + params.id;
|
||
var id = params.form_id + '_' + params.id;
|
||
var name = params.form_id + '_' + params.name;
|
||
} else {
|
||
var key = params.id;
|
||
var id = params.id;
|
||
var name = params.name;
|
||
}
|
||
return {id: id, key: key, name: name};
|
||
},
|
||
widgets: {},
|
||
forms: {},
|
||
dialogs: {},
|
||
grids: {},
|
||
event: {
|
||
events: {},
|
||
set: function(tag, fun) {
|
||
this.events[tag] = new GdooEvent(fun);
|
||
},
|
||
get: function(tag) {
|
||
return this.events[tag] || new GdooEvent({});
|
||
}
|
||
}
|
||
};
|
||
|
||
/**
|
||
* 对话框字段写入选中
|
||
*/
|
||
gdoo.writeSelected = function(event, params, option, grid) {
|
||
var rows = grid.api.getSelectedRows();
|
||
if (params.is_grid) {
|
||
var list = gdoo.forms[params.form_id];
|
||
list.api.dialogSelected(params);
|
||
} else {
|
||
var sid = params.prefix == 1 ? 'sid' : 'id';
|
||
var multiple = params.multi == 0 ? false : true;
|
||
|
||
var id = [];
|
||
var text = [];
|
||
$.each(rows, function(k, row) {
|
||
id.push(row[sid]);
|
||
text.push(row.name);
|
||
});
|
||
|
||
var doc = getIframeDocument(params.iframe_id);
|
||
if (doc) {
|
||
var $option_id = $('#' + option.id, doc);
|
||
var $option_text = $('#'+option.id + '_text', doc);
|
||
} else {
|
||
var $option_id = $('#' + option.id);
|
||
var $option_text = $('#' + option.id + '_text');
|
||
}
|
||
|
||
$option_id.val(id.join(','));
|
||
$option_text.val(text.join(','));
|
||
|
||
if (event.exist('onSelect')) {
|
||
return event.trigger('onSelect', multiple ? rows : rows[0]);
|
||
}
|
||
}
|
||
return true;
|
||
}
|
||
|
||
/**
|
||
* 初始化选择
|
||
*/
|
||
gdoo.initSelected = function(params, option, grid) {
|
||
if (params.is_grid) {
|
||
} else {
|
||
var doc = getIframeDocument(params.iframe_id);
|
||
if (doc) {
|
||
var $option_id = $('#' + option.id, doc);
|
||
} else {
|
||
var $option_id = $('#' + option.id);
|
||
}
|
||
|
||
var sid = params.prefix == 1 ? 'sid' : 'id';
|
||
var id = $option_id.val();
|
||
var rows = {};
|
||
if (id) {
|
||
var ids = id.split(',');
|
||
for (var i = 0; i < ids.length; i++) {
|
||
rows[ids[i]] = ids[i];
|
||
}
|
||
}
|
||
|
||
grid.api.forEachNode(function(node) {
|
||
var key = node.data[sid];
|
||
if (rows[key] != undefined) {
|
||
node.setSelected(true);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
/**
|
||
* grid列表显示构建
|
||
* @param {*} table
|
||
*/
|
||
gdoo.grid = function(table) {
|
||
var root = this;
|
||
this.table = table;
|
||
this.grid = new agGridOptions();
|
||
|
||
this.header = Vue.reactive({
|
||
init: false,
|
||
name: '',
|
||
master_table: '',
|
||
access: {},
|
||
create_btn: false,
|
||
trash_btn: false,
|
||
simple_search_form: true,
|
||
right_buttons: [],
|
||
left_buttons: [],
|
||
buttons: [],
|
||
tabs: {items:[], active:''},
|
||
search_form:{columns:[]},
|
||
by_title: '全部',
|
||
bys: {items:[]}
|
||
});
|
||
|
||
this.search = {
|
||
simple: {el: null, query: {}},
|
||
advanced: {el: null, query: {}}
|
||
};
|
||
|
||
this.action = new gridAction();
|
||
|
||
// 默认不自动计算栏目宽度
|
||
this.grid.autoColumnsToFit = false;
|
||
|
||
// 默认点击行触发
|
||
this.grid.onRowDoubleClicked = function (params) {
|
||
if (params.node.rowPinned) {
|
||
return;
|
||
}
|
||
if (params.data == undefined) {
|
||
return;
|
||
}
|
||
if (params.data.master_id > 0) {
|
||
if (root.action.rowDoubleClick) {
|
||
root.action.rowDoubleClick(params.data);
|
||
}
|
||
}
|
||
};
|
||
|
||
this.div = function(height) {
|
||
var gridDiv = document.querySelector("#" + this.table + "-grid");
|
||
// 因为panel高度根据页面原素高度不一致，这里设置修正值
|
||
gridDiv.style.height = this.getPanelHeight(height);
|
||
new agGrid.Grid(gridDiv, this.grid);
|
||
|
||
// 绑定自定义事件
|
||
$(gridDiv).on('click', '[data-toggle="event"]', function () {
|
||
var data = $(this).data();
|
||
if (data.master_id > 0) {
|
||
root.action[data.action](data);
|
||
}
|
||
});
|
||
|
||
return gridDiv;
|
||
}
|
||
|
||
/**
|
||
* 获取panel计算整体窗口高度
|
||
*/
|
||
this.getPanelHeight = function(v) {
|
||
var list = $('.gdoo-list-grid').position();
|
||
var position = list.top + v +'px';
|
||
return 'calc(100vh - ' + position + ')';
|
||
}
|
||
|
||
this.init = function(res) {
|
||
var me = this;
|
||
if (me.header.init == false) {
|
||
|
||
var header = res.header;
|
||
me.header.init = true;
|
||
me.header.create_btn = header.create_btn;
|
||
me.header.trash_btn = header.trash_btn;
|
||
me.header.name = header.name;
|
||
me.header.table = table;
|
||
|
||
// 搜索
|
||
var search_form = header.search_form;
|
||
search_form.simple_search = header.simple_search_form;
|
||
me.header.search_form = search_form;
|
||
me.search.forms = search_form.forms;
|
||
|
||
// 操作
|
||
me.action.table = table;
|
||
me.action.name = header.master_name;
|
||
me.action.bill_url = header.bill_uri;
|
||
|
||
// access
|
||
if (header.access) {
|
||
me.header.access = header.access;
|
||
}
|
||
|
||
// 按钮
|
||
if (header.right_buttons) {
|
||
me.header.right_buttons = header.right_buttons;
|
||
}
|
||
if (header.left_buttons) {
|
||
me.header.left_buttons = header.left_buttons;
|
||
}
|
||
if (header.buttons) {
|
||
me.header.center_buttons = header.buttons;
|
||
}
|
||
|
||
// bys
|
||
if (header.bys) {
|
||
me.header.bys = header.bys;
|
||
}
|
||
|
||
// tabs
|
||
if (header.tabs) {
|
||
me.header.tabs = header.tabs;
|
||
me.header.tabs.active = search_form.params['tab'] ? search_form.params['tab'] : header.tabs.items[0].value;
|
||
}
|
||
|
||
// 设置栏目
|
||
me.grid.api.setColumnDefs(header.columns);
|
||
me.grid.columnDefs = header.columns;
|
||
me.grid.remoteParams = search_form.query;
|
||
|
||
// 渲染完成显示div
|
||
$('#' + table + '-page').show();
|
||
|
||
setTimeout(function() {
|
||
me.searchForm();
|
||
}, 1);
|
||
|
||
}
|
||
}
|
||
|
||
this.searchForm = function() {
|
||
var me = this;
|
||
me.search.advanced.el = $('#' + me.table + '-search-form-advanced').searchForm({
|
||
data: me.search.forms,
|
||
advanced: true
|
||
});
|
||
me.search.simple.el = $('#' + me.table + '-search-form').searchForm({
|
||
data: me.search.forms
|
||
});
|
||
me.search.simple.el.find('#search-submit').on('click', function() {
|
||
var query = me.search.simple.el.serializeArray();
|
||
var params = {};
|
||
me.search.queryType = 'simple';
|
||
$.map(query, function(row) {
|
||
params[row.name] = row.value;
|
||
});
|
||
params['page'] = 1;
|
||
me.grid.remoteData(params);
|
||
return false;
|
||
});
|
||
}
|
||
|
||
this.setup = {
|
||
header: this.header,
|
||
action: this.action,
|
||
grid: this.grid
|
||
};
|
||
|
||
gdoo.grids[table] = {
|
||
grid: this.grid,
|
||
search: this.search
|
||
};
|
||
}
|
||
|
||
window.gdoo = gdoo;
|
||
})(jQuery); |