MWF.xApplication.query = MWF.xApplication.query || {};
MWF.xApplication.query.Query = MWF.xApplication.query.Query || {};
MWF.require("MWF.widget.Common", null, false);
MWF.require("o2.widget.Paging", null, false);
MWF.require("MWF.xScript.Macro", null, false);
MWF.xDesktop.requireApp("query.Query", "lp."+o2.language, null, false);
MWF.xDesktop.requireApp("Template", "utils.ExcelUtilsV2", null, false);
/** @classdesc View 数据中心的视图。本章节的脚本上下文请看<b>{@link module:queryView|queryView}。</b>
* @class
* @o2cn 视图
* @o2category QueryView
* @o2range {QueryView}
* @hideconstructor
* @example
* //在视图的事件中获取该类
* var view = this.target;
* @example
* //在视图的条目中，操作条组件中，分页事件中获取该类
* var view = this.target.view;
* @example
* //调用api进行提示
* this.queryView.notice("this is my information", "info");
* */
MWF.xApplication.query.Query.Viewer = MWF.QViewer = new Class(
/** @lends MWF.xApplication.query.Query.Viewer# */
{
Implements: [Options, Events],
Extends: MWF.widget.Common,
options: {
"style": "default",
"skin" : null,
"resizeNode": true,
"paging" : "scroll",
"perPageCount" : 50,
"isload": "true",
"isloadTitle": true,
"isloadContent": true,
"isloadActionbar": true,
"isloadSearchbar": true,
"export": false,
"lazy": false,
"moduleEvents": [
/**
* 加载前触发。可通过this.target获取当前对象。
* @event MWF.xApplication.query.Query.Viewer#queryLoad
*/
"queryLoad",
/**
* 视图界面和当前页数据加载后执行。需注意，翻页也会执行本事件。可通过this.target获取当前对象。
* @event MWF.xApplication.query.Query.Viewer#postLoad
*/
"postLoad",
/**
* 加载当前页数据后，渲染界面前执行，翻页后也会执行本事件。可通过this.target获取当前对象。
* @event MWF.xApplication.query.Query.Viewer#postLoadPageData
*/
"postLoadPageData",
/**
* 渲染当前页内容后执行，翻页后也会执行本事件。可通过this.target获取当前对象。
* @event MWF.xApplication.query.Query.Viewer#postLoadPage
*/
"postLoadPage",
/**
* 选择行后执行。可通过this.target获取视图对象，通过this.event获取行对象。
* @event MWF.xApplication.query.Query.Viewer#selectRow
*/
"selectRow",
/**
* 取消选择行后执行。可通过this.target获取视图对象，通过this.event获取行对象。
* @event MWF.xApplication.query.Query.Viewer#unselectRow
*/
"unselectRow",
/**
* 加载每行之前执行（非分类行）。可通过this.target获取视图对象，通过this.event获取行对象。
* @event MWF.xApplication.query.Query.Viewer#queryLoadItemRow
*/
"queryLoadItemRow",
/**
* 加载每行之后执行（非分类行）。可通过this.target获取视图对象，通过this.event获取行对象。
* @event MWF.xApplication.query.Query.Viewer#postLoadItemRow
*/
"postLoadItemRow",
/**
* 加载分类行之前执行。可通过this.target获取视图对象，通过this.event获取行对象。
* @event MWF.xApplication.query.Query.Viewer#queryLoadCategoryRow
*/
"queryLoadCategoryRow",
/**
* 加载分类行后执行。可通过this.target获取视图对象，通过this.event获取行对象。
* @event MWF.xApplication.query.Query.Viewer#postLoadCategoryRow
*/
"postLoadCategoryRow",
/**
* 导出查询Excel的事件，这个时候导出数据已经准备好，this.target可获得查询视图对象。this.event如下：
* <pre><code class='language-js'>{
* headText: headText, //文本，表格头部文本
* headStyle: headStyle, //对象，表格头部样式
* titleStyle: titleStyle, //对象，表格标题样式
* contentStyle: contentStyle, //对象，表格内容样式
* data : data, //对象数组，导出的数据，第一个数组为标题。修改后导出的excel内容也会修改。
* colWidthArray : colWidthArr, //数组，每列的宽度
* title : excelName //字符串，导出的文件名
* }</code></pre>
* @event MWF.xApplication.query.Query.Viewer#export
*/
"export",
/**
* 导出查询Excel，产生每行后执行的事件，this.target可获得查询视图对象，可以通过this.event获取下列内容
* <pre><code class='language-js'>{
* data : data, //对象，当前行导出的数据。修改后导出的excel内容也会修改。
* index : 1, //数字，导出的行号，从1开始
* source : source //对象，从后台获取的源数据
* }</code></pre>
* @event MWF.xApplication.query.Query.Viewer#exportRow
*/
"exportRow"
]
// "actions": {
// "lookup": {"uri": "/jaxrs/view/flag/{view}/query/{application}/execute", "method":"PUT"},
// "getView": {"uri": "/jaxrs/view/flag/{view}/query/{application}"}
//
// },
// "actionRoot": "x_query_assemble_surface"
},
initialize: function(container, json, options, app, parentMacro){
//本类有三种事件，
//一种是通过 options 传进来的事件，包括 loadView、openDocument、select、unselect
//一种是用户配置的 事件， 在this.options.moduleEvents 中定义的作为类事件
//还有一种也是用户配置的事件，不在this.options.moduleEvents 中定义的作为 this.node 的DOM事件
this.setOptions(options);
this.path = "../x_component_query_Query/$Viewer/";
this.cssPath = "../x_component_query_Query/$Viewer/"+this.options.style+"/css.wcss";
this._loadCss();
this.lp = MWF.xApplication.query.Query.LP;
this.app = app;
this.container = $(container);
this.json = json;
this.parentMacro = parentMacro;
this.originalJson = Object.clone(json);
/**
* @summary 视图的详细配置信息，比如条目的选择类型等.
* @member {Object}
* @example
* //可以在视图脚本中获取视图基本信息（视图事件中）
* var json = this.target.viewJson; //视图配置信息
* var name = json.selectList; //视图的列配置
* @example
* //可以在视图的组件中获取视图基本信息(在视图的操作条组件中，分页事件中)
* var json = this.target.view.viewJson; //视图配置信息
* var name = json.selectList; //视图的列配置
*/
this.viewJson = null;
this.filterItems = [];
this.manualOrderColumnMap = {};
this.searchStatus = "none"; //none, custom, default
/**
* @summary 视图当前页的所有行对象数组.
* @member {Array}
* @example
* //获取视图当前页的所有行对象数组
* var itemList = this.target.items;
*/
this.items = [];
/**
* @summary 视图选中行的对象数组.
* @member {Array}
* @example
* //获取视图选中行的对象数组
* var itemList = this.target.selectedItems;
* itemList.each(function(item){
* //取消选中
* item.unSelected()
* })
*/
this.selectedItems = [];
this.hideColumns = [];
this.openColumns = [];
this.gridJson = null;
if (this.options.isload){
this.init(function(){
if( this.json.isTitle==="no" )this.options.isloadTitle = false;
this.load();
}.bind(this));
}
},
loadView: function( callback ){
if (this.viewJson){
this.reload( callback );
}else{
this.init(function(){
if( this.json.isTitle==="no" )this.options.isloadTitle = false;
this.load( callback );
}.bind(this));
}
},
init: function(callback){
if (this.json.data){
this.viewJson = JSON.decode(this.json.data);
if (callback) callback();
}else{
this.getView(callback);
}
o2.loadCss('../x_component_process_FormDesigner/Module/Form/skin/v10/view.css');
},
load: function( callback ){
this.loadResource(function () {
this.loadLanguage( function () {
this._loadModuleEvents();
if (this.fireEvent("queryLoad")){
this._loadUserInterface( callback );
//this._loadStyles();
this._loadDomEvents();
}
}.bind(this))
}.bind(this));
},
_loadUserInterface: function( callback ){
this.viewJson = this.bindLP( this.viewJson );
var defaultSelectedScript, selectedAbleScript;
if( typeOf(this.json.defaultSelectedScript) === "function" )defaultSelectedScript = this.json.defaultSelectedScript;
if( typeOf(this.json.selectedAbleScript) === "function" )selectedAbleScript = this.json.selectedAbleScript;
this.json = this.bindLP( this.json );
if(defaultSelectedScript)this.json.defaultSelectedScript = defaultSelectedScript;
if(selectedAbleScript)this.json.selectedAbleScript = selectedAbleScript;
this.loadLayout();
if( this.options.isloadActionbar )this.createActionbarNode();
if( this.options.isloadSearchbar )this.createSearchNode();
this.currentFilterData = {"filterList": this.json.filter ? this.json.filter.clone() : null};
this.createViewNode(this.currentFilterData, callback);
if (this.options.resizeNode){
this.setContentHeightFun = this.setContentHeight.bind(this);
this.container.addEvent("resize", this.setContentHeightFun);
this.setContentHeightFun();
}
},
loadLayout: function(){
/**
* @summary 视图的节点，mootools封装过的Dom对象，可以直接使用原生的js和moootools方法访问和操作该对象。
* @see https://mootools.net/core/docs/1.6.0/Element/Element
* @member {Element}
* @example
* //可以在视图脚本中获取视图的Dom
* var node = this.target.node;
* @example
* //可以在视图的组件中获取视图的Dom(在视图的操作条组件中，分页事件中)
* var node = this.target.view.node;
*/
this.node = new Element("div.form-content-view", {"styles": this.css.node, mwftype: "view"}).inject(this.container);
//if (this.options.export) this.exportAreaNode = new Element("div", {"styles": this.css.exportAreaNode}).inject(this.node);
/**
* @summary 搜索界面容器
* @member {Element}
*/
this.searchAreaNode = new Element("div.searchAreaNode", {"styles": this.css.searchAreaNode}).inject(this.node);
/**
* @summary 操作组件容器
* @member {Element}
*/
this.actionbarAreaNode = new Element("div.actionbarAreaNode", {"styles": this.css.actionbarAreaNode}).inject(this.node);
/**
* @summary 表头和条目容器，
* @member {Element}
*/
this.viewAreaNode = new Element("div.viewAreaNode", {"styles": this.css.viewAreaNode}).inject(this.node);
// this.viewPageNode = new Element("div", {"styles": this.css.viewPageNode}).inject(this.node);
/**
* @summary 分页组件容器，
* @member {Element}
*/
this.viewPageAreaNode = new Element("div.viewPageAreaNode", {"styles": this.css.viewPageAreaNode}).inject(this.node);
this.fireEvent("loadLayout");
},
loadResource: function( callback ){
if( this.options.lazy ){
var loadedIOResource = false;
var callback2 = function(){
if( this.Macro && loadedIOResource )callback();
}.bind(this)
this.loadMacro( callback2 );
this.loadIOResource( function(){
loadedIOResource = true;
callback2();
}.bind(this));
}else{
this.loadMacro( callback );
}
},
loadMacro: function (callback) {
MWF.require("MWF.xScript.Macro", function () {
this.Macro = new MWF.Macro.ViewContext(this);
if (callback) callback();
}.bind(this));
},
loadLanguage: function(callback){
if (this.viewJson.languageType!=="script"){
if (callback) callback();
return true;
}
var language = MWF.xApplication.query.Query.LP.form;
var languageJson = null;
if (this.viewJson.languageType=="script"){
if (this.viewJson.languageScript ){
languageJson = this.Macro.exec(this.viewJson.languageScript, this);
}
}
if (languageJson){
if (languageJson.then && o2.typeOf(languageJson.then)=="function"){
languageJson.then(function(json) {
if (!json.data){
var o = Object.clone(json);
json.data = o;
}
MWF.xApplication.query.Query.LP.form = Object.merge(MWF.xApplication.query.Query.LP.form, json);
if (callback) callback(true);
}, function(){
if (callback) callback(true);
})
}else{
MWF.xApplication.query.Query.LP.form = Object.merge(MWF.xApplication.query.Query.LP.form, languageJson);
if (callback) callback(true);
}
}else{
if (callback) callback(true);
}
},
setContentHeight: function() {
debugger;
var getMarginHeight = (el) => {
var top = el.getStyle("margin-top").toFloat() || 0;
var bottom = el.getStyle("margin-bottom").toFloat() || 0;
return top + bottom;
}
var size;
var height = this.node.getStyle("height");
if (this.node.offsetParent === null) {
size = {y: height.toInt()}
} else {
size = this.node.getSize();
if (height && height.toString().endsWith('%')) {
this.node.setStyle("height", size.y + 'px');
}
}
var h = size.y;
if (this.searchAreaNode?.offsetParent) {
var searchSize = this.searchAreaNode.getComputedSize();
h = size.y - searchSize.totalHeight - getMarginHeight(this.searchAreaNode);
}
//if (this.exportAreaNode){
// var exportSize = this.exportAreaNode.getComputedSize();
// h = h-exportSize.totalHeight;
//}
if (this.actionbarAreaNode?.offsetParent) {
var exportSize = this.actionbarAreaNode.getComputedSize();
h = h - exportSize.totalHeight - getMarginHeight(this.actionbarAreaNode);
}
if (this.viewPageAreaNode?.offsetParent){
var pageSize = this.viewPageAreaNode.getComputedSize();
h = h - pageSize.totalHeight - getMarginHeight(this.viewPageAreaNode);
}
var paddingTop = (this.viewAreaNode.getStyle("padding-top") || "0").toInt();
var paddingBottom = (this.viewAreaNode.getStyle("padding-bottom") || "0").toInt();
h = h - paddingTop - paddingBottom - getMarginHeight(this.viewAreaNode);
this.viewAreaNode.setStyle("height", ""+h+"px");
},
createLoadding: function(){
this.loadingAreaNode = new Element("div", {"styles": this.css.viewLoadingAreaNode}).inject(this.contentAreaNode);
new Element("div", {"styles": {"height": "5px"}}).inject(this.loadingAreaNode);
var loadingNode = new Element("div", {"styles": this.css.viewLoadingNode}).inject(this.loadingAreaNode);
new Element("div", {"styles": this.css.viewLoadingIconNode}).inject(loadingNode);
var loadingTextNode = new Element("div", {"styles": this.css.viewLoadingTextNode}).inject(loadingNode);
loadingTextNode.set("text", "loading...");
},
createActionbarNode : function(){
this.actionbarAreaNode.empty();
if( typeOf(this.json.showActionbar) === "boolean" && this.json.showActionbar !== true ){
// this.actionbarAreaNode.hide();
return;
}
if( typeOf( this.viewJson.actionbarHidden ) === "boolean" ){
if( this.viewJson.actionbarHidden === true || !this.viewJson.actionbarList || !this.viewJson.actionbarList.length ){
// this.actionbarAreaNode.hide();
return;
}
/**
* @summary 视图的操作条对象.
* @member {Object}
* @example
* var actionbar = this.target.actionbar;
*/
this.actionbar = new MWF.xApplication.query.Query.Viewer.Actionbar(this.actionbarAreaNode, this.viewJson.actionbarList[0], this, {});
this.actionbar.load();
}else{ //兼容以前的ExportNode
this.createExportNode();
}
},
createViewNodeMobile: function(data, callback, keepSelected){
const css = this.viewJson.mobileCss;
if (css && !this.mobileCssLoaded){
this.viewAreaNode.loadCssText(css);
this.mobileCssLoaded = true;
}
if( this.options.isloadContent )this.createLoadding();
this.entries = {};
this.viewJson.selectList.each(function(column){
this.entries[column.column] = column;
}.bind(this));
if( this.options.isloadContent )this.lookup(data, callback);
},
createViewNode: function(data, callback, keepSelected){
this.viewAreaNode.empty();
if( !keepSelected )this.selectedItems = [];
var viewStyles = this.viewJson.viewStyles;
this.contentAreaNode = new Element("div.contentAreaNode", {"styles":
(viewStyles && viewStyles["container"]) ? viewStyles["container"] : this.css.contentAreaNode
}).inject(this.viewAreaNode);
this.loadObserver();
if (o2.isMediaMobile() && this.viewJson.mobileTemplate && this.viewJson.mobileTemplate.trim()!==""){
this.createViewNodeMobile(data, callback, keepSelected);
return;
}
this.viewTable = new Element("table.viewTable", {
"styles": this.css.viewTitleTableNode,
"border": "0px",
"cellPadding": "0",
"cellSpacing": "0"
}).inject(this.contentAreaNode);
if( viewStyles ){
if( viewStyles["tableProperties"] )this.viewTable.set(viewStyles["tableProperties"]);
if( viewStyles["table"] )this.viewTable.setStyles(viewStyles["table"]);
}
if( this.options.isloadContent )this.createLoadding();
var viewTitleCellNode = (viewStyles && viewStyles["titleTd"]) ? viewStyles["titleTd"] : this.css.viewTitleCellNode;
if (this.options.isloadTitle){
this.viewTitleLine = new Element("tr.viewTitleLine", {
"styles": (viewStyles && viewStyles["titleTr"]) ? viewStyles["titleTr"] : this.css.viewTitleLineNode
}).inject(this.viewTable);
//if (this.json.select==="single" || this.json.select==="multi") {
this.selectTitleCell = new Element("td.selectTitleCell", {
"styles": viewTitleCellNode
}).inject(this.viewTitleLine);
this.selectTitleCell.setStyle("width", "10px");
this.selectTitleCell.setStyle("text-align", "center");
if (this.json.titleStyles) this.selectTitleCell.setStyles(this.json.titleStyles);
//}
if( this.isSelectTdHidden() ){
this.selectTitleCell.hide();
}
if( this.getSelectFlag( true ) !== "multi" || !this.viewJson.allowSelectAll ){
this.expandTitleCell = this.selectTitleCell;
}
//序号
if (this.viewJson.isSequence==="yes"){
this.sequenceTitleCell = new Element("td", {
"styles": viewTitleCellNode,
"text": this.lp.sequence
}).inject(this.viewTitleLine);
this.sequenceTitleCell.setStyles({
"width": "30px",
"text-align": "center"
});
if (this.json.titleStyles) this.sequenceTitleCell.setStyles(this.json.titleStyles);
if( !this.expandTitleCell )this.expandTitleCell = this.sequenceTitleCell;
}
this.entries = {};
this.viewJson.selectList.each(function(column, index){
this.entries[column.column] = column;
if (!column.hideColumn){
var viewCell = new Element("td", {
"styles": viewTitleCellNode,
"text": column.displayName
}).inject(this.viewTitleLine);
// var textNode = new Element("div", {
// "styles": this.css.viewTitleTextNode,
// "text": column.displayName
// }).inject(viewCell);
var size = MWF.getTextSize(column.displayName, viewTitleCellNode);
if( column.isSwitchOrder ){
size.x += 24;
}
viewCell.setStyle("min-width", ""+size.x+"px");
if (this.json.titleStyles) viewCell.setStyles(this.json.titleStyles);
if( column.groupEntry && !this.expandTitleCell )this.expandTitleCell = viewCell;
if( typeOf(column.titleStyles) === "object" )viewCell.setStyles(column.titleStyles);
if( typeOf(column.titleProperties) === "object" )viewCell.setProperties(column.titleProperties);
if( column.events && column.events.loadTitle && column.events.loadTitle.code ){
var code = column.events.loadTitle.code;
this.Macro.fire( code, {"node" : viewCell, "json" : column, "data" : column.displayName, "view" : this});
}
if( column.isSwitchOrder || this.isSortedType(column.orderType) ){
var sortNode = new Element("i", {
styles: this.css.viewTitleOrderNode
}).inject(viewCell);
new Element("div.o2-up.ooicon-icon_arrow_up").inject(sortNode);
new Element("div.o2-down.ooicon-drop_down").inject(sortNode);
var _self = this;
if( column.isSwitchOrder ){
viewCell.addEvent('click', function(){
_self.switchOrder(this.sortNode, this.column, this.index);
}.bind({ sortNode: sortNode, column: column, index: index }));
}else{
sortNode.setStyle("cursor", "not-allowed");
}
this.setOrderStyle(column, sortNode);
}
}else{
this.hideColumns.push(column.column);
}
if (column.allowOpen) this.openColumns.push(column.column);
}.bind(this));
if( this.options.isloadContent )this.lookup(data, callback);
}else{
this.entries = {};
this.viewJson.selectList.each(function(column){
this.entries[column.column] = column;
if (column.hideColumn) this.hideColumns.push(column.column);
if (column.allowOpen) this.openColumns.push(column.column);
}.bind(this));
if( this.options.isloadContent )this.lookup(data, callback);
}
},
switchOrder: function (node, column){
var map = this.manualOrderColumnMap;
var clearOtherOrder = function (){
this.viewJson.selectList.each(function(c, index){
if( c.column === column.column )return;
if( map.hasOwnProperty(c.column) ){
map[c.column] = "";
}else if(this.isSortedType(c.orderType)){
map[c.column] = "";
}
}.bind(this));
}.bind(this);
var restoreOtherOrder = function (){
this.viewJson.selectList.each(function(c, index){
if( c.column === column.column )return;
if( map.hasOwnProperty(c.column) && this.isSortedType(c.orderType) ){
delete map[c.column];
}
}.bind(this));
}.bind(this);
switch ( this.getOrderType(column) ){
case 'asc':
map[column.column] = column.firstOrder === 'desc' ? '' : 'desc';
if(column.orderByCurrent)clearOtherOrder();
break;
case 'desc':
map[column.column] = column.firstOrder === 'desc' ? 'asc' : '';
if(column.orderByCurrent)restoreOtherOrder();
break;
default:
map[column.column] = column.firstOrder || 'asc';
if(column.orderByCurrent)clearOtherOrder();
break;
}
this.createViewNode(this.requestBody, null, true);
// this.setOrderStyle(column, node);
},
getOrderType: function (column){
var orderType;
if( !this.manualOrderColumnMap )this.manualOrderColumnMap = {};
if( this.manualOrderColumnMap.hasOwnProperty(column.column) ){
orderType = this.manualOrderColumnMap[column.column];
}else{
if( this.isSortedType(column.orderType) ){
orderType = column.orderType;
}
}
return orderType;
},
setOrderStyle: function (column, node){
var upNode = node.getElement('.o2-up');
var downNode = node.getElement('.o2-down');
var orderType = this.getOrderType(column);
if( !column.isSwitchOrder ){
switch (orderType){
case 'asc':
downNode.hide(); break;
case 'desc':
upNode.hide(); break;
default:
upNode.hide();
downNode.hide();
break;
}
}
switch (orderType){
case 'asc':
upNode.addClass('mainColor_color');
downNode.removeClass('mainColor_color');
break;
case 'desc':
upNode.removeClass('mainColor_color');
downNode.addClass('mainColor_color');
break;
default:
upNode.removeClass('mainColor_color');
downNode.removeClass('mainColor_color');
break;
}
},
getExpandFlag : function(){
if( this.options && this.options.isExpand )return this.options.isExpand;
if( this.json && this.json.isExpand )return this.json.isExpand;
if( this.viewJson && this.viewJson.isExpand )return this.viewJson.isExpand;
return "no";
},
getSelectFlag : function( ignoreSelectEnable ){
if( !ignoreSelectEnable && !this.viewSelectedEnable )return "none";
if( this.options && this.options.select )return this.options.select;
if( this.json && this.json.select )return this.json.select;
if( this.viewJson && this.viewJson.select )return this.viewJson.select;
// if( this.json.select === "single" || this.json.select === "multi" )return this.json.select;
// if( this.viewJson.select === "single" || this.viewJson.select === "multi" )return this.viewJson.select;
// if( this.options.select === "single" || this.options.select === "multi" )return this.options.select;
return "none";
},
isSelectTdHidden :function(){
if( !this.viewJson.firstTdHidden ){
return false;
}
if( this.viewJson.group && this.viewJson.group.column ){
return false;
}
if( this.json.defaultSelectedScript || this.viewJson.defaultSelectedScript ){
return false;
}
// if( !this.viewSelectedEnable ){
// return true;
// }
if( this.options && this.options.select ){
return this.options.select === "none" || this.options.select === "no";
}
if( this.json && this.json.select ){
return this.json.select === "none" || this.json.select === "no";
}
if( this.viewJson && this.viewJson.select ){
return this.viewJson.select === "none" || this.viewJson.select === "no";
}
return true;
// if( this.json.select === "single" || this.json.select === "multi" || this.json.defaultSelectedScript || this.viewJson.defaultSelectedScript ){
// return false;
// }
// if( this.options.select === "single" || this.options.select === "multi" ){
// return false;
// }
// if( this.viewJson.select === "single" || this.viewJson.select === "multi" ){
// return false;
// }
// if( this.viewJson.group && this.viewJson.group.column ){
// return false;
// }
// return true;
},
// _loadPageCountNode: function(){
// this.viewPageContentNode.empty();
//
// var size = this.viewPageAreaNode.getSize();
// var w1 = this.viewPageFirstNode.getSize().x*2;
// var w2 = this.viewPageContentNode.getStyle("margin-left").toInt();
// var w = size.x-w1-w2;
//
// var bw = this.css.viewPageButtonNode.width.toInt()+this.css.viewPageButtonNode["margin-right"].toInt();
// var count = (w/bw).toInt()-2;
// if (count>10) count = 10;
// this.showPageCount = Math.min(count, this.pages);
//
// var tmp = this.showPageCount/2;
// var n = tmp.toInt();
// var left = this.currentPage-n;
// if (left<=0) left = 1;
// var right = this.showPageCount + left-1;
// if (right>this.pages) right = this.pages;
// left = right-this.showPageCount+1;
// if (left<=1) left = 1;
//
// this.viewPagePrevNode = new Element("div", {"styles": this.css.viewPagePrevButtonNode}).inject(this.viewPageContentNode);
// this.loadPageButtonEvent(this.viewPagePrevNode, "viewPagePrevButtonNode_over", "viewPagePrevButtonNode_up", "viewPagePrevButtonNode_down", function(){
// if (this.currentPage>1) this.currentPage--;
// this.loadCurrentPageData();
// }.bind(this));
//
// for (i=left; i<=right; i++){
// var node = new Element("div", {"styles": this.css.viewPageButtonNode, "text": i}).inject(this.viewPageContentNode);
// if (i==this.currentPage){
// node.setStyles(this.css.viewPageButtonNode_current);
// }else{
// this.loadPageButtonEvent(node, "viewPageButtonNode_over", "viewPageButtonNode_up", "viewPageButtonNode_down", function(e){
// this.currentPage = e.target.get("text").toInt();
// this.loadCurrentPageData();
// }.bind(this));
// }
// }
// this.viewPageNextNode = new Element("div", {"styles": this.css.viewPageNextButtonNode}).inject(this.viewPageContentNode);
// this.loadPageButtonEvent(this.viewPageNextNode, "viewPageNextButtonNode_over", "viewPageNextButtonNode_up", "viewPageNextButtonNode_down", function(){
// if (this.currentPage<=this.pages-1) this.currentPage++;
// this.loadCurrentPageData();
// }.bind(this));
// },
// loadPageButtonEvent: function(node, over, out, down, click){
// node.addEvents({
// "mouseover": function(){node.setStyles(this.css[over])}.bind(this),
// "mouseout": function(){node.setStyles(this.css[out])}.bind(this),
// "mousedown": function(){node.setStyles(this.css[down])}.bind(this),
// "mouseup": function(){node.setStyles(this.css[out])}.bind(this),
// "click": click
// });
// },
// _loadPageNode: function(){
// this.viewPageAreaNode.empty();
// this.viewPageFirstNode = new Element("div", {"styles": this.css.viewPageFirstLastNode, "text": this.lp.firstPage}).inject(this.viewPageAreaNode);
// this.viewPageContentNode = new Element("div", {"styles": this.css.viewPageContentNode}).inject(this.viewPageAreaNode);
// this.viewPageLastNode = new Element("div", {"styles": this.css.viewPageFirstLastNode, "text": this.lp.lastPage}).inject(this.viewPageAreaNode);
// this._loadPageCountNode();
//
// this.loadPageButtonEvent(this.viewPageFirstNode, "viewPageFirstLastNode_over", "viewPageFirstLastNode_up", "viewPageFirstLastNode_down", function(){
// this.currentPage = 1;
// this.loadCurrentPageData();
// }.bind(this));
// this.loadPageButtonEvent(this.viewPageLastNode, "viewPageFirstLastNode_over", "viewPageFirstLastNode_up", "viewPageFirstLastNode_down", function(){
// this.currentPage = this.pages;
// this.loadCurrentPageData();
// }.bind(this));
// },
_loadPageNode : function(){
this.viewPageAreaNode.empty();
if( this.viewJson.pagingbarHidden === true ){
return;
}
if( !this.paging ){
var json;
if( !this.viewJson.pagingList || !this.viewJson.pagingList.length ){
json = {
"firstPageText": this.lp.firstPage,
"lastPageText": this.lp.lastPage
};
}else{
json = this.viewJson.pagingList[0];
// var jsonStr = JSON.stringify(json);
// jsonStr = o2.bindJson(jsonStr, {"lp": MWF.xApplication.query.Query.LP.form});
// json = JSON.parse(jsonStr);
}
/**
* @summary 视图的分页组件对象.
* @member {Object}
* @example
* var paging = this.target.paging;
*/
this.paging = new MWF.xApplication.query.Query.Viewer.Paging(this.viewPageAreaNode, json, this, {});
this.paging.load();
}else{
this.paging.reload();
}
},
//_initPage: function(){
// this.count = this.bundleItems.length;
//
// var i = this.count/this.json.pageSize;
// this.pages = (i.toInt()<i) ? i.toInt()+1 : i;
// this.currentPage = this.options.defaultPage || 1;
// this.options.defaultPage = null;
//
// this.exportExcelStart = null;
// this.exportExcelEnd = null;
// },
isSortedType: function(value){
return ['asc', 'desc'].contains(value);
},
setOrderList: function (d){
var map = this.manualOrderColumnMap;
if( Object.keys(map).length === 0 ){
delete d.orderList;
return;
}
var orderList = [];
this.viewJson.selectList.each(function(column, index){
if( map.hasOwnProperty(column.column) ){
var orderType = map[column.column];
if( this.isSortedType(orderType) ){
var c = Object.clone(column);
c.orderType = orderType;
orderList.push(c);
}
}else{
this.isSortedType(column.orderType) && orderList.push(Object.clone(column));
}
}.bind(this));
d.orderList = orderList;
},
lookup: function(data, callback){
if( this.lookuping )return;
this.lookuping = true;
this.getLookupAction(function(){
if (this.json.application){
var d = data || {};
d.count = this.json.count;
this.requestBody = data;
this.setOrderList(d);
// this.lookupAction.bundleView(this.json.id, d, function(json){
// this.bundleItems = json.data.valueList;
// this.bundleKey = json.data.key;
// this._initPage();
this.exportExcelStart = null;
this.exportExcelEnd = null;
this.loadCurrentPageData(data, function () {
this.fireEvent("postLoad"); //用户配置的事件
this.lookuping = false;
if(callback)callback(this);
}.bind(this), ()=>{
this.viewPageAreaNode.empty();
if( this.viewJson.noDataText ){
var noDataTextNodeStyle = this.css.noDataTextNode;
if( this.viewJson.viewStyles && this.viewJson.viewStyles["noDataTextNode"] ){
noDataTextNodeStyle = this.viewJson.viewStyles["noDataTextNode"];
}
this.noDataTextNode = new Element( "div", {
"styles": noDataTextNodeStyle,
"text" : this.viewJson.noDataText
}).inject( this.contentAreaNode );
}
if (this.loadingAreaNode){
this.loadingAreaNode.destroy();
this.loadingAreaNode = null;
}
this.fireEvent("loadView"); //options 传入的事件
this.fireEvent("postLoad"); //用户配置的事件
this.lookuping = false;
if(callback)callback(this);
});
// if (this.bundleItems.length){
// if( this.noDataTextNode )this.noDataTextNode.destroy();
// this.loadCurrentPageData( function () {
// this.fireEvent("postLoad"); //用户配置的事件
// this.lookuping = false;
// if(callback)callback(this);
// }.bind(this));
// }else{
// //this._loadPageNode();
// this.viewPageAreaNode.empty();
// if( this.viewJson.noDataText ){
// var noDataTextNodeStyle = this.css.noDataTextNode;
// if( this.viewJson.viewStyles && this.viewJson.viewStyles["noDataTextNode"] ){
// noDataTextNodeStyle = this.viewJson.viewStyles["noDataTextNode"];
// }
// this.noDataTextNode = new Element( "div", {
// "styles": noDataTextNodeStyle,
// "text" : this.viewJson.noDataText
// }).inject( this.contentAreaNode );
// }
// if (this.loadingAreaNode){
// this.loadingAreaNode.destroy();
// this.loadingAreaNode = null;
// }
// this.fireEvent("loadView"); //options 传入的事件
// this.fireEvent("postLoad"); //用户配置的事件
// this.lookuping = false;
// if(callback)callback(this);
// }
// }.bind(this));
}
}.bind(this));
},
_initPageV2: function(count){
// if (!this.pages){
this.count = count;
var i = this.count/this.json.pageSize;
this.pages = (i.toInt()<i) ? i.toInt()+1 : i;
// }
},
loadSearchFilterItemAreaNode: function(data){
if (this.viewSearchFilterItemAreaNode){
this.viewSearchFilterItemAreaNode.empty();
if (data && data.filterList && data.filterList.length){
data.filterList.each(function(filter){
if (filter.type === "restrict") return;
if (filter.value==="") return;
const filterItem = new Element('div.filter-item', {
html: `<div class="filter-item-title">${filter.title}:</div><div class="filter-item-value">${filter.value}</div><div style="margin-left:0.5em" class=ooicon-close></div>`
}).inject(this.viewSearchFilterItemAreaNode);
filterItem.filterData = filter;
filterItem.addEventListener('click', (e)=>{
this.currentFilterData.filterList.erase(e.currentTarget.filterData);
e.currentTarget.remove();
this.createViewNode(this.currentFilterData);
});
}.bind(this))
}
}
},
loadCurrentPageDataMobile: function(data, callback, noDocument ){
},
loadCurrentPageData: function(data, callback, noDocument ){
this.loadSearchFilterItemAreaNode(data);
//是否需要在翻页的时候清空之前的items ?
if( this.pageloading )return;
this.pageloading = true;
if( this.io ){
this.items.each(function(item){
this.io.unobserve(item.node);
}.bind(this))
}
this.items = [];
// var p = this.currentPage;
var d = data || this.currentFilterData || {};
// var valueList = this.bundleItems.slice((p-1)*this.json.pageSize,this.json.pageSize*p);
// d.bundleList = valueList;
// d.key = this.bundleKey;
this.setOrderList(d);
if (this.viewTable){
while (this.viewTable.rows.length>1){
this.viewTable.deleteRow(-1);
}
if( this.viewTable.rows.length>0 && !this.viewTable.rows[0].hasClass("viewTitleLine") ){
this.viewTable.deleteRow(0);
}
}else{
this.contentAreaNode.empty();
}
this.contentAreaNode.scrollTo(0, 0);
//this.createLoadding();
if (!this.currentPage) this.currentPage = this.options.defaultPage || 1;
o2.Actions.load('x_query_assemble_surface').ViewAction.executeV2(this.json.id, this.currentPage, this.json.pageSize, d, function(json){
this.viewData = json.data;
if (this.viewData.grid && this.viewData.grid.length){
this._initPageV2(json.count);
this.fireEvent("postLoadPageData");
if (this.viewJson.group.column){
this.gridJson = json.data.groupGrid;
this.setSelectedableFlag();
this.loadGroupData();
}else{
this.gridJson = json.data.grid;
this.setSelectedableFlag();
this.loadData();
}
if (this.gridJson.length) this._loadPageNode();
if (this.loadingAreaNode){
this.loadingAreaNode.destroy();
this.loadingAreaNode = null;
}
this.pageloading = false;
this.fireEvent("loadView"); //options 传入的事件
this.fireEvent("postLoadPage");
if(callback)callback();
}else{
this.pageloading = false;
noDocument?.();
}
}.bind(this));
// this.loadViewRes = this.lookupAction.loadView(this.json.name, this.json.application, d, function(json){
// this.viewData = json.data;
// this.fireEvent("postLoadPageData");
// if (this.viewJson.group.column){
// this.gridJson = json.data.groupGrid;
// this.setSelectedableFlag();
// this.loadGroupData();
// }else{
// this.gridJson = json.data.grid;
// this.setSelectedableFlag();
// this.loadData();
// }
// if (this.gridJson.length) this._loadPageNode();
// if (this.loadingAreaNode){
// this.loadingAreaNode.destroy();
// this.loadingAreaNode = null;
// }
// this.pageloading = false;
// this.fireEvent("loadView"); //options 传入的事件
// this.fireEvent("postLoadPage");
// if(callback)callback();
// }.bind(this));
},
setSelectedableFlag : function(){
this.viewSelectedEnable = false;
var selectedAbleScript = this.json.selectedAbleScript || this.viewJson.selectedAbleScript;
if (this.viewJson.group.column){
this.gridJson.each( function( d ){
d.list.each( function( v ){
switch (typeOf(selectedAbleScript)) {
case "string":
if( selectedAbleScript ){
v.$selectedEnable = this.Macro.exec( selectedAbleScript, { "data" : v, "groupData" : d ,"view": this });
}else{
v.$selectedEnable = true;
}
break;
case "function":
v.$selectedEnable = selectedAbleScript({ "data" : v, "groupData" : d ,"view": this });
break;
default:
v.$selectedEnable = true;
}
if( v.$selectedEnable ){
d.$selectedEnable = true;
this.viewSelectedEnable = true;
}
}.bind(this))
}.bind(this))
}else{
this.gridJson.each( function( v ){
switch (typeOf(selectedAbleScript)) {
case "string":
if( selectedAbleScript ){
v.$selectedEnable = this.Macro.exec( selectedAbleScript, { "data" : v, "view": this });
}else{
v.$selectedEnable = true;
}
break;
case "function":
v.$selectedEnable = selectedAbleScript({ "data" : v, "view": this });
break;
default:
v.$selectedEnable = true;
}
if( v.$selectedEnable )this.viewSelectedEnable = true;
}.bind(this))
}
},
getMode: function(){
return this.viewJson.group.column ? "group" : "item";
},
createSelectAllNode: function(){
if( this.getSelectFlag() === "multi" && this.viewJson.allowSelectAll ){
if (this.selectTitleCell && !this.selectTitleCell.retrieve("selectAllLoaded") ){
if( this.viewJson.viewStyles && this.viewJson.viewStyles["checkboxNode"] ){
this.selectAllNode = this.selectTitleCell;
if (this.viewJson.viewStyles["checkboxNode"].className){
this.selectAllNode.addClass( this.viewJson.viewStyles["checkboxNode"].className );
}
this.selectAllNode.setStyles( this.viewJson.viewStyles["checkboxNode"] );
// this.selectAllNode = new Element("div", {
// styles : this.viewJson.viewStyles["checkboxNode"]
// }).inject( this.selectTitleCell );
}else{
this.selectAllNode.html( "<img src='../x_component_query_Query/$Viewer/"+this.options.style+"/icon/checkbox.png'/>"+"</span>" )
// this.selectAllNode = new Element("div",{
// html : "<img src='../x_component_query_Query/$Viewer/"+this.options.style+"/icon/checkbox.png'/>"+"</span>",
// style : "font-family: Webdings"
// }).inject( this.selectTitleCell );
}
this.selectTitleCell.setStyle("cursor", "pointer");
this.selectTitleCell.addEvent("click", function () {
if( this.getSelectAllStatus() === "all" ){
this.unSelectAll("view")
}else{
this.selectAll("view");
}
}.bind(this));
this.selectTitleCell.store("selectAllLoaded", true);
}
}
},
// openCms: function(e, data){
// var options = {"documentId": data.bundle};
// this.fireEvent("openDocument", [options, this]); //options 传入的事件
// layout.desktop.openApplication(e, "cms.Document", options);
// },
// openWorkAndCompleted: function(e, data){
// var options = {"jobId": data.bundle};
// this.fireEvent("openDocument", [options, this]); //options 传入的事件
// layout.desktop.openApplication(e, "process.Work", options);
// },
loadDataMobile: function(){
const html = this.viewJson.mobileTemplate;
const cols = this.viewJson.selectList.map((col)=>{
return {
id: col.id,
name: col.displayName
}
})
if (this.gridJson.length){
this.gridJson.each(function(line, i){
this.items.push(new MWF.xApplication.query.Query.Viewer.MobileItem(this, line));
}.bind(this));
}else{
if (this.viewPageAreaNode) this.viewPageAreaNode.empty();
}
},
loadData: function(){
if (o2.isMediaMobile() && this.viewJson.mobileTemplate && this.viewJson.mobileTemplate.trim()!==""){
this.loadDataMobile();
return;
}
if( this.getSelectFlag() === "multi" && this.viewJson.allowSelectAll ) {
if(this.selectTitleCell && this.selectTitleCell.retrieve("selectAllLoaded")){
this.setUnSelectAllStyle();
}else{
this.createSelectAllNode();
}
}else if(this.selectAllNode){
this.clearSelectAllStyle();
}
if (this.gridJson.length){
// if( !this.options.paging ){
this.gridJson.each(function(line, i){
this.items.push(new MWF.xApplication.query.Query.Viewer.Item(this, line, null, i, null, this.options.lazy));
}.bind(this));
// }else{
// this.loadPaging();
// }
}else{
if (this.viewPageAreaNode) this.viewPageAreaNode.empty();
}
},
loadPaging : function(){
this.isItemsLoading = false;
this.pageNumber = 0;
this.isItemsLoaded = false;
this.isSetedScroll = false;
this.setScroll();
this.loadDataByPaging()
},
setScroll : function(){
if( this.options.paging && !this.isSetedScroll ){
this.contentAreaNode.setStyle("overflow","auto");
this.scrollContainerFun = function(){
var scrollSize = this.contentAreaNode.getScrollSize();
var clientSize = this.contentAreaNode.getSize();
var scrollHeight = scrollSize.y - clientSize.y;
//alert( "clientSize.y=" + clientSize.y + " scrollSize.y="+scrollSize.y + " this.contentAreaNode.scrollTop="+this.contentAreaNode.scrollTop);
if (this.contentAreaNode.scrollTop + 150 > scrollHeight ) {
if (!this.isItemsLoaded) this.loadDataByPaging();
}
}.bind(this);
this.isSetedScroll = true;
this.contentAreaNode.addEvent("scroll", this.scrollContainerFun )
}
},
loadDataByPaging : function(){
if( this.isItemsLoading )return;
if( !this.isItemsLoaded ){
var from = Math.min( this.pageNumber * this.options.perPageCount , this.gridJson.length);
var to = Math.min( ( this.pageNumber + 1 ) * this.options.perPageCount + 1 , this.gridJson.length);
this.isItemsLoading = true;
for( var i = from; i<to; i++ ){
this.items.push(new MWF.xApplication.query.Query.Viewer.Item(this, this.gridJson[i], null, i, null, this.options.lazy));
}
this.isItemsLoading = false;
this.pageNumber ++;
if( to == this.gridJson.length )this.isItemsLoaded = true;
}
},
loadGroupData: function(){
if( this.getSelectFlag() === "multi" && this.viewJson.allowSelectAll ) {
if(this.selectTitleCell && this.selectTitleCell.retrieve("selectAllLoaded")){
this.setUnSelectAllStyle();
}else{
this.createSelectAllNode();
}
}else if( this.selectAllNode ){
this.clearSelectAllStyle();
}
if( this.expandTitleCell ){
if ( !this.expandTitleCell.retrieve("expandLoaded") ){
if( this.viewJson.viewStyles && this.viewJson.viewStyles["groupCollapseNode"] ){
this.expandAllNode = new Element("span", {
styles : this.viewJson.viewStyles["groupCollapseNode"]
}).inject( this.expandTitleCell, "top" );
// this.selectTitleCell.setStyle("cursor", "pointer");
}else{
// this.selectTitleCell.set("html", "<span style='font-family: Webdings'>"+"<img src='../x_component_query_Query/$Viewer/"+this.options.style+"/icon/expand.png'/>"+"</span>");
this.expandAllNode = new Element("span",{
html : "<img src='../x_component_query_Query/$Viewer/"+this.options.style+"/icon/expand.png'/>"+"</span>",
style : "font-family: Webdings"
}).inject( this.expandTitleCell, "top" );
}
this.expandTitleCell.setStyle("cursor", "pointer");
this.expandTitleCell.addEvent("click", this.expandOrCollapseAll.bind(this));
this.expandTitleCell.store("expandLoaded", true);
}else if( this.getExpandFlag() !=="yes" ){
this.setCollapseAllStyle();
}
}
// this.isAllExpanded = false;
if (this.gridJson.length){
var i = 0;
this.gridJson.each(function(data){
this.items.push(new MWF.xApplication.query.Query.Viewer.ItemCategory(this, data, i));
i += data.list.length;
}.bind(this));
if (this.getExpandFlag()=="yes") this.expandOrCollapseAll();
}else{
if (this.viewPageAreaNode) this.viewPageAreaNode.empty();
}
},
getView: function(callback){
this.getLookupAction(function(){
if (this.json.application){
this.getViewRes = this.lookupAction.getView(this.json.viewName, this.json.application, function(json){
this.viewJson = JSON.decode(json.data.data);
this.json = Object.merge(this.json, json.data);
if (callback) callback();
}.bind(this));
// this.lookupAction.invoke({"name": "getView","async": true, "parameter": {"view": this.json.viewName, "application": this.json.application},"success": function(json){
// this.viewJson = JSON.decode(json.data.data);
// this.json = Object.merge(this.json, json.data);
// //var viewData = JSON.decode(json.data.data);
// if (callback) callback();
// }.bind(this)});
}else{
this.getViewRes = this.lookupAction.getViewById(this.json.viewId, function(json){
this.viewJson = JSON.decode(json.data.data);
this.json.application = json.data.query;
this.json = Object.merge(this.json, json.data);
if (callback) callback();
}.bind(this));
}
}.bind(this));
},
bindLP: function( json ){
var jsonStr = JSON.stringify( json );
jsonStr = o2.bindJson(jsonStr, {"lp": MWF.xApplication.query.Query.LP.form});
return JSON.parse(jsonStr);
},
getLookupAction: function(callback){
if (!this.lookupAction){
this.lookupAction = MWF.Actions.get("x_query_assemble_surface");
if (callback) callback();
// var _self = this;
// MWF.require("MWF.xDesktop.Actions.RestActions", function(){
// this.lookupAction = new MWF.xDesktop.Actions.RestActions("", this.options.actionRoot, "");
// this.lookupAction.getActions = function(actionCallback){
// this.actions = _self.options.actions;
// if (actionCallback) actionCallback();
// };
// if (callback) callback();
// }.bind(this));
}else{
if (callback) callback();
}
},
hide: function(){
this.node.setStyle("display", "none");
},
/**
* @summary 刷新视图。
* @param {Function} [callback] - 可选，刷新视图后的回调.
* @param {Boolean} [keepSelected] - 可选，是否保留选择结果.
* @example
* this.target.reload();
*/
reload: function( callback, keepSelected ){
if( this.lookuping || this.pageloading )return;
this.node.setStyle("display", "");
if (this.loadingAreaNode) this.loadingAreaNode.setStyle("display", "block");
// this.filterItems.each(function(filter){
// filter.destroy();
// }.bind(this));
this.filterItems = [];
this.manualOrderColumnMap = {};
if (this.viewSearchInputNode) this.viewSearchInputNode.set("text", this.lp.searchKeywork);
this.closeCustomSearch();
this.viewAreaNode.empty();
this.currentFilterData = {"filterList": this.json.filter ? this.json.filter.clone() : null};
this.createViewNode(this.currentFilterData, callback, keepSelected);
},
getFilter: function(){
var filterData = [];
if (this.searchStatus==="custom"){
if (this.filterItems.length){
this.filterItems.each(function(filter){
filterData.push(filter.data);
}.bind(this));
}
}
if (this.searchStatus==="default"){
var key = this.viewSearchInputNode.get("value");
if (key && key!==this.lp.searchKeywork){
this.viewJson.customFilterList.each(function(entry){
if (entry.formatType==="textValue"){
var d = {
"path": entry.path,
"value": key,
"formatType": entry.formatType,
"logic": "or",
"comparison": "like"
};
filterData.push(d);
}
if (entry.formatType==="numberValue"){
var v = key.toFloat();
if (!isNaN(v)){
var d = {
"path": entry.path,
"value": v,
"formatType": entry.formatType,
"logic": "or",
"comparison": "like"
};
filterData.push(d);
}
}
}.bind(this));
}
}
return (filterData.length) ? filterData : null;
},
cancelSelectedAll: function(isFire){
while( this.selectedItems.length ){
this.selectedItems[0].unSelected(null, isFire)
}
},
cancelSelected: function(bundles, isFire){
var array = this.selectedItems.filter((item)=>{
return (bundles || []).contains(item.data.bundle);
});
array.forEach(function(item){
item.unSelected(null, isFire);
});
},
getData: function(){
if (this.selectedItems.length){
var arr = [];
this.selectedItems.each(function(item){
arr.push(item.data);
});
return arr;
}else{
return [];
}
},
_loadModuleEvents : function(){
this.moduleEventMap = {};
Object.each(this.viewJson.events, function(e, key){
if (e.code){
if (this.options.moduleEvents.indexOf(key)!==-1){
this.moduleEventMap[key] = function(event, target){
return this.Macro.fire(e.code, target || this, event);
}.bind(this);
this.addEvent(key, this.moduleEventMap[key]);
}
}
}.bind(this));
},
_removeModuleEvents: function (){
Object.each(this.moduleEventMap, function(fun, key){
this.removeEvent(key, this.moduleEventMap[key]);
}.bind(this))
},
_loadDomEvents: function(){
this.domEventMap = {};
Object.each(this.viewJson.events, function(e, key){
if (e.code){
if (this.options.moduleEvents.indexOf(key)===-1){
this.domEventMap[key] = function(event){
return this.Macro.fire(e.code, this, event);
}.bind(this);
this.node.addEvent(key, this.domEventMap[key]);
}
}
}.bind(this));
},
_removeDomEvents: function (){
Object.each(this.domEventMap, function(fun, key){
this.removeEvent(key, this.domEventMap[key]);
}.bind(this))
},
//搜索相关开始
createSearchNode: function(){
if( this.viewJson.searchbarHidden === true ){
return;
}
var loadViewSearch = ()=>{
if (this.viewJson.customFilterList && this.viewJson.customFilterList.length){
this.searchStatus = "default";
this.loadFilterSearch();
}else{
this.loadSimpleSearch();
}
this.loadFulltextSearch();
}
o2.JSON.get(`../x_component_query_ViewDesigner/$View/skin/styles_${this.viewJson.viewStyleType}.json`, {
'onSuccess': (json)=>{
this.skinJson = json;
loadViewSearch()
},
'onRequestFailure': ()=>{this.loadViewSearch();},
'onError': ()=>{this.loadViewSearch();},
});
},
loadSimpleSearch: function(){
return false;
this.searchSimpleNode = new Element("div", {"styles": this.css.searchSimpleNode}).inject(this.searchAreaNode);
this.searchSimpleButtonNode = new Element("div", {"styles": this.css.searchSimpleButtonNode}).inject(this.searchSimpleNode);
this.searchSimpleInputNode = new Element("input", {"type":"text", "styles": this.css.searchSimpleInputNode, "value": this.lp.searchKeywork}).inject(this.searchSimpleNode);
this.searchSimpleButtonNode.addEvent("click", function(){
this.search();
}.bind(this));
this.searchSimpleInputNode.addEvents({
"focus": function(){
if (this.searchSimpleInputNode.get("value")===this.lp.searchKeywork) this.searchSimpleInputNode.set("value", "");
}.bind(this),
"blur": function(){if (!this.searchSimpleInputNode.get("value")) this.searchSimpleInputNode.set("value", this.lp.searchKeywork);}.bind(this),
"keydown": function(e){
if (e.code===13) this.search();
}.bind(this)
});
},
search: function(){
if (this.gridJson){
var key = this.searchSimpleInputNode.get("value");
var rows = this.viewTable.rows;
var first = (this.options.isloadTitle) ? 1 : 0;
for (var i = first; i<rows.length; i++){
var tr = rows[i];
if (!key || key==this.lp.searchKeywork){
if (tr.getStyle("display")==="none") tr.setStyle("display", "table-row");
}else{
if (tr.get("text").indexOf(key)!==-1){
if (tr.getStyle("display")==="none") tr.setStyle("display", "table-row");
}else{
if (tr.getStyle("display")!=="none") tr.setStyle("display", "none");
}
}
}
//if (this.viewPageAreaNode) this.viewPageAreaNode.hide();
}
},
loadFilterSearchNode: function(){
if( !layout.mobile ){
this.viewSearchCustomActionNode = new Element("div", {"styles": this.css.viewFilterSearchCustomActionNode, "text": this.lp.customSearch}).inject(this.searchAreaNode);
}
this.viewSearchInputAreaNode = new Element("div", {"styles": this.css.viewFilterSearchInputAreaNode}).inject(this.searchAreaNode);
if( layout.mobile )this.viewSearchInputAreaNode.setStyle('margin-right', '15px');
this.viewSearchIconNode = new Element("div", {"styles": this.css.viewFilterSearchIconNode}).inject(this.viewSearchInputAreaNode);
this.viewSearchInputBoxNode = new Element("div", {"styles": this.css.viewFilterSearchInputBoxNode}).inject(this.viewSearchInputAreaNode);
this.viewSearchInputNode = new Element("input", {"styles": this.css.viewFilterSearchInputNode, "value": this.lp.searchKeywork}).inject(this.viewSearchInputBoxNode);
this.viewSearchInputNode.addEvents({
"focus": function(){
if (this.viewSearchInputNode.get("value")===this.lp.searchKeywork) this.viewSearchInputNode.set("value", "");
}.bind(this),
"blur": function(){if (!this.viewSearchInputNode.get("value")) this.viewSearchInputNode.set("value", this.lp.searchKeywork);}.bind(this),
"keydown": function(e){
if (e.code===13) this.searchView();
}.bind(this)
});
this.viewSearchIconNode.addEvents({
"click": function(){this.searchView();}.bind(this)
});
if(this.viewSearchCustomActionNode){
this.viewSearchCustomActionNode.addEvents({
"click": function(){this.loadCustomSearch();}.bind(this)
});
}
},
createSearchTextInputNode: function(filter){
const div = new Element("div.search-item");
if (filter.valueType==='script' ){
if( filter.valueScript && filter.valueScript.code ){
const result = this.Macro.exec(filter.valueScript.code, this);
const arr = typeOf( result ) === "array" ? result : [result];
if (arr && arr.length){
const node = new Element("oo-select");
if (!o2.isMediaMobile()){
const title = new Element("div.search-item-title");
title.textContent = filter.title;
div.append(title)
// node.setAttribute('label-style', "width: 6rem; min-width:4.3em; max-width:9em");
// node.setAttribute('label', filter.title);
}
node.setAttribute('placeholder', filter.title);
arr.forEach( (item)=>{
const v = item.split(/\s*\|\s*/);
const option = new Element("oo-option");
option.setAttribute('value', v[1] || v[0]);
option.setAttribute('text', v[0]);
node.appendChild(option);
});
div.appendChild(node);
return div;
}else{
const node = new Element("oo-input");
if (!o2.isMediaMobile()){
const title = new Element("div.search-item-title");
title.textContent = filter.title;
div.append(title)
}
node.setAttribute('placeholder', filter.title);
div.appendChild(node);
div.appendChild(node);
return div;
}
}
}
if (filter.valueType==='org'){
const node = new Element("oo-selector");
node.store('filter', filter);
node.setAttribute('right-icon', "person");
node.setAttribute('data-select-types', filter.orgTypes.join(','));
if (!o2.isMediaMobile()){
const title = new Element("div.search-item-title");
title.textContent = filter.title;
div.append(title)
}
node.setAttribute('placeholder', filter.title);
div.appendChild(node);
return div;
}
const input = new Element("oo-input");
if (!o2.isMediaMobile()){
const title = new Element("div.search-item-title");
title.textContent = filter.title;
div.append(title)
}
input.setAttribute('placeholder', filter.title);
div.appendChild(input);
return div;
},
createSearchDatetimeNode: function(filter, mode){
const div = new Element("div.search-item");
if (!o2.isMediaMobile()){
const title = new Element("div.search-item-title");
title.textContent = filter.title;
div.append(title)
}
const dateTimeInputL = new Element("oo-datetime");
dateTimeInputL.setAttribute('placeholder', filter.title+this.lp.begin);
const toNode = new Element("div.search-item-flag");
toNode.textContent = '-';
const dateTimeInputU = new Element("oo-datetime");
dateTimeInputU.setAttribute('placeholder', filter.title+this.lp.end);
if (mode){
dateTimeInputL.setAttribute('mode', mode);
dateTimeInputU.setAttribute('mode', mode);
}
div.append(dateTimeInputL, toNode, dateTimeInputU)
return div;
},
createSearchNumberNode: function(filter){
const div = new Element("div.search-item");
if (!o2.isMediaMobile()){
const title = new Element("div.search-item-title");
title.textContent = filter.title;
div.append(title)
}
const numberL = new Element("oo-input");
const toNode = new Element("div.search-item-flag");
toNode.textContent = '-';
const numberU = new Element("oo-input");
numberL.setAttribute('type', "number");
numberU.setAttribute('type', "number");
numberL.setAttribute('placeholder', filter.title+this.lp.min);
numberU.setAttribute('placeholder', filter.title+this.lp.max);
div.append(numberL, toNode, numberU)
return div;
},
createSearchBooleanNode: function(filter){
const div = new Element("div.search-item");
const booleanSelect = new Element("oo-select");
booleanSelect.setAttribute('data-filter', '');
if (!o2.isMediaMobile()){
const title = new Element("div.search-item-title");
title.textContent = filter.title;
div.append(title)
// booleanSelect.setAttribute('label-style', "width: 6rem; min-width:4.3em; max-width:9em");
// booleanSelect.setAttribute('label', filter.title);
}
booleanSelect.setAttribute('placeholder', filter.title);
booleanSelect.innerHTML = `
<oo-option value="" text=""></oo-option>
<oo-option value="true" text="${this.lp.yes}"></oo-option>
<oo-option value="false" text="${this.lp.no}"></oo-option>
`;
div.appendChild(booleanSelect);
return div
},
createSearchInputNode: function(filter){
switch (filter.formatType) {
case "textValue":
return this.createSearchTextInputNode(filter);
case "dateTimeValue":
return this.createSearchDatetimeNode(filter);
case "dateValue":
return this.createSearchDatetimeNode(filter, 'date');
case "timeValue":
return this.createSearchDatetimeNode(filter, 'time');
case "numberValue":
return this.createSearchNumberNode(filter);
case "booleanValue":
return this.createSearchBooleanNode(filter);
default:
return this.createSearchTextInputNode(filter);
}
},
_filterData: function(data, value, comparison, logic='and'){
const filterData = value ? {
"logic": logic,
"path": data.path,
"title": data.title,
"comparison": comparison,
"comparisonTitle": '',
"value": value,
"formatType": (data.formatType=="datetimeValue") ? "dateTimeValue": data.formatType
} : null;
if (filterData) this.customFilterListData.push(filterData);
},
getFilterData: function(node){
const data = node.filterData;
if (data){
const path = data.path;
let comparison = '';
let value = '';
switch (data.formatType) {
case "textValue":
comparison = 'like';
if (data.valueType==='input' || data.valueType==='script'){
const input = node.querySelector("oo-input, oo-select");
value = input ? input.value : '';
}
if (data.valueType==='org'){
const org = node.querySelector("oo-selector");
value = org ? org.value.join(',') : '';
}
this._filterData(data, value, comparison);
break;
case "dateTimeValue":
case "dateValue":
case "timeValue":
case "numberValue":
const inputs = node.querySelectorAll("oo-datetime, oo-input");
const inputL = inputs[0];
const inputU = inputs[1];
if (inputL && inputL.value){
comparison = 'greaterThanOrEqualTo';
value = inputL.value;
this._filterData(data, value, comparison)
}
if (inputU && inputU.value){
comparison = 'lessThanOrEqualTo';
value = inputU.value;
this._filterData(data, value, comparison)
}
break;
case "booleanValue":
comparison = 'equals';
const select = node.querySelector("oo-select");
value = select ? select.value : '';
value = (value==='true') ? true : (value==='false' ? false : value);
this._filterData(data, value, comparison);
break;
}
}
return null;
},
loadFilterSearchNodeV10: function(){
this.viewSearchAreaNode = new Element("div.search-area").inject(this.searchAreaNode);
this.viewSearchFieldArea = new Element("div.page-content-search-fields").inject(this.viewSearchAreaNode);
this.viewSearchActionArea = new Element("div.page-content-search-actions").inject(this.viewSearchAreaNode);
const count = this.viewJson.customFilterList.length;
if (count<2){
this.viewSearchActionArea.addClass("field-count-1");
this.viewSearchFieldArea.addClass("field-count-1");
}
if (count===2){
this.viewSearchActionArea.addClass("field-count-2");
this.viewSearchFieldArea.addClass("field-count-2");
}
if (count===3){
this.viewSearchActionArea.addClass("field-count-3");
this.viewSearchFieldArea.addClass("field-count-3");
}
if (count===4){
this.viewSearchActionArea.addClass("field-count-4");
this.viewSearchFieldArea.addClass("field-count-4");
}
if (count>4){
this.viewSearchActionArea.addClass("field-count-5");
this.viewSearchFieldArea.addClass("field-count-5");
}
const size = this.viewSearchAreaNode.getSize();
if (size.x<1366){
this.viewSearchAreaNode.addClass("column-count-2");
}
if (size.x>=1366 && size.x<=1600){
this.viewSearchAreaNode.addClass("column-count-3");
}
if (size.x>1600){
this.viewSearchAreaNode.addClass("column-count-4");
}
this.viewJson.customFilterList.each(function(filter){
const node = this.createSearchInputNode(filter);
node.filterData = filter;
this.viewSearchFieldArea.insertAdjacentElement("beforeend", node);
}.bind(this));
this.viewSearchFieldArea.querySelectorAll("oo-selector").forEach( (node)=>{
node.addEventListener("click", (ev)=>{
const filter = node.retrieve('filter');
let opt = {};
if(filter?.orgOptionScript?.code){
opt = this.Macro.exec(filter.orgOptionScript.code, this) || {};
}
const types = ev.target.dataset.selectTypes.split(",");
const options = {
"title": "",
"values": ev.target.value,
"types": types,
"style": "v10",
"tabStyle": 'v10',
"count": 1,
"onComplete": function (items) {
if (items.length) {
ev.target.value = items.map(i => i.data.distinguishedName)
} else {
ev.target.value = '';
}
}.bind(this)
}
if (types.length > 1) {
options.types = types
}else{
options.type = types[0];
options.types = null;
}
Object.assign(options, opt);
MWF.xDesktop.requireApp("Selector", "package", ()=>{
new o2.O2Selector(this.app.content, options);
});
});
});
const buttonHtml = `
<oo-button class="button-ok" style="width: 6rem" text="查询" left-icon="search"></oo-button>
<oo-button class="button-cancel" type="cancel" text="重置" left-icon="process-cancel"></oo-button>
`;
this.viewSearchActionArea.insertAdjacentHTML("beforeend", buttonHtml);
const searchButton = this.viewSearchActionArea.querySelector("oo-button.button-ok");
const cancelButton = this.viewSearchActionArea.querySelector("oo-button.button-cancel");
searchButton.addEventListener("click", (ev)=>{
this.customFilterListData = [];
this.viewSearchAreaNode.querySelectorAll(".search-item").forEach( (node)=>{
this.getFilterData(node);
});
const filterData = this.json.filter ? this.json.filter.clone() : [];
const filter = [...filterData, ...this.customFilterListData];
this.currentPage = 1;
this.currentFilterData = {"filterList": filter};
this.createViewNode(this.currentFilterData, null, true);
if( o2.isMediaMobile() ){
this._hideFilterSearch(true);
}
});
cancelButton.addEventListener("click", (ev)=>{
this._cancelFilter();
if( o2.isMediaMobile() ){
this._hideFilterSearch(true);
}
});
this.viewSearchFilterItemAreaNode = new Element("div.search-item-area").inject(this.searchAreaNode, 'after');
},
_cancelFilter: function(){
this.viewSearchAreaNode.querySelectorAll("oo-input, oo-select, oo-datetime, oo-switch, oo-selector").forEach( (node)=>{
node.value = "";
});
this.customFilterListData = [];
this.currentPage = 1;
this.currentFilterData = {"filterList": this.json.filter ? this.json.filter.clone() : null};
this.createViewNode(this.currentFilterData, null, true);
},
loadFulltextSearch: function(){
if (this.skinJson && this.skinJson.filterSkin==='v10'){
this.loadFulltextSearchV10();
}else{
}
},
_fulltextSearch: function(){
if (this.fulltextSearchInput.value){
this.currentPage = 1;
this.currentFilterData = {"filterList": null, searchKey: this.fulltextSearchInput.value}
this.createViewNode(this.currentFilterData, null, true);
}else{
this.currentPage = 1;
this.currentFilterData = {"filterList": null, searchKey: ''}
this.createViewNode(this.currentFilterData, null, true);
}
},
loadFulltextSearchV10: function(){
if (this.viewJson.isFulltextSearch==='yes'){
this.viewFulltextSearchAreaNode = new Element("div.search-fulltext-area").inject(this.searchAreaNode, 'top');
this.fulltextSearchInput = new Element("oo-input");
// if (!o2.isMediaMobile()){
this.fulltextSearchInput.setAttribute('left-icon', 'search');
// }else{
// this.fulltextSearchInput.setAttribute('right-icon', 'search');
// }
this.fulltextSearchInput.setAttribute('placeholder', this.lp.searchNavPlaceholder);
this.fulltextSearchInput.setAttribute('type', 'search');
this.fulltextSearchInput.setAttribute('label-style', 'width: 6rem; min-width:4.3em; max-width:9em');
// if (!o2.isMediaMobile()) this.fulltextSearchInput.setAttribute('label', '搜索');
this.viewFulltextSearchAreaNode.appendChild(this.fulltextSearchInput);
this.fulltextSearchButton = new Element("oo-button");
this.fulltextSearchButton.setAttribute('type', 'default');
if (!o2.isMediaMobile()) this.fulltextSearchButton.setAttribute('left-icon', 'search');
this.fulltextSearchButton.setAttribute('text', '查询');
this.viewFulltextSearchAreaNode.appendChild(this.fulltextSearchButton);
this.fulltextSearchButton.addEventListener('click', ()=>{
this._fulltextSearch();
});
this.fulltextSearchInput.addEventListener('keydown', (e)=>{
if (e.keyCode===13){
this._fulltextSearch();
}
});
this.fulltextSearchInput.addEventListener('input', (e)=>{
if (!this.fulltextSearchInput.value){
this._fulltextSearch();
}
});
if (this.viewJson.customFilterList && this.viewJson.customFilterList.length){
var div = new Element('div.search-fulltext-more', {styles: {'font-size': '1.15rem'}});
this.moreSearchButton = new Element("oo-button");
this.moreSearchButton.setAttribute('type', (o2.isMediaMobile()) ? 'icon' : 'icon-light');
this.moreSearchButton.setAttribute('title', '更多筛选');
this.moreSearchButton.setAttribute('left-icon', o2.isMediaMobile() ? 'search' : 'jiekoupeizhi2');
div.appendChild(this.moreSearchButton);
this.viewFulltextSearchAreaNode.appendChild(div);
this.viewSearchAreaNode?.addClass('hide');
this.moreSearchButton.addEventListener('click', ()=>{
if (this.viewSearchAreaNode?.hasClass('hide')){
this._showFilterSearch();
}else{
this._hideFilterSearch();
}
})
}
}else if(o2.isMediaMobile()){
this.viewFulltextSearchAreaNode = new Element("div.search-fulltext-area").inject(this.searchAreaNode, 'top');
if (this.viewJson.customFilterList && this.viewJson.customFilterList.length){
var div = new Element('div.search-fulltext-more', {styles: {'font-size': '1.15rem'}});
this.moreSearchButton = new Element("oo-button");
this.moreSearchButton.setAttribute('type', (o2.isMediaMobile()) ? 'icon' : 'icon-light');
this.moreSearchButton.setAttribute('left-icon', 'search');
div.appendChild(this.moreSearchButton);
this.viewFulltextSearchAreaNode.appendChild(div);
this.viewSearchAreaNode?.addClass('hide');
this.moreSearchButton.addEventListener('click', ()=>{
if (this.viewSearchAreaNode?.hasClass('hide')){
this._showFilterSearch();
}else{
this._hideFilterSearch();
}
})
}
}
},
_showFilterSearch: function(ignoreAction){
this.moreSearchButton?.setAttribute('title', '全文检索');
this.fulltextSearchInput?.addClass('hide');
this.fulltextSearchButton?.addClass('hide');
this.viewSearchAreaNode?.removeClass('hide');
if( !o2.isMediaMobile() ){
this.moreSearchButton?.setAttribute('left-icon', 'arrow_back');
}
this.searchAreaNode.addClass('showFilter');
this.viewFulltextSearchAreaNode.addClass('showFilter');
this.viewSearchAreaNode.addClass('showFilter');
if (this.viewSearchActionArea.getStyle('display')==='grid'){
this.viewFulltextSearchAreaNode.addClass('column')
}
if(!ignoreAction)this._cancelFilter();
},
_hideFilterSearch: function( ignoreAction ){
this.moreSearchButton?.setAttribute('title', '更多筛选');
this.fulltextSearchInput?.removeClass('hide');
this.fulltextSearchButton?.removeClass('hide');
this.viewSearchAreaNode?.addClass('hide');
if( !o2.isMediaMobile() ) {
this.moreSearchButton?.setAttribute('left-icon', 'jiekoupeizhi2');
}
this.searchAreaNode.removeClass('showFilter');
this.viewFulltextSearchAreaNode.removeClass('showFilter');
this.viewSearchAreaNode.removeClass('showFilter');
this.viewFulltextSearchAreaNode.removeClass('column')
if(!ignoreAction)this._cancelFilter();
},
loadFilterSearch: function(){
// o2.JSON.get(`../x_component_query_ViewDesigner/$View/skin/styles_${this.viewJson.viewStyleType}.json`, {
// 'onSuccess': (json)=>{
// this.skinJson = json;
if (this.skinJson && this.skinJson.filterSkin==='v10'){
this.searchAreaNode.addClass('searchAreaNodeV10');
this.loadFilterSearchNodeV10();
}else{
this.loadFilterSearchNode();
}
if (this.options.resizeNode) {
this.setContentHeight();
}
// },
// 'onRequestFailure': ()=>{this.loadFilterSearchNode();},
// 'onError': ()=>{this.loadFilterSearchNode();},
// });
},
searchView: function(){
if (this.viewJson.customFilterList) {
var key = this.viewSearchInputNode.get("value");
if (key && key !== this.lp.searchKeywork) {
var filterData = [];
this.filterItems = [];
this.viewJson.customFilterList.each(function (entry) {
if (entry.formatType === "textValue") {
var d = {
"path": entry.path,
"value": key,
"formatType": entry.formatType,
"logic": "or",
"comparison": "like"
};
filterData.push(d);
this.filterItems.push({"data":d});
}
if (entry.formatType === "numberValue") {
var v = key.toFloat();
if (!isNaN(v)) {
var d = {
"path": entry.path,
"value": v,
"formatType": entry.formatType,
"logic": "or",
"comparison": "equals"
};
filterData.push(d);
this.filterItems.push({"data":d});
}
}
}.bind(this));
if( this.json.filter ){
this.json.filter.clone().each(function(f){
filterData.push(f);
})
}
this.currentPage = 1;
this.currentFilterData = {"filterList": filterData};
this.createViewNode(this.currentFilterData, null, true);
}else{
this.filterItems = [];
var filterData = this.json.filter ? this.json.filter.clone() : [];
this.currentPage = 1;
this.currentFilterData = {"filterList": filterData};
this.createViewNode( this.currentFilterData, null, true );
}
}
},
searchCustomView: function(){
if (this.filterItems.length){
var filterData = this.json.filter ? this.json.filter.clone() : [];
this.filterItems.each(function(filter){
filterData.push(filter.data);
}.bind(this));
this.currentFilterData = {"filterList": filterData};
this.createViewNode(this.currentFilterData, null, true);
}else{
this.currentFilterData = {"filterList": this.json.filter ? this.json.filter.clone() : null};
this.createViewNode(this.currentFilterData, null, true);
}
},
loadCustomSearch: function(){
if( this.lastFilterItems ){
this.filterItems = this.lastFilterItems;
}else{
this.filterItems = [];
}
this.viewSearchIconNode.setStyle("display", "none");
this.viewSearchInputBoxNode.setStyle("display", "none");
this.viewSearchCustomActionNode.setStyle("display", "none");
if (!this.searchMorph) this.searchMorph = new Fx.Morph(this.viewSearchInputAreaNode);
var x = this.viewSearchInputAreaNode.getParent().getSize().x-2-20;
this.css.viewFilterSearchInputAreaNode_custom.width = ""+x+"px";
var x1 = this.viewSearchInputAreaNode.getSize().x-2;
this.viewSearchInputAreaNode.setStyle("width", ""+x1+"px");
this.searchMorph.start(this.css.viewFilterSearchInputAreaNode_custom).chain(function(){
this.searchStatus = "custom";
this.css.viewFilterSearchInputAreaNode_custom.width = "auto";
this.viewSearchInputAreaNode.setStyle("width", "auto");
if (this.viewSearchCustomContentNode){
this.viewSearchCustomCloseActionNode.setStyle("display", "block");
this.viewSearchCustomContentNode.setStyle("display", "block");
}else{
this.loadCustomSearchContent();
}
if(this.setContentHeightFun)this.setContentHeightFun();
}.bind(this));
this.searchCustomView();
},
loadCustomSearchContent: function(){
this.viewSearchCustomCloseActionNode = new Element("div", {"styles": this.css.viewFilterSearchCustomCloseActionNode}).inject(this.viewSearchInputAreaNode);
this.viewSearchCustomContentNode = new Element("div", {"styles": this.css.viewFilterSearchCustomContentNode}).inject(this.viewSearchInputAreaNode);
this.viewSearchCustomPathContentNode = new Element("div", {"styles": this.css.viewFilterSearchCustomPathContentNode}).inject(this.viewSearchCustomContentNode);
this.viewSearchCustomComparisonContentNode = new Element("div", {"styles": this.css.viewFilterSearchCustomComparisonContentNode}).inject(this.viewSearchCustomContentNode);
this.viewSearchCustomValueContentNode = new Element("div", {"styles": this.css.viewFilterSearchCustomValueContentNode}).inject(this.viewSearchCustomContentNode);
this.viewSearchCustomAddContentNode = new Element("div", {"styles": this.css.viewFilterSearchCustomAddContentNode}).inject(this.viewSearchCustomContentNode);
this.viewSearchCustomAddIconNode = new Element("div", {"styles": this.css.viewFilterSearchCustomAddIconNode}).inject(this.viewSearchCustomAddContentNode);
this.viewSearchCustomFilterContentNode = new Element("div", {"styles": this.css.viewFilterSearchCustomFilterContentNode}).inject(this.viewSearchCustomContentNode);
this.loadViewSearchCustomList();
this.viewSearchCustomCloseActionNode.addEvents({
"click": function(){this.closeCustomSearch();}.bind(this)
});
this.viewSearchCustomAddIconNode.addEvents({
"click": function(){this.viewSearchCustomAddToFilter();}.bind(this)
});
},
loadViewSearchCustomList: function(){
this.viewSearchCustomPathListNode = new Element("select", {
"styles": this.css.viewFilterSearchCustomPathListNode,
"multiple": true
}).inject(this.viewSearchCustomPathContentNode);
this.viewSearchCustomComparisonListNode = new Element("select", {
"styles": this.css.viewFilterSearchCustomComparisonListNode,
"multiple": true
}).inject(this.viewSearchCustomComparisonContentNode);
this.viewJson.customFilterList.each(function(entry){
var option = new Element("option", {
"style": this.css.viewFilterSearchOptionNode,
"value": entry.path,
"text": entry.title
}).inject(this.viewSearchCustomPathListNode);
option.store("entry", entry);
}.bind(this));
this.viewSearchCustomPathListNode.addEvent("change", function(){
this.loadViewSearchCustomComparisonList();
}.bind(this));
},
loadViewSearchCustomComparisonList: function(){
var idx = this.viewSearchCustomPathListNode.selectedIndex;
var option = this.viewSearchCustomPathListNode.options[idx];
var entry = option.retrieve("entry");
if (entry){
var selectableList = this.getCustomSelectScriptResult(entry);
switch (entry.formatType){
case "numberValue":
this.loadComparisonSelect(this.lp.numberFilter);
if( selectableList.length > 0 ){
this.loadViewSerchCustomSelectByScript(selectableList)
}else{
this.loadViewSearchCustomValueNumberInput();
}
break;
case "dateTimeValue":
this.loadComparisonSelect(this.lp.dateTimeFilter);
if( selectableList.length > 0 ){
this.loadViewSerchCustomSelectByScript(selectableList)
}else {
this.loadViewSearchCustomValueDateTimeInput();
}
break;
case "dateValue":
this.loadComparisonSelect(this.lp.dateFilter);
if( selectableList.length > 0 ){
this.loadViewSerchCustomSelectByScript(selectableList)
}else {
this.loadViewSearchCustomValueDateInput();
}
break;
case "timeValue":
this.loadComparisonSelect(this.lp.dateTimeFilter);
if( selectableList.length > 0 ){
this.loadViewSerchCustomSelectByScript(selectableList)
}else {
this.loadViewSearchCustomValueTimeInput();
}
break;
case "booleanValue":
this.loadComparisonSelect(this.lp.booleanFilter);
if( selectableList.length > 0 ){
this.loadViewSerchCustomSelectByScript(selectableList)
}else {
this.loadViewSearchCustomValueBooleanInput();
}
break;
default:
this.loadComparisonSelect(this.lp.textFilter);
if( selectableList.length > 0 ){
this.loadViewSerchCustomSelectByScript(selectableList)
}else {
this.loadViewSearchCustomValueTextInput();
}
}
}
},
getCustomSelectScriptResult : function( entry ){
var scriptResult = [];
if( entry.valueType === "script" ){
if( entry.valueScript && entry.valueScript.code ){
var result = this.Macro.exec(entry.valueScript.code, this);
var array = typeOf( result ) === "array" ? result : [result];
for( var i=0; i<array.length; i++ ){
if( array[i].indexOf( "|" ) > -1 ){
var arr = array[i].split("|");
scriptResult.push({ "text" : arr[0], "value" : arr[1] })
}else{
scriptResult.push({ "text" : array[i], "value" : array[i] })
}
}
}
}
return scriptResult;
},
loadViewSerchCustomSelectByScript: function( array ){
this.viewSearchCustomValueContentNode.empty();
this.viewSearchCustomValueNode = new Element("select", {
"styles": this.css.viewFilterSearchCustomComparisonListNode,
"multiple": true
}).inject(this.viewSearchCustomValueContentNode);
array.each(function( v ){
var option = new Element("option", {
"style": this.css.viewFilterSearchOptionNode,
"value": v.value,
"text": v.text,
"selected" : array.length === 1
}).inject(this.viewSearchCustomValueNode);
}.bind(this));
},
loadViewSearchCustomValueNumberInput: function(){
this.viewSearchCustomValueContentNode.empty();
this.viewSearchCustomValueNode = new Element("input", {
"styles": this.css.viewFilterSearchCustomValueNode,
"type": "number"
}).inject(this.viewSearchCustomValueContentNode);
},
loadViewSearchCustomValueDateTimeInput: function(){
this.viewSearchCustomValueContentNode.empty();
this.viewSearchCustomValueNode = new Element("input", {
"styles": this.css.viewFilterSearchCustomValueNode,
"type": "text",
"readonly": true
}).inject(this.viewSearchCustomValueContentNode);
MWF.require("MWF.widget.Calendar", function(){
this.calendar = new MWF.widget.Calendar(this.viewSearchCustomValueNode, {
"style": "xform",
"isTime": true,
"secondEnable" : true,
"target": this.app ? this.app.content : this.container,
"format": "db"
});
}.bind(this));
},
loadViewSearchCustomValueDateInput: function(){
this.viewSearchCustomValueContentNode.empty();
this.viewSearchCustomValueNode = new Element("input", {
"styles": this.css.viewFilterSearchCustomValueNode,
"type": "text",
"readonly": true
}).inject(this.viewSearchCustomValueContentNode);
MWF.require("MWF.widget.Calendar", function(){
this.calendar = new MWF.widget.Calendar(this.viewSearchCustomValueNode, {
"style": "xform",
"isTime": false,
"target": this.app ? this.app.content : this.container,
"format": "%Y-%m-%d"
});
}.bind(this));
},
loadViewSearchCustomValueTimeInput: function(){
this.viewSearchCustomValueContentNode.empty();
this.viewSearchCustomValueNode = new Element("input", {
"styles": this.css.viewFilterSearchCustomValueNode,
"type": "text",
"readonly": true
}).inject(this.viewSearchCustomValueContentNode);
MWF.require("MWF.widget.Calendar", function(){
this.calendar = new MWF.widget.Calendar(this.viewSearchCustomValueNode, {
"style": "xform",
"timeOnly": true,
"target": this.app ? this.app.content : this.container,
"format": "%H:%M:%S"
});
}.bind(this));
},
loadViewSearchCustomValueBooleanInput: function(){
this.viewSearchCustomValueContentNode.empty();
this.viewSearchCustomValueNode = new Element("select", {
"styles": this.css.viewFilterSearchCustomValueSelectNode,
"multiple": true
}).inject(this.viewSearchCustomValueContentNode);
new Element("option", {"value": "true","text": this.lp.yes}).inject(this.viewSearchCustomValueNode);
new Element("option", {"value": "false","text": this.lp.no}).inject(this.viewSearchCustomValueNode);
},
loadViewSearchCustomValueTextInput: function(){
this.viewSearchCustomValueContentNode.empty();
this.viewSearchCustomValueNode = new Element("textarea", {
"styles": this.css.viewFilterSearchCustomValueNode
}).inject(this.viewSearchCustomValueContentNode);
},
loadComparisonSelect:function(obj){
this.viewSearchCustomComparisonListNode.empty();
Object.each(obj, function(v, k){
var option = new Element("option", {"value": k,"text": v}).inject(this.viewSearchCustomComparisonListNode);
}.bind(this));
},
closeCustomSearch: function(){
if (this.viewSearchCustomContentNode && this.viewSearchCustomContentNode.getStyle("display")==="block"){
this.viewSearchCustomCloseActionNode.setStyle("display", "none");
this.viewSearchCustomContentNode.setStyle("display", "none");
var x = this.viewSearchInputAreaNode.getParent().getSize().x;
x1 = x-2-10-90;
this.css.viewFilterSearchInputAreaNode.width = ""+x1+"px";
var x1 = this.viewSearchInputAreaNode.getSize().x-2;
this.viewSearchInputAreaNode.setStyle("width", ""+x1+"px");
if (!this.searchMorph) this.searchMorph = new Fx.Morph(this.viewSearchInputAreaNode);
this.searchMorph.start(this.css.viewFilterSearchInputAreaNode).chain(function(){
this.searchStatus = "default";
this.css.viewFilterSearchInputAreaNode.width = "auto";
this.viewSearchInputAreaNode.setStyle("margin-right", "90px");
this.viewSearchIconNode.setStyle("display", "block");
this.viewSearchInputBoxNode.setStyle("display", "block");
this.viewSearchCustomActionNode.setStyle("display", "block");
if(this.setContentHeightFun)this.setContentHeightFun();
}.bind(this));
this.lastFilterItems = this.filterItems;
this.currentFilterData = {"filterList": this.json.filter ? this.json.filter.clone() : null}
this.createViewNode(this.currentFilterData, null, true);
}
},
viewSearchCustomAddToFilter: function(){
var pathIdx = this.viewSearchCustomPathListNode.selectedIndex;
var comparisonIdx = this.viewSearchCustomComparisonListNode.selectedIndex;
if (pathIdx===-1){
MWF.xDesktop.notice("error", {"x": "left", "y": "top"}, this.lp.filterErrorTitle, this.viewSearchCustomPathListNode, {"x": 0, "y": 85});
return false;
}
if (comparisonIdx===-1){
MWF.xDesktop.notice("error", {"x": "left", "y": "top"}, this.lp.filterErrorComparison, this.viewSearchCustomComparisonListNode, {"x": 0, "y": 85});
return false;
}
var pathOption = this.viewSearchCustomPathListNode.options[pathIdx];
var entry = pathOption.retrieve("entry");
if (entry){
var pathTitle = entry.title;
var path = entry.path;
var comparison = this.viewSearchCustomComparisonListNode.options[comparisonIdx].get("value");
var comparisonTitle = this.viewSearchCustomComparisonListNode.options[comparisonIdx].get("text");
var value = "";
if( entry.valueType === "script" && entry.valueScript && entry.valueScript.code ){
var idx = this.viewSearchCustomValueNode.selectedIndex;
if (idx!==-1){
var v = this.viewSearchCustomValueNode.options[idx].get("value");
value = entry.formatType === "booleanValue" ? (v==="true") : v;
}
}else{
switch (entry.formatType){
case "numberValue":
value = this.viewSearchCustomValueNode.get("value");
break;
case "dateTimeValue":
value = this.viewSearchCustomValueNode.get("value");
break;
case "booleanValue":
var idx = this.viewSearchCustomValueNode.selectedIndex;
if (idx!==-1){
var v = this.viewSearchCustomValueNode.options[idx].get("value");
value = (v==="true");
}
break;
default:
value = this.viewSearchCustomValueNode.get("value");
}
}
if (value===""){
MWF.xDesktop.notice("error", {"x": "left", "y": "top"}, this.lp.filterErrorValue, this.viewSearchCustomValueContentNode, {"x": 0, "y": 85});
return false;
}
this.filterItems.push(new MWF.xApplication.query.Query.Viewer.Filter(this, {
"logic": "and",
"path": path,
"title": pathTitle,
"comparison": comparison,
"comparisonTitle": comparisonTitle,
"value": value,
"formatType": (entry.formatType=="datetimeValue") ? "dateTimeValue": entry.formatType
}, this.viewSearchCustomFilterContentNode));
this.searchCustomView();
}
},
searchViewRemoveFilter: function(filter){
this.filterItems.erase(filter);
filter.destroy();
this.searchCustomView()
},
//搜索相关结束
//api 使用 开始
/**
* @summary 如果当前视图是嵌入在表单或者页面中，使用该方法获取表单或页面的上下文。
* @see {@link module:queryView.getParentEnvironment|详情查看 this.queryViewer.getParentEnvironment}
* @return {Object}
* @example
* this.target.getParentEnvironment();
*/
getParentEnvironment : function(){
return this.parentMacro ? this.parentMacro.environment : null;
},
/**
* @summary 获取视图的配置信息。
* @see {@link module:queryView.getViewInfor|详情查看 this.queryViewer.getViewInfor}
* @return {Object}
* @example
* this.target.getViewInfor();
*/
getViewInfor : function(){
return this.json;
},
/**
* @summary 获取视图当前页的基本信息。
* @see {@link module:queryView.getPageInfor|详情查看 this.queryViewer.getPageInfor}
* @return {Object}
* @example
* this.target.getPageInfor();
*/
getPageInfor : function(){
return {
pages : this.pages,
perPageCount : this.options.perPageCount,
currentPageNumber : this.currentPage
};
},
/**
* @summary 获取当前页的数据。
* @see {@link module:queryView.getPageData|详情查看 this.queryViewer.getPageData}
* @return {Object}
* @example
* this.target.getPageData();
*/
getPageData : function () {
return this.gridJson;
},
/**
* @summary 跳转到指定的页面。
* @see {@link module:queryView.toPage|详情查看 this.queryViewer.toPage}
* @param {Number} pageNumber 需要跳转的页码
* @param {Function} callback 跳转的页面数据加载完成以后的回调方法。
* @example
* // 跳转到第2页并且获取该页的数据。
* this.target.toPage( 2, function(){
* var data = this.target.getPageData();
* }.bind(this) )
*/
toPage : function( pageNumber, callback ){
this.currentPage = pageNumber;
this.loadCurrentPageData( callback );
},
/**
* 获取选中的条目的数据。
* @method getSelectedData
* @see {@link module:queryView.getSelectedData|详情查看 this.queryViewer.getSelectedData}
* @memberOf module:queryView
* @static
* @return {Object[]} 选中的条目的数据。
* <div>格式如下：</div>
* <pre><code class='language-js'>
* [
{
"bundle": "099ed3c9-dfbc-4094-a8b7-5bfd6c5f7070", //cms 的 documentId, process 的 jobId
"data": { //视图中配置的数据
"title": "考勤管理-配置-统计周期设置", //列名称及列值
"time": "2018-08-25 11:29:45"
}
},
...
* ]
</code></pre>
* @o2syntax
* var data = this.target.getSelectedData();
*/
getSelectedData : function(){
return this.getData();
},
getSelectAllStatus : function(){
if( this.getSelectFlag()!=="multi")return;
if( !this.items.length )return "none";
var allFlag = true, noneFlag = true;
for( var i=0; i<this.items.length; i++ ){
var item = this.items[i];
if( item.clazzType === "item" ){
if( item.data.$selectedEnable ){
item.isSelected ? ( noneFlag = false ) : (allFlag = false);
}
}else{
if( item.data.$selectedEnable ) {
var f = item.getSelectAllStatus();
if (f === "none") {
allFlag = false;
} else if (f === "all") {
noneFlag = false;
} else if (f === "some") {
allFlag = false;
noneFlag = false;
}
}
}
if( !allFlag && !noneFlag )return "some"
}
if( noneFlag )return "none";
if( allFlag )return "all";
return "some";
},
checkSelectAllStatus : function(){
if(!this.selectAllNode)return;
var status = this.getSelectAllStatus();
if( status === "all" ){
this.setSelectAllStyle()
}else{
this.setUnSelectAllStyle()
}
},
setSelectAllStyle : function () {
if(!this.selectAllNode)return;
var viewStyles = this.viewJson.viewStyles;
if( viewStyles && viewStyles["checkedCheckboxNode"] ){
this.selectAllNode.setStyles( viewStyles["checkedCheckboxNode"] );
if( viewStyles["checkedCheckboxNode"].className ){
this.selectAllNode.addClass(viewStyles["checkedCheckboxNode"].className);
}
if( viewStyles["checkboxNode"] && viewStyles["checkboxNode"].className ){
this.selectAllNode.removeClass(viewStyles["checkboxNode"].className);
}
}else {
this.selectAllNode.getElement("img").set("src",
'../x_component_query_Query/$Viewer/" + this.options.style + "/icon/checkbox_checked.png' )
}
},
setUnSelectAllStyle : function () {
if(!this.selectAllNode)return;
var viewStyles = this.viewJson.viewStyles;
if( viewStyles && viewStyles["checkboxNode"] ){
if (viewStyles["checkboxNode"].className){
this.selectAllNode.addClass(viewStyles["checkboxNode"].className);
}
if( viewStyles["checkedCheckboxNode"].className ){
this.selectAllNode.removeClass(viewStyles["checkedCheckboxNode"].className);
}
this.selectAllNode.setStyles( this.viewJson.viewStyles["checkboxNode"] );
}else {
this.selectAllNode.getElement("img").set("src",
'../x_component_query_Query/$Viewer/" + this.options.style + "/icon/checkbox.png' )
}
},
clearSelectAllStyle : function(){
if(!this.selectAllNode)return;
var viewStyles = this.viewJson.viewStyles;
var viewTitleCellNode = (viewStyles && viewStyles["titleTd"]) ? viewStyles["titleTd"] : this.css.viewTitleCellNode;
if( !viewTitleCellNode["background"] || !viewTitleCellNode["background-image"] || !viewTitleCellNode["background-color"] ){
viewTitleCellNode["background"] = "inherit";
}
this.selectAllNode.setStyles( viewTitleCellNode );
var img = this.selectAllNode.getElement("img");
if( img )img.set("src", '../x_component_query_Query/$Viewer/" + this.options.style + "/icon/blank.png')
},
selectAll : function(){
// var flag = this.json.select || this.viewJson.select || "none";
if ( this.getSelectFlag()==="multi"){
this.items.each( function (item) {
if( item.data.$selectedEnable ){
if( item.clazzType === "item" ){
item.selected("view");
}else{
item.selectAll("view");
}
}
})
if( this.viewJson.allowSelectAll ) {
this.setSelectAllStyle();
}
}
},
unSelectAll : function(){
// var flag = this.json.select || this.viewJson.select || "none";
if ( this.getSelectFlag()==="multi"){
this.items.each( function (item) {
if( item.data.$selectedEnable ) {
if (item.clazzType === "item") {
item.unSelected("view");
} else {
item.unSelectAll("view");
}
}
})
if( this.viewJson.allowSelectAll ) {
this.setUnSelectAllStyle();
}
}
},
getExpandAllStatus: function(){
if( !this.items.length )return "none";
var allFlag = true, noneFlag = true;
for( var i=0; i<this.items.length; i++ ){
var item = this.items[i];
item.expanded ? ( noneFlag = false ) : (allFlag = false);
if( !allFlag && !noneFlag )return "some"
}
if( allFlag )return "all";
if( noneFlag )return "none";
return "some";
},
checkExpandAllStatus: function(){
if(!this.expandAllNode)return;
var status = this.getExpandAllStatus();
if( status === "all" ){
this.setExpandAllStyle()
}else{
this.setCollapseAllStyle()
}
},
setExpandAllStyle: function(){
if(!this.expandAllNode)return;
if( this.viewJson.viewStyles && this.viewJson.viewStyles["groupExpandNode"] ){
this.expandAllNode.setStyles( this.viewJson.viewStyles["groupExpandNode"] );
}else{
this.expandAllNode.set("html", "<img src='../x_component_query_Query/$Viewer/"+this.options.style+"/icon/expand.png'/>");
}
},
setCollapseAllStyle : function(){
if(!this.expandAllNode)return;
if( this.viewJson.viewStyles && this.viewJson.viewStyles["groupCollapseNode"] ){
this.expandAllNode.setStyles( this.viewJson.viewStyles["groupCollapseNode"] );
}else{
this.expandAllNode.set("html", "<img src='../x_component_query_Query/$Viewer/"+this.options.style+"/icon/down.png'/>");
}
},
expandAll: function(){
this.items.each(function(item, i){
window.setTimeout(function(){
item.expand( "view" );
}.bind(this), 10*i+5);
}.bind(this));
this.setExpandAllStyle();
},
collapseAll: function(){
this.items.each(function(item){
item.collapse( "view" );
}.bind(this));
this.setCollapseAllStyle();
},
expandOrCollapseAll: function(){
this.getExpandAllStatus() === "all" ? this.collapseAll() : this.expandAll();
// if( this.viewJson.viewStyles && this.viewJson.viewStyles["groupCollapseNode"] ){
// var span = this.expandAllNode; //this.selectTitleCell.getElement("span");
// if( this.isAllExpanded ){
// this.items.each(function(item){
// item.collapse();
// span.setStyles( this.viewJson.viewStyles["groupCollapseNode"] );
// }.bind(this));
// this.isAllExpanded = false;
// }else{
// this.items.each(function(item, i){
// window.setTimeout(function(){
// item.expand();
// }.bind(this), 10*i+5);
//
// span.setStyles( this.viewJson.viewStyles["groupExpandNode"] );
// this.isAllExpanded = true;
// }.bind(this));
// }
// }else{
// var icon = this.expandAllNode; //this.selectTitleCell.getElement("span");
// if (icon.get("html").indexOf("expand.png")===-1){
// this.items.each(function(item){
// item.collapse();
// icon.set("html", "<img src='../x_component_query_Query/$Viewer/"+this.options.style+"/icon/expand.png'/>");
// }.bind(this));
// this.isAllExpanded = false;
// }else{
// this.items.each(function(item, i){
// window.setTimeout(function(){
// item.expand();
// }.bind(this), 10*i+5);
//
// icon.set("html", "<img src='../x_component_query_Query/$Viewer/"+this.options.style+"/icon/down.png'/>");
// }.bind(this));
// this.isAllExpanded = true;
// }
// }
},
/**
* @summary 设置视图的过滤条件，该方法不能修改视图中默认的过滤条件（在开发视图的时候添加的过滤条件），而是在这上面新增。
* @see {@link module:queryView.setFilter|详情查看 this.queryViewer.setFilter}
* @param {(ViewFilter[]|ViewFilter|Null)} [filter] 过滤条件
* @param {Function} [callback] 过滤完成并重新加载数据后的回调方法。
* @param {Boolean} [keepSelected] 可选,是否保留选择结果
*/
setFilter : function( filter, callback, keepSelected ){
if( this.lookuping || this.pageloading )return;
if( !filter )filter = [];
if( typeOf( filter ) === "object" )filter = [ filter ];
this.json.filter = filter;
if( this.viewAreaNode ){
this.currentFilterData = {"filterList": this.json.filter ? this.json.filter.clone() : null};
this.currentPage = 1;
this.createViewNode(this.currentFilterData, callback, keepSelected);
}
},
/**
* @summary 把当前视图切换成另外一个视图。
* @see {@link module:queryView.switchView|详情查看 this.queryViewer.switchView}
* @param {(ViewFilter[]|ViewFilter|Null)} [filter] 过滤条件
* @param {Object} options 需要跳转的参数配置
*/
switchView : function( json ){
// json = {
// "application": application,
// "viewName": viewName,
// "isTitle": "yes",
// "select": "none",
// "titleStyles": titleStyles,
// "itemStyles": itemStyles,
// "isExpand": "no",
// "filter": filter
// }
this.node.setStyle("display", "");
if (this.loadingAreaNode) this.loadingAreaNode.setStyle("display", "block");
this.searchMorph = null;
this.viewSearchCustomContentNode = null;
this.paging = null;
this._removeModuleEvents();
this._removeDomEvents();
if( this.setContentHeightFun ){
this.container.removeEvent("resize", this.setContentHeightFun);
}
var newJson = Object.merge( Object.clone(this.originalJson), json );
this.container.empty();
this.initialize( this.container, newJson, Object.clone(this.options), this.app, this.parentMacro);
},
confirm: function (type, e, title, text, width, height, ok, cancel, callback, mask, style) {
this.app.confirm(type, e, title, text, width, height, ok, cancel, callback, mask, style)
},
alert: function (type, title, text, width, height) {
this.app.alert(type, "center", title, text, width, height);
},
notice: function (content, type, target, where, offset, option) {
this.app.notice(content, type, target, where, offset, option)
},
dialog: function( options ){
if( !options )options = {};
var opts = {
"style" : options.style || "user",
"title": options.title || "",
"width": options.width || 300,
"height" : options.height || 150,
"isMax": o2.typeOf( options.isMax ) === "boolean" ? options.isMax : false,
"isClose": o2.typeOf( options.isClose ) === "boolean" ? options.isClose : true,
"isResize": o2.typeOf( options.isResize ) === "boolean" ? options.isResize : true,
"isMove": o2.typeOf( options.isMove ) === "boolean" ? options.isMove : true,
"isTitle": o2.typeOf( options.isTitle ) === "boolean" ? options.isTitle : true,
"offset": options.offset || null,
"mask": o2.typeOf( options.mask ) === "boolean" ? options.mask : true,
"container": options.container || ( layout.mobile ? $(document.body) : this.app.content ),
"duration": options.duration || 200,
"lp": options.lp || null,
"zindex": ( options.zindex || 100 ).toInt(),
"buttonList": options.buttonList || [
{
"type": "ok",
"text": MWF.LP.process.button.ok,
"action": function(){
if(options.ok){
var flag = options.ok.call( this );
if( flag === true || o2.typeOf(flag) === "null" )this.close();
}else{
this.close();
}
}
},
{
"type": "cancel",
"text": MWF.LP.process.button.cancel,
"action": function(){
if(options.close){
var flag = options.close.call(this);
if( flag === true || o2.typeOf(flag) === "null" )this.close();
}else{
this.close();
}
}
}
]
};
var positionNode;
if( options.content ) {
opts.content = options.content;
var parent = opts.content.getParent();
if(parent)positionNode = new Element("div", {style:"display:none;"}).inject( opts.content, "before" );
}
opts.onQueryClose = function(){
if( positionNode && opts.content ){
opts.content.inject( positionNode, "after" );
positionNode.destroy();
}
if( o2.typeOf(options.onQueryClose) === "function" )options.onQueryClose.call( this );
}
for( var key in options ){
if( !opts.hasOwnProperty( key ) ){
opts[key] = options[key];
}
}
var dialog;
MWF.require("MWF.xDesktop.Dialog", function(){
dialog = o2.DL.open(opts)
}, null, false);
return dialog;
},
//api 使用 结束
loadObserver: function(){
if( this.io ){
this.io.disconnect();
this.io = null;
}
if( !this.options.lazy )return;
if (typeof window !== 'undefined' && window.IntersectionObserver) {
this.io = new IntersectionObserver( function (entries, observer) {
entries.forEach(function (entry) {
if (entry.intersectionRatio > 0 || entry.isIntersecting) {
var item = entry.target.retrieve("item");
if( item && !item.loading && !item.loaded){ //已经加载完成
item.active();
}
observer.unobserve(entry.target);
}
})
}, {
root: this.contentAreaNode,
rootMargin: "10px 0px 0px 0px"
});
}
},
loadIOResource: function (callback) {
if( !this.options.lazy ){
callback();
return;
}
var observerPath = "../o2_lib/IntersectionObserver/intersection-observer.min.js";
var observerPath_ie11 = "../o2_lib/IntersectionObserver/polyfill_ie11.min.js";
if( window.IntersectionObserver && window.MutationObserver) {
if(callback)callback();
}else if( !!window.MSInputMethodContext && !!document.documentMode ){ //ie11
o2.load(observerPath_ie11, function () { callback(); }.bind(this));
}else{
o2.load([observerPath, observerPath_ie11], function () { callback(); }.bind(this));
}
},
createExportNode: function(){
if (this.options.export){
MWF.require("MWF.widget.Toolbar", function(){
this.toolbar = new MWF.widget.Toolbar(this.actionbarAreaNode, {"style": "simple"}, this); //this.exportAreaNode
var actionNode = new Element("div", {
"id": "",
"MWFnodetype": "MWFToolBarButton",
"MWFButtonImage": this.path+""+this.options.style+"/icon/export.png",
"title": this.lp.exportExcel,
"MWFButtonAction": "exportView",
"MWFButtonText": this.lp.exportExcel
}).inject(this.actionbarAreaNode); //this.exportAreaNode
this.toolbar.load();
}.bind(this));
//this.exportNode = new Element("button", {"text": this.lp.exportExcel}).inject(this.exportAreaNode);
}
},
exportView: function(){
const exporter = new MWF.xApplication.query.Query.Viewer.Exporter({
viewId: this.viewJson.exportView?.id || this.json.id,
filterList: this.currentFilterData?.filterList || [],
searchKey: this.currentFilterData?.searchKey || '',
allowSelectColumn: this.viewJson.allowSelectColumn,
exportType: this.viewJson.exportType || 'both'
}, this)
exporter.exportView();
},
_exportViewAll: function (filename, dlg){
MWF.require("MWF.widget.Mask", null, false);
var mask = new MWF.widget.Mask({"style": "desktop", "loading": true});
mask.loadNode(dlg.node);
var action = MWF.Actions.get("x_query_assemble_surface");
var filterData = this.json.filter ? this.json.filter.clone() : [];
if (this.filterItems.length){
this.filterItems.each(function(filter){
filterData.push(filter.data);
}.bind(this));
}
if(this.customFilterListData?.length){
this.customFilterListData.each(function(filter){
filterData.push(filter);
}.bind(this));
}
var data = {"filterList": filterData};
data.excelName = filename || this.json.name;
action.exportViewWithQuery(this.json.viewName, this.json.application, data, function(json){
var uri = action.action.actions.getViewExcel.uri;
uri = uri.replace("{flag}", json.data.id);
uri = o2.filterUrl( action.action.address+uri );
// var a = new Element("a", {"href": uri, "target":"_blank"});
// a.click();
// a.destroy();
MWF.ExcelUtilsV2.openDownloadDialog(uri, data.excelName, function (){
mask.hide()
if(dlg)dlg.close();
})
}.bind(this));
},
_exportViewBg: function(start, end, filename){
var bundleList = this.bundleItems.slice(start-1, end);
var excelName = filename || (this.json.name + "(" + start + "-" + end + ").xlsx");
var action = MWF.Actions.get("x_query_assemble_surface");
var filterData = this.json.filter ? this.json.filter.clone() : [];
if (this.filterItems.length){
this.filterItems.each(function(filter){
filterData.push(filter.data);
}.bind(this));
}
var data = {"filterList": filterData};
if( bundleList )data.bundleList = bundleList;
if( excelName )data.excelName = excelName;
data.key = this.bundleKey;
action.exportViewWithQuery(this.json.viewName, this.json.application, data, function(json){
var uri = action.action.actions.getViewExcel.uri;
uri = uri.replace("{flag}", json.data.id);
uri = o2.filterUrl( action.action.address+uri );
var a = new Element("a", {"href": uri, "target":"_blank"});
a.click();
a.destroy();
}.bind(this));
}
});
/** @classdesc ViewerItem 数据中心的视图条目。本章节的脚本上下文请看<b>{@link module:queryView|queryView}。</b>
* @class
* @o2cn 视图条目（行）
* @o2category QueryView
* @o2range {QueryView}
* @hideconstructor
* @example
* //在视图中获取行
* var item = this.target.items[0];
*/
MWF.xApplication.query.Query.Viewer.Item = new Class(
/** @lends MWF.xApplication.query.Query.Viewer.Item# */
{
initialize: function(view, data, prev, i, category, lazy){
/**
* 加载对应列的每个单元格后触发。可通过this.target获取以下对象：
* <pre><code class='language-js'>{
* "json ": {}, //当前行配置
* "data": "", //当前单元格数据，可能是字符串、数组、布尔值。
* "node": td, //当前单元格
* "view": view, //当前视图对象
* "row": {} //当前行的平台类对象
* }</code></pre>
* @event MWF.xApplication.query.Query.Viewer.Item#loadContent
*/
/**
* 加载对应列的每个单元格后触发。可通过this.target获取以下对象：
* <pre><code class='language-js'>{
* "json ": {}, //当前行配置
* "data": "", //当前单元格数据，可能是字符串、数组、布尔值。
* "node": td, //当前单元格
* "view": view, //当前视图对象
* "row": {} //当前行的平台类对象
* }</code></pre>
* @event MWF.xApplication.query.Query.Viewer.Item#click
*/
/**
* @summary 行所属视图.
* @member {Object}
*/
this.view = view;
/**
* @summary 行数据.
* @member {Object}
*/
this.data = data;
this.css = this.view.css;
/**
* @summary 行是否被选中.
* @member {Boolean}
*/
this.isSelected = false;
/**
* @summary 如果视图有分类，获取分类对象。
* @member {Object}
*/
this.category = category;
this.prev = prev;
this.idx = i;
this.clazzType = "item";
this.lazy = lazy;
this.odd = this.view.items.length % 2 === 1;
this.load();
},
load: function(){
if( this.lazy && this.view.io ){
this.view.fireEvent("queryLoadItemRow", [this]);
this.loadNode();
this.view.io.observe( this.node );
}else{
this._load();
}
},
active: function(){
if( !this.loaded && !this.loading ){
this._load();
}
},
loadNode: function(){
var viewStyles = this.view.viewJson.viewStyles;
var trStyle = ( viewStyles && viewStyles["contentTr"] ) ? viewStyles["contentTr"] : this.css.viewContentTrNode;
this.node = new Element("tr", {
"styles": trStyle
});
if (this.prev){
this.node.inject(this.prev.node, "after");
}else{
this.node.inject(this.view.viewTable);
}
this.node.store("item", this);
if( this.lazy && this.view.io ) {
var viewContentTdNode = ( viewStyles && viewStyles["contentTd"] ) ? viewStyles["contentTd"] : this.css.viewContentTdNode;
this.placeholderTd = new Element("td", {
"styles": viewContentTdNode
}).inject(this.node)
}
},
_load: function(){
this.loading = true;
if(!this.node)this.view.fireEvent("queryLoadItemRow", [this]);
var viewStyles = this.view.viewJson.viewStyles;
var viewContentTdNode = ( viewStyles && viewStyles["contentTd"] ) ? viewStyles["contentTd"] : this.css.viewContentTdNode;
if( this.odd ){
viewContentTdNode = ( viewStyles && viewStyles["zebraContentTd"] && Object.keys(viewStyles["zebraContentTd"].length > 0)) ? viewStyles["zebraContentTd"] : viewContentTdNode;
}
if(!this.node)this.loadNode();
//if (this.view.json.select==="single" || this.view.json.select==="multi"){
this.selectTd = new Element("td", { "styles": viewContentTdNode }).inject(this.node);
this.selectTd.setStyles({"cursor": "pointer"});
this.selectTd.setStyles(this.css.viewSelectTdNode);
if (this.view.json.itemStyles) this.selectTd.setStyles(this.view.json.itemStyles);
//var selectFlag = this.view.json.select || this.view.viewJson.select || "none";
var selectFlag = this.view.getSelectFlag();
if ( this.data.$selectedEnable && ["multi","single"].contains(selectFlag) && this.view.viewJson.selectBoxShow==="always") {
var viewStyles = this.view.viewJson.viewStyles;
if (viewStyles) {
if (selectFlag === "single") {
if (viewStyles["radioNode"] && viewStyles["radioNode"].className){
this.selectTd.addClass(viewStyles["radioNode"].className);
}
this.selectTd.setStyles(viewStyles["radioNode"]);
} else {
if (viewStyles["checkboxNode"] && viewStyles["checkboxNode"].className){
this.selectTd.addClass(viewStyles["checkboxNode"].className);
}
this.selectTd.setStyles(viewStyles["checkboxNode"]);
}
} else {
var iconName = "checkbox";
if (selectFlag === "single") iconName = "radiobox";
this.selectTd.setStyles({"background": "url(" + "../x_component_query_Query/$Viewer/default/icon/" + iconName + ".png) center center no-repeat"});
}
}
if( this.view.isSelectTdHidden() ){
this.selectTd.hide();
}
//}
//序号
var sequence = 1+this.view.json.pageSize*(this.view.currentPage-1)+this.idx;
this.data["$sequence"] = sequence;
if (this.view.viewJson.isSequence==="yes"){
this.sequenceTd = new Element("td", {"styles": viewContentTdNode}).inject(this.node);
this.sequenceTd.setStyles({
"width": "30px",
"text-align": "center"
});
if (this.view.json.itemStyles) this.sequenceTd.setStyles(this.view.json.itemStyles);
this.sequenceTd.set("text", sequence);
}
Object.each(this.view.entries, function(c, k){
var cell = this.data.data[k];
if (cell === undefined) cell = "";
//if (cell){
if (this.view.hideColumns.indexOf(k)===-1){
var td = new Element("td", {"styles": viewContentTdNode}).inject(this.node);
if (k!== this.view.viewJson.group.column){
//var v = (this.view.entries[k].code) ? MWF.Macro.exec(this.view.entries[k].code, {"value": cell, "gridData": this.view.gridJson, "data": this.view.viewData, "entry": this.data}) : cell;
var v = cell;
if (c.isHtml){
td.set("html", v);
}else{
td.set("text", v);
}
if( typeOf(c.contentProperties) === "object" )td.setProperties(c.contentProperties);
if (this.view.json.itemStyles) td.setStyles(this.view.json.itemStyles);
if( typeOf(c.contentStyles) === "object" )td.setStyles(c.contentStyles);
}else{
if (this.view.json.itemStyles) td.setStyles(this.view.json.itemStyles);
}
if (this.view.openColumns.indexOf(k)!==-1){
this.setOpenWork(td, c)
}
if (k!== this.view.viewJson.group.column){
Object.each( c.events || {}, function (e , key) {
if(e.code){
if( key === "loadContent" ){
this.view.Macro.fire( e.code,
{"node" : td, "json" : c, "data" : v, "view": this.view, "row" : this});
}else if( key !== "loadTitle" ){
td.addEvent(key, function(event){
return this.view.Macro.fire(
e.code,
{"node" : td, "json" : c, "data" : v, "view": this.view, "row" : this},
event
);
}.bind(this));
}
}
}.bind(this));
}
}
//}
}.bind(this));
if(this.placeholderTd){
this.placeholderTd.destroy();
this.placeholderTd = null;
}
//默认选中
this._checkSelected();
// var selectedFlag;
// var defaultSelectedScript = this.view.json.defaultSelectedScript || this.view.viewJson.defaultSelectedScript;
// if( !this.isSelected && defaultSelectedScript ){
// // var flag = this.view.json.select || this.view.viewJson.select || "none";
// // if ( flag ==="single" || flag==="multi"){
// //
// // }
// switch (typeOf(defaultSelectedScript)) {
// case "string":
// selectedFlag = this.view.Macro.exec( defaultSelectedScript,
// {"node" : this.node, "data" : this.data, "view": this.view, "row" : this});
// break;
// case "function":
// selectedFlag = defaultSelectedScript({"node" : this.node, "data" : this.data, "view": this.view, "row" : this});
// break;
// }
// }
// //判断是不是在selectedItems中，用户手工选择
// if( !this.isSelected && this.view.selectedItems.length ){
// for(var i=0; i<this.view.selectedItems.length; i++){
// if( this.view.selectedItems[i].data.bundle === this.data.bundle ){
// selectedFlag = "true";
// break;
// }
// }
// }
// Object.each(this.data.data, function(cell, k){
// if (this.view.hideColumns.indexOf(k)===-1){
// var td = new Element("td", {"styles": this.css.viewContentTdNode}).inject(this.node);
// if (k!== this.view.viewJson.group.column){
// var v = (this.view.entries[k].code) ? MWF.Macro.exec(this.view.entries[k].code, {"value": cell, "gridData": this.view.gridJson, "data": this.view.viewData, "entry": this.data}) : cell;
// td.set("text", v);
// }
// if (this.view.openColumns.indexOf(k)!==-1){
// this.setOpenWork(td)
// }
// if (this.view.json.itemStyles) td.setStyles(this.view.json.itemStyles);
// }
// }.bind(this));
this.setEvent();
this.view.fireEvent("postLoadItemRow", [this]);
this.loading = false;
this.loaded = true;
},
_checkSelected: function(){
var selectedFlag;
var defaultSelectedScript = this.view.json.defaultSelectedScript || this.view.viewJson.defaultSelectedScript;
if( !this.isSelected && defaultSelectedScript ){
// var flag = this.view.json.select || this.view.viewJson.select || "none";
// if ( flag ==="single" || flag==="multi"){
//
// }
switch (typeOf(defaultSelectedScript)) {
case "string":
selectedFlag = this.view.Macro.exec( defaultSelectedScript,
{"node" : this.node, "data" : this.data, "view": this.view, "row" : this});
break;
case "function":
selectedFlag = defaultSelectedScript({"node" : this.node, "data" : this.data, "view": this.view, "row" : this});
break;
}
}
//判断是不是在selectedItems中，用户手工选择
if( !this.isSelected && this.view.selectedItems.length ){
for(var i=0; i<this.view.selectedItems.length; i++){
if( this.view.selectedItems[i].data.bundle === this.data.bundle ){
selectedFlag = "true";
break;
}
}
}
if( selectedFlag ){
if( selectedFlag === "multi" || selectedFlag === "single" ){
this.select( selectedFlag );
}else if( selectedFlag.toString() === "true" ){
var f = this.view.json.select || this.view.viewJson.select || "none";
if ( f ==="single" || f==="multi"){
this.select();
}
}
}
},
setOpenWork: function(td, column){
td.setStyle("cursor", "pointer");
td.addEvents({
"mouseover": function(){
td.setStyles({
"color": "var(--oo-color-main)"
});
}.bind(this),
"mouseout": function(){
td.setStyles({
"color": "unset"
});
}.bind(this)
})
if( column.clickCode ){
// if( !this.view.Macro ){
// MWF.require("MWF.xScript.Macro", function () {
// this.view.businessData = {};
// this.view.Macro = new MWF.Macro.PageContext(this.view);
// }.bind(this), false);
// }
td.addEvent("click", function( ev ){
var result = this.view.Macro.fire(column.clickCode, this, ev);
ev.stopPropagation();
return result;
}.bind(this));
}else{
if (this.view.json.type==="cms"){
td.addEvent("click", function(ev){
this.openCms(ev)
ev.stopPropagation();
}.bind(this));
}else{
td.addEvent("click", function(ev){
this.openWorkAndCompleted(ev)
ev.stopPropagation();
}.bind(this));
}
}
},
openCms: function(e){
var options = {"documentId": this.data.bundle};
this.view.fireEvent("openDocument", [options, this]); //options 传入的事件
layout.desktop.openApplication(e, "cms.Document", options);
},
openWorkAndCompleted: function(e){
var options = {"jobId": this.data.bundle};
this.view.fireEvent("openDocument", [options, this]); //options 传入的事件
layout.desktop.openApplication(e, "process.Work", options);
// MWF.Actions.get("x_processplatform_assemble_surface").listWorkByJob(this.data.bundle, function(json){
// var workCompletedCount = json.data.workCompletedList.length;
// var workCount = json.data.workList.length;
// var count = workCount+workCompletedCount;
// if (count===1){
// if (workCompletedCount) {
// this.openWorkCompleted(json.data.workCompletedList[0].id, e);
// }else{
// this.openWork(json.data.workList[0].id, e);
// }
// }else if (count>1){
// var worksAreaNode = this.createWorksArea();
// json.data.workCompletedList.each(function(work){
// this.createWorkCompletedNode(work, worksAreaNode);
// }.bind(this));
// json.data.workList.each(function(work){
// this.createWorkNode(work, worksAreaNode);
// }.bind(this));
// this.showWorksArea(worksAreaNode, e);
// }else{
//
// }
// }.bind(this));
},
createWorkNode: function(work, worksAreaNode){
var worksAreaContentNode = worksAreaNode.getLast();
var node = new Element("div", {"styles": this.css.workAreaNode}).inject(worksAreaContentNode);
var actionNode = new Element("div", {"styles": this.css.workAreaActionNode, "text": this.view.lp.open}).inject(node);
actionNode.store("workId", work.id);
actionNode.addEvent("click", function(e){
this.openWork(e.target.retrieve("workId"), e);
this.mask.hide();
worksAreaNode.destroy();
}.bind(this));
var areaNode = new Element("div", {"styles": this.css.workAreaLeftNode}).inject(node);
var titleNode = new Element("div", {"styles": this.css.workAreaTitleNode, "text": work.title}).inject(areaNode);
var contentNode = new Element("div", {"styles": this.css.workAreaContentNode}).inject(areaNode);
new Element("div", {"styles": this.css.workAreaContentTitleNode, "text": this.view.lp.activity+": "}).inject(contentNode);
new Element("div", {"styles": this.css.workAreaContentTextNode, "text": work.activityName}).inject(contentNode);
var taskUsers = [];
MWF.Actions.get("x_processplatform_assemble_surface").listTaskByWork(work.id, function(json){
json.data.each(function(task){
taskUsers.push(MWF.name.cn(task.person));
}.bind(this));
new Element("div", {"styles": this.css.workAreaContentTitleNode, "text": this.view.lp.taskPeople+": "}).inject(contentNode);
new Element("div", {"styles": this.css.workAreaContentTextNode, "text": taskUsers.join(", ")}).inject(contentNode);
}.bind(this));
},
createWorkCompletedNode: function(work, worksAreaNode){
var worksAreaContentNode = worksAreaNode.getLast();
var node = new Element("div", {"styles": this.css.workAreaNode}).inject(worksAreaContentNode);
var actionNode = new Element("div", {"styles": this.css.workAreaActionNode, "text": this.view.lp.open}).inject(node);
actionNode.store("workId", work.id);
actionNode.addEvent("click", function(e){
this.mask.hide();
var id = e.target.retrieve("workId");
worksAreaNode.destroy();
this.openWorkCompleted(id, e);
}.bind(this));
var areaNode = new Element("div", {"styles": this.css.workAreaLeftNode}).inject(node);
var titleNode = new Element("div", {"styles": this.css.workAreaTitleNode, "text": work.title}).inject(areaNode);
var contentNode = new Element("div", {"styles": this.css.workAreaContentNode}).inject(areaNode);
new Element("div", {"styles": this.css.workAreaContentTitleNode, "text": this.view.lp.activity+": "}).inject(contentNode);
new Element("div", {"styles": this.css.workAreaContentTextNode, "text": this.view.lp.processCompleted}).inject(contentNode);
},
createWorksArea: function(){
var cssWorksArea = this.css.worksAreaNode
if (layout.mobile) {
cssWorksArea = this.css.worksAreaNodeMobile;
}
var worksAreaNode = new Element("div", {"styles": cssWorksArea});
var worksAreaTitleNode = new Element("div", {"styles": this.css.worksAreaTitleNode}).inject(worksAreaNode);
var worksAreaTitleCloseNode = new Element("div", {"styles": this.css.worksAreaTitleCloseNode}).inject(worksAreaTitleNode);
worksAreaTitleCloseNode.addEvent("click", function(e){
this.mask.hide();
e.target.getParent().getParent().destroy();
}.bind(this));
var worksAreaContentNode = new Element("div", {"styles": this.css.worksAreaContentNode}).inject(worksAreaNode);
return worksAreaNode;
},
showWorksArea: function(node, e){
MWF.require("MWF.widget.Mask", null, false);
this.mask = new MWF.widget.Mask({"style": "desktop", "loading": false});
this.mask.loadNode(this.view.container);
node.inject(this.view.node);
this.setWorksAreaPosition(node, e.target);
},
setWorksAreaPosition: function(node, td){
var p = td.getPosition(this.view.container);
var containerS = this.view.container.getSize();
var containerP = this.view.container.getPosition(this.view.container.getOffsetParent());
var s = node.getSize();
var offX = p.x+s.x-containerS.x;
offX = (offX>0) ? offX+20 : 0;
var offY = p.y+s.y-containerS.y;
offY = (offY>0) ? offY+5 : 0;
node.position({
"relativeTo": td,
"position": "lefttop",
"edge": "lefttop",
"offset": {
"x": 0-offX,
"y": 0-offY
}
});
},
openWork: function(id, e){
var options = {"workId": id};
this.view.fireEvent("openDocument", [options, this]); //options 传入的事件
layout.desktop.openApplication(e, "process.Work", options);
},
openWorkCompleted: function(id, e){
var options = {"workCompletedId": id};
this.view.fireEvent("openDocument", [options, this]); //options 传入的事件
layout.desktop.openApplication(e, "process.Work", options);
},
setEvent: function(){
var flag = this.view.getSelectFlag();
if ( this.data.$selectedEnable && (flag ==="single" || flag==="multi")){
this.node.addEvents({
"mouseover": function(){
if (!this.isSelected && this.view.viewJson.selectBoxShow !=="always" ){
var viewStyles = this.view.viewJson.viewStyles;
if( viewStyles ){
if( flag === "single" ){
if (viewStyles["radioNode"] && viewStyles["radioNode"].className){
this.selectTd.addClass(viewStyles["radioNode"].className);
}
this.selectTd.setStyles( viewStyles["radioNode"] );
}else{
if (viewStyles["checkboxNode"] && viewStyles["checkboxNode"].className){
this.selectTd.addClass(viewStyles["checkboxNode"].className);
}
this.selectTd.setStyles( viewStyles["checkboxNode"] );
}
}else{
var iconName = "checkbox";
if (flag==="single") iconName = "radiobox";
this.selectTd.setStyles({"background": "url("+"../x_component_query_Query/$Viewer/default/icon/"+iconName+".png) center center no-repeat"});
}
}
}.bind(this),
"mouseout": function(){
if (!this.isSelected && this.view.viewJson.selectBoxShow !=="always"){
this.selectTd.className = '';
this.selectTd.setStyles({"background": "transparent"});
}
}.bind(this),
"click": function(){this.select();}.bind(this)
});
}
},
select: function( force ){
// var flag = force || this.view.json.select || this.view.viewJson.select || "none";
var flag = force || this.view.getSelectFlag();
if (this.isSelected){
if (flag==="single"){
this.unSelectedSingle();
}else{
this.unSelected();
}
}else{
if (flag==="single"){
this.selectedSingle();
}else{
this.selected();
}
}
},
/**
* @summary 选中（多选）。
* @example
* item = this.target.items[0];
* item.selected();
*/
selected: function( from ){
for(var i=0; i<this.view.selectedItems.length; i++){
var item = this.view.selectedItems[i];
if( item.data.bundle === this.data.bundle ){
this.view.selectedItems.erase(item);
break;
}
}
this.view.selectedItems.push(this);
var viewStyles = this.view.viewJson.viewStyles;
if( viewStyles ){
this.selectTd.removeClass( viewStyles["checkboxNode"].className );
if (viewStyles["checkedCheckboxNode"].className){
this.selectTd.addClass( viewStyles["checkedCheckboxNode"].className );
}
this.selectTd.setStyles( viewStyles["checkedCheckboxNode"] );
this.node.setStyles( viewStyles["contentSelectedTr"] );
}else{
this.selectTd.setStyles({"background": "url("+"../x_component_query_Query/$Viewer/default/icon/checkbox_checked.png) center center no-repeat"});
this.node.setStyles(this.css.viewContentTrNode_selected);
}
this.isSelected = true;
if( from !== "view" && from !=="category" && this.view.viewJson.allowSelectAll ){
this.view.checkSelectAllStatus();
if( this.category )this.category.checkSelectAllStatus();
}
this.view.fireEvent("selectRow", [this]);
this.view.fireEvent("select", [{
"selected": true,
"item": this,
"data": this.data
}]); //options 传入的事件
},
/**
* @summary 取消选中（多选）。
* @example
* item = this.target.items[0];
* item.unSelected();
*/
unSelected: function( from, isFire ){
for(var i=0; i<this.view.selectedItems.length; i++){
var item = this.view.selectedItems[i];
if( item.data.bundle === this.data.bundle ){
this.view.selectedItems.erase(item);
break;
}
}
var viewStyles = this.view.viewJson.viewStyles;
if( this.view.viewJson.selectBoxShow !=="always" ){
this.selectTd.removeClass( viewStyles["checkedCheckboxNode"].className );
this.selectTd.setStyles({"background": "transparent"});
}else{
this.selectTd.setStyles({opacity: 1});
if (viewStyles) {
this.selectTd.removeClass( viewStyles["checkedCheckboxNode"].className );
if (viewStyles["checkboxNode"].className){
this.selectTd.addClass( viewStyles["checkboxNode"].className );
}
if (viewStyles["checkboxNode"].className){
this.selectTd.addClass(viewStyles["checkboxNode"].className);
}
this.selectTd.setStyles(viewStyles["checkboxNode"]);
}else{
this.selectTd.setStyles({"background": "url(" + "../x_component_query_Query/$Viewer/default/icon/checkbox.png) center center no-repeat"});
}
}
if( viewStyles ){
this.node.setStyles( viewStyles["contentTr"] );
}else{
this.node.setStyles(this.css.viewContentTrNode);
}
this.isSelected = false;
if( from !== "view" && from !=="category" && this.view.viewJson.allowSelectAll ){
this.view.checkSelectAllStatus();
if( this.category )this.category.checkSelectAllStatus();
}
this.view.fireEvent("unselectRow", [this]);
if( isFire !== false ){
this.view.fireEvent("unselect", [{
"selected": false,
"item": this,
"data": this.data
}]); //options 传入的事件
}
},
/**
* @summary 选中（单选）。
* @example
* item = this.target.items[0];
* item.selectedSingle();
*/
selectedSingle: function(){
if (this.view.currentSelectedItem) this.view.currentSelectedItem.unSelectedSingle();
this.view.selectedItems = [this];
this.view.currentSelectedItem = this;
var viewStyles = this.view.viewJson.viewStyles;
this.selectTd.setStyles({opacity: 1});
if( viewStyles ){
this.selectTd.removeClass( viewStyles["radioNode"].className );
if (viewStyles["checkedRadioNode"].className){
this.selectTd.addClass( viewStyles["checkedRadioNode"].className );
}
this.selectTd.setStyles( viewStyles["checkedRadioNode"] );
this.node.setStyles( viewStyles["contentSelectedTr"] );
}else {
this.selectTd.setStyles({"background": "url(" + "../x_component_query_Query/$Viewer/default/icon/radiobox_checked.png) center center no-repeat"});
this.node.setStyles(this.css.viewContentTrNode_selected);
}
this.isSelected = true;
this.view.fireEvent("selectRow", [this]);
this.view.fireEvent("select", [{
"selected": true,
"item": this,
"data": this.data
}]); //options 传入的事件
},
/**
* @summary 取消选中（单选）。
* @example
* item = this.target.items[0];
* item.unSelectedSingle();
*/
unSelectedSingle: function(){
this.view.selectedItems = [];
this.view.currentSelectedItem = null;
var viewStyles = this.view.viewJson.viewStyles;
if( this.view.viewJson.selectBoxShow !=="always" ){
this.selectTd.setStyles({"background": "transparent"});
if (viewStyles) {
this.selectTd.removeClass(viewStyles["checkedRadioNode"].className);
}
}else{
this.selectTd.setStyles({opacity: 1});
if (viewStyles) {
this.selectTd.removeClass( viewStyles["checkedRadioNode"].className );
if (viewStyles["radioNode"].className){
this.selectTd.addClass( viewStyles["radioNode"].className );
}
this.selectTd.setStyles(viewStyles["radioNode"]);
}else{
this.selectTd.setStyles({"background": "url(" + "../x_component_query_Query/$Viewer/default/icon/radiobox.png) center center no-repeat"});
}
}
if( viewStyles ){
this.node.setStyles( viewStyles["contentTr"] );
}else{
this.node.setStyles(this.css.viewContentTrNode);
}
this.isSelected = false;
this.view.fireEvent("unselectRow", [this]);
this.view.fireEvent("unselect", [{
"selected": false,
"item": this,
"data": this.data
}]); //options 传入的事件
}
});
MWF.xApplication.query.Query.Viewer.MobileItem = new Class({
Extends: MWF.xApplication.query.Query.Viewer.Item,
initialize: function(view, data, prev, i, category){
/**
* @summary 行所属视图.
* @member {Object}
*/
this.view = view;
/**
* @summary 行数据.
* @member {Object}
*/
this.data = data;
/**
* @summary 行是否被选中.
* @member {Boolean}
*/
this.isSelected = false;
/**
* @summary 如果视图有分类，获取分类对象。
* @member {Object}
*/
this.category = category;
this.prev = prev;
this.idx = i;
this.odd = this.view.items.length % 2 === 1;
this.contentAreaNode = this.category ? this.category.contentAreaNode : this.view.contentAreaNode;
this.load();
},
load: function(){
this.loading = true;
this.view.fireEvent("queryLoadItemRow", [this]);
const html = this.view.viewJson.mobileTemplate;
const cols = this.view.viewJson.selectList;
this.node = new Element('div.mobile-view-item');
this.selectNode = new Element('div.mobile-view-item-select').inject(this.node);
this.contentNode = new Element('label.mobile-view-item-content').inject(this.node);
this.flagNode = new Element('div.mobile-view-item-flag.ooicon-arrow_forward').inject(this.node);
const itemHtml = cols.reduce( (html, col)=>{
return html.replace(new RegExp(`\{${col.column}\}`, 'g'), this.data.data[col.column] || '')
.replace(new RegExp(`\{${col.displayName}\}`, 'g'), this.data.data[col.column] || '');
}, html);
this.contentNode.set('html', itemHtml);
this.contentAreaNode.appendChild(this.node);
const flag = this.view.isSelectTdHidden() ? 'no' : this.view.getSelectFlag();
switch( flag ){
case 'single':
this._createSelectNode('radio');
break;
case 'multi':
this._createSelectNode('checkbox');
break;
default:
this.selectNode.hide();
break;
}
this.setOpenWork((flag === 'single' || flag === 'multi') ? this.flagNode : this.node);
this.view.fireEvent("postLoadItemRow", [this]);
this.loading = false;
this.loaded = true;
},
_createSelectNode: function(name){
const node = new Element('oo-'+name).inject(this.selectNode);
this.view.tmpCheckId = this.view.tmpCheckId || (this.view.tmpCheckId = o2.uuid());
node.setAttribute('name', `mobile-view-`+name+this.view.tmpCheckId);
node.setAttribute('value', this.data.bundle);
node.setAttribute('id', 'item'+this.data.bundle);
node.addEventListener('change', (ev)=>{
this.select();
ev.stopPropagation();
});
this.contentNode.addEventListener('click', (ev)=>{
node._elements.input.click();
ev.stopPropagation();
});
this._checkSelected();
},
selected: function( from ){
for(var i=0; i<this.view.selectedItems.length; i++){
var item = this.view.selectedItems[i];
if( item.data.bundle === this.data.bundle ){
this.view.selectedItems.erase(item);
break;
}
}
this.view.selectedItems.push(this);
this.isSelected = true;
this.view.fireEvent("selectRow", [this]);
this.view.fireEvent("select", [{
"selected": true,
"item": this,
"data": this.data
}]); //options 传入的事件
},
unSelected: function( from, isFire ){
for(var i=0; i<this.view.selectedItems.length; i++){
var item = this.view.selectedItems[i];
if( item.data.bundle === this.data.bundle ){
this.view.selectedItems.erase(item);
break;
}
}
this.isSelected = false;
this.view.fireEvent("unselectRow", [this]);
if( isFire !== false ){
this.view.fireEvent("unselect", [{
"selected": false,
"item": this,
"data": this.data
}]); //options 传入的事件
}
},
selectedSingle: function(){
if (this.view.currentSelectedItem) this.view.currentSelectedItem.unSelectedSingle();
this.view.selectedItems = [this];
this.view.currentSelectedItem = this;
this.isSelected = true;
this.view.fireEvent("selectRow", [this]);
this.view.fireEvent("select", [{
"selected": true,
"item": this,
"data": this.data
}]); //options 传入的事件
},
unSelectedSingle: function(){
this.view.selectedItems = [];
this.view.currentSelectedItem = null;
this.isSelected = false;
this.view.fireEvent("unselectRow", [this]);
this.view.fireEvent("unselect", [{
"selected": false,
"item": this,
"data": this.data
}]); //options 传入的事件
},
setOpenWork:function (node){
const clickColumn = this.view.viewJson.selectList.find((col)=>{ return !!col.clickCode });
if(clickColumn){
this._setOpenWork(node, clickColumn);
}else{
node.addEventListener('click', (ev)=>{
if (this.view.json.type==="cms"){
this.openCms(ev)
}else{
this.openWorkAndCompleted(ev)
}
ev.stopPropagation();
});
}
},
_setOpenWork(node, clickColumn){
node.addEvent("click", function( ev ){
var result = this.view.Macro.fire(clickColumn.clickCode, this, ev);
ev.stopPropagation();
return result;
}.bind(this));
}
})
MWF.xApplication.query.Query.Viewer.ItemCategory = new Class({
initialize: function(view, data, i){
this.view = view;
this.data = data;
this.css = this.view.css;
this.items = [];
this.loadChild = false;
this.idx = i;
this.clazzType = "category";
this.load();
},
load: function(){
this.view.fireEvent("queryLoadCategoryRow", [this]);
var viewStyles = this.view.viewJson.viewStyles;
var viewContentCategoryTdNode = ( viewStyles && viewStyles["contentGroupTd"] ) ? viewStyles["contentGroupTd"] : this.css.viewContentCategoryTdNode;
this.node = new Element("tr", {
"styles": (viewStyles && viewStyles["contentTr"]) ? viewStyles["contentTr"] : this.css.viewContentTrNode
}).inject(this.view.viewTable);
//if (this.view.json.select==="single" || this.view.json.select==="multi"){
this.selectTd = new Element("td", {"styles": viewContentCategoryTdNode}).inject(this.node);
this.selectTd.setStyles(this.css.viewSelectTdNode);
if (this.view.json.itemStyles) this.selectTd.setStyles(this.view.json.itemStyles);
if( this.data.$selectedEnable && this.view.getSelectFlag() === "multi" && this.view.viewJson.allowSelectAll ){
this.selectAllNode = this.selectTd;
if( viewStyles && viewStyles["checkboxNode"] ){
if (viewStyles["checkboxNode"].className){
this.selectAllNode.addClass( viewStyles["checkboxNode"].className );
}
this.selectAllNode.setStyles( viewStyles["checkboxNode"] )
// this.selectAllNode = new Element("span", {
// styles : viewStyles["checkboxNode"]
// }).inject( this.selectTd );
}else{
this.selectAllNode.set( "html", "<img src='../x_component_query_Query/$Viewer/"+this.options.style+"/icon/checkbox.png'/>"+"</span>" )
// this.selectAllNode = new Element("span",{
// html : "<img src='../x_component_query_Query/$Viewer/"+this.options.style+"/icon/checkbox.png'/>"+"</span>",
// style : "font-family: Webdings"
// }).inject( this.selectTd );
}
this.selectAllNode.setStyle("cursor", "pointer");
this.selectAllNode.addEvent("click", function (ev) {
if( this.getSelectAllStatus() === "all" ){
this.unSelectAll("category")
}else{
this.selectAll("category");
}
ev.stopPropagation();
}.bind(this));
}
// if( this.view.isSelectTdHidden() ){
// this.selectTd.hide();
// }
//}
this.categoryTd = new Element("td", {
"styles": viewContentCategoryTdNode,
"colspan": this.view.viewJson.selectList.length+1
}).inject(this.node);
this.groupColumn = null;
for (var c = 0; c<this.view.viewJson.selectList.length; c++){
if (this.view.viewJson.selectList[c].column === this.view.viewJson.group.column){
this.groupColumn = this.view.viewJson.selectList[c];
break;
}
}
if (this.groupColumn){
//var text = (this.groupColumn.code) ? MWF.Macro.exec(this.groupColumn.code, {"value": this.data.group, "gridData": this.view.gridJson, "data": this.view.viewData, "entry": this.data}) : this.data.group;
var text = this.data.group;
}else{
var text = this.data.group;
}
if( viewStyles && viewStyles["groupCollapseNode"] ){
this.expandNode = new Element("span", {
styles : viewStyles["groupCollapseNode"]
}).inject( this.categoryTd );
new Element("span", { text : text }).inject( this.categoryTd );
// this.categoryTd.set("text", text );
}else{
this.categoryTd.set("html", "<span style='font-family: Webdings'><img src='../x_component_query_Query/$Viewer/"+this.view.options.style+"/icon/expand.png'/></span> "+text);
}
this.expanded = false;
if (this.view.json.itemStyles) this.categoryTd.setStyles(this.view.json.itemStyles);
if( this.groupColumn ){
if( typeOf(this.groupColumn.contentStyles) === "object" )this.categoryTd.setStyles(this.groupColumn.contentStyles);
if( typeOf(this.groupColumn.contentProperties) === "object" )this.categoryTd.setProperties(this.groupColumn.contentProperties);
}
this.setEvent();
var column = this.groupColumn;
var td = this.categoryTd;
Object.each( column.events || {}, function (e , key) {
if(e.code){
if( key === "loadContent" ){
this.view.Macro.fire( e.code,
{"node" : td, "json" : column, "data" : this.data.group, "view": this.view, "row" : this});
}else if( key !== "loadTitle" ){
td.addEvent(key, function(event){
return this.view.Macro.fire(
e.code,
{"node" : td, "json" : column, "data" : this.data.group, "view": this.view, "row" : this},
event
);
}.bind(this));
}
}
}.bind(this));
this.view.fireEvent("postLoadCategoryRow", [this]);
},
getSelectAllStatus : function(){
if ( this.view.getSelectFlag()!=="multi")return;
if( !this.items.length )return "none";
var flag = "all";
var allFlag = true, noneFlag = true;
for( var i=0; i<this.items.length; i++ ){
var item = this.items[i];
if( item.data.$selectedEnable ){
item.isSelected ? ( noneFlag = false ) : (allFlag = false);
if( !allFlag && !noneFlag )return "some"
}
}
if( allFlag )return "all";
if( noneFlag )return "none";
return "some";
},
checkSelectAllStatus : function(){
if( !this.selectAllNode )return;
var status = this.getSelectAllStatus();
if( status === "all" ){
this.setSelectAllStyle()
}else{
this.setUnSelectAllStyle()
}
},
setSelectAllStyle : function () {
if( !this.selectAllNode )return;
var viewStyles = this.view.viewJson.viewStyles;
if( viewStyles && viewStyles["checkedCheckboxNode"] ){
this.selectAllNode.setStyles( viewStyles["checkedCheckboxNode"] );
if( viewStyles["checkedCheckboxNode"].className ){
this.selectAllNode.addClass(viewStyles["checkedCheckboxNode"].className);
}
if( viewStyles["checkboxNode"] && viewStyles["checkboxNode"].className ){
this.selectAllNode.removeClass(viewStyles["checkboxNode"].className);
}
}else {
this.selectAllNode.getElement("img").set("src",
'../x_component_query_Query/$Viewer/" + this.options.style + "/icon/checkbox_checked.png' )
}
},
setUnSelectAllStyle : function () {
if( !this.selectAllNode )return;
var viewStyles = this.view.viewJson.viewStyles;
if( viewStyles && viewStyles["checkboxNode"] ){
this.selectAllNode.setStyles( viewStyles["checkboxNode"] );
if( viewStyles["checkboxNode"].className ){
this.selectAllNode.addClass(viewStyles["checkboxNode"].className);
}
if( viewStyles["checkedCheckboxNode"].className ){
this.selectAllNode.removeClass(viewStyles["checkedCheckboxNode"].className);
}
}else {
this.selectAllNode.getElement("img").set("src",
'../x_component_query_Query/$Viewer/" + this.options.style + "/icon/checkbox.png' )
}
},
selectAll : function( from ){
// var flag = this.json.select || this.viewJson.select || "none";
if ( this.view.getSelectFlag()==="multi"){
this.expand();
this.items.each( function (item) {
if( item.data.$selectedEnable ){
item.selected( from );
}
})
if( this.view.viewJson.allowSelectAll ){
this.setSelectAllStyle();
if( from !== "view" ){
this.view.checkSelectAllStatus();
}
}
}
},
unSelectAll : function( from ){
// var flag = this.json.select || this.viewJson.select || "none";
if ( this.view.getSelectFlag()==="multi"){
this.items.each( function (item) {
if( item.data.$selectedEnable ) {
item.unSelected(from);
}
})
if( this.view.viewJson.allowSelectAll ) {
this.setUnSelectAllStyle();
if (from !== "view") {
this.view.checkSelectAllStatus();
}
}
}
},
setEvent: function(){
//if (this.selectTd){
this.node.addEvents({
"click": function(){this.expandOrCollapse();}.bind(this)
});
//}
},
expandOrCollapse: function(){
// var t = this.node.getElement("span").get("html");
// if (t.indexOf("expand.png")===-1){
// this.collapse();
// }else{
// this.expand();
// }
if( this.expanded ){
this.collapse();
}else{
this.expand();
}
},
collapse: function( from ){
this.items.each(function(item){
item.node.setStyle("display", "none");
}.bind(this));
if( this.expandNode ){
this.expandNode.setStyles( this.view.viewJson.viewStyles["groupCollapseNode"] )
}else{
this.node.getElement("span").set("html", "<img src='../x_component_query_Query/$Viewer/"+this.view.options.style+"/icon/expand.png'/>");
}
this.expanded = false;
if( from !== "view" ){
this.view.checkExpandAllStatus();
}
},
expand: function( from ){
this.items.each(function(item){
item.node.setStyle("display", "table-row");
}.bind(this));
if( this.expandNode ){
this.expandNode.setStyles( this.view.viewJson.viewStyles["groupExpandNode"] )
}else{
this.node.getElement("span").set("html", "<img src='../x_component_query_Query/$Viewer/"+this.view.options.style+"/icon/down.png'/>");
}
this.expanded = true;
if (!this.loadChild){
//window.setTimeout(function(){
this.data.list.each(function(line, i){
var s = this.idx+i;
this.lastItem = new MWF.xApplication.query.Query.Viewer.Item(this.view, line, (this.lastItem || this), s, this, this.view.options.lazy);
this.items.push(this.lastItem);
}.bind(this));
this.loadChild = true;
//}.bind(this), 10);
}
if( from !== "view" ){
this.view.checkExpandAllStatus();
}
}
});
MWF.xApplication.query.Query.Viewer.Filter = new Class({
initialize: function(viewer, data, node){
this.viewer = viewer;
this.data = data;
this.css = this.viewer.css;
this.content = node;
this.load();
},
load: function(){
this.node = new Element("div", {"styles": this.css.viewSearchFilterNode}).inject(this.content);
if (this.viewer.filterItems.length){
this.logicNode = new Element("div", {"styles": this.css.viewSearchFilterSelectAreaNode}).inject(this.node);
this.logicSelectNode = new Element("div", {
"styles": this.css.viewSearchFilterSelectNode,
"text": this.viewer.lp.and,
"value": "and"
}).inject(this.logicNode);
this.logicSelectButtonNode = new Element("div", {"styles": this.css.viewSearchFilterSelectButtonNode}).inject(this.logicNode);
this.logicNode.addEvents({
"click": function(){
var v = this.logicSelectNode.get("value");
if (v==="and"){
this.logicSelectButtonNode.setStyle("float", "left");
this.logicSelectNode.setStyle("float", "right");
this.logicSelectNode.set({
"text": this.viewer.lp.or,
"value": "or"
});
this.data.logic = "or";
}else{
this.logicSelectButtonNode.setStyle("float", "right");
this.logicSelectNode.setStyle("float", "left");
this.logicSelectNode.set({
"text": this.viewer.lp.and,
"value": "and"
});
this.data.logic = "and";
}
this.viewer.searchCustomView();
}.bind(this)
});
}
this.titleNode = new Element("div", {"styles": this.css.viewSearchFilterTextNode, "text": this.data.title}).inject(this.node);
this.comparisonTitleNode = new Element("div", {"styles": this.css.viewSearchFilterTextNode, "text": this.data.comparisonTitle}).inject(this.node);
this.valueNode = new Element("div", {"styles": this.css.viewSearchFilterTextNode, "text": "\""+this.data.value+"\""}).inject(this.node);
this.deleteNode = new Element("div", {"styles": this.css.viewSearchFilterDeleteNode}).inject(this.node);
this.node.addEvents({
"mouseover": function(){
this.node.setStyles(this.css.viewSearchFilterNode_over);
this.deleteNode.setStyles(this.css.viewSearchFilterDeleteNode_over);
}.bind(this),
"mouseout": function(){
this.node.setStyles(this.css.viewSearchFilterNode);
this.deleteNode.setStyles(this.css.viewSearchFilterDeleteNode);
}.bind(this)
});
this.deleteNode.addEvent("click", function(){
this.viewer.searchViewRemoveFilter(this);
}.bind(this));
},
destroy: function(){
this.node.destroy();
MWF.release(this);
}
});
/** @class Actionbar 视图操作条组件。
* @o2cn 视图操作条
* @example
* //可以在视图中获取该组件
* var actionbar = this.target.actionbar; //在视图中获取操作条
* //方法2
* var actionbar = this.target; //在操作条和操作本身的事件脚本中获取
* @o2category QueryView
* @o2range {QueryView}
* @hideconstructor
*/
MWF.xApplication.query.Query.Viewer.Actionbar = new Class(
/** @lends MWF.xApplication.query.Query.Viewer.Actionbar# */
{
Implements: [Events],
options: {
"style" : "default",
"moduleEvents": [
/**
* 视图操作条加载前触发。
* @event MWF.xApplication.query.Query.Viewer.Actionbar#queryLoad
*/
"queryLoad",
/**
* 视图加载时触发。
* @event MWF.xApplication.query.Query.Viewer.Actionbar#load
*/
"load",
/**
* 视图操作条加载后事件.由于加载过程中有异步处理，这个时候操作条有可能还未生成。
* @event MWF.xApplication.query.Query.Viewer.Actionbar#postLoad
*/
"postLoad",
/**
* 视图操作条加载后事件。这个时候操作条已生成。
* @event MWF.xApplication.query.Query.Viewer.Actionbar#afterLoad
*/
"afterLoad"
]
},
initialize: function(node, json, form, options){
/**
* @summary 操作条组件容器.
* @member {Element}
*/
this.node = $(node);
this.node.store("module", this);
/**
* @summary 操作条组件配置数据.
* @member {Object}
*/
this.json = json;
this.form = form;
/**
* @summary 操作条组件所属视图.
* @member {Object}
*/
this.view = form;
},
/**
* @summary 隐藏操作条。
*/
hide: function(){
var dsp = this.node.getStyle("display");
if (dsp!=="none") this.node.store("mwf_display", dsp);
this.node.setStyle("display", "none");
},
/**
* @summary 显示操作条。
*/
show: function(){
var dsp = this.node.retrieve("mwf_display", dsp);
this.node.setStyle("display", dsp);
},
load: function(){
this._loadModuleEvents();
if (this.fireEvent("queryLoad")){
//this._queryLoaded();
this._loadUserInterface();
this._loadStyles();
this._loadDomEvents();
//this._loadEvents();
//this._afterLoaded();
this.fireEvent("postLoad");
this.fireEvent("load");
}
},
_loadStyles: function(){
if (this.json.styles) Object.each(this.json.styles, function(value, key){
if ((value.indexOf("x_processplatform_assemble_surface")!=-1 || value.indexOf("x_portal_assemble_surface")!=-1 || value.indexOf("x_cms_assemble_control")!=-1)){
var host1 = MWF.Actions.getHost("x_processplatform_assemble_surface");
var host2 = MWF.Actions.getHost("x_portal_assemble_surface");
var host3 = MWF.Actions.getHost("x_cms_assemble_control");
if (value.indexOf("/x_processplatform_assemble_surface")!==-1){
value = value.replace("/x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
}else if (value.indexOf("x_processplatform_assemble_surface")!==-1){
value = value.replace("x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
}
if (value.indexOf("/x_portal_assemble_surface")!==-1){
value = value.replace("/x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
}else if (value.indexOf("x_portal_assemble_surface")!==-1){
value = value.replace("x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
}
if (value.indexOf("/x_cms_assemble_control")!==-1){
value = value.replace("/x_cms_assemble_control", host3+"/x_cms_assemble_control");
}else if (value.indexOf("x_cms_assemble_control")!==-1){
value = value.replace("x_cms_assemble_control", host3+"/x_cms_assemble_control");
}
value = o2.filterUrl(value);
}
this.node.setStyle(key, value);
}.bind(this));
// if (["x_processplatform_assemble_surface", "x_portal_assemble_surface"].indexOf(root.toLowerCase())!==-1){
// var host = MWF.Actions.getHost(root);
// return (flag==="/") ? host+this.json.template : host+"/"+this.json.template
// }
//if (this.json.styles) this.node.setStyles(this.json.styles);
},
_loadModuleEvents : function(){
Object.each(this.json.events, function(e, key){
if (e.code){
if (this.options.moduleEvents.indexOf(key)!==-1){
this.addEvent(key, function(event){
return this.form.Macro.fire(e.code, this, event);
}.bind(this));
}
}
}.bind(this));
},
_loadDomEvents: function(){
Object.each(this.json.events, function(e, key){
if (e.code){
if (this.options.moduleEvents.indexOf(key)===-1){
this.node.addEvent(key, function(event){
return this.form.Macro.fire(e.code, this, event);
}.bind(this));
}
}
}.bind(this));
},
_loadEvents: function(){
Object.each(this.json.events, function(e, key){
if (e.code){
if (this.options.moduleEvents.indexOf(key)!==-1){
this.addEvent(key, function(event){
return this.form.Macro.fire(e.code, this, event);
}.bind(this));
}else{
this.node.addEvent(key, function(event){
return this.form.Macro.fire(e.code, this, event);
}.bind(this));
}
}
}.bind(this));
},
addModuleEvent: function(key, fun){
if (this.options.moduleEvents.indexOf(key)!==-1){
this.addEvent(key, function(event){
return (fun) ? fun(this, event) : null;
}.bind(this));
}else{
this.node.addEvent(key, function(event){
return (fun) ? fun(this, event) : null;
}.bind(this));
}
},
_loadUserInterface: function(){
// if (this.form.json.mode == "Mobile"){
// this.node.empty();
// }else if (COMMON.Browser.Platform.isMobile){
// this.node.empty();
// }else{
this.toolbarNode = this.node.getFirst("div");
if( !this.toolbarNode ){
this.toolbarNode = new Element("div").inject( this.node );
}
this.toolbarNode.empty();
MWF.require("MWF.widget.Toolbar", function(){
this.toolbarWidget = new MWF.widget.Toolbar(this.toolbarNode, {
"style": this.json.style,
"onPostLoad" : function(){
this.fireEvent("afterLoad");
}.bind(this)
}, this);
if (this.json.actionStyles) this.toolbarWidget.css = this.json.actionStyles;
//alert(this.readonly)
if( this.json.multiTools ){
// var jsonStr = JSON.stringify(this.json.multiTools);
// jsonStr = o2.bindJson(jsonStr, {"lp": MWF.xApplication.query.Query.LP.form});
// this.json.multiTools = JSON.parse(jsonStr);
this.json.multiTools.each( function (tool) {
if( tool.system ){
if( !this.json.hideSystemTools ){
this.setToolbars([tool], this.toolbarNode, this.readonly);
}
}else{
this.setCustomToolbars([tool], this.toolbarNode);
}
}.bind(this));
this.toolbarWidget.load();
}else{
if (this.json.hideSystemTools){
this.setCustomToolbars(this.json.tools, this.toolbarNode);
this.toolbarWidget.load();
}else{
if (this.json.defaultTools){
this.setToolbars(this.json.defaultTools, this.toolbarNode, this.readonly);
this.setCustomToolbars(this.json.tools, this.toolbarNode);
this.toolbarWidget.load();
}else{
MWF.getJSON(this.form.path+"toolbars.json", function(json){
this.setToolbars(json, this.toolbarNode, this.readonly, true);
this.setCustomToolbars(this.json.tools, this.toolbarNode);
this.toolbarWidget.load();
}.bind(this), null);
}
}
}
if (!this.toolbarWidget.children || !this.toolbarWidget.children.length){
this.node.setStyle('display', 'none');
}
}.bind(this));
// }
},
setCustomToolbars: function(tools, node){
var path = "../x_component_process_FormDesigner/Module/Actionbar/";
var iconPath = "";
if( this.json.customIconStyle ){
iconPath = this.json.customIconStyle+"/";
}
tools.each(function(tool){
var flag = true;
if (this.readonly){
flag = tool.readShow;
}else{
flag = tool.editShow;
}
if (flag){
flag = true;
// if (tool.control){
// flag = this.form.businessData.control[tool.control]
// }
if (tool.condition){
var hideFlag = this.form.Macro.exec(tool.condition, this);
flag = !hideFlag;
}
if( tool.pcHide === true && !o2.isMediaMobile()){
flag = false;
}
if( tool.mobileHide === true && o2.isMediaMobile()){
flag = false;
}
if (flag){
var actionNode = new Element("div", {
"id": tool.id,
"MWFnodetype": tool.type,
"MWFButtonImage": this.json.iconType==="font" ? "" : (path+""+this.options.style+"/custom/"+iconPath+tool.img),
"MWFButtonIcon": tool.icon,
"title": tool.title,
"MWFButtonAction": "runCustomAction",
"MWFButtonText": tool.text
}).inject(node);
if( this.json.customIconOverStyle ){
actionNode.set("MWFButtonImageOver" , path+""+this.options.style +"/custom/"+this.json.customIconOverStyle+ "/" +tool.img );
}
if( tool.properties ){
actionNode.set(tool.properties);
}
if (tool.actionScript){
actionNode.store("script", tool.actionScript);
}
if (tool.sub){
var subNode = node.getLast();
this.setCustomToolbars(tool.sub, subNode);
}
}
}
}.bind(this));
},
setToolbarItem: function(tool, node, readonly, noCondition){
//var path = "../x_component_process_FormDesigner/Module/Actionbar/";
var path = "../x_component_query_ViewDesigner/$View/";
var flag = true;
// if (tool.control){
// flag = this.form.businessData.control[tool.control]
// }
if (!noCondition) if (tool.condition){
var hideFlag = this.form.Macro.exec(tool.condition, this);
flag = flag && (!hideFlag);
}
if (readonly) if (!tool.read) flag = false;
if( tool.pcHide === true && !o2.isMediaMobile()){
flag = false;
}
if( tool.mobileHide === true && o2.isMediaMobile()){
flag = false;
}
var imgUrl, overImgUrl;
if( tool.customImg ){
var customPath = "../x_component_process_FormDesigner/Module/Actionbar/";
var customIconPath = this.json.customIconStyle ? (this.json.customIconStyle+ "/") : "";
imgUrl = customPath+""+this.options.style+"/custom/"+customIconPath+tool.img;
overImgUrl = customPath+""+this.options.style +"/custom/"+this.json.customIconOverStyle+ "/" +tool.img;
}else{
imgUrl = path+this.options.style+"/actionbar/"+ ( this.json.iconStyle || "default" ) +"/"+tool.img;
overImgUrl = path+""+this.options.style+"/actionbar/"+this.json.iconOverStyle+"/"+tool.img;
}
if (flag){
var actionNode = new Element("div", {
"id": tool.id,
"MWFnodetype": tool.type,
//"MWFButtonImage": this.form.path+""+this.form.options.style+"/actionbar/"+tool.img,
//"MWFButtonImage": path+(this.options.style||"default") +"/tools/"+ (this.json.style || "default") +"/"+tool.img,
"MWFButtonImage": this.json.iconType==="font" ? "" : imgUrl,
"MWFButtonIcon": tool.icon,
"title": tool.title,
"MWFButtonAction": tool.action,
"MWFButtonText": tool.text
}).inject(node);
if( this.json.iconOverStyle ){
actionNode.set("MWFButtonImageOver" , overImgUrl );
//actionNode.set("MWFButtonImageOver" , path+""+(this.options.style||"default")+"/tools/"+( this.json.iconOverStyle || "default" )+"/"+tool.img );
}
if( tool.properties ){
actionNode.set(tool.properties);
}
if (tool.sub){
var subNode = node.getLast();
this.setToolbars(tool.sub, subNode, readonly, noCondition);
}
}
},
setToolbars: function(tools, node, readonly, noCondition){
tools.each(function(tool){
this.setToolbarItem(tool, node, readonly, noCondition);
}.bind(this));
},
runCustomAction: function(bt){
var script = bt.node.retrieve("script");
this.form.Macro.exec(script, this);
},
exportView : function(){
this.form.exportView();
},
deleteWork: function(){
this.form.deleteWork();
}
});
/** @class Actionbar 视图分页组件。
* @o2cn 视图分页组件
* @example
* //可以在视图中获取该组件
* var actionbar = this.target.paging; //在视图中获取操作条
* //方法2
* var actionbar = this.target; //在分页组件本身的事件脚本中获取
* @o2category QueryView
* @o2range {QueryView}
* @hideconstructor
*/
MWF.xApplication.query.Query.Viewer.Paging = new Class(
/** @lends MWF.xApplication.query.Query.Viewer.Paging# */
{
Implements: [Options, Events],
options: {
"style" : "default",
"useMainColor": false,
"moduleEvents": [
/**
* 分页加载前触发。
* @event MWF.xApplication.query.Query.Viewer.Paging#queryLoad
*/
"queryLoad",
/**
* 分页加载时触发。
* @event MWF.xApplication.query.Query.Viewer.Paging#load
*/
"load",
/**
* 分页加载后事件.由于加载过程中有异步处理，这个时候分页组件有可能还未生成。
* @event MWF.xApplication.query.Query.Viewer.Paging#postLoad
*/
"postLoad",
/**
* 分页加载后事件。这个时候分页界面已生成。
* @event MWF.xApplication.query.Query.Viewer.Paging#afterLoad
*/
"afterLoad",
/**
* 跳页或者分页后执行。
* @event MWF.xApplication.query.Query.Viewer.Paging#jump
*/
"jump"
]
},
initialize: function(node, json, form, options){
this.setOptions(options);
/**
* @summary 分页组件容器.
* @member {Element}
*/
this.node = $(node);
this.node.store("module", this);
/**
* @summary 分页组件所属视图.
* @member {Object}
*/
this.json = json;
this.form = form;
/**
* @summary 分页所属视图.
* @member {Object}
*/
this.view = form;
},
/**
* @summary 隐藏分页。
*/
hide: function(){
var dsp = this.node.getStyle("display");
if (dsp!=="none") this.node.store("mwf_display", dsp);
this.node.setStyle("display", "none");
},
/**
* @summary 显示分页。
*/
show: function(){
var dsp = this.node.retrieve("mwf_display", dsp);
this.node.setStyle("display", dsp);
},
load: function(){
this._loadModuleEvents();
if (this.fireEvent("queryLoad")){
//this._queryLoaded();
this._loadUserInterface();
this._loadStyles();
this._loadDomEvents();
//this._loadEvents();
//this._afterLoaded();
this.fireEvent("postLoad");
}
},
_loadStyles: function(){
if (this.json.styles) Object.each(this.json.styles, function(value, key){
if ((value.indexOf("x_processplatform_assemble_surface")!=-1 || value.indexOf("x_portal_assemble_surface")!=-1 || value.indexOf("x_cms_assemble_control")!=-1)){
var host1 = MWF.Actions.getHost("x_processplatform_assemble_surface");
var host2 = MWF.Actions.getHost("x_portal_assemble_surface");
var host3 = MWF.Actions.getHost("x_cms_assemble_control");
if (value.indexOf("/x_processplatform_assemble_surface")!==-1){
value = value.replace("/x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
}else if (value.indexOf("x_processplatform_assemble_surface")!==-1){
value = value.replace("x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
}
if (value.indexOf("/x_portal_assemble_surface")!==-1){
value = value.replace("/x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
}else if (value.indexOf("x_portal_assemble_surface")!==-1){
value = value.replace("x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
}
if (value.indexOf("/x_cms_assemble_control")!==-1){
value = value.replace("/x_cms_assemble_control", host3+"/x_cms_assemble_control");
}else if (value.indexOf("x_cms_assemble_control")!==-1){
value = value.replace("x_cms_assemble_control", host3+"/x_cms_assemble_control");
}
value = o2.filterUrl(value);
}
this.node.setStyle(key, value);
}.bind(this));
// if (["x_processplatform_assemble_surface", "x_portal_assemble_surface"].indexOf(root.toLowerCase())!==-1){
// var host = MWF.Actions.getHost(root);
// return (flag==="/") ? host+this.json.template : host+"/"+this.json.template
// }
//if (this.json.styles) this.node.setStyles(this.json.styles);
},
_loadModuleEvents : function(){
Object.each(this.json.events, function(e, key){
if (e.code){
if (this.options.moduleEvents.indexOf(key)!==-1){
this.addEvent(key, function(event){
return this.form.Macro.fire(e.code, this, event);
}.bind(this));
}
}
}.bind(this));
},
_loadDomEvents: function(){
Object.each(this.json.events, function(e, key){
if (e.code){
if (this.options.moduleEvents.indexOf(key)===-1){
this.node.addEvent(key, function(event){
return this.form.Macro.fire(e.code, this, event);
}.bind(this));
}
}
}.bind(this));
},
_loadEvents: function(){
Object.each(this.json.events, function(e, key){
if (e.code){
if (this.options.moduleEvents.indexOf(key)!==-1){
this.addEvent(key, function(event){
return this.form.Macro.fire(e.code, this, event);
}.bind(this));
}else{
this.node.addEvent(key, function(event){
return this.form.Macro.fire(e.code, this, event);
}.bind(this));
}
}
}.bind(this));
},
addModuleEvent: function(key, fun){
if (this.options.moduleEvents.indexOf(key)!==-1){
this.addEvent(key, function(event){
return (fun) ? fun(this, event) : null;
}.bind(this));
}else{
this.node.addEvent(key, function(event){
return (fun) ? fun(this, event) : null;
}.bind(this));
}
},
_loadUserInterface: function(){
// if (this.form.json.mode == "Mobile"){
// this.node.empty();
// }else if (COMMON.Browser.Platform.isMobile){
// this.node.empty();
// }else{
this.loadPaging( true )
},
reload : function(){
this.loadPaging( false )
},
loadPaging : function( firstLoading ){
// this.pagingNode = this.node.getFirst("div");
// if( !this.pagingNode ){
// this.pagingNode = new Element("div").inject( this.node );
// }
// this.pagingNode.empty();
this.node.empty();
this.paging = new o2.widget.Paging(this.node, {
//style : this.options.skin && this.options.skin.pagingBar ? this.options.skin.pagingBar : "default",
countPerPage: this.view.json.pageSize || this.view.options.perPageCount,
visiblePages: layout.mobile?5:(this.json.visiblePages ? this.json.visiblePages.toInt() : 9),
currentPage: this.view.currentPage,
itemSize: this.view.count,
pageSize: this.view.pages,
hasNextPage: typeOf( this.json.hasPreNextPage ) === "boolean" ? this.json.hasPreNextPage : true,
hasPrevPage: typeOf( this.json.hasPreNextPage ) === "boolean" ? this.json.hasPreNextPage : true,
hasTruningBar: typeOf( this.json.hasTruningBar ) === "boolean" ? this.json.hasTruningBar : true,
hasBatchTuring: typeOf( this.json.hasBatchTuring ) === "boolean" ? this.json.hasBatchTuring : true,
hasFirstPage: typeOf( this.json.hasFirstLastPage ) === "boolean" ? this.json.hasFirstLastPage : (layout.mobile?false:true),
hasLastPage: typeOf( this.json.hasFirstLastPage ) === "boolean" ? this.json.hasFirstLastPage : (layout.mobile?false:true),
hasJumper: typeOf( this.json.hasPageJumper ) === "boolean" ? this.json.hasPageJumper : (layout.mobile?false:true),
hiddenWithDisable: false,
hiddenWithNoItem: true,
hasInfor: this.json.showPagingInfor,
inforPosition: this.json.pagingPosition,
inforTextStyle: this.json.textStyle,
useMainColor: this.options.useMainColor,
text: {
prePage: this.json.prePageText,
nextPage: this.json.nextPageText,
firstPage: this.json.firstPageText,
lastPage: this.json.lastPageText
},
onJumpingPage : function( pageNum, itemNum ){
this.view.currentPage = pageNum;
this.fireEvent("jump");
this.view.loadCurrentPageData( null, false );
}.bind(this),
onPostLoad : function () {
if( firstLoading ){
if(this.view.setContentHeightFun)this.view.setContentHeightFun();
this.fireEvent("load");
}
this.fireEvent("afterLoad");
}.bind(this)
}, this.json.pagingStyles || {});
this.paging.load();
}
});
MWF.xApplication.query.Query.Viewer.Exporter = new Class({
Implements: [Options, Events],
options: {
queryFlag: '',
viewFlag: '',
viewId: '',
exportType: 'both', //both all range
filterList: [],
parameter: {},
ignoreDialog: false,
allowSelectColumn: false
},
initialize: function (options, viewer) {
this.setOptions(options);
this.viewer = viewer;
this.lp = MWF.xApplication.query.Query.LP;
this.Macro = viewer ? viewer.Macro : new MWF.Macro.ViewContext(this);
},
exportView: function(){
this._getView().then(()=>{
this.lookup( function(){
if(this.options.ignoreDialog){
var total = this.getExportTotalCount();
var max = this.getExportMaxCount();
var end = Math.min( total, max );
this._doExportView(1, end);
}else{
this.showDialog();
}
}.bind(this))
})
},
getExportTotalCount: function(){
return this.count;
},
getExportMaxCount: function(){
return 2000;
},
showDialog: function(){
var _self = this;
var total = this.getExportTotalCount();
var max = this.getExportMaxCount();
var lp = this.lp.viewExport;
var node = this.exportExcelDlgNode = new Element("div");
const labelStyle = 'label-style="width:3.2vw;"';
const rangeHtml = !['both','range'].includes(this.options.exportType) ? '' : `
<div>
<oo-input ${labelStyle} type="number" label='${lp.exportRange}' class='start' value='${this.exportExcelStart || 1}'></oo-input>
<oo-input type="number" label='${lp.to}' class='end' value='${this.exportExcelEnd || Math.min( total, max )}'></oo-input>
<span>${lp.item}</span>
</div>
<div style="color: #666;">${ lp.description.replace("{count}", total )}</div>
`;
var html = `
<div style="display: flex; flex-direction: column; gap: 10px;padding: 20px">
<div>
<oo-input ${labelStyle} label='${lp.fileName}' class='filename' value='' style='width:100%'></oo-input><span>
</div>
${rangeHtml}
<div>
<div style="padding: 0.8em 1em; font-size: 1.14286rem; display: ${this.options.allowSelectColumn?'block':'none'};">选择列</div>
<div class="selector"></div>
</div>
</div>
`;
node.set("html", html);
if(this.options.allowSelectColumn){
this.loadSelector(node.querySelector('.selector'));
}
var check = function () {
if(this.value.length == 1){
this.value = this.value.replace(/[^1-9]/g,'')
}else{
this.value = this.value.replace(/\D/g,'')
}
if( this.value.toInt() > total ){
this.value = total;
}
}
node.getElement(".start")?.addEvent( "keyup", function(){ check.call(this) } );
node.getElement(".end")?.addEvent( "keyup", function(){ check.call(this) } );
const _setSelectedColumn = ()=>{
const selectedIds = this.selector.selectedItems.map(item=>item.data.id);
this.selectedColumns = this.viewJson.selectList.filter(d=>{
return selectedIds.includes(d.id);
})
}
let widthPc = layout.mobile ? '100%' : (this.options.allowSelectColumn ? '840' : '600');
let heightPc;
switch (this.options.exportType){
case 'both':
heightPc = this.options.allowSelectColumn ? '750' : '300'
break;
case 'all':
heightPc = this.options.allowSelectColumn ? '680' : '230';
break;
case 'range':
heightPc = this.options.allowSelectColumn ? '750' : '300';
break;
}
var dlg = o2.DL.open({
"title": this.lp.exportExcel,
"style": layout.mobile ? 'v10_mobile' : "v10",
"isResize": false,
"content": node,
"width": layout.mobile ? '100%' : widthPc,
"height" : layout.mobile ? '100%' : heightPc,
"buttonList": [
{
"type": "ok",
"text": lp.exportAll,
"action": function (d, e) {
var filename = node.getElement(".filename").get("value");
if(this.selector){
if(!this.selector.selectedItems.length){
MWF.xDesktop.notice("error", {"x": "left", "y": "top"}, lp.selectColumnNotice, node, {"x": 0, "y": 85});
return false;
}else{
_setSelectedColumn();
}
}
this._exportViewAll(filename, dlg);
}.bind(this)
},
{
"type": "ok",
"text": lp.exportByPaging,
"action": function (d, e) {
var start = node.getElement(".start").get("value");
var end = node.getElement(".end").get("value");
var filename = node.getElement(".filename").get("value");
if( !start || !end ){
MWF.xDesktop.notice("error", {"x": "left", "y": "top"}, lp.inputIntegerNotice, node, {"x": 0, "y": 85});
return false;
}
start = start.toInt();
end = end.toInt();
if( end < start ){
MWF.xDesktop.notice("error", {"x": "left", "y": "top"}, lp.startLargetThanEndNotice, node, {"x": 0, "y": 85});
return false;
}
if(this.selector){
if(!this.selector.selectedItems.length){
MWF.xDesktop.notice("error", {"x": "left", "y": "top"}, lp.selectColumnNotice, node, {"x": 0, "y": 85});
return false;
}else{
_setSelectedColumn();
}
}
this.exportExcelStart = start;
this.exportExcelEnd = end;
this._doExportView(start, end, filename);
dlg.close();
}.bind(this)
},
{
"type": "cancel",
"text": MWF.LP.process.button.cancel,
"action": function () { dlg.close(); }
}
].filter((obj, i)=>{
switch (i){
case 0: return ['both','all'].includes(this.options.exportType);
case 1: return ['both','range'].includes(this.options.exportType);
default: return true;
}
})
});
},
loadSelector: function (node) {
const selectList = this.viewJson.selectList.filter(c=>{
return c.hideColumn !== true && c.exportEnable !== false
})
o2.xDesktop.requireApp('Template', 'Selector.Custom', null, false);
var selector = new MWF.xApplication.Template.Selector.Custom(node, {
"style": layout.mobile ? "v10_mobile" : "v10_flow",
"embedded" : true,
"hasTop": true,
"selectableItems": selectList.map(d=>{
return {
name: d.displayName, id: d.id,
isItem: true, column: d
}
}),
"values": selectList.map(d=>d.id)
});
selector.load();
this.selector = selector;
},
_exportViewAll: function (filename, dlg){
MWF.require("MWF.widget.Mask", null, false);
var mask = new MWF.widget.Mask({"style": "desktop", "loading": true});
mask.loadNode(dlg.node);
o2.Actions.load('x_query_assemble_surface').ViewAction.excel(this.json.id, {
filterList: this.options.filterList,
parameter: this.options.parameter,
searchKey: this.options.searchKey,
orderList: this.orderList,
selectList: this.selectedColumns || null,
excelName: filename || null
},function(json){
const action = o2.Actions.load('x_query_assemble_surface').ViewAction.action;
var uri = action.actions.excelResult.uri;
uri = uri.replace("{flag}", json.data.id);
uri = o2.filterUrl( action.address+uri );
MWF.ExcelUtilsV2.openDownloadDialog(uri, filename, function (){
mask.hide()
if(dlg)dlg.close();
})
})
},
_getView: function (callback) {
if(this.getViewRes){
return this.getViewRes;
}
if(this.options.viewId){
this.getViewRes = o2.Actions.load("x_query_assemble_surface").ViewAction.get(this.options.viewId, function(json){
this.viewJson = JSON.decode(json.data.data);
this.json = json.data;
this.json.application = json.data.query;
if (callback) callback();
}.bind(this));
}else{
this.getViewRes = o2.Actions.load("x_query_assemble_surface").ViewAction.getWithQuery(
this.options.viewFlag,
this.options.queryFlag,
function (json) {
this.json = json.data;
this.viewJson = JSON.decode(json.data.data);
if (callback) callback();
}.bind(this)
);
}
return this.getViewRes;
},
_doExportView: function(start, end, filename){
Promise.resolve(this.loadExportData(start, end)).then(function (data) {
var excelName;
if( this.options.ignoreDialog ){
excelName = this.json.name;
}else{
excelName = filename || (this.json.name + "(" + start + "-" + end + ")");
}
this.viewer.createLoadding();
var exportArray = [];
var titleArray = [];
var colWidthArr = [];
var dateIndexArray = [];
var numberIndexArray = [];
var totalArray = [];
var idx = 0;
if (this.viewJson.isSequence === "yes") {
titleArray.push( this.lp.sequence );
colWidthArr.push(100);
totalArray.push('');
idx = idx + 1;
}
const selectList = this.selectedColumns || this.viewJson.selectList;
selectList.each(function (c, k) {
if ( c.hideColumn !== true && c.exportEnable !== false) {
titleArray.push(c.displayName);
colWidthArr.push(c.exportWidth || 200);
//var column = c.column.toLowerCase();
//if( column.contains('date') || column.contains('time') )dateIndexArray.push(idx);
if( c.isTime )dateIndexArray.push(idx);
if( c.isNumber )numberIndexArray.push(idx);
totalArray.push( ['number', 'count'].contains(c.total) ? new Decimal(0) : '' );
idx++;
}
}.bind(this));
exportArray.push(titleArray);
var rowIndex = 0;
data.each(function (d, i) {
rowIndex = rowIndex + 1;
var columnIndex = 0;
var dataArray = [];
if (this.viewJson.isSequence === "yes") {
dataArray.push( (start-1)+rowIndex );
columnIndex++;
columnIndex++;
}
selectList.each(function (c, i) {
if ( c.hideColumn !== true && c.exportEnable !== false) {
var text = this.getExportText(c, c.column, d.data);
dataArray.push( text );
switch (c.total){
case 'number':
if( parseFloat(text).toString() !== "NaN" ) { //可以转成数字
totalArray[columnIndex] = totalArray[columnIndex].plus(text);
}
break;
case 'count':
totalArray[columnIndex] = totalArray[columnIndex].plus(1);
break;
}
columnIndex++;
}
}.bind(this));
//exportRow事件
var argu = {"index":rowIndex, "source": d, "data":dataArray};
this.viewer?.fireEvent("exportRow", [argu]);
this.fireEvent("exportRow", [argu]);
exportArray.push( argu.data || dataArray );
}.bind(this));
var hasTotal = false;
totalArray = totalArray.map(function (d){
if( d ){
hasTotal = true;
return d.toString();
}else{
return '';
}
});
if( hasTotal ){
totalArray[0] = MWF.xApplication.query.Query.LP.total + " " + totalArray[0];
exportArray.push( totalArray );
}
var headTextScript = this.viewJson.exportHeadText;
var headText = headTextScript ? this.Macro.exec(headTextScript, this) : '';
var headStyleScript = this.viewJson.exportHeadStyle;
var headStyle = headStyleScript ? this.Macro.exec(headStyleScript, this) : null;
var titleStyleScript = this.viewJson.exportColumnTitleStyle;
var titleStyle = titleStyleScript ? this.Macro.exec(titleStyleScript, this) : null;
var contentStyleScript = this.viewJson.exportColumnContentStyle;
var contentStyle = contentStyleScript ? this.Macro.exec(contentStyleScript, this) : null;
//export事件
var arg = {
headText: headText,
headStyle: headStyle,
titleStyle: titleStyle,
contentStyle: contentStyle,
data : exportArray,
colWidthArray : colWidthArr,
title : excelName
};
this.viewer?.fireEvent("export", [arg]);
this.fireEvent("export", [arg]);
if (this.viewer?.loadingAreaNode) {
this.viewer.loadingAreaNode.destroy();
this.viewer.loadingAreaNode = null;
}
const options = {
hasTitle: true,
headText: arg.headText,
sheetName: "",
colWidthArr: arg.colWidthArray || colWidthArr,
dateIndexArray: dateIndexArray,
numberIndexArray: numberIndexArray,
offsetRowIndex: 0,
offsetColumnIndex: 0,
startAddress: '' //如 H12
};
if(arg.headStyle)options.headStyle = arg.headStyle;
if(arg.columnTitleStyle)options.columnTitleStyle = arg.titleStyle;
if(arg.columnContentStyle)options.columnContentStyle = arg.contentStyle;
new MWF.ExcelExporter({
fileName: excelName,
worksheet: [options]
}).execute([arg.data || exportArray]);
}.bind(this))
},
lookup: function( callback ){
var p = o2.Actions.load('x_query_assemble_surface').ViewAction.executeV2(this.json.id, 1, 1, {
filterList: this.options.filterList,
parameter: this.options.parameter,
searchKey: this.options.searchKey
})
return Promise.resolve( p ).then(function (json) {
this.count = json.count;
if(callback)callback();
}.bind(this));
},
loadExportData: function(start, end, callback){
start = start - 1;
var differ = end - start;
var count;
if( differ < 10000 ){
count = differ;
}else{
count = 10000;
}
var page = Math.floor( start / count ) + 1;
var startIndex = start % count;
var endIndex = end % count;
var loaded = (page - 1)*count;
var list = [];
do{
var promise = o2.Actions.load('x_query_assemble_surface').ViewAction.executeV2(this.json.id, page, count, {
filterList: this.options.filterList,
parameter: this.options.parameter,
searchKey: this.options.searchKey,
orderList: this.orderList,
selectList: this.selectedColumns || null
})
list.push(promise);
loaded = loaded + count;
page = page + 1;
}while( end > loaded );
var result = [];
return Promise.all( list ).then(function (arr) {
arr.each(function (json, i) {
var data = json.data.grid;
var length = json.count;
if( i === 0 && i === list.length - 1 ){
data.splice( 0, startIndex );
if( length > endIndex && endIndex > 0 ){
data.splice( endIndex - startIndex , length - endIndex );
}
}else if( i === 0 ){
data.splice( 0, startIndex );
}else if( i=== list.length - 1 ){
if( length > endIndex && endIndex > 0 )data.splice( endIndex, length - endIndex );
}
result.push(...data);
});
if( callback )callback(result);
return result;
});
},
getExportText: function(column, key, data){
var text = data[key];
switch (typeOf(text)){
case 'string':
return text;
case 'array':
return text.join(',');
default:
return text;
}
}
})
// MWF.xDesktop.requireApp("Template", "utils.ExcelUtilsV2", null, false);
// MWF.xApplication.query.Query.Viewer.ExcelUtils = new Class({
// Extends: MWF.xApplication.Template.utils.ExcelUtils
// });
source