forked from fanruan/design
Browse Source
* commit '4fddd7ddba90c857f3bdf451fc72f82d22f276f4': (24 commits) REPORT-15703 【10.0冒烟】设计器删除模板后,上方路径显示问题 KERNEL-445 防止没有添加jXBrowser的用户启动失败 update KERNEL-445 refactor: 使用FineUI实现报表参数配置和模板Web属性面板 KERNEL-445 调试窗口独立出来+增加重载资源文件的按钮 update CHART-3647 更换url REPORT-15409 数据源连接接口BUG REPORT-15207 远程设计另存到本地 换用ScheduledExecutorService schedule来延时发送 REPORT-15332 有一个国际化调用比较早,需要在这边就设置好locale,由于后台GeneralContext默认是China http://www.finedevelop.com:2016/browse/REPORT-15128 lastTime刷新后,会导致功能点上传不上去 REPORT-14787 远程设计另存过程中频繁进行RPC请求 无JIRA任务 提供内置示例 无JIRA任务 设计器可以使用基于Atom组件做界面开发+示例demo REPORT-15185 设计器打开启动画面修改 添加英文版 误提交了测试代码 无JIRA任务 完善提供的web容器API,简化加载jar包中html/js/css的方式 完善一个示例代码 无JIRA任务 添加一个通用的web组件,其他地方暂时用不到 ...final/10.0
Kara
6 years ago
67 changed files with 5256 additions and 49 deletions
@ -0,0 +1,67 @@ |
|||||||
|
package com.fr.design.actions.help; |
||||||
|
|
||||||
|
import com.fr.design.actions.UpdateAction; |
||||||
|
import com.fr.design.dialog.BasicDialog; |
||||||
|
import com.fr.design.dialog.DialogActionAdapter; |
||||||
|
import com.fr.design.mainframe.DesignerContext; |
||||||
|
import com.fr.design.ui.ModernUIPane; |
||||||
|
import com.fr.locale.InterProviderFactory; |
||||||
|
import com.fr.web.struct.AssembleComponent; |
||||||
|
import com.fr.web.struct.Atom; |
||||||
|
import com.fr.web.struct.browser.RequestClient; |
||||||
|
import com.fr.web.struct.category.ScriptPath; |
||||||
|
import com.fr.web.struct.impl.FineUI; |
||||||
|
|
||||||
|
import java.awt.event.ActionEvent; |
||||||
|
|
||||||
|
/** |
||||||
|
* @author richie |
||||||
|
* @version 10.0 |
||||||
|
* Created by richie on 2019-03-08 |
||||||
|
*/ |
||||||
|
public class FineUIAction extends UpdateAction { |
||||||
|
|
||||||
|
public FineUIAction() { |
||||||
|
setName("FineUI"); |
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public void actionPerformed(final ActionEvent e) { |
||||||
|
ModernUIPane<?> pane = new ModernUIPane.Builder<>() |
||||||
|
// .prepare(new ScriptContextAdapter() {
|
||||||
|
// @Override
|
||||||
|
// public void onScriptContextCreated(ScriptContextEvent event) {
|
||||||
|
// JSValue pool = event.getBrowser().executeJavaScriptAndReturnValue("window.Pool");
|
||||||
|
// pool.asObject().setProperty("i18n", new I18n());
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
.withComponent(new AssembleComponent() { |
||||||
|
|
||||||
|
@Override |
||||||
|
public ScriptPath script(RequestClient req) { |
||||||
|
return ScriptPath.build("/com/fr/design/ui/help/demo.js"); |
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public Atom[] refer() { |
||||||
|
return new Atom[] {FineUI.KEY}; |
||||||
|
} |
||||||
|
}) |
||||||
|
.build(); |
||||||
|
BasicDialog dialog = pane.showLargeWindow(DesignerContext.getDesignerFrame(), new DialogActionAdapter() { |
||||||
|
@Override |
||||||
|
public void doOk() { |
||||||
|
|
||||||
|
} |
||||||
|
}); |
||||||
|
dialog.setVisible(true); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
public static class I18n { |
||||||
|
|
||||||
|
public String i18nText(String key) { |
||||||
|
return InterProviderFactory.getProvider().getLocText(key); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,11 @@ |
|||||||
|
package com.fr.design.mainframe; |
||||||
|
|
||||||
|
import com.fr.event.Event; |
||||||
|
|
||||||
|
public enum DesignAuthorityEventType implements Event<DesignerFrame> { |
||||||
|
|
||||||
|
// 退出权限编辑
|
||||||
|
StartEdit, |
||||||
|
// 进入权限编辑
|
||||||
|
StopEdit; |
||||||
|
} |
@ -0,0 +1,53 @@ |
|||||||
|
package com.fr.design.ui; |
||||||
|
|
||||||
|
import com.fr.stable.StringUtils; |
||||||
|
import com.teamdev.jxbrowser.chromium.Browser; |
||||||
|
import com.teamdev.jxbrowser.chromium.BrowserContext; |
||||||
|
import com.teamdev.jxbrowser.chromium.ProtocolService; |
||||||
|
import com.teamdev.jxbrowser.chromium.URLResponse; |
||||||
|
|
||||||
|
import java.io.DataInputStream; |
||||||
|
import java.io.InputStream; |
||||||
|
|
||||||
|
/** |
||||||
|
* @author richie |
||||||
|
* @version 10.0 |
||||||
|
* Created by richie on 2019-03-07 |
||||||
|
*/ |
||||||
|
public class Assistant { |
||||||
|
|
||||||
|
public static URLResponse inputStream2Response(InputStream inputStream, String filePath) throws Exception { |
||||||
|
URLResponse response = new URLResponse(); |
||||||
|
DataInputStream stream = new DataInputStream(inputStream); |
||||||
|
byte[] data = new byte[stream.available()]; |
||||||
|
stream.readFully(data); |
||||||
|
response.setData(data); |
||||||
|
String mimeType = getMimeType(filePath); |
||||||
|
response.getHeaders().setHeader("Content-Type", mimeType); |
||||||
|
return response; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
private static String getMimeType(String path) { |
||||||
|
if (StringUtils.isBlank(path)) { |
||||||
|
return "text/html"; |
||||||
|
} |
||||||
|
if (path.endsWith(".html")) { |
||||||
|
return "text/html"; |
||||||
|
} |
||||||
|
if (path.endsWith(".css")) { |
||||||
|
return "text/css"; |
||||||
|
} |
||||||
|
if (path.endsWith(".js")) { |
||||||
|
return "text/javascript"; |
||||||
|
} |
||||||
|
return "text/html"; |
||||||
|
} |
||||||
|
|
||||||
|
public static void setEmbProtocolHandler(Browser browser, EmbProtocolHandler handler) { |
||||||
|
BrowserContext browserContext = browser.getContext(); |
||||||
|
ProtocolService protocolService = browserContext.getProtocolService(); |
||||||
|
// 支持读取jar包中文件的自定义协议————emb:/com/fr/design/images/bbs.png
|
||||||
|
protocolService.setProtocolHandler("emb", handler); |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,83 @@ |
|||||||
|
package com.fr.design.ui; |
||||||
|
|
||||||
|
import com.fr.general.IOUtils; |
||||||
|
import com.fr.stable.StringUtils; |
||||||
|
import com.fr.web.struct.AssembleComponent; |
||||||
|
import com.fr.web.struct.AtomBuilder; |
||||||
|
import com.fr.web.struct.PathGroup; |
||||||
|
import com.fr.web.struct.category.ScriptPath; |
||||||
|
import com.fr.web.struct.category.StylePath; |
||||||
|
import com.teamdev.jxbrowser.chromium.ProtocolHandler; |
||||||
|
import com.teamdev.jxbrowser.chromium.URLRequest; |
||||||
|
import com.teamdev.jxbrowser.chromium.URLResponse; |
||||||
|
|
||||||
|
import java.io.InputStream; |
||||||
|
|
||||||
|
/** |
||||||
|
* @author richie |
||||||
|
* @version 10.0 |
||||||
|
* Created by richie on 2019-03-07 |
||||||
|
*/ |
||||||
|
public class EmbProtocolHandler implements ProtocolHandler { |
||||||
|
|
||||||
|
private AssembleComponent component; |
||||||
|
|
||||||
|
public EmbProtocolHandler() { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
public EmbProtocolHandler(AssembleComponent component) { |
||||||
|
this.component = component; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
@Override |
||||||
|
public URLResponse onRequest(URLRequest req) { |
||||||
|
try { |
||||||
|
String path = req.getURL(); |
||||||
|
if (path.startsWith("emb:dynamic")) { |
||||||
|
URLResponse response = new URLResponse(); |
||||||
|
response.setData(htmlText().getBytes()); |
||||||
|
response.getHeaders().setHeader("Content-Type", "text/html"); |
||||||
|
return response; |
||||||
|
} else { |
||||||
|
int index = path.indexOf("="); |
||||||
|
if (index > 0) { |
||||||
|
path = path.substring(index + 1); |
||||||
|
} else { |
||||||
|
path = path.substring(4); |
||||||
|
} |
||||||
|
InputStream inputStream = IOUtils.readResource(path); |
||||||
|
return Assistant.inputStream2Response(inputStream, path); |
||||||
|
} |
||||||
|
} catch (Exception ignore) { |
||||||
|
|
||||||
|
} |
||||||
|
return null; |
||||||
|
} |
||||||
|
|
||||||
|
private String htmlText() { |
||||||
|
PathGroup pathGroup = AtomBuilder.create().buildAssembleFilePath(ModernRequestClient.KEY, component); |
||||||
|
StylePath[] stylePaths = pathGroup.toStylePathGroup(); |
||||||
|
StringBuilder styleText = new StringBuilder(); |
||||||
|
for (StylePath path : stylePaths) { |
||||||
|
if (StringUtils.isNotBlank(path.toFilePath())) { |
||||||
|
styleText.append("<link rel=\"stylesheet\" href=\"emb:"); |
||||||
|
styleText.append(path.toFilePath()); |
||||||
|
styleText.append("\"/>"); |
||||||
|
} |
||||||
|
} |
||||||
|
String result = ModernUIConstants.HTML_TPL.replaceAll("##style##", styleText.toString()); |
||||||
|
ScriptPath[] scriptPaths = pathGroup.toScriptPathGroup(); |
||||||
|
StringBuilder scriptText = new StringBuilder(); |
||||||
|
for (ScriptPath path : scriptPaths) { |
||||||
|
if (StringUtils.isNotBlank(path.toFilePath())) { |
||||||
|
scriptText.append("<script src=\"emb:"); |
||||||
|
scriptText.append(path.toFilePath()); |
||||||
|
scriptText.append("\"></script>"); |
||||||
|
} |
||||||
|
} |
||||||
|
result = result.replaceAll("##script##", scriptText.toString()); |
||||||
|
return result; |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,22 @@ |
|||||||
|
package com.fr.design.ui; |
||||||
|
|
||||||
|
import com.fr.web.struct.browser.RequestClient; |
||||||
|
|
||||||
|
/** |
||||||
|
* @author richie |
||||||
|
* @version 10.0 |
||||||
|
* Created by richie on 2019-03-07 |
||||||
|
*/ |
||||||
|
public enum ModernRequestClient implements RequestClient { |
||||||
|
|
||||||
|
KEY; |
||||||
|
|
||||||
|
@Override |
||||||
|
public boolean isIE() { |
||||||
|
return false; |
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public boolean isLowIEVersion() { |
||||||
|
return false; |
||||||
|
}} |
@ -0,0 +1,15 @@ |
|||||||
|
package com.fr.design.ui; |
||||||
|
|
||||||
|
import com.fr.general.IOUtils; |
||||||
|
|
||||||
|
/** |
||||||
|
* @author richie |
||||||
|
* @version 10.0 |
||||||
|
* Created by richie on 2019-03-05 |
||||||
|
*/ |
||||||
|
class ModernUIConstants { |
||||||
|
|
||||||
|
static final String SCRIPT_INIT_NAME_SPACE = IOUtils.readResourceAsString("/com/fr/design/ui/InitNameSpace.js"); |
||||||
|
|
||||||
|
static final String HTML_TPL = IOUtils.readResourceAsString("/com/fr/design/ui/tpl.html"); |
||||||
|
} |
@ -0,0 +1,212 @@ |
|||||||
|
package com.fr.design.ui; |
||||||
|
|
||||||
|
import com.fr.design.DesignerEnvManager; |
||||||
|
import com.fr.design.dialog.BasicPane; |
||||||
|
import com.fr.design.gui.ibutton.UIButton; |
||||||
|
import com.fr.design.gui.itoolbar.UIToolbar; |
||||||
|
import com.fr.design.i18n.Toolkit; |
||||||
|
import com.fr.design.utils.gui.GUICoreUtils; |
||||||
|
import com.fr.web.struct.AssembleComponent; |
||||||
|
import com.teamdev.jxbrowser.chromium.Browser; |
||||||
|
import com.teamdev.jxbrowser.chromium.BrowserPreferences; |
||||||
|
import com.teamdev.jxbrowser.chromium.JSValue; |
||||||
|
import com.teamdev.jxbrowser.chromium.events.FinishLoadingEvent; |
||||||
|
import com.teamdev.jxbrowser.chromium.events.LoadAdapter; |
||||||
|
import com.teamdev.jxbrowser.chromium.events.LoadListener; |
||||||
|
import com.teamdev.jxbrowser.chromium.events.ScriptContextAdapter; |
||||||
|
import com.teamdev.jxbrowser.chromium.events.ScriptContextEvent; |
||||||
|
import com.teamdev.jxbrowser.chromium.events.ScriptContextListener; |
||||||
|
import com.teamdev.jxbrowser.chromium.swing.BrowserView; |
||||||
|
|
||||||
|
import javax.swing.*; |
||||||
|
import java.awt.*; |
||||||
|
import java.awt.event.ActionEvent; |
||||||
|
import java.awt.event.ActionListener; |
||||||
|
|
||||||
|
/** |
||||||
|
* @author richie |
||||||
|
* @version 10.0 |
||||||
|
* Created by richie on 2019-03-04 |
||||||
|
* 用于加载html5的Swing容器,可以在设计选项设置中打开调试窗口,示例可查看:com.fr.design.ui.ModernUIPaneTest |
||||||
|
*/ |
||||||
|
public class ModernUIPane<T> extends BasicPane { |
||||||
|
|
||||||
|
private Browser browser; |
||||||
|
private String namespace = "Pool"; |
||||||
|
private String variable = "data"; |
||||||
|
private String expression = "update()"; |
||||||
|
|
||||||
|
private ModernUIPane() { |
||||||
|
initialize(); |
||||||
|
} |
||||||
|
|
||||||
|
private void initialize() { |
||||||
|
if (browser == null) { |
||||||
|
setLayout(new BorderLayout()); |
||||||
|
BrowserPreferences.setChromiumSwitches("--disable-google-traffic"); |
||||||
|
if (DesignerEnvManager.getEnvManager().isOpenDebug()) { |
||||||
|
UIToolbar toolbar = new UIToolbar(); |
||||||
|
add(toolbar, BorderLayout.NORTH); |
||||||
|
UIButton openDebugButton = new UIButton(Toolkit.i18nText("Fine-Design_Basic_Open_Debug_Window")); |
||||||
|
toolbar.add(openDebugButton); |
||||||
|
UIButton reloadButton = new UIButton(Toolkit.i18nText("Fine-Design_Basic_Reload")); |
||||||
|
toolbar.add(reloadButton); |
||||||
|
|
||||||
|
openDebugButton.addActionListener(new ActionListener() { |
||||||
|
@Override |
||||||
|
public void actionPerformed(ActionEvent e) { |
||||||
|
showDebuggerDialog(); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
reloadButton.addActionListener(new ActionListener() { |
||||||
|
@Override |
||||||
|
public void actionPerformed(ActionEvent e) { |
||||||
|
browser.reloadIgnoringCache(); |
||||||
|
} |
||||||
|
}); |
||||||
|
BrowserPreferences.setChromiumSwitches("--remote-debugging-port=9222"); |
||||||
|
initializeBrowser(); |
||||||
|
add(new BrowserView(browser), BorderLayout.CENTER); |
||||||
|
} else { |
||||||
|
initializeBrowser(); |
||||||
|
add(new BrowserView(browser), BorderLayout.CENTER); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
private void showDebuggerDialog() { |
||||||
|
JDialog dialog = new JDialog(SwingUtilities.getWindowAncestor(this)); |
||||||
|
Browser debugger = new Browser(); |
||||||
|
BrowserView debuggerView = new BrowserView(debugger); |
||||||
|
dialog.add(debuggerView, BorderLayout.CENTER); |
||||||
|
dialog.setSize(new Dimension(800, 400)); |
||||||
|
GUICoreUtils.centerWindow(dialog); |
||||||
|
dialog.setVisible(true); |
||||||
|
dialog.setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE); |
||||||
|
debugger.loadURL(browser.getRemoteDebuggingURL()); |
||||||
|
} |
||||||
|
|
||||||
|
private void initializeBrowser() { |
||||||
|
browser = new Browser(); |
||||||
|
// 初始化的时候,就把命名空间对象初始化好,确保window.a.b.c("a.b.c"为命名空间)对象都是初始化过的
|
||||||
|
browser.addScriptContextListener(new ScriptContextAdapter() { |
||||||
|
@Override |
||||||
|
public void onScriptContextCreated(ScriptContextEvent event) { |
||||||
|
event.getBrowser().executeJavaScript(String.format(ModernUIConstants.SCRIPT_INIT_NAME_SPACE, namespace)); |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
protected String title4PopupWindow() { |
||||||
|
return "Modern"; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
public void populate(final T t) { |
||||||
|
browser.addLoadListener(new LoadAdapter() { |
||||||
|
@Override |
||||||
|
public void onFinishLoadingFrame(FinishLoadingEvent event) { |
||||||
|
if (event.isMainFrame()) { |
||||||
|
JSValue ns = event.getBrowser().executeJavaScriptAndReturnValue("window." + namespace); |
||||||
|
ns.asObject().setProperty(variable, t); |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
public T update() { |
||||||
|
JSValue jsValue = browser.executeJavaScriptAndReturnValue("window." + namespace + "." + expression); |
||||||
|
if (jsValue.isObject()) { |
||||||
|
return (T)jsValue.asJavaObject(); |
||||||
|
} |
||||||
|
return null; |
||||||
|
} |
||||||
|
|
||||||
|
public static class Builder<T> { |
||||||
|
|
||||||
|
private ModernUIPane<T> pane = new ModernUIPane<>(); |
||||||
|
|
||||||
|
public Builder<T> prepare(ScriptContextListener contextListener) { |
||||||
|
pane.browser.addScriptContextListener(contextListener); |
||||||
|
return this; |
||||||
|
} |
||||||
|
|
||||||
|
public Builder<T> prepare(LoadListener loadListener) { |
||||||
|
pane.browser.addLoadListener(loadListener); |
||||||
|
return this; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 加载jar包中的资源 |
||||||
|
* @param path 资源路径 |
||||||
|
*/ |
||||||
|
public Builder<T> withEMB(final String path) { |
||||||
|
Assistant.setEmbProtocolHandler(pane.browser, new EmbProtocolHandler()); |
||||||
|
pane.browser.loadURL("emb:" + path); |
||||||
|
return this; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 加载url指向的资源 |
||||||
|
* @param url 文件的地址 |
||||||
|
*/ |
||||||
|
public Builder<T> withURL(final String url) { |
||||||
|
Assistant.setEmbProtocolHandler(pane.browser, new EmbProtocolHandler()); |
||||||
|
pane.browser.loadURL(url); |
||||||
|
return this; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 加载Atom组件 |
||||||
|
* @param component Atom组件 |
||||||
|
*/ |
||||||
|
public Builder<T> withComponent(AssembleComponent component) { |
||||||
|
Assistant.setEmbProtocolHandler(pane.browser, new EmbProtocolHandler(component)); |
||||||
|
pane.browser.loadURL("emb:dynamic"); |
||||||
|
return this; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 加载html文本内容 |
||||||
|
* @param html 要加载html文本内容 |
||||||
|
*/ |
||||||
|
public Builder<T> withHTML(String html) { |
||||||
|
Assistant.setEmbProtocolHandler(pane.browser, new EmbProtocolHandler()); |
||||||
|
pane.browser.loadHTML(html); |
||||||
|
return this; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 设置该前端页面做数据交换所使用的对象 |
||||||
|
* @param namespace 对象名 |
||||||
|
*/ |
||||||
|
public Builder<T> namespace(String namespace) { |
||||||
|
pane.namespace = namespace; |
||||||
|
return this; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* java端往js端传数据时使用的变量名字 |
||||||
|
* @param name 变量的名字 |
||||||
|
*/ |
||||||
|
public Builder<T> variable(String name) { |
||||||
|
pane.variable = name; |
||||||
|
return this; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* js端往java端传数据时执行的函数表达式 |
||||||
|
* @param expression 函数表达式 |
||||||
|
*/ |
||||||
|
public Builder<T> expression(String expression) { |
||||||
|
pane.expression = expression; |
||||||
|
return this; |
||||||
|
} |
||||||
|
|
||||||
|
public ModernUIPane<T> build() { |
||||||
|
return pane; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,12 @@ |
|||||||
|
var arr ="%s".split(".").reverse(); |
||||||
|
var create = function (obj, names) { |
||||||
|
var name = names.pop(); |
||||||
|
if (!name) { |
||||||
|
return; |
||||||
|
} |
||||||
|
if (!obj[name]) { |
||||||
|
obj[name] = {}; |
||||||
|
} |
||||||
|
create(obj[name], names); |
||||||
|
}; |
||||||
|
create(window, arr); |
@ -0,0 +1,8 @@ |
|||||||
|
var arr = "%s".split(","); |
||||||
|
var header = document.getElementsByTagName("head")[0]; |
||||||
|
arr.forEach(function(el) { |
||||||
|
var script = document.createElement("script") |
||||||
|
script.type = "text/javascript"; |
||||||
|
script.src = "emb:" + el; |
||||||
|
header.appendChild(script); |
||||||
|
}); |
@ -0,0 +1,9 @@ |
|||||||
|
var arr = "%s".split(","); |
||||||
|
var header = document.getElementsByTagName("head")[0]; |
||||||
|
arr.forEach(function(el) { |
||||||
|
var css = document.createElement("link"); |
||||||
|
css.type = "text/css"; |
||||||
|
css.rel = "stylesheet"; |
||||||
|
css.href = "emb:" + el; |
||||||
|
header.appendChild(css); |
||||||
|
}); |
@ -0,0 +1,220 @@ |
|||||||
|
window.addEventListener("load", function (ev) { |
||||||
|
window.BI.i18nText = function(key) {return window.Pool.i18n.i18nText(key);} |
||||||
|
var combo1 = BI.createWidget({ |
||||||
|
type: "bi.vertical", |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.text_value_combo", |
||||||
|
text: "选项1", |
||||||
|
width: 300, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.single_select_radio_item", |
||||||
|
width: 290, |
||||||
|
text: "选项1", |
||||||
|
value: 1 |
||||||
|
}, |
||||||
|
text: "选项1", |
||||||
|
value: 1, |
||||||
|
lgap: 10 |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.single_select_radio_item", |
||||||
|
width: 290, |
||||||
|
text: "选项2", |
||||||
|
value: 2 |
||||||
|
}, |
||||||
|
lgap: 10, |
||||||
|
text: "选项2", |
||||||
|
value: 2 |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.single_select_radio_item", |
||||||
|
width: 290, |
||||||
|
text: "选项3", |
||||||
|
value: 3 |
||||||
|
}, |
||||||
|
lgap: 10, |
||||||
|
text: "选项3", |
||||||
|
value: 3 |
||||||
|
} |
||||||
|
] |
||||||
|
} |
||||||
|
] |
||||||
|
}); |
||||||
|
|
||||||
|
var date = BI.createWidget({ |
||||||
|
type: "bi.left", |
||||||
|
items: [{ |
||||||
|
el: { |
||||||
|
type: "bi.date_time_combo", |
||||||
|
value: { |
||||||
|
year: 2018, |
||||||
|
month: 9, |
||||||
|
day: 28, |
||||||
|
hour: 13, |
||||||
|
minute: 31, |
||||||
|
second: 1 |
||||||
|
} |
||||||
|
} |
||||||
|
}] |
||||||
|
}); |
||||||
|
|
||||||
|
var comboTree = BI.createWidget({ |
||||||
|
type: "bi.vertical", |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.tree_value_chooser_combo", |
||||||
|
width: 300, |
||||||
|
itemsCreator: function(op, callback) { |
||||||
|
callback([ |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
text: "第1项", |
||||||
|
value: "1" |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 2, |
||||||
|
text: "第2项", |
||||||
|
value: "2" |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 3, |
||||||
|
text: "第3项", |
||||||
|
value: "3", |
||||||
|
open: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 11, |
||||||
|
pId: 1, |
||||||
|
text: "子项1", |
||||||
|
value: "11" |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 12, |
||||||
|
pId: 1, |
||||||
|
text: "子项2", |
||||||
|
value: "12" |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 13, |
||||||
|
pId: 1, |
||||||
|
text: "子项3", |
||||||
|
value: "13" |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 31, |
||||||
|
pId: 3, |
||||||
|
text: "子项1", |
||||||
|
value: "31" |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 32, |
||||||
|
pId: 3, |
||||||
|
text: "子项2", |
||||||
|
value: "32" |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 33, |
||||||
|
pId: 3, |
||||||
|
text: "子项3", |
||||||
|
value: "33" |
||||||
|
} |
||||||
|
]); |
||||||
|
} |
||||||
|
} |
||||||
|
] |
||||||
|
}); |
||||||
|
|
||||||
|
var color = BI.createWidget({ |
||||||
|
type: "bi.left", |
||||||
|
items: [{ |
||||||
|
type: "bi.simple_color_chooser", |
||||||
|
width: 24, |
||||||
|
height: 24 |
||||||
|
}, { |
||||||
|
el: { |
||||||
|
type: "bi.color_chooser", |
||||||
|
width: 230, |
||||||
|
height: 24 |
||||||
|
}, |
||||||
|
lgap: 10 |
||||||
|
}] |
||||||
|
}); |
||||||
|
|
||||||
|
var Slider = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
width: 300, |
||||||
|
height: 50, |
||||||
|
min: 0, |
||||||
|
max: 100 |
||||||
|
}, |
||||||
|
|
||||||
|
mounted: function() { |
||||||
|
var o = this.options; |
||||||
|
this.singleSliderInterval.setMinAndMax({ |
||||||
|
min: o.min, |
||||||
|
max: o.max |
||||||
|
}); |
||||||
|
|
||||||
|
this.singleSliderInterval.setValue({ |
||||||
|
min: 10, |
||||||
|
max: 80 |
||||||
|
}); |
||||||
|
this.singleSliderInterval.populate(); |
||||||
|
}, |
||||||
|
|
||||||
|
render: function() { |
||||||
|
var self = this, |
||||||
|
o = this.options; |
||||||
|
return { |
||||||
|
type: "bi.vertical", |
||||||
|
element: this, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.interval_slider", |
||||||
|
digit: 0, |
||||||
|
width: o.width, |
||||||
|
height: o.height, |
||||||
|
ref: function(_ref) { |
||||||
|
self.singleSliderInterval = _ref; |
||||||
|
} |
||||||
|
} |
||||||
|
] |
||||||
|
}; |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("demo.slider_interval", Slider); |
||||||
|
var slider = BI.createWidget({ |
||||||
|
type: "demo.slider_interval" |
||||||
|
}); |
||||||
|
|
||||||
|
BI.createWidget({ |
||||||
|
type:"bi.absolute", |
||||||
|
element: "body", |
||||||
|
items: [{ |
||||||
|
el: combo1, |
||||||
|
left: 100, |
||||||
|
top: 100 |
||||||
|
}, { |
||||||
|
el : date, |
||||||
|
left: 100, |
||||||
|
top : 150 |
||||||
|
}, { |
||||||
|
el : comboTree, |
||||||
|
left : 100, |
||||||
|
top : 200 |
||||||
|
}, { |
||||||
|
el : color, |
||||||
|
left : 100, |
||||||
|
top : 250 |
||||||
|
}, { |
||||||
|
el : slider, |
||||||
|
left : 400, |
||||||
|
top : 100 |
||||||
|
}] |
||||||
|
}); |
||||||
|
}); |
@ -0,0 +1,12 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<title>Title</title> |
||||||
|
##style## |
||||||
|
##script## |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
</body> |
||||||
|
|
||||||
|
</html> |
@ -0,0 +1,28 @@ |
|||||||
|
package com.fr.design.ui; |
||||||
|
|
||||||
|
import com.fr.design.DesignerEnvManager; |
||||||
|
|
||||||
|
import javax.swing.*; |
||||||
|
import java.awt.*; |
||||||
|
|
||||||
|
/** |
||||||
|
* @author richie |
||||||
|
* @version 10.0 |
||||||
|
* Created by richie on 2019-03-07 |
||||||
|
*/ |
||||||
|
public class FineUIDemo { |
||||||
|
|
||||||
|
public static void main(String... args) { |
||||||
|
final JFrame frame = new JFrame(); |
||||||
|
frame.setSize(1200, 800); |
||||||
|
JPanel contentPane = (JPanel) frame.getContentPane(); |
||||||
|
// 是否需要开启调试窗口
|
||||||
|
DesignerEnvManager.getEnvManager().setOpenDebug(true); |
||||||
|
|
||||||
|
final ModernUIPane<ModernUIPaneTest.Model> pane = new ModernUIPane.Builder<ModernUIPaneTest.Model>() |
||||||
|
.withComponent(StartComponent.KEY).build(); |
||||||
|
contentPane.add(pane, BorderLayout.CENTER); |
||||||
|
frame.setVisible(true); |
||||||
|
frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,75 @@ |
|||||||
|
package com.fr.design.ui; |
||||||
|
|
||||||
|
import com.fr.design.DesignerEnvManager; |
||||||
|
|
||||||
|
import javax.swing.*; |
||||||
|
import java.awt.*; |
||||||
|
import java.awt.event.ActionEvent; |
||||||
|
import java.awt.event.ActionListener; |
||||||
|
|
||||||
|
/** |
||||||
|
* @author richie |
||||||
|
* @version 10.0 |
||||||
|
* Created by richie on 2019-03-05 |
||||||
|
*/ |
||||||
|
public class ModernUIPaneTest { |
||||||
|
|
||||||
|
public static void main(String... args) { |
||||||
|
final JFrame frame = new JFrame(); |
||||||
|
frame.setSize(1200, 800); |
||||||
|
JPanel contentPane = (JPanel) frame.getContentPane(); |
||||||
|
// 是否需要开启调试窗口
|
||||||
|
DesignerEnvManager.getEnvManager().setOpenDebug(true); |
||||||
|
final ModernUIPane<Model> pane = new ModernUIPane.Builder<Model>() |
||||||
|
.withEMB("/com/fr/design/ui/demo.html").namespace("Pool").build(); |
||||||
|
contentPane.add(pane, BorderLayout.CENTER); |
||||||
|
|
||||||
|
Model model = new Model(); |
||||||
|
model.setAge(20); |
||||||
|
model.setName("Pick"); |
||||||
|
pane.populate(model); |
||||||
|
|
||||||
|
JPanel panel = new JPanel(new FlowLayout()); |
||||||
|
contentPane.add(panel, BorderLayout.SOUTH); |
||||||
|
JButton button = new JButton("点击我可以看到Swing的弹框,输出填写的信息"); |
||||||
|
panel.add(button); |
||||||
|
button.addActionListener(new ActionListener() { |
||||||
|
@Override |
||||||
|
public void actionPerformed(ActionEvent e) { |
||||||
|
Model returnValue = pane.update(); |
||||||
|
if (returnValue != null) { |
||||||
|
JOptionPane.showMessageDialog(frame, String.format("姓名为:%s,年龄为:%d", returnValue.getName(), returnValue.getAge())); |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
frame.setVisible(true); |
||||||
|
frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); |
||||||
|
} |
||||||
|
|
||||||
|
public static class Model { |
||||||
|
private String name; |
||||||
|
private int age; |
||||||
|
|
||||||
|
public String getName() { |
||||||
|
return name; |
||||||
|
} |
||||||
|
|
||||||
|
public void setName(String name) { |
||||||
|
this.name = name; |
||||||
|
} |
||||||
|
|
||||||
|
public int getAge() { |
||||||
|
return age; |
||||||
|
} |
||||||
|
|
||||||
|
public void setAge(int age) { |
||||||
|
this.age = age; |
||||||
|
} |
||||||
|
|
||||||
|
public void print(String message) { |
||||||
|
System.out.println(message); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
} |
@ -0,0 +1,32 @@ |
|||||||
|
package com.fr.design.ui; |
||||||
|
|
||||||
|
import com.fr.web.struct.AssembleComponent; |
||||||
|
import com.fr.web.struct.Atom; |
||||||
|
import com.fr.web.struct.browser.RequestClient; |
||||||
|
import com.fr.web.struct.category.ScriptPath; |
||||||
|
import com.fr.web.struct.impl.FineUI; |
||||||
|
|
||||||
|
/** |
||||||
|
* @author richie |
||||||
|
* @version 10.0 |
||||||
|
* Created by richie on 2019-03-08 |
||||||
|
*/ |
||||||
|
public class StartComponent extends AssembleComponent { |
||||||
|
|
||||||
|
public static final StartComponent KEY = new StartComponent(); |
||||||
|
|
||||||
|
private StartComponent() { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public ScriptPath script(RequestClient req) { |
||||||
|
return ScriptPath.build("/com/fr/design/ui/script/start.js"); |
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public Atom[] refer() { |
||||||
|
return new Atom[] {FineUI.KEY}; |
||||||
|
} |
||||||
|
|
||||||
|
} |
@ -0,0 +1,40 @@ |
|||||||
|
package com.fr.design.ui.report; |
||||||
|
|
||||||
|
import com.fr.web.struct.AssembleComponent; |
||||||
|
import com.fr.web.struct.Atom; |
||||||
|
import com.fr.web.struct.browser.RequestClient; |
||||||
|
import com.fr.web.struct.category.ParserType; |
||||||
|
import com.fr.web.struct.category.ScriptPath; |
||||||
|
import com.fr.web.struct.category.StylePath; |
||||||
|
import com.fr.web.struct.impl.FineUI; |
||||||
|
|
||||||
|
/** |
||||||
|
* Created by windy on 2019/3/25. |
||||||
|
* 报表服务器参数demo使用 |
||||||
|
*/ |
||||||
|
public class ReportServerParamComponent extends AssembleComponent { |
||||||
|
|
||||||
|
public static final ReportServerParamComponent KEY = new ReportServerParamComponent(); |
||||||
|
|
||||||
|
private ReportServerParamComponent() { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public Atom[] refer() { |
||||||
|
return new Atom[] { |
||||||
|
FineUI.KEY |
||||||
|
}; |
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public ScriptPath script(RequestClient req) { |
||||||
|
return ScriptPath.build("/com/fr/design/ui/script/report.js"); |
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public StylePath style() { |
||||||
|
|
||||||
|
return StylePath.build("/com/fr/design/ui/script/report.css", ParserType.DYNAMIC); |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,29 @@ |
|||||||
|
package com.fr.design.ui.report; |
||||||
|
|
||||||
|
import com.fr.design.DesignerEnvManager; |
||||||
|
import com.fr.design.ui.ModernUIPane; |
||||||
|
import com.fr.design.ui.ModernUIPaneTest; |
||||||
|
|
||||||
|
import javax.swing.*; |
||||||
|
import java.awt.*; |
||||||
|
|
||||||
|
/** |
||||||
|
* Created by windy on 2019/3/25. |
||||||
|
* 报表服务器参数demo |
||||||
|
*/ |
||||||
|
public class ReportServerParamDemo { |
||||||
|
|
||||||
|
public static void main(String... args) { |
||||||
|
final JFrame frame = new JFrame(); |
||||||
|
frame.setSize(660, 600); |
||||||
|
JPanel contentPane = (JPanel) frame.getContentPane(); |
||||||
|
// 是否需要开启调试窗口
|
||||||
|
DesignerEnvManager.getEnvManager().setOpenDebug(true); |
||||||
|
|
||||||
|
final ModernUIPane<ModernUIPaneTest.Model> pane = new ModernUIPane.Builder<ModernUIPaneTest.Model>() |
||||||
|
.withComponent(ReportServerParamComponent.KEY).build(); |
||||||
|
contentPane.add(pane, BorderLayout.CENTER); |
||||||
|
frame.setVisible(true); |
||||||
|
frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,40 @@ |
|||||||
|
package com.fr.design.ui.report; |
||||||
|
|
||||||
|
import com.fr.web.struct.AssembleComponent; |
||||||
|
import com.fr.web.struct.Atom; |
||||||
|
import com.fr.web.struct.browser.RequestClient; |
||||||
|
import com.fr.web.struct.category.ParserType; |
||||||
|
import com.fr.web.struct.category.ScriptPath; |
||||||
|
import com.fr.web.struct.category.StylePath; |
||||||
|
import com.fr.web.struct.impl.FineUI; |
||||||
|
|
||||||
|
/** |
||||||
|
* Created by windy on 2019/3/26. |
||||||
|
* 模板Web属性demo使用 |
||||||
|
*/ |
||||||
|
public class TemplateWebSettingComponent extends AssembleComponent { |
||||||
|
|
||||||
|
public static final TemplateWebSettingComponent KEY = new TemplateWebSettingComponent(); |
||||||
|
|
||||||
|
private TemplateWebSettingComponent() { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public Atom[] refer() { |
||||||
|
return new Atom[] { |
||||||
|
FineUI.KEY |
||||||
|
}; |
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public ScriptPath script(RequestClient req) { |
||||||
|
return ScriptPath.build("/com/fr/design/ui/script/template.js"); |
||||||
|
} |
||||||
|
|
||||||
|
@Override |
||||||
|
public StylePath style() { |
||||||
|
|
||||||
|
return StylePath.build("/com/fr/design/ui/script/template.css", ParserType.DYNAMIC); |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,28 @@ |
|||||||
|
package com.fr.design.ui.report; |
||||||
|
|
||||||
|
import com.fr.design.DesignerEnvManager; |
||||||
|
import com.fr.design.ui.ModernUIPane; |
||||||
|
import com.fr.design.ui.ModernUIPaneTest; |
||||||
|
|
||||||
|
import javax.swing.*; |
||||||
|
import java.awt.*; |
||||||
|
|
||||||
|
/** |
||||||
|
* Created by windy on 2019/3/26. |
||||||
|
* 模板Web属性demo |
||||||
|
*/ |
||||||
|
public class TemplateWebSettingDemo { |
||||||
|
public static void main(String... args) { |
||||||
|
final JFrame frame = new JFrame(); |
||||||
|
frame.setSize(660, 600); |
||||||
|
JPanel contentPane = (JPanel) frame.getContentPane(); |
||||||
|
// 是否需要开启调试窗口
|
||||||
|
DesignerEnvManager.getEnvManager().setOpenDebug(true); |
||||||
|
|
||||||
|
final ModernUIPane<ModernUIPaneTest.Model> pane = new ModernUIPane.Builder<ModernUIPaneTest.Model>() |
||||||
|
.withComponent(TemplateWebSettingComponent.KEY).build(); |
||||||
|
contentPane.add(pane, BorderLayout.CENTER); |
||||||
|
frame.setVisible(true); |
||||||
|
frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,20 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<title>Title</title> |
||||||
|
<script type="text/javascript"> |
||||||
|
Pool.update = function () { |
||||||
|
Pool.data.setAge(parseInt(document.getElementById("age").value)); |
||||||
|
Pool.data.setName(document.getElementById("name").value); |
||||||
|
return Pool.data; |
||||||
|
}; |
||||||
|
</script> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<div>测试页面,请点击最下面的按钮</div> |
||||||
|
<input id="name" type="text" placeholder="请输入名字"/> |
||||||
|
<input id="age" type="number" placeholder="请输入年龄"/> |
||||||
|
<img src="emb:/com/fr/design/images/splash_10.gif"> |
||||||
|
</body> |
||||||
|
</html> |
@ -0,0 +1,11 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<title>Title</title> |
||||||
|
<link rel="stylesheet" href="emb:/com/fr/web/ui/fineui.min.css"/> |
||||||
|
<script src="emb:/com/fr/web/ui/fineui.min.js"/> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
</body> |
||||||
|
</html> |
@ -0,0 +1,12 @@ |
|||||||
|
.bi-setting-tab .tab-group { |
||||||
|
background-color: #F2F4F7; |
||||||
|
font-size: 12px; |
||||||
|
} |
||||||
|
.bi-setting-tab .tab-group .tab-item:hover { |
||||||
|
color: #3685f2; |
||||||
|
} |
||||||
|
.bi-setting-tab .tab-group .tab-item.active { |
||||||
|
background-color: #ffffff; |
||||||
|
color: #3685f2; |
||||||
|
border-top: 3px solid #3685f2; |
||||||
|
} |
@ -0,0 +1,41 @@ |
|||||||
|
!(function(){ |
||||||
|
/** |
||||||
|
* 带确定取消的通用控件 |
||||||
|
*/ |
||||||
|
var Bar = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "bi-settings-bar-container", |
||||||
|
el: { |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
render: function() { |
||||||
|
return { |
||||||
|
type: "bi.vtape", |
||||||
|
items: [this.options.el, { |
||||||
|
type: "bi.right_vertical_adapt", |
||||||
|
height: 24, |
||||||
|
rgap: 10, |
||||||
|
vgap: 10, |
||||||
|
items: [{ |
||||||
|
type: "bi.button", |
||||||
|
level: "ignore", |
||||||
|
text: BI.i18nText("Fine-Design_Report_OK"), |
||||||
|
handler: function() { |
||||||
|
|
||||||
|
} |
||||||
|
}, { |
||||||
|
type: "bi.button", |
||||||
|
level: "ignore", |
||||||
|
text: BI.i18nText("Fine-Design_Basic_Engine_Cancel"), |
||||||
|
handler: function() { |
||||||
|
|
||||||
|
} |
||||||
|
}] |
||||||
|
}] |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
BI.shortcut("bi.settings.bar_container", Bar) |
||||||
|
})(); |
@ -0,0 +1,89 @@ |
|||||||
|
!(function () { |
||||||
|
/** |
||||||
|
* 事件设置 |
||||||
|
*/ |
||||||
|
var List = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "bi-report-server-param-setting-edit-list" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this; |
||||||
|
return { |
||||||
|
type: "bi.vtape", |
||||||
|
vgap: 5, |
||||||
|
items: [{ |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
height: 24, |
||||||
|
items: [{ |
||||||
|
type: "bi.icon_button", |
||||||
|
cls: "text-add-tip-font", |
||||||
|
width: 24, |
||||||
|
height: 24, |
||||||
|
handler: function() { |
||||||
|
self.group.addItems([self._createItem()]) |
||||||
|
} |
||||||
|
}, { |
||||||
|
type: "bi.icon_button", |
||||||
|
cls: "close-font", |
||||||
|
width: 24, |
||||||
|
height: 24, |
||||||
|
handler: function() { |
||||||
|
self.group.removeItemAt(); |
||||||
|
} |
||||||
|
}, { |
||||||
|
type: "bi.icon_button", |
||||||
|
cls: "close-font", |
||||||
|
width: 24, |
||||||
|
height: 24, |
||||||
|
handler: function() { |
||||||
|
self.removeItemAt(self._getIndexOfItemValue(self.group.getValue())) |
||||||
|
} |
||||||
|
}] |
||||||
|
}, { |
||||||
|
type: "bi.button_group", |
||||||
|
cls: "bi-border bi-card", |
||||||
|
ref: function(_ref) { |
||||||
|
self.group = _ref; |
||||||
|
}, |
||||||
|
items: [] |
||||||
|
}] |
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
_getIndexOfItemValue: function(values) { |
||||||
|
values = BI.isArray(values) ? values : [values]; |
||||||
|
var indexes = []; |
||||||
|
BI.each(this.group.getAllButtons(), function(idx, button){ |
||||||
|
if(BI.contains(values, button.getValue())) { |
||||||
|
indexes.push(idx); |
||||||
|
} |
||||||
|
}); |
||||||
|
return indexes; |
||||||
|
}, |
||||||
|
|
||||||
|
_createItem: function() { |
||||||
|
return { |
||||||
|
type: "bi.text_button", |
||||||
|
textAlign: "left", |
||||||
|
hgap: 10, |
||||||
|
text: "选项" + this.group.getAllButtons().length, |
||||||
|
cls: "bi-list-item-select", |
||||||
|
value: BI.UUID() |
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
populate: function(items) { |
||||||
|
this.group.populate(items); |
||||||
|
}, |
||||||
|
|
||||||
|
addItems: function(items) { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
removeItemAt: function(indexes) { |
||||||
|
this.group.removeItemAt(indexes); |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("bi.report.server.param_setting.edit_list", List); |
||||||
|
})(); |
@ -0,0 +1,33 @@ |
|||||||
|
!(function () { |
||||||
|
/** |
||||||
|
* 填报当前编辑行背景设置相关 |
||||||
|
*/ |
||||||
|
var Analysis = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "bi-report-form-background-setting" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this, o = this.options; |
||||||
|
return { |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.multi_select_item", |
||||||
|
logic: { |
||||||
|
dynamic: true |
||||||
|
}, |
||||||
|
iconWrapperWidth: 16, |
||||||
|
text: BI.i18nText("Fine-Design_Report_Set_Face_Write_Current_Edit_Row_Background") |
||||||
|
}, { |
||||||
|
el: { |
||||||
|
type: "bi.color_chooser", |
||||||
|
width: 24, |
||||||
|
height: 24 |
||||||
|
}, |
||||||
|
lgap: 10 |
||||||
|
}] |
||||||
|
}; |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("bi.report.form_background_setting", Analysis); |
||||||
|
})(); |
@ -0,0 +1,54 @@ |
|||||||
|
!(function () { |
||||||
|
/** |
||||||
|
*
|
||||||
|
* 为模板单独设置的相关项 |
||||||
|
*/ |
||||||
|
var Analysis = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "bi-report-global-or-single-combo", |
||||||
|
value: 1 |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this, o = this.options; |
||||||
|
return { |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
rgap: 10, |
||||||
|
height: 24, |
||||||
|
items: [{ |
||||||
|
type: "bi.label", |
||||||
|
text: BI.i18nText("Fine-Design_Report_Blow_Set") |
||||||
|
}, { |
||||||
|
type: "bi.text_value_combo", |
||||||
|
width: 200, |
||||||
|
ref: function(_ref) { |
||||||
|
self.combo = _ref; |
||||||
|
}, |
||||||
|
value: o.value, |
||||||
|
items: [{ |
||||||
|
text: BI.i18nText("Fine-Design_Report_I_Want_To_Set_Single"), |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Form_Using_Server_Report_View_Settings"), |
||||||
|
value: 2 |
||||||
|
}], |
||||||
|
listerners: [{ |
||||||
|
eventName: "EVENT_CHANGE", |
||||||
|
action: function() { |
||||||
|
|
||||||
|
} |
||||||
|
}] |
||||||
|
}] |
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
getValue: function() { |
||||||
|
return self.combo.getValue(); |
||||||
|
}, |
||||||
|
|
||||||
|
setValue: function(v) { |
||||||
|
this.combo.setValue(v); |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("bi.report.global_or_single_combo", Analysis); |
||||||
|
})(); |
@ -0,0 +1,53 @@ |
|||||||
|
!(function () { |
||||||
|
/** |
||||||
|
* 离开提示/直接显示控件/自动暂存相关 |
||||||
|
*/ |
||||||
|
var Analysis = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "bi-report-leave-setting", |
||||||
|
value: [1] |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this, o = this.options; |
||||||
|
return { |
||||||
|
type: "bi.button_group", |
||||||
|
value: o.value, |
||||||
|
items: BI.createItems([{ |
||||||
|
text: BI.i18nText("Fine-Design_Report_Unload_Check"), |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Basic_Engine_Event_Show_Widgets"), |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Write_Auto_Stash"), |
||||||
|
value: 3 |
||||||
|
}], { |
||||||
|
type: "bi.multi_select_item", |
||||||
|
hgap: 5, |
||||||
|
logic: { |
||||||
|
dynamic: true |
||||||
|
}, |
||||||
|
iconWrapperWidth: 16 |
||||||
|
}), |
||||||
|
chooseType: BI.Selection.Multi, |
||||||
|
layouts: [{ |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
rgap: 5 |
||||||
|
}], |
||||||
|
ref: function(_ref) { |
||||||
|
self.group = _ref; |
||||||
|
} |
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
getValue: function() { |
||||||
|
return self.group.getValue(); |
||||||
|
}, |
||||||
|
|
||||||
|
setValue: function(v) { |
||||||
|
this.group.setValue(v); |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("bi.report.leave_setting", Analysis); |
||||||
|
})(); |
@ -0,0 +1,53 @@ |
|||||||
|
!(function () { |
||||||
|
/** |
||||||
|
* 报表显示位置相关 |
||||||
|
*/ |
||||||
|
var Analysis = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "bi-report-server-param-setting-report-show-location" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this, o = this.options; |
||||||
|
return { |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
height: 24, |
||||||
|
items: [{ |
||||||
|
type: "bi.label", |
||||||
|
text: BI.i18nText("Fine-Design_Report_Show_Location") |
||||||
|
}, { |
||||||
|
type: "bi.button_group", |
||||||
|
ref: function(_ref) { |
||||||
|
self.group = _ref; |
||||||
|
}, |
||||||
|
value: 2, |
||||||
|
items: BI.createItems([{ |
||||||
|
text: BI.i18nText("Fine-Design_Report_Center_Display"), |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Left_Display"), |
||||||
|
value: 2 |
||||||
|
}], { |
||||||
|
type: "bi.single_select_radio_item", |
||||||
|
logic: { |
||||||
|
dynamic: true |
||||||
|
} |
||||||
|
}), |
||||||
|
layouts: [{ |
||||||
|
type: "bi.left", |
||||||
|
lgap: 10 |
||||||
|
}] |
||||||
|
}] |
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
getValue: function() { |
||||||
|
return self.group.getValue(); |
||||||
|
}, |
||||||
|
|
||||||
|
setValue: function(v) { |
||||||
|
this.group.setValue(v); |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("bi.report.server.param_setting.report_show_location", Analysis); |
||||||
|
})(); |
@ -0,0 +1,59 @@ |
|||||||
|
!(function () { |
||||||
|
|
||||||
|
var Tab = BI.inherit(BI.Widget, { |
||||||
|
|
||||||
|
props: { |
||||||
|
baseCls: "bi-setting-tab", |
||||||
|
value: "", |
||||||
|
tabItems: [], |
||||||
|
cardCreator: BI.emptyFn |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this, o = this.options; |
||||||
|
return { |
||||||
|
type: "bi.vtape", |
||||||
|
items: [{ |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
cls: "tab-group", |
||||||
|
items: [{ |
||||||
|
type: "bi.button_group", |
||||||
|
layouts: [{ |
||||||
|
type: "bi.left" |
||||||
|
}], |
||||||
|
value: o.value, |
||||||
|
items: BI.map(o.tabItems, function(idx, item){ |
||||||
|
return { |
||||||
|
el: BI.extend({ |
||||||
|
type: "bi.text_button", |
||||||
|
hgap: 10, |
||||||
|
height: 24 |
||||||
|
}, item) |
||||||
|
}; |
||||||
|
}), |
||||||
|
listeners: [{ |
||||||
|
eventName: BI.ButtonGroup.EVENT_CHANGE, |
||||||
|
action: function (v) { |
||||||
|
self.tableTab.setSelect(v); |
||||||
|
} |
||||||
|
}], |
||||||
|
ref: function (_ref) { |
||||||
|
// self.buttons = _ref;
|
||||||
|
} |
||||||
|
}], |
||||||
|
height: 24 |
||||||
|
}, { |
||||||
|
type: "bi.tab", |
||||||
|
cls: "bi-card", |
||||||
|
showIndex: o.value, |
||||||
|
cardCreator: this.options.cardCreator, |
||||||
|
ref: function (ref) { |
||||||
|
self.tableTab = ref; |
||||||
|
} |
||||||
|
}] |
||||||
|
}; |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
BI.shortcut("bi.setting.tab", Tab); |
||||||
|
})(); |
@ -0,0 +1,17 @@ |
|||||||
|
@import "../../index.less"; |
||||||
|
.bi-setting-tab { |
||||||
|
& .tab-group { |
||||||
|
background-color: @color-bi-background-light-gray; |
||||||
|
font-size: @font-size-12; |
||||||
|
& .tab-item { |
||||||
|
&:hover { |
||||||
|
color: @color-bi-text-highlight; |
||||||
|
} |
||||||
|
&.active { |
||||||
|
background-color: @color-bi-background-default; |
||||||
|
color: @color-bi-text-highlight; |
||||||
|
border-top: 3px solid @color-bi-text-highlight; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,53 @@ |
|||||||
|
!(function () { |
||||||
|
/** |
||||||
|
* sheet标签页显示位置 |
||||||
|
*/ |
||||||
|
var Analysis = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "bi-report-server-param-setting-report-show-location" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this, o = this.options; |
||||||
|
return { |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
height: 24, |
||||||
|
items: [{ |
||||||
|
type: "bi.label", |
||||||
|
text: BI.i18nText("Fine-Design_Report_Sheet_Label_Page_Display_Position") |
||||||
|
}, { |
||||||
|
type: "bi.button_group", |
||||||
|
ref: function(_ref) { |
||||||
|
self.group = _ref; |
||||||
|
}, |
||||||
|
value: 2, |
||||||
|
items: BI.createItems([{ |
||||||
|
text: BI.i18nText("Fine-Design_Form_Base_Top"), |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Bottom"), |
||||||
|
value: 2 |
||||||
|
}], { |
||||||
|
type: "bi.single_select_radio_item", |
||||||
|
logic: { |
||||||
|
dynamic: true |
||||||
|
} |
||||||
|
}), |
||||||
|
layouts: [{ |
||||||
|
type: "bi.left", |
||||||
|
lgap: 10 |
||||||
|
}] |
||||||
|
}] |
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
getValue: function() { |
||||||
|
return self.group.getValue(); |
||||||
|
}, |
||||||
|
|
||||||
|
setValue: function(v) { |
||||||
|
this.group.setValue(v); |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("bi.report.sheet_label_location", Analysis); |
||||||
|
})(); |
@ -0,0 +1,126 @@ |
|||||||
|
!(function(){ |
||||||
|
var ToolBar = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "bi-settings-tool-bar", |
||||||
|
value: [1] |
||||||
|
}, |
||||||
|
|
||||||
|
render: function() { |
||||||
|
var self = this, o = this.options; |
||||||
|
return { |
||||||
|
type: "bi.vertical", |
||||||
|
items: [{ |
||||||
|
type: "bi.left_right_vertical_adapt", |
||||||
|
height: 24, |
||||||
|
bgap: 15, |
||||||
|
rhgap: 10, |
||||||
|
items: { |
||||||
|
left: [{ |
||||||
|
type: "bi.label", |
||||||
|
text: BI.i18nText("Fine-Design_Report_Mobile_ToolBar"), |
||||||
|
width: 70, |
||||||
|
textAlign: "left" |
||||||
|
}, { |
||||||
|
type: "bi.button_group", |
||||||
|
value: o.value, |
||||||
|
chooseType: BI.Selection.Multi, |
||||||
|
items: BI.createItems([{ |
||||||
|
text: BI.i18nText("Fine-Design_Report_ToolBar_Top"), |
||||||
|
value: 1, |
||||||
|
listeners: [{ |
||||||
|
eventName: "EVENT_CHANGE", |
||||||
|
action: function() { |
||||||
|
if(this.isSelected()) { |
||||||
|
self._populateDefault(); |
||||||
|
} else { |
||||||
|
self.topRegion.populate(); |
||||||
|
} |
||||||
|
} |
||||||
|
}] |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_ToolBar_Bottom"), |
||||||
|
value: 2 |
||||||
|
}], { |
||||||
|
type: "bi.multi_select_item", |
||||||
|
hgap: 5, |
||||||
|
logic: { |
||||||
|
dynamic: true |
||||||
|
}, |
||||||
|
iconWrapperWidth: 16 |
||||||
|
}), |
||||||
|
ref: function(_ref) { |
||||||
|
self.group = _ref; |
||||||
|
}, |
||||||
|
layouts: [{ |
||||||
|
type: "bi.left" |
||||||
|
}], |
||||||
|
listeners: [{ |
||||||
|
eventName: "EVENT_CHANGE", |
||||||
|
action: function() { |
||||||
|
|
||||||
|
} |
||||||
|
}] |
||||||
|
}], |
||||||
|
right: [{ |
||||||
|
el: { |
||||||
|
type: "bi.text_button", |
||||||
|
cls: "bi-border", |
||||||
|
text: BI.i18nText("Fine-Design_Basic_Scale_Custom_Button"), |
||||||
|
handler: function() { |
||||||
|
|
||||||
|
}, |
||||||
|
hgap: 5 |
||||||
|
} |
||||||
|
}, { |
||||||
|
el: { |
||||||
|
type: "bi.text_button", |
||||||
|
cls: "bi-border", |
||||||
|
text: BI.i18nText("Fine-Design_Report_Restore_Default"), |
||||||
|
handler: function() { |
||||||
|
|
||||||
|
}, |
||||||
|
hgap: 5 |
||||||
|
} |
||||||
|
}] |
||||||
|
} |
||||||
|
}, { |
||||||
|
el: { |
||||||
|
type: "bi.settings.tool_bar.region", |
||||||
|
height: 56, |
||||||
|
title: BI.i18nText("Fine-Design_Report_ToolBar_Top"), |
||||||
|
ref: function(_ref) { |
||||||
|
self.topRegion = _ref; |
||||||
|
}, |
||||||
|
items: BI.contains(o.value, 1) ? this._createDefaultItems() : [] |
||||||
|
}, |
||||||
|
bgap: 20 |
||||||
|
}, { |
||||||
|
type: "bi.settings.tool_bar.region", |
||||||
|
height: 56, |
||||||
|
title: BI.i18nText("Fine-Design_Report_ToolBar_Bottom"), |
||||||
|
ref: function(_ref) { |
||||||
|
self.bottomRegion = _ref; |
||||||
|
} |
||||||
|
}] |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
_createDefaultItems: function() { |
||||||
|
return BI.createItems(BI.Constants.getConstant("bi.constant.report.template.web_setting.tools"), { |
||||||
|
type: "bi.icon_text_item", |
||||||
|
height: 24, |
||||||
|
extraCls: "bi-background bi-list-item-select bi-border-radius", |
||||||
|
logic: { |
||||||
|
dynamic: true |
||||||
|
}, |
||||||
|
textHgap: 10, |
||||||
|
value: BI.UUID() |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
_populateDefault: function() { |
||||||
|
this.topRegion.populate(this._createDefaultItems()); |
||||||
|
} |
||||||
|
}) |
||||||
|
BI.shortcut("bi.settings.tool_bar", ToolBar) |
||||||
|
})(); |
@ -0,0 +1,42 @@ |
|||||||
|
!(function(){ |
||||||
|
var Region = BI.inherit(BI.Widget, { |
||||||
|
|
||||||
|
props: { |
||||||
|
baseCls: "bi-settings-tool-bar-region", |
||||||
|
title: "" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function() { |
||||||
|
var self = this, o = this.options; |
||||||
|
return [{ |
||||||
|
type: "bi.button_group", |
||||||
|
cls: "bi-border", |
||||||
|
items: o.items, |
||||||
|
chooseType: BI.Selection.Multi, |
||||||
|
layouts: [{ |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
hgap: 10 |
||||||
|
}], |
||||||
|
ref: function(_ref) { |
||||||
|
self.group = _ref; |
||||||
|
} |
||||||
|
}, { |
||||||
|
type: "bi.absolute", |
||||||
|
items: [{ |
||||||
|
el: { |
||||||
|
type: "bi.label", |
||||||
|
cls: "bi-background", |
||||||
|
text: o.title |
||||||
|
}, |
||||||
|
top: -10, |
||||||
|
left: 10 |
||||||
|
}] |
||||||
|
}] |
||||||
|
}, |
||||||
|
|
||||||
|
populate: function(items) { |
||||||
|
this.group.populate(items); |
||||||
|
} |
||||||
|
}) |
||||||
|
BI.shortcut("bi.settings.tool_bar.region", Region); |
||||||
|
})(); |
@ -0,0 +1,67 @@ |
|||||||
|
!(function () { |
||||||
|
/** |
||||||
|
* 工具栏高度相关 |
||||||
|
*/ |
||||||
|
var Analysis = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "bi-report-server-param-setting-tool-bar-height-select", |
||||||
|
height: 24, |
||||||
|
value: 2 |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this, o = this.options; |
||||||
|
return { |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
height: 24, |
||||||
|
items: [{ |
||||||
|
el: { |
||||||
|
type: "bi.label", |
||||||
|
text: BI.i18nText("Fine-Design_Report_Mobile_ToolBar_Height") |
||||||
|
}, |
||||||
|
rgap: 10 |
||||||
|
}, { |
||||||
|
type: "bi.button_group", |
||||||
|
value: o.value, |
||||||
|
ref: function(_ref) { |
||||||
|
self.group = _ref; |
||||||
|
}, |
||||||
|
items: BI.createItems([{ |
||||||
|
text: BI.i18nText("Fine-Design_Report_Tool_Bar_High"), |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Tool_Bar_Middle"), |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Tool_Bar_Low"), |
||||||
|
value: 3 |
||||||
|
}], { |
||||||
|
type: "bi.single_select_radio_item", |
||||||
|
logic: { |
||||||
|
dynamic: true |
||||||
|
} |
||||||
|
}), |
||||||
|
layouts: [{ |
||||||
|
type: "bi.vertical_adapt" |
||||||
|
}], |
||||||
|
listeners: [{ |
||||||
|
eventName: "EVENT_CHANGE", |
||||||
|
action: function() { |
||||||
|
|
||||||
|
} |
||||||
|
}] |
||||||
|
}] |
||||||
|
|
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
getValue: function() { |
||||||
|
return self.group.getValue(); |
||||||
|
}, |
||||||
|
|
||||||
|
setValue: function(v) { |
||||||
|
this.group.setValue(v); |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("bi.report.server.param_setting.tool_bar_height_select", Analysis); |
||||||
|
})(); |
@ -0,0 +1,47 @@ |
|||||||
|
!(function () { |
||||||
|
/** |
||||||
|
* 使用工具栏相关 |
||||||
|
*/ |
||||||
|
var Analysis = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "bi-report-server-param-setting-use-tool-bar" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this; |
||||||
|
return { |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
height: 24, |
||||||
|
items: [{ |
||||||
|
el: { |
||||||
|
type: "bi.multi_select_item", |
||||||
|
ref: function(_ref) { |
||||||
|
self.multiSelect = _ref; |
||||||
|
}, |
||||||
|
hgap: 5, |
||||||
|
selected: true, |
||||||
|
text: BI.i18nText("Fine-Design_Report_Use_ToolBar"), |
||||||
|
logic: { |
||||||
|
dynamic: true |
||||||
|
}, |
||||||
|
iconWrapperWidth: 16 |
||||||
|
} |
||||||
|
}, { |
||||||
|
type: "bi.text_button", |
||||||
|
cls: "bi-card bi-border", |
||||||
|
text: BI.i18nText("Fine-Design_Report_Edit"), |
||||||
|
hgap: 10 |
||||||
|
}] |
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
getValue: function() { |
||||||
|
return self.multiSelect.getSelected(); |
||||||
|
}, |
||||||
|
|
||||||
|
setValue: function(v) { |
||||||
|
this.multiSelect.setSelected(v); |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("bi.report.server.param_setting.use_tool_bar", Analysis); |
||||||
|
})(); |
@ -0,0 +1,30 @@ |
|||||||
|
window.BICst = window.BICst || {}; |
||||||
|
BICst.REPORT_SERVER_PARAM = { |
||||||
|
SPLIT_PAGE_PREVIEW_SETTING: 1, |
||||||
|
FORM_PAGE_SETTING: 2, |
||||||
|
DATA_ANALYSIS_SETTING: 3, |
||||||
|
IMPORT_CSS: 4, |
||||||
|
IMPORT_JS: 5, |
||||||
|
ERROR_TEMPLATE_DEFINE: 6, |
||||||
|
PRINT_SETTING: 7 |
||||||
|
}; |
||||||
|
BICst.REPORT_TEMPLATE_WEB_SETTING = { |
||||||
|
BASE: 1, |
||||||
|
PRINT: 2, |
||||||
|
SPLIT_PAGE_PREVIEW_SETTING: 3, |
||||||
|
FORM_PAGE_SETTING: 4, |
||||||
|
DATA_ANALYSIS_SETTING: 5, |
||||||
|
BROWSER: 6, |
||||||
|
IMPORT_CSS: 7, |
||||||
|
IMPORT_JS: 8 |
||||||
|
}; |
||||||
|
|
||||||
|
BICst.REPORT_TEMPLATE_WEB_SETTING_TOOLS = { |
||||||
|
FIRST_PAGE: 1, |
||||||
|
PRE_PAGE: 2, |
||||||
|
NEXT_PAGE: 3, |
||||||
|
LAST_PAGE: 4, |
||||||
|
PRINT: 5, |
||||||
|
EXPORT: 6, |
||||||
|
EMAIL: 7 |
||||||
|
}; |
@ -0,0 +1,53 @@ |
|||||||
|
BI.addI18n({ |
||||||
|
"Fine-Design_Report_WEB_Pagination_Setting": "分页预览设置", |
||||||
|
"Fine-Design_Report_WEB_Write_Setting": "填报页面设置", |
||||||
|
"Fine-Design_Report_Data_Analysis_Settings": "数据分析设置", |
||||||
|
"Fine-Design_Report_ReportServerP_Import_Css": "引用Css", |
||||||
|
"Fine-Design_Report_ReportServerP_Import_JavaScript": "引用JavaScript", |
||||||
|
"Fine-Design_Report_Error_Handler_Template": "出错模板定义", |
||||||
|
"Fine-Design_Report_Print_Setting": "打印设置", |
||||||
|
"Fine-Design_Report_Mobile_ToolBar": "工具栏", |
||||||
|
"Fine-Design_Report_Tool_Bar_High": "高", |
||||||
|
"Fine-Design_Report_Tool_Bar_Middle": "中", |
||||||
|
"Fine-Design_Report_Tool_Bar_Low": "低", |
||||||
|
"Fine-Design_Report_Mobile_ToolBar_Height": "工具栏高度", |
||||||
|
"Fine-Design_Report_Is_Paint_Page": "以图片方式显示", |
||||||
|
"Fine-Design_Report_IS_Auto_Scale": "iframe嵌入时自动缩放", |
||||||
|
"Fine-Design_Report_IS_TD_HEAVY_EXPORT": "重方式输出格子", |
||||||
|
"Fine-Design_Report_Use_ToolBar": "使用工具栏", |
||||||
|
"Fine-Design_Report_Show_Location": "报表显示位置", |
||||||
|
"Fine-Design_Report_Center_Display": "居中展示", |
||||||
|
"Fine-Design_Report_Left_Display": "左展示", |
||||||
|
"Fine-Design_Report_Editing_Listeners": "事件编辑", |
||||||
|
"Fine-Design_Report_Edit": "编辑", |
||||||
|
"Fine-Design_Report_Sheet_Label_Page_Display_Position": "sheet标签页显示位置:", |
||||||
|
"Fine-Design_Form_Base_Top": "上", |
||||||
|
"Fine-Design_Report_Bottom": "下", |
||||||
|
"Fine-Design_Report_Set_Face_Write_Current_Edit_Row_Background": "当前编辑行背景设置", |
||||||
|
"Fine-Design_Report_Unload_Check": "未提交离开提示", |
||||||
|
"Fine-Design_Basic_Engine_Event_Show_Widgets": "直接显示控件", |
||||||
|
"Fine-Design_Report_Write_Auto_Stash": "自动暂存", |
||||||
|
"Fine-Design_Report_Engine_Sort_Sort": "排序", |
||||||
|
"Fine-Design_Report_Engine_Selection_Filter": "条件筛选", |
||||||
|
"Fine-Design_Report_Engine_List_Filter": "列表筛选", |
||||||
|
"Fine-Design_Basic_Engine_Cancel": "取消", |
||||||
|
"Fine-Design_Report_OK": "确定", |
||||||
|
"Fine-Design_Report_Basic": "基本", |
||||||
|
"Fine-Design_Report_Printer(Server)": "打印机(服务器)", |
||||||
|
"Fine-Design_Report_Browser_Background": "浏览器背景", |
||||||
|
"Fine-Design_Report_I_Want_To_Set_Single": "为该模板单独设置", |
||||||
|
"Fine-Design_Form_Using_Server_Report_View_Settings": "采用服务器设置", |
||||||
|
"Fine-Design_Report_Blow_Set": "以下设置:", |
||||||
|
"Fine-Design_Report_PageSetup_Page": "页面", |
||||||
|
"Fine-Design_Report_ToolBar_Top": "顶部工具栏", |
||||||
|
"Fine-Design_Report_ToolBar_Bottom": "底部工具栏", |
||||||
|
"Fine-Design_Basic_Scale_Custom_Button": "自定义", |
||||||
|
"Fine-Design_Report_Restore_Default": "恢复默认", |
||||||
|
"Fine-Design_Report_Engine_ReportServerP_First": "首页", |
||||||
|
"Fine-Design_Report_Engine_ReportServerP_Previous": "上一页", |
||||||
|
"Fine-Design_Report_Engine_ReportServerP_Next": "下一页", |
||||||
|
"Fine-Design_Report_Engine_ReportServerP_Last": "末页", |
||||||
|
"Fine-Design_Report_Engine_Print": "打印", |
||||||
|
"Fine-Design_Report_Engine_Export": "导出", |
||||||
|
"Fine-Design_Report_Engine_Email": "邮件" |
||||||
|
}); |
@ -0,0 +1 @@ |
|||||||
|
@import "../../fineui/src/less/index.less"; |
@ -0,0 +1,59 @@ |
|||||||
|
!(function () { |
||||||
|
/** |
||||||
|
* 服务器 数据分析设置 |
||||||
|
*/ |
||||||
|
var Analysis = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "bi-report-server-param-setting-data-analysis" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.vtape", |
||||||
|
vgap: 10, |
||||||
|
hgap: 10, |
||||||
|
items: [{ |
||||||
|
type: "bi.button_group", |
||||||
|
height: 24, |
||||||
|
value: [1,2,3], |
||||||
|
items: BI.createItems([{ |
||||||
|
text: BI.i18nText("Fine-Design_Report_Engine_Sort_Sort"), |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Engine_Selection_Filter"), |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Engine_List_Filter"), |
||||||
|
value: 2 |
||||||
|
}], { |
||||||
|
type: "bi.multi_select_item", |
||||||
|
logic: { |
||||||
|
dynamic: true |
||||||
|
}, |
||||||
|
iconWrapperWidth: 16, |
||||||
|
hgap: 5 |
||||||
|
}), |
||||||
|
chooseType: BI.Selection.Multi, |
||||||
|
layouts: [{ |
||||||
|
type: "bi.vertical_adapt" |
||||||
|
}] |
||||||
|
}, { |
||||||
|
type: "bi.report.server.param_setting.use_tool_bar", |
||||||
|
height: 24, |
||||||
|
value: true |
||||||
|
}, { |
||||||
|
type: "bi.report.server.param_setting.tool_bar_height_select", |
||||||
|
height: 24 |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
height: 24, |
||||||
|
textAlign: "left", |
||||||
|
text: BI.i18nText("Fine-Design_Report_Editing_Listeners") + ":", |
||||||
|
}, { |
||||||
|
type: "bi.report.server.param_setting.edit_list" |
||||||
|
}] |
||||||
|
}; |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("bi.report.server.param_setting.data_analysis", Analysis); |
||||||
|
})(); |
@ -0,0 +1,69 @@ |
|||||||
|
!(function () { |
||||||
|
|
||||||
|
/** |
||||||
|
* 服务器 填报预览设置 |
||||||
|
*/ |
||||||
|
var Analysis = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "bi-report-server-param-setting-form-page" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.vtape", |
||||||
|
vgap: 10, |
||||||
|
hgap: 10, |
||||||
|
items: [{ |
||||||
|
type: "bi.grid", |
||||||
|
height: 78, |
||||||
|
columns: 2, |
||||||
|
rows: 2, |
||||||
|
items: [{ |
||||||
|
column: 0, |
||||||
|
row: 0, |
||||||
|
el: { |
||||||
|
type: "bi.report.sheet_label_location", |
||||||
|
height: 24 |
||||||
|
} |
||||||
|
}, { |
||||||
|
column: 1, |
||||||
|
row: 0, |
||||||
|
el: { |
||||||
|
type: "bi.report.server.param_setting.report_show_location", |
||||||
|
height: 24 |
||||||
|
} |
||||||
|
}, { |
||||||
|
column: 0, |
||||||
|
row: 1, |
||||||
|
el: { |
||||||
|
type: "bi.report.form_background_setting", |
||||||
|
height: 24 |
||||||
|
} |
||||||
|
}, { |
||||||
|
column: 1, |
||||||
|
row: 1, |
||||||
|
el: { |
||||||
|
type: "bi.report.leave_setting", |
||||||
|
height: 24 |
||||||
|
} |
||||||
|
}] |
||||||
|
}, { |
||||||
|
type: "bi.report.server.param_setting.use_tool_bar", |
||||||
|
height: 24, |
||||||
|
value: true |
||||||
|
}, { |
||||||
|
type: "bi.report.server.param_setting.tool_bar_height_select", |
||||||
|
height: 24 |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
height: 24, |
||||||
|
textAlign: "left", |
||||||
|
text: BI.i18nText("Fine-Design_Report_Editing_Listeners") + ":", |
||||||
|
}, { |
||||||
|
type: "bi.report.server.param_setting.edit_list" |
||||||
|
}] |
||||||
|
}; |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("bi.report.server.param_setting.form_page", Analysis); |
||||||
|
})(); |
@ -0,0 +1,66 @@ |
|||||||
|
!(function () { |
||||||
|
/** |
||||||
|
* 服务器 分页预览设置 |
||||||
|
*/ |
||||||
|
var Analysis = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "bi-report-server-param-setting-page-preview" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.vtape", |
||||||
|
vgap: 10, |
||||||
|
hgap: 10, |
||||||
|
items: [{ |
||||||
|
type: "bi.report.server.param_setting.report_show_location", |
||||||
|
height: 24 |
||||||
|
}, { |
||||||
|
type: "bi.button_group", |
||||||
|
height: 92, |
||||||
|
chooseType: BI.Selection.Multi, |
||||||
|
items: BI.createItems([{ |
||||||
|
el: { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Is_Paint_Page"), |
||||||
|
value: 1 |
||||||
|
}, |
||||||
|
bgap: 10 |
||||||
|
}, { |
||||||
|
el: { |
||||||
|
text: BI.i18nText("Fine-Design_Report_IS_Auto_Scale"), |
||||||
|
value: 2 |
||||||
|
}, |
||||||
|
bgap: 10 |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_IS_TD_HEAVY_EXPORT"), |
||||||
|
value: 3 |
||||||
|
}], { |
||||||
|
type: "bi.multi_select_item", |
||||||
|
hgap: 5, |
||||||
|
logic: { |
||||||
|
dynamic: true |
||||||
|
}, |
||||||
|
iconWrapperWidth: 16 |
||||||
|
}), |
||||||
|
layouts: [{ |
||||||
|
type: "bi.vertical" |
||||||
|
}] |
||||||
|
}, { |
||||||
|
type: "bi.report.server.param_setting.use_tool_bar", |
||||||
|
height: 24 |
||||||
|
}, { |
||||||
|
type: "bi.report.server.param_setting.tool_bar_height_select", |
||||||
|
height: 24 |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
height: 24, |
||||||
|
textAlign: "left", |
||||||
|
text: BI.i18nText("Fine-Design_Report_Editing_Listeners") + ":", |
||||||
|
}, { |
||||||
|
type: "bi.report.server.param_setting.edit_list" |
||||||
|
}] |
||||||
|
}; |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("bi.report.server.param_setting.page_preview", Analysis); |
||||||
|
})(); |
@ -0,0 +1,33 @@ |
|||||||
|
!(function () { |
||||||
|
BI.constant("bi.constant.report.server.param_setting", [ |
||||||
|
{ |
||||||
|
text: BI.i18nText("Fine-Design_Report_WEB_Pagination_Setting"), |
||||||
|
cls: "tab-item", |
||||||
|
value: BICst.REPORT_SERVER_PARAM.SPLIT_PAGE_PREVIEW_SETTING |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_WEB_Write_Setting"), |
||||||
|
cls: "tab-item", |
||||||
|
value: BICst.REPORT_SERVER_PARAM.FORM_PAGE_SETTING |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Data_Analysis_Settings"), |
||||||
|
cls: "tab-item", |
||||||
|
value: BICst.REPORT_SERVER_PARAM.DATA_ANALYSIS_SETTING |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_ReportServerP_Import_Css"), |
||||||
|
cls: "tab-item", |
||||||
|
value: BICst.REPORT_SERVER_PARAM.IMPORT_CSS |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_ReportServerP_Import_JavaScript"), |
||||||
|
cls: "tab-item", |
||||||
|
value: BICst.REPORT_SERVER_PARAM.IMPORT_JS |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Error_Handler_Template"), |
||||||
|
cls: "tab-item", |
||||||
|
value: BICst.REPORT_SERVER_PARAM.ERROR_TEMPLATE_DEFINE |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Print_Setting"), |
||||||
|
cls: "tab-item", |
||||||
|
value: BICst.REPORT_SERVER_PARAM.PRINT_SETTING |
||||||
|
}] |
||||||
|
); |
||||||
|
})(); |
@ -0,0 +1,50 @@ |
|||||||
|
!(function () { |
||||||
|
|
||||||
|
/** |
||||||
|
* 报表服务器参数面板 |
||||||
|
*/ |
||||||
|
var Tab = BI.inherit(BI.Widget, { |
||||||
|
|
||||||
|
props: { |
||||||
|
baseCls: "bi-report-server-param-setting" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.setting.tab", |
||||||
|
value: BICst.REPORT_SERVER_PARAM.SPLIT_PAGE_PREVIEW_SETTING, |
||||||
|
tabItems: BI.Constants.getConstant("bi.constant.report.server.param_setting"), |
||||||
|
cardCreator: BI.bind(this._createCard, this) |
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
_createCard: function (v) { |
||||||
|
switch (v) { |
||||||
|
case BICst.REPORT_SERVER_PARAM.SPLIT_PAGE_PREVIEW_SETTING: |
||||||
|
return { |
||||||
|
type: "bi.report.server.param_setting.page_preview" |
||||||
|
}; |
||||||
|
case BICst.REPORT_SERVER_PARAM.FORM_PAGE_SETTING: |
||||||
|
return { |
||||||
|
type: "bi.report.server.param_setting.form_page" |
||||||
|
}; |
||||||
|
case BICst.REPORT_SERVER_PARAM.DATA_ANALYSIS_SETTING: |
||||||
|
return { |
||||||
|
type: "bi.report.server.param_setting.data_analysis" |
||||||
|
} |
||||||
|
case BICst.REPORT_SERVER_PARAM.IMPORT_CSS: |
||||||
|
case BICst.REPORT_SERVER_PARAM.IMPORT_JS: |
||||||
|
case BICst.REPORT_SERVER_PARAM.ERROR_TEMPLATE_DEFINE: |
||||||
|
case BICst.REPORT_SERVER_PARAM.PRINT_SETTING: |
||||||
|
default: |
||||||
|
return { |
||||||
|
type: "bi.label", |
||||||
|
text: "1" |
||||||
|
}; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
}); |
||||||
|
|
||||||
|
BI.shortcut("bi.report.server.param_setting", Tab); |
||||||
|
})(); |
@ -0,0 +1,64 @@ |
|||||||
|
!(function () { |
||||||
|
/** |
||||||
|
* 填报页面设置 |
||||||
|
*/ |
||||||
|
var Analysis = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "bi-report-server-param-setting-form-page" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.vtape", |
||||||
|
vgap: 10, |
||||||
|
hgap: 10, |
||||||
|
items: [{ |
||||||
|
type: "bi.report.global_or_single_combo", |
||||||
|
height: 24 |
||||||
|
}, { |
||||||
|
type: "bi.grid", |
||||||
|
height: 78, |
||||||
|
columns: 2, |
||||||
|
rows: 2, |
||||||
|
items: [{ |
||||||
|
column: 0, |
||||||
|
row: 0, |
||||||
|
el: { |
||||||
|
type: "bi.report.sheet_label_location" |
||||||
|
} |
||||||
|
}, { |
||||||
|
column: 1, |
||||||
|
row: 0, |
||||||
|
el: { |
||||||
|
type: "bi.report.server.param_setting.report_show_location", |
||||||
|
height: 24 |
||||||
|
} |
||||||
|
}, { |
||||||
|
column: 0, |
||||||
|
row: 1, |
||||||
|
el: { |
||||||
|
type: "bi.report.form_background_setting" |
||||||
|
} |
||||||
|
}, { |
||||||
|
column: 1, |
||||||
|
row: 1, |
||||||
|
el: { |
||||||
|
type: "bi.report.leave_setting" |
||||||
|
} |
||||||
|
}] |
||||||
|
}, { |
||||||
|
type: "bi.settings.tool_bar", |
||||||
|
height: 180 |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
height: 24, |
||||||
|
textAlign: "left", |
||||||
|
text: BI.i18nText("Fine-Design_Report_Editing_Listeners") + ":", |
||||||
|
}, { |
||||||
|
type: "bi.report.server.param_setting.edit_list" |
||||||
|
}] |
||||||
|
}; |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("bi.report.template.web_setting.form_page", Analysis); |
||||||
|
})(); |
@ -0,0 +1,73 @@ |
|||||||
|
!(function () { |
||||||
|
/** |
||||||
|
* 分页预览设置 |
||||||
|
*/ |
||||||
|
var Analysis = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "bi-report-server-param-setting-page-preview" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.vtape", |
||||||
|
vgap: 10, |
||||||
|
hgap: 10, |
||||||
|
items: [{ |
||||||
|
type: "bi.report.global_or_single_combo", |
||||||
|
height: 24 |
||||||
|
}, { |
||||||
|
type: "bi.report.server.param_setting.report_show_location", |
||||||
|
height: 24 |
||||||
|
}, { |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
height: 24, |
||||||
|
items: [{ |
||||||
|
type: "bi.label", |
||||||
|
text: BI.i18nText("Fine-Design_Report_PageSetup_Page"), |
||||||
|
textAlign: "right", |
||||||
|
width: 70 |
||||||
|
}, { |
||||||
|
el: { |
||||||
|
type: "bi.button_group", |
||||||
|
height: 24, |
||||||
|
chooseType: BI.Selection.Multi, |
||||||
|
items: BI.createItems([{ |
||||||
|
text: BI.i18nText("Fine-Design_Report_Is_Paint_Page"), |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_IS_Auto_Scale"), |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_IS_TD_HEAVY_EXPORT"), |
||||||
|
value: 3 |
||||||
|
}], { |
||||||
|
type: "bi.multi_select_item", |
||||||
|
hgap: 5, |
||||||
|
logic: { |
||||||
|
dynamic: true |
||||||
|
}, |
||||||
|
iconWrapperWidth: 16 |
||||||
|
}), |
||||||
|
layouts: [{ |
||||||
|
type: "bi.left", |
||||||
|
lgap: 5 |
||||||
|
}] |
||||||
|
}, |
||||||
|
lgap: 10 |
||||||
|
}] |
||||||
|
}, { |
||||||
|
type: "bi.settings.tool_bar", |
||||||
|
height: 180 |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
height: 24, |
||||||
|
textAlign: "left", |
||||||
|
text: BI.i18nText("Fine-Design_Report_Editing_Listeners") + ":", |
||||||
|
}, { |
||||||
|
type: "bi.report.server.param_setting.edit_list" |
||||||
|
}] |
||||||
|
}; |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("bi.report.template.web_setting.page_preview", Analysis); |
||||||
|
})(); |
@ -0,0 +1,69 @@ |
|||||||
|
!(function () { |
||||||
|
BI.constant("bi.constant.report.template.web_setting", [ |
||||||
|
{ |
||||||
|
text: BI.i18nText("Fine-Design_Report_Basic"), |
||||||
|
cls: "tab-item", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING.BASE |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Printer(Server)"), |
||||||
|
cls: "tab-item", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING.PRINT |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_WEB_Pagination_Setting"), |
||||||
|
cls: "tab-item", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING.SPLIT_PAGE_PREVIEW_SETTING |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_WEB_Write_Setting"), |
||||||
|
cls: "tab-item", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING.FORM_PAGE_SETTING |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Data_Analysis_Settings"), |
||||||
|
cls: "tab-item", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING.DATA_ANALYSIS_SETTING |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Browser_Background"), |
||||||
|
cls: "tab-item", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING.BROWSER |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_ReportServerP_Import_Css"), |
||||||
|
cls: "tab-item", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING.IMPORT_CSS |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_ReportServerP_Import_JavaScript"), |
||||||
|
cls: "tab-item", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING.IMPORT_JS |
||||||
|
}] |
||||||
|
); |
||||||
|
|
||||||
|
BI.constant("bi.constant.report.template.web_setting.tools", [ |
||||||
|
{ |
||||||
|
text: BI.i18nText("Fine-Design_Report_Engine_ReportServerP_First"), |
||||||
|
cls: "close-font", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING_TOOLS.FIRST_PAGE |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Engine_ReportServerP_Previous"), |
||||||
|
cls: "close-font", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING_TOOLS.PRE_PAGE |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Engine_ReportServerP_Next"), |
||||||
|
cls: "close-font", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING_TOOLS.NEXT_PAGE |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Engine_ReportServerP_Last"), |
||||||
|
cls: "close-font", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING_TOOLS.LAST_PAGE |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Engine_Print"), |
||||||
|
cls: "close-font", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING_TOOLS.PRINT |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Engine_Export"), |
||||||
|
cls: "close-font", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING_TOOLS.EXPORT |
||||||
|
}, { |
||||||
|
text: BI.i18nText("Fine-Design_Report_Engine_Email"), |
||||||
|
cls: "close-font", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING_TOOLS.EMAIL |
||||||
|
}] |
||||||
|
); |
||||||
|
})(); |
@ -0,0 +1,48 @@ |
|||||||
|
!(function () { |
||||||
|
|
||||||
|
/** |
||||||
|
* 模板Web属性面板 |
||||||
|
*/ |
||||||
|
var Tab = BI.inherit(BI.Widget, { |
||||||
|
|
||||||
|
props: { |
||||||
|
baseCls: "bi-report-template-web-setting" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.setting.tab", |
||||||
|
value: BICst.REPORT_TEMPLATE_WEB_SETTING.SPLIT_PAGE_PREVIEW_SETTING, |
||||||
|
tabItems: BI.Constants.getConstant("bi.constant.report.template.web_setting"), |
||||||
|
cardCreator: BI.bind(this._createCard, this) |
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
_createCard: function (v) { |
||||||
|
switch (v) { |
||||||
|
case BICst.REPORT_TEMPLATE_WEB_SETTING.SPLIT_PAGE_PREVIEW_SETTING: |
||||||
|
return { |
||||||
|
type: "bi.report.template.web_setting.page_preview" |
||||||
|
} |
||||||
|
case BICst.REPORT_TEMPLATE_WEB_SETTING.FORM_PAGE_SETTING: |
||||||
|
return { |
||||||
|
type: "bi.report.template.web_setting.form_page" |
||||||
|
} |
||||||
|
case BICst.REPORT_TEMPLATE_WEB_SETTING.DATA_ANALYSIS_SETTING: |
||||||
|
case BICst.REPORT_TEMPLATE_WEB_SETTING.BASE: |
||||||
|
case BICst.REPORT_TEMPLATE_WEB_SETTING.PRINT: |
||||||
|
case BICst.REPORT_TEMPLATE_WEB_SETTING.BROWSER: |
||||||
|
case BICst.REPORT_TEMPLATE_WEB_SETTING.IMPORT_CSS: |
||||||
|
case BICst.REPORT_TEMPLATE_WEB_SETTING.IMPORT_JS: |
||||||
|
default: |
||||||
|
return { |
||||||
|
type: "bi.label", |
||||||
|
text: "1" |
||||||
|
}; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
}); |
||||||
|
|
||||||
|
BI.shortcut("bi.report.template.web_setting", Tab); |
||||||
|
})(); |
@ -0,0 +1,12 @@ |
|||||||
|
.bi-setting-tab .tab-group { |
||||||
|
background-color: #F2F4F7; |
||||||
|
font-size: 12px; |
||||||
|
} |
||||||
|
.bi-setting-tab .tab-group .tab-item:hover { |
||||||
|
color: #3685f2; |
||||||
|
} |
||||||
|
.bi-setting-tab .tab-group .tab-item.active { |
||||||
|
background-color: #ffffff; |
||||||
|
color: #3685f2; |
||||||
|
border-top: 3px solid #3685f2; |
||||||
|
} |
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,57 @@ |
|||||||
|
window.addEventListener("load", function (ev) { |
||||||
|
var combo1 = BI.createWidget({ |
||||||
|
type: "bi.vertical", |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.text_value_combo", |
||||||
|
text: "选项1", |
||||||
|
width: 300, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.single_select_radio_item", |
||||||
|
width: 290, |
||||||
|
text: "选项1", |
||||||
|
value: 1 |
||||||
|
}, |
||||||
|
text: "选项1", |
||||||
|
value: 1, |
||||||
|
lgap: 10 |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.single_select_radio_item", |
||||||
|
width: 290, |
||||||
|
text: "选项2", |
||||||
|
value: 2 |
||||||
|
}, |
||||||
|
lgap: 10, |
||||||
|
text: "选项2", |
||||||
|
value: 2 |
||||||
|
}, |
||||||
|
{ |
||||||
|
el: { |
||||||
|
type: "bi.single_select_radio_item", |
||||||
|
width: 290, |
||||||
|
text: "选项3", |
||||||
|
value: 3 |
||||||
|
}, |
||||||
|
lgap: 10, |
||||||
|
text: "选项3", |
||||||
|
value: 3 |
||||||
|
} |
||||||
|
] |
||||||
|
} |
||||||
|
] |
||||||
|
}); |
||||||
|
|
||||||
|
BI.createWidget({ |
||||||
|
type:"bi.absolute", |
||||||
|
element: "body", |
||||||
|
items: [{ |
||||||
|
el: combo1, |
||||||
|
left: 100, |
||||||
|
top: 100 |
||||||
|
}] |
||||||
|
}); |
||||||
|
}); |
@ -0,0 +1,12 @@ |
|||||||
|
.bi-setting-tab .tab-group { |
||||||
|
background-color: #F2F4F7; |
||||||
|
font-size: 12px; |
||||||
|
} |
||||||
|
.bi-setting-tab .tab-group .tab-item:hover { |
||||||
|
color: #3685f2; |
||||||
|
} |
||||||
|
.bi-setting-tab .tab-group .tab-item.active { |
||||||
|
background-color: #ffffff; |
||||||
|
color: #3685f2; |
||||||
|
border-top: 3px solid #3685f2; |
||||||
|
} |
File diff suppressed because it is too large
Load Diff
After Width: | Height: | Size: 14 MiB |
Before Width: | Height: | Size: 26 MiB After Width: | Height: | Size: 16 MiB |
Loading…
Reference in new issue