11 changed files with 957 additions and 1 deletions
@ -1,3 +1,13 @@
|
||||
# bi-demo-save-value |
||||
|
||||
自动保存BI仪表板的上一次筛选值 |
||||
插件功能为保存常用选择查询参数.类似于FineReport的常用参数功能 |
||||
|
||||
## Example Points |
||||
|
||||
1. 组件实例 http://fanruan.design/fineui-doc/index.html#/docs/learn/instance |
||||
2. 事件机制 http://fanruan.design/fineui-doc/index.html#/docs/learn/event |
||||
3. 弹出层使用 http://fanruan.design/fineui-doc/index.html#/docs/components/popups |
||||
4. 逻辑列表 http://fanruan.design/fineui-doc/index.html#/docs/components/group |
||||
|
||||
## 效果预览 |
||||
 |
||||
@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?> |
||||
<plugin> |
||||
<id>com.finebi.plugin.save_bi_param</id> |
||||
<name><![CDATA[保存BI仪表板参数]]></name> |
||||
<active>yes</active> |
||||
<version>1.0</version> |
||||
<env-version>10.0</env-version> |
||||
<jartime>2018-07-31</jartime> |
||||
<vendor>dailer</vendor> |
||||
<description><![CDATA[保存BI仪表板参数]]></description> |
||||
<extra-decision> |
||||
<AbstractWebResourceProvider class="com.finbebi.plugin.BiParamsSave"/> |
||||
</extra-decision> |
||||
<function-recorder class="com.finebi.plugin.BiParamsSave"/> |
||||
<main-package>com.finebi</main-package> |
||||
</plugin> |
||||
|
After Width: | Height: | Size: 876 KiB |
@ -0,0 +1,25 @@
|
||||
package com.finebi.plugin; |
||||
|
||||
import com.fr.decision.fun.impl.AbstractWebResourceProvider; |
||||
import com.finebi.conf.internalimp.component.ReportComponent; |
||||
import com.fr.intelli.record.Focus; |
||||
import com.fr.intelli.record.Original; |
||||
import com.fr.record.analyzer.EnableMetrics; |
||||
import com.fr.web.struct.Atom; |
||||
|
||||
/** |
||||
* Created by dailer on 19/5/22. |
||||
*/ |
||||
public class BiParamSave extends AbstractWebResourceProvider { |
||||
|
||||
|
||||
@Override |
||||
public Atom attach() { |
||||
return BiParamSaveComponent.KEY; |
||||
} |
||||
|
||||
@Override |
||||
public Atom client() { |
||||
return BiParamSaveComponent.KEY; |
||||
} |
||||
} |
||||
@ -0,0 +1,30 @@
|
||||
package com.finebi.plugin; |
||||
|
||||
import com.fr.plugin.transform.FunctionRecorder; |
||||
import com.fr.web.struct.Component; |
||||
import com.fr.web.struct.category.ParserType; |
||||
import com.fr.web.struct.category.ScriptPath; |
||||
import com.fr.web.struct.category.StylePath; |
||||
|
||||
/** |
||||
* Created by dailer on 19/5/22. |
||||
*/ |
||||
@FunctionRecorder |
||||
public class BiParamSaveComponent extends Component { |
||||
|
||||
public static final BiParamSaveComponent KEY = new BiParamSaveComponent(); |
||||
|
||||
private BiParamSaveComponent() { |
||||
|
||||
} |
||||
|
||||
@Override |
||||
public ScriptPath script() { |
||||
return ScriptPath.build("com/finebi/plugin/web/save_param.js"); |
||||
} |
||||
|
||||
@Override |
||||
public StylePath style() { |
||||
return StylePath.build("com/finebi/plugin/web/save_param.css", ParserType.DYNAMIC); |
||||
} |
||||
} |
||||
@ -0,0 +1,437 @@
|
||||
!(function () { |
||||
var List = BI.inherit(BI.Widget, { |
||||
|
||||
/** |
||||
* 使用fineui内置控件展示单选列表,列表选择项发生改变时候触发 EVENT_CHANGE 事件 |
||||
*/ |
||||
render: function () { |
||||
var self = this; |
||||
return { |
||||
type: "bi.button_group", |
||||
ref: function (_ref) { |
||||
self.list = _ref; |
||||
}, |
||||
items: this._createItems(this.options.items, this.options.value), |
||||
layouts: [ |
||||
{ |
||||
type: "bi.vertical", |
||||
bgap: 5 |
||||
} |
||||
], |
||||
listeners: [ |
||||
{ |
||||
eventName: "EVENT_CHANGE", |
||||
action: function (v) { |
||||
self.fireEvent("EVENT_CHANGE", v); |
||||
} |
||||
} |
||||
] |
||||
}; |
||||
}, |
||||
|
||||
_createItems: function (items, value) { |
||||
return BI.map(items, function (index, item) { |
||||
return { |
||||
type: "bi.single_select_radio_item", |
||||
text: item.text, |
||||
value: item.value, |
||||
selected: item.value === value |
||||
}; |
||||
}); |
||||
}, |
||||
|
||||
populate: function (items, value) { |
||||
this.list.populate(this._createItems(items, value)); |
||||
} |
||||
}); |
||||
BI.shortcut("demo.list", List); |
||||
}()); |
||||
|
||||
!(function () { |
||||
|
||||
|
||||
var WIDTH = 80; |
||||
var HEIGHT = 50; |
||||
var EDITOR_WIDTH = 360; |
||||
|
||||
var Popup = BI.inherit(BI.Widget, { |
||||
|
||||
|
||||
render: function () { |
||||
|
||||
// 暂存两个状态
|
||||
this.params = this.options.params; |
||||
|
||||
this.selectedParam = this.options.selectedParam; |
||||
|
||||
|
||||
return { |
||||
el: { |
||||
type: "bi.vtape", |
||||
tgap: -10, |
||||
items: [ |
||||
{ |
||||
el: this._createCenter() |
||||
}, { |
||||
el: this._createSouth(), |
||||
height: 44 |
||||
} |
||||
] |
||||
} |
||||
}; |
||||
}, |
||||
|
||||
|
||||
/** |
||||
* 创建底部的两个按钮, |
||||
* @private |
||||
*/ |
||||
_createSouth: function () { |
||||
var self = this, o = this.options; |
||||
var sure = BI.createWidget({ |
||||
type: "bi.button", |
||||
ref: function (_ref) { |
||||
self.sure = _ref; |
||||
}, |
||||
text: BI.i18nText("BI-Basic_Sure"), |
||||
warningTitle: o.warningTitle, |
||||
height: 24, |
||||
handler: function () { |
||||
self.end(); |
||||
} |
||||
}); |
||||
var cancel = BI.createWidget({ |
||||
type: "bi.button", |
||||
ref: function (_ref) { |
||||
self.cancel = _ref; |
||||
}, |
||||
text: BI.i18nText("BI-Basic_Cancel"), |
||||
height: 24, |
||||
level: "ignore", |
||||
handler: function () { |
||||
self.close(); |
||||
} |
||||
}); |
||||
return { |
||||
type: "bi.right_vertical_adapt", |
||||
lgap: 10, |
||||
items: [cancel, sure] |
||||
}; |
||||
}, |
||||
|
||||
/** |
||||
* 创建主体区域 |
||||
* @private |
||||
*/ |
||||
_createCenter: function () { |
||||
var self = this, o = this.options; |
||||
|
||||
var name = BI.createWidget({ |
||||
type: "bi.text_editor", |
||||
ref: function (_ref) { |
||||
self.name = _ref; |
||||
}, |
||||
watermark: BI.i18nText("输入过滤名称后点击添加"), |
||||
width: EDITOR_WIDTH, |
||||
height: 24, |
||||
listeners: [ |
||||
{ |
||||
eventName: "EVENT_CHANGE", |
||||
action: function (v) { |
||||
|
||||
} |
||||
} |
||||
] |
||||
}); |
||||
|
||||
var add = { |
||||
type: "bi.icon_button", |
||||
ref: function (_ref) { |
||||
self.add = _ref; |
||||
}, |
||||
title: BI.i18nText("添加"), |
||||
cls: "add-pack-font", |
||||
width: 24, |
||||
height: 24, |
||||
handler: function () { |
||||
self._addParams(); |
||||
} |
||||
}; |
||||
|
||||
var deleteButton = { |
||||
type: "bi.icon_button", |
||||
ref: function (_ref) { |
||||
self.deleteButton = _ref; |
||||
}, |
||||
title: BI.i18nText("删除参数"), |
||||
cls: "delete-font", |
||||
width: 24, |
||||
height: 24, |
||||
handler: function () { |
||||
self._deleteParams(); |
||||
} |
||||
}; |
||||
|
||||
|
||||
return { |
||||
type: "bi.vertical", |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.vertical_adapt", |
||||
height: HEIGHT, |
||||
items: [name, add, deleteButton] |
||||
}, |
||||
tgap: 10 |
||||
}, { |
||||
type: "demo.list", |
||||
ref: function (_ref) { |
||||
self.list = _ref; |
||||
}, |
||||
value: this.selectedParam, |
||||
items: this.params, |
||||
/** |
||||
* 这里对自定义的参数列表组件注册了一个事件,用来监听参数列表选中状态的改变 |
||||
*/ |
||||
listeners: [ |
||||
{ |
||||
eventName: "EVENT_CHANGE", |
||||
action: function (v) { |
||||
self.selectedParam = v; |
||||
} |
||||
} |
||||
] |
||||
} |
||||
] |
||||
}; |
||||
}, |
||||
|
||||
/** |
||||
* 添加一个参数 |
||||
* @private |
||||
*/ |
||||
_addParams: function () { |
||||
var name = this.name.getValue(); |
||||
if (name === "") { |
||||
BI.Msg.toast("请输入有效的参数名", { |
||||
level: "error" |
||||
}); |
||||
return; |
||||
} |
||||
if (BI.some(this.params, function (index, param) { |
||||
return param.value === name; |
||||
})) { |
||||
BI.Msg.toast("参数名不能重复", { |
||||
level: "error" |
||||
}); |
||||
return; |
||||
} |
||||
this.params.push({ |
||||
text: name, |
||||
value: name |
||||
}); |
||||
this.selectedParam = name; |
||||
this.list.populate(this.params, name); |
||||
}, |
||||
|
||||
/** |
||||
* 删除一个参数,触发 EVENT_DELETE 事件 |
||||
* @private |
||||
*/ |
||||
_deleteParams: function () { |
||||
var selectedParam = this.selectedParam; |
||||
var params = BI.filter(this.params, function (index, param) { |
||||
return param.value !== selectedParam; |
||||
}); |
||||
this.selectedParam = params.length > 0 ? params[0].value : null; |
||||
this.params = params; |
||||
this.list.populate(this.params, this.selectedParam); |
||||
this.fireEvent("EVENT_DELETE", selectedParam, this.selectedParam); |
||||
}, |
||||
|
||||
/** |
||||
* 触发面板关闭事件 |
||||
*/ |
||||
close: function () { |
||||
this.fireEvent("EVENT_CANCEL"); |
||||
}, |
||||
|
||||
/** |
||||
* 先触发面板确认事件,再触发关闭事件 |
||||
*/ |
||||
end: function () { |
||||
this.fireEvent("EVENT_CONFIRM", this.selectedParam); |
||||
this.close(); |
||||
} |
||||
}); |
||||
|
||||
Popup.EVENT_CLICK_CONFIRM = "EVENT_CONFIRM"; |
||||
BI.shortcut("bi.plugin.save_params", Popup); |
||||
}()); |
||||
|
||||
|
||||
!(function (username, reportId) { |
||||
var _localKey = "bi_plugin_save_params"; |
||||
var _saveList = [ |
||||
BICst.DESIGN.WIDGET.DATE_PANE, |
||||
BICst.DESIGN.WIDGET.DATE_INTERVAL, |
||||
BICst.DESIGN.WIDGET.YEAR, |
||||
BICst.DESIGN.WIDGET.QUARTER, |
||||
BICst.DESIGN.WIDGET.MONTH, |
||||
BICst.DESIGN.WIDGET.DATE, |
||||
BICst.DESIGN.WIDGET.YEAR_MONTH_INTERVAL, |
||||
|
||||
BICst.DESIGN.WIDGET.STRING, |
||||
BICst.DESIGN.WIDGET.NUMBER, |
||||
BICst.DESIGN.WIDGET.TREE, |
||||
BICst.DESIGN.WIDGET.SINGLE_SLIDER, |
||||
BICst.DESIGN.WIDGET.INTERVAL_SLIDER |
||||
]; |
||||
|
||||
var cacheData = getLocalStorageData(); |
||||
initLocalStorage(); |
||||
var currReportData = getCurrentReportStorageData(); |
||||
|
||||
function save (name) { |
||||
var cacheWidgets = {}; |
||||
var filterName = name; |
||||
var widgets = BI.designData.widgets; |
||||
BI.each(widgets, function (key, widget) { |
||||
if (BI.contains(_saveList, widget.type)) { |
||||
cacheWidgets[key] = widget.value; |
||||
} |
||||
}); |
||||
cacheData[username][reportId].selectedParam = filterName; |
||||
cacheData[username][reportId].data[filterName] = cacheWidgets; |
||||
updateLocalStorageData(cacheData); |
||||
} |
||||
|
||||
function deleteParam (name, newSelectedParam) { |
||||
delete currReportData.data[name]; |
||||
currReportData.selectedParam = newSelectedParam; |
||||
updateLocalStorageData(cacheData); |
||||
} |
||||
|
||||
function getParams () { |
||||
return BI.map(currReportData.data, function (key, data) { |
||||
return { |
||||
text: key, |
||||
value: key |
||||
}; |
||||
}); |
||||
} |
||||
|
||||
function patchDesignData () { |
||||
var cacheWidgets = getCurrentReportStorageData(); |
||||
var selectedParam = cacheWidgets.selectedParam; |
||||
var data = cacheWidgets.data[selectedParam] || {}; |
||||
BI.each(BI.designData.widgets, function (key, widget) { |
||||
if (data[key]) { |
||||
BI.deepExtend(widget.value, data[key]); |
||||
} |
||||
}); |
||||
} |
||||
|
||||
function getCurrentReportStorageData () { |
||||
return cacheData[username][reportId] || {}; |
||||
} |
||||
|
||||
function initLocalStorage () { |
||||
var needUpdate = false; |
||||
if (BI.isNull(cacheData)) { |
||||
cacheData = {}; |
||||
needUpdate = true; |
||||
} |
||||
if (BI.isNull(cacheData[username])) { |
||||
cacheData[username] = {}; |
||||
needUpdate = true; |
||||
} |
||||
if (BI.isNull(cacheData[username][reportId])) { |
||||
cacheData[username][reportId] = { |
||||
selectedParam: null, |
||||
data: {} |
||||
}; |
||||
needUpdate = true; |
||||
} |
||||
needUpdate && updateLocalStorageData(cacheData); |
||||
} |
||||
|
||||
function getLocalStorageData () { |
||||
return JSON.parse(localStorage.getItem(_localKey)); |
||||
} |
||||
|
||||
function updateLocalStorageData (data) { |
||||
localStorage.setItem(_localKey, JSON.stringify(data)); |
||||
} |
||||
|
||||
|
||||
patchDesignData(); |
||||
|
||||
|
||||
// 上边的是一些操作localStorage 的方法,可不看
|
||||
|
||||
|
||||
/** |
||||
* 接受的参数为模板存储的过滤添加和生效的过滤条件 |
||||
* 创建的弹出面板,注意这里监听了组件的三个事件.取消事件,确认事件,删除事件 |
||||
*/ |
||||
var pane = { |
||||
type: "bi.plugin.save_params", |
||||
params: getParams(), |
||||
selectedParam: currReportData.selectedParam, |
||||
listeners: [ |
||||
{ |
||||
eventName: "EVENT_CANCEL", |
||||
action: function () { |
||||
BI.Popovers.remove("bi-plugin-save-params"); |
||||
} |
||||
}, { |
||||
eventName: "EVENT_CONFIRM", |
||||
action: function (name) { |
||||
save(name); |
||||
} |
||||
}, { |
||||
eventName: "EVENT_DELETE", |
||||
action: function (name, newSelectedParam) { |
||||
deleteParam(name, newSelectedParam); |
||||
} |
||||
} |
||||
] |
||||
}; |
||||
|
||||
// 在无接口提供条件下的处理方式
|
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: "#wrapper", |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.button", |
||||
text: "默认参数设定", |
||||
cls: "bi-plugin-save-params-button history-filter-font", |
||||
handler: function () { |
||||
BI.Popovers.create("bi-plugin-save-params", { |
||||
type: "bi.popover", |
||||
header: "默认参数设定", |
||||
body: pane, |
||||
width: 450, |
||||
height: 240, |
||||
listeners: [ |
||||
{ |
||||
eventName: "EVENT_CLOSE", |
||||
action: function () { |
||||
BI.Popovers.remove("bi-plugin-save-params"); |
||||
} |
||||
} |
||||
] |
||||
}).open("bi-plugin-save-params"); |
||||
} |
||||
}, |
||||
right: 10, |
||||
top: 3 |
||||
} |
||||
] |
||||
}); |
||||
}(BI.personal.username, BI.designData.reportId)); |
||||
|
||||
|
||||
@ -0,0 +1,3 @@
|
||||
.bi-plugin-save-params-button { |
||||
z-index: 1; |
||||
} |
||||
@ -0,0 +1,48 @@
|
||||
!(function () { |
||||
var List = BI.inherit(BI.Widget, { |
||||
|
||||
/** |
||||
* 使用fineui内置控件展示单选列表,列表选择项发生改变时候触发 EVENT_CHANGE 事件 |
||||
*/ |
||||
render: function () { |
||||
var self = this; |
||||
return { |
||||
type: "bi.button_group", |
||||
ref: function (_ref) { |
||||
self.list = _ref; |
||||
}, |
||||
items: this._createItems(this.options.items, this.options.value), |
||||
layouts: [ |
||||
{ |
||||
type: "bi.vertical", |
||||
bgap: 5 |
||||
} |
||||
], |
||||
listeners: [ |
||||
{ |
||||
eventName: "EVENT_CHANGE", |
||||
action: function (v) { |
||||
self.fireEvent("EVENT_CHANGE", v); |
||||
} |
||||
} |
||||
] |
||||
}; |
||||
}, |
||||
|
||||
_createItems: function (items, value) { |
||||
return BI.map(items, function (index, item) { |
||||
return { |
||||
type: "bi.single_select_radio_item", |
||||
text: item.text, |
||||
value: item.value, |
||||
selected: item.value === value |
||||
}; |
||||
}); |
||||
}, |
||||
|
||||
populate: function (items, value) { |
||||
this.list.populate(this._createItems(items, value)); |
||||
} |
||||
}); |
||||
BI.shortcut("demo.list", List); |
||||
}()); |
||||
@ -0,0 +1,221 @@
|
||||
!(function () { |
||||
|
||||
|
||||
var WIDTH = 80; |
||||
var HEIGHT = 50; |
||||
var EDITOR_WIDTH = 360; |
||||
|
||||
var Popup = BI.inherit(BI.Widget, { |
||||
|
||||
|
||||
render: function () { |
||||
|
||||
// 暂存两个状态
|
||||
this.params = this.options.params; |
||||
|
||||
this.selectedParam = this.options.selectedParam; |
||||
|
||||
|
||||
return { |
||||
el: { |
||||
type: "bi.vtape", |
||||
tgap: -10, |
||||
items: [ |
||||
{ |
||||
el: this._createCenter() |
||||
}, { |
||||
el: this._createSouth(), |
||||
height: 44 |
||||
} |
||||
] |
||||
} |
||||
}; |
||||
}, |
||||
|
||||
|
||||
/** |
||||
* 创建底部的两个按钮, |
||||
* @private |
||||
*/ |
||||
_createSouth: function () { |
||||
var self = this, o = this.options; |
||||
var sure = BI.createWidget({ |
||||
type: "bi.button", |
||||
ref: function (_ref) { |
||||
self.sure = _ref; |
||||
}, |
||||
text: BI.i18nText("BI-Basic_Sure"), |
||||
warningTitle: o.warningTitle, |
||||
height: 24, |
||||
handler: function () { |
||||
self.end(); |
||||
} |
||||
}); |
||||
var cancel = BI.createWidget({ |
||||
type: "bi.button", |
||||
ref: function (_ref) { |
||||
self.cancel = _ref; |
||||
}, |
||||
text: BI.i18nText("BI-Basic_Cancel"), |
||||
height: 24, |
||||
level: "ignore", |
||||
handler: function () { |
||||
self.close(); |
||||
} |
||||
}); |
||||
return { |
||||
type: "bi.right_vertical_adapt", |
||||
lgap: 10, |
||||
items: [cancel, sure] |
||||
}; |
||||
}, |
||||
|
||||
/** |
||||
* 创建主体区域 |
||||
* @private |
||||
*/ |
||||
_createCenter: function () { |
||||
var self = this, o = this.options; |
||||
|
||||
var name = BI.createWidget({ |
||||
type: "bi.text_editor", |
||||
ref: function (_ref) { |
||||
self.name = _ref; |
||||
}, |
||||
watermark: BI.i18nText("输入过滤名称后点击添加"), |
||||
width: EDITOR_WIDTH, |
||||
height: 24, |
||||
listeners: [ |
||||
{ |
||||
eventName: "EVENT_CHANGE", |
||||
action: function (v) { |
||||
|
||||
} |
||||
} |
||||
] |
||||
}); |
||||
|
||||
var add = { |
||||
type: "bi.icon_button", |
||||
ref: function (_ref) { |
||||
self.add = _ref; |
||||
}, |
||||
title: BI.i18nText("添加"), |
||||
cls: "add-pack-font", |
||||
width: 24, |
||||
height: 24, |
||||
handler: function () { |
||||
self._addParams(); |
||||
} |
||||
}; |
||||
|
||||
var deleteButton = { |
||||
type: "bi.icon_button", |
||||
ref: function (_ref) { |
||||
self.deleteButton = _ref; |
||||
}, |
||||
title: BI.i18nText("删除参数"), |
||||
cls: "delete-font", |
||||
width: 24, |
||||
height: 24, |
||||
handler: function () { |
||||
self._deleteParams(); |
||||
} |
||||
}; |
||||
|
||||
|
||||
return { |
||||
type: "bi.vertical", |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.vertical_adapt", |
||||
height: HEIGHT, |
||||
items: [name, add, deleteButton] |
||||
}, |
||||
tgap: 10 |
||||
}, { |
||||
type: "demo.list", |
||||
ref: function (_ref) { |
||||
self.list = _ref; |
||||
}, |
||||
value: this.selectedParam, |
||||
items: this.params, |
||||
/** |
||||
* 这里对自定义的参数列表组件注册了一个事件,用来监听参数列表选中状态的改变 |
||||
*/ |
||||
listeners: [ |
||||
{ |
||||
eventName: "EVENT_CHANGE", |
||||
action: function (v) { |
||||
self.selectedParam = v; |
||||
} |
||||
} |
||||
] |
||||
} |
||||
] |
||||
}; |
||||
}, |
||||
|
||||
/** |
||||
* 添加一个参数 |
||||
* @private |
||||
*/ |
||||
_addParams: function () { |
||||
var name = this.name.getValue(); |
||||
if (name === "") { |
||||
BI.Msg.toast("请输入有效的参数名", { |
||||
level: "error" |
||||
}); |
||||
return; |
||||
} |
||||
if (BI.some(this.params, function (index, param) { |
||||
return param.value === name; |
||||
})) { |
||||
BI.Msg.toast("参数名不能重复", { |
||||
level: "error" |
||||
}); |
||||
return; |
||||
} |
||||
this.params.push({ |
||||
text: name, |
||||
value: name |
||||
}); |
||||
this.selectedParam = name; |
||||
this.list.populate(this.params, name); |
||||
}, |
||||
|
||||
/** |
||||
* 删除一个参数,触发 EVENT_DELETE 事件 |
||||
* @private |
||||
*/ |
||||
_deleteParams: function () { |
||||
var selectedParam = this.selectedParam; |
||||
var params = BI.filter(this.params, function (index, param) { |
||||
return param.value !== selectedParam; |
||||
}); |
||||
this.selectedParam = params.length > 0 ? params[0].value : null; |
||||
this.params = params; |
||||
this.list.populate(this.params, this.selectedParam); |
||||
this.fireEvent("EVENT_DELETE", selectedParam, this.selectedParam); |
||||
}, |
||||
|
||||
/** |
||||
* 触发面板关闭事件 |
||||
*/ |
||||
close: function () { |
||||
this.fireEvent("EVENT_CANCEL"); |
||||
}, |
||||
|
||||
/** |
||||
* 先触发面板确认事件,再触发关闭事件 |
||||
*/ |
||||
end: function () { |
||||
this.fireEvent("EVENT_CONFIRM", this.selectedParam); |
||||
this.close(); |
||||
} |
||||
}); |
||||
|
||||
Popup.EVENT_CLICK_CONFIRM = "EVENT_CONFIRM"; |
||||
BI.shortcut("bi.plugin.save_params", Popup); |
||||
}()); |
||||
@ -0,0 +1,166 @@
|
||||
|
||||
!(function (username, reportId) { |
||||
var _localKey = "bi_plugin_save_params"; |
||||
var _saveList = [ |
||||
BICst.DESIGN.WIDGET.DATE_PANE, |
||||
BICst.DESIGN.WIDGET.DATE_INTERVAL, |
||||
BICst.DESIGN.WIDGET.YEAR, |
||||
BICst.DESIGN.WIDGET.QUARTER, |
||||
BICst.DESIGN.WIDGET.MONTH, |
||||
BICst.DESIGN.WIDGET.DATE, |
||||
BICst.DESIGN.WIDGET.YEAR_MONTH_INTERVAL, |
||||
|
||||
BICst.DESIGN.WIDGET.STRING, |
||||
BICst.DESIGN.WIDGET.NUMBER, |
||||
BICst.DESIGN.WIDGET.TREE, |
||||
BICst.DESIGN.WIDGET.SINGLE_SLIDER, |
||||
BICst.DESIGN.WIDGET.INTERVAL_SLIDER |
||||
]; |
||||
|
||||
var cacheData = getLocalStorageData(); |
||||
initLocalStorage(); |
||||
var currReportData = getCurrentReportStorageData(); |
||||
|
||||
function save (name) { |
||||
var cacheWidgets = {}; |
||||
var filterName = name; |
||||
var widgets = BI.designData.widgets; |
||||
BI.each(widgets, function (key, widget) { |
||||
if (BI.contains(_saveList, widget.type)) { |
||||
cacheWidgets[key] = widget.value; |
||||
} |
||||
}); |
||||
cacheData[username][reportId].selectedParam = filterName; |
||||
cacheData[username][reportId].data[filterName] = cacheWidgets; |
||||
updateLocalStorageData(cacheData); |
||||
} |
||||
|
||||
function deleteParam (name, newSelectedParam) { |
||||
delete currReportData.data[name]; |
||||
currReportData.selectedParam = newSelectedParam; |
||||
updateLocalStorageData(cacheData); |
||||
} |
||||
|
||||
function getParams () { |
||||
return BI.map(currReportData.data, function (key, data) { |
||||
return { |
||||
text: key, |
||||
value: key |
||||
}; |
||||
}); |
||||
} |
||||
|
||||
function patchDesignData () { |
||||
var cacheWidgets = getCurrentReportStorageData(); |
||||
var selectedParam = cacheWidgets.selectedParam; |
||||
var data = cacheWidgets.data[selectedParam] || {}; |
||||
BI.each(BI.designData.widgets, function (key, widget) { |
||||
if (data[key]) { |
||||
BI.deepExtend(widget.value, data[key]); |
||||
} |
||||
}); |
||||
} |
||||
|
||||
function getCurrentReportStorageData () { |
||||
return cacheData[username][reportId] || {}; |
||||
} |
||||
|
||||
function initLocalStorage () { |
||||
var needUpdate = false; |
||||
if (BI.isNull(cacheData)) { |
||||
cacheData = {}; |
||||
needUpdate = true; |
||||
} |
||||
if (BI.isNull(cacheData[username])) { |
||||
cacheData[username] = {}; |
||||
needUpdate = true; |
||||
} |
||||
if (BI.isNull(cacheData[username][reportId])) { |
||||
cacheData[username][reportId] = { |
||||
selectedParam: null, |
||||
data: {} |
||||
}; |
||||
needUpdate = true; |
||||
} |
||||
needUpdate && updateLocalStorageData(cacheData); |
||||
} |
||||
|
||||
function getLocalStorageData () { |
||||
return JSON.parse(localStorage.getItem(_localKey)); |
||||
} |
||||
|
||||
function updateLocalStorageData (data) { |
||||
localStorage.setItem(_localKey, JSON.stringify(data)); |
||||
} |
||||
|
||||
|
||||
patchDesignData(); |
||||
|
||||
|
||||
// 上边的是一些操作localStorage 的方法,可不看
|
||||
|
||||
|
||||
/** |
||||
* 接受的参数为模板存储的过滤添加和生效的过滤条件 |
||||
* 创建的弹出面板,注意这里监听了组件的三个事件.取消事件,确认事件,删除事件 |
||||
*/ |
||||
var pane = { |
||||
type: "bi.plugin.save_params", |
||||
params: getParams(), |
||||
selectedParam: currReportData.selectedParam, |
||||
listeners: [ |
||||
{ |
||||
eventName: "EVENT_CANCEL", |
||||
action: function () { |
||||
BI.Popovers.remove("bi-plugin-save-params"); |
||||
} |
||||
}, { |
||||
eventName: "EVENT_CONFIRM", |
||||
action: function (name) { |
||||
save(name); |
||||
} |
||||
}, { |
||||
eventName: "EVENT_DELETE", |
||||
action: function (name, newSelectedParam) { |
||||
deleteParam(name, newSelectedParam); |
||||
} |
||||
} |
||||
] |
||||
}; |
||||
|
||||
// 在无接口提供条件下的处理方式
|
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: "#wrapper", |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.button", |
||||
text: "默认参数设定", |
||||
cls: "bi-plugin-save-params-button history-filter-font", |
||||
handler: function () { |
||||
BI.Popovers.create("bi-plugin-save-params", { |
||||
type: "bi.popover", |
||||
header: "默认参数设定", |
||||
body: pane, |
||||
width: 450, |
||||
height: 240, |
||||
listeners: [ |
||||
{ |
||||
eventName: "EVENT_CLOSE", |
||||
action: function () { |
||||
BI.Popovers.remove("bi-plugin-save-params"); |
||||
} |
||||
} |
||||
] |
||||
}).open("bi-plugin-save-params"); |
||||
} |
||||
}, |
||||
right: 10, |
||||
top: 3 |
||||
} |
||||
] |
||||
}); |
||||
}(BI.personal.username, BI.designData.reportId)); |
||||
|
||||
|
||||
Loading…
Reference in new issue