393 lines
13 KiB
JavaScript
393 lines
13 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.dialogInit = function(params, grid) {
|
||
|
||
var option = gdoo.formKey(params);
|
||
var event = gdoo.event.get(option.key);
|
||
event.trigger('query', params);
|
||
|
||
// 键盘按下和弹起事件
|
||
var ctrlNotActive = true;
|
||
document.onkeydown = function (event) {
|
||
event = event || window.event;
|
||
if (event.keyCode == 17) {
|
||
ctrlNotActive = false;
|
||
}
|
||
}
|
||
document.onkeyup = function (event) {
|
||
event = event || window.event;
|
||
if (event.keyCode == 17) {
|
||
ctrlNotActive = true;
|
||
}
|
||
}
|
||
|
||
var multiple = params.multi == 0 ? false : true;
|
||
|
||
// 点击行不勾选
|
||
grid.suppressRowClickSelection = true;
|
||
// 多选还是单选
|
||
grid.rowSelection = multiple ? 'multiple' : 'single';
|
||
grid.multiple = multiple;
|
||
|
||
grid.onRowClicked = function(row) {
|
||
var selected = row.node.isSelected();
|
||
if (multiple) {
|
||
if (selected === false) {
|
||
row.node.setSelected(true, ctrlNotActive);
|
||
}
|
||
if (selected === true && ctrlNotActive === false) {
|
||
row.node.setSelected(false, false);
|
||
}
|
||
} else {
|
||
if (selected === false) {
|
||
row.node.setSelected(true, true);
|
||
}
|
||
}
|
||
};
|
||
|
||
grid.onRowSelected = function(row) {
|
||
if (params.is_grid) {
|
||
} else {
|
||
var sid = params.prefix == 1 ? 'sid' : 'id';
|
||
var res = dialogCacheSelected[option.id];
|
||
if (row.node.isSelected()) {
|
||
res[row.data[sid]] = row.data.name;
|
||
} else {
|
||
delete res[row.data[sid]];
|
||
}
|
||
dialogCacheSelected[option.id] = res;
|
||
}
|
||
}
|
||
|
||
grid.onRowDoubleClicked = function () {
|
||
var ret = gdoo.dialogSelected(event, params, option, grid);
|
||
if (ret == true) {
|
||
$('#gdoo-dialog-' + params.dialog_index).dialog('close');
|
||
}
|
||
};
|
||
|
||
// 数据加载后执行
|
||
grid.remoteAfterSuccess = function() {
|
||
gdoo.dialogInitSelected(params, option, grid);
|
||
}
|
||
|
||
gdoo.dialogs[option.id] = grid;
|
||
return option;
|
||
}
|
||
|
||
/**
|
||
* 对话框字段写入选中
|
||
*/
|
||
gdoo.dialogSelected = 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, rows);
|
||
} else {
|
||
var sid = params.prefix == 1 ? 'sid' : 'id';
|
||
var multiple = params.multi == 0 ? false : true;
|
||
|
||
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');
|
||
}
|
||
|
||
var res = dialogCacheSelected[option.id] || {};
|
||
|
||
$.each(rows, function(k, row) {
|
||
res[row[sid]] = row.name;
|
||
});
|
||
|
||
$option_id.val(Object.keys(res).join(','));
|
||
$option_text.val(Object.values(res).join(','));
|
||
|
||
if (event.exist('onSelect')) {
|
||
return event.trigger('onSelect', multiple ? rows : rows[0]);
|
||
}
|
||
}
|
||
return true;
|
||
}
|
||
|
||
/**
|
||
* 初始化选择
|
||
*/
|
||
gdoo.dialogInitSelected = function(params, option, grid) {
|
||
if (params.is_grid) {
|
||
} else {
|
||
var sid = params.prefix == 1 ? 'sid' : 'id';
|
||
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');
|
||
}
|
||
|
||
if (params.is_org) {
|
||
var res = dialogCacheSelected[option.id];
|
||
} else {
|
||
var id = $option_id.val();
|
||
var text = $option_text.val();
|
||
var res = {};
|
||
if (id) {
|
||
var ids = id.split(',');
|
||
var texts = text.split(',');
|
||
for (var i = 0; i < ids.length; i++) {
|
||
res[ids[i]] = texts[i];
|
||
}
|
||
}
|
||
dialogCacheSelected[option.id] = res;
|
||
}
|
||
|
||
grid.api.forEachNode(function(node) {
|
||
var key = node.data[sid];
|
||
if (res[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:[]},
|
||
bys: {name:'全部',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;
|
||
if (search_form.params['by']) {
|
||
me.header.bys.active = search_form.params['by'];
|
||
for (let i = 0; i < header.bys.items.length; i++) {
|
||
const item = header.bys.items[i];
|
||
if (item.value == search_form.params['by']) {
|
||
me.header.bys.name = item.name;
|
||
}
|
||
}
|
||
} else {
|
||
me.header.bys.active = header.bys.items[0].value;
|
||
me.header.bys.name = header.bys.items[0].name;
|
||
}
|
||
}
|
||
|
||
// 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); |