统一查询面板配置傻瓜手册V02.docx

资源描述

统一查询面板配置傻瓜手册V02.docx

《统一查询面板配置傻瓜手册V02.docx》由会员分享，可在线阅读，更多相关《统一查询面板配置傻瓜手册V02.docx（32页珍藏版）》请在冰点文库上搜索。

统一查询面板配置傻瓜手册V02.docx

统一查询面板配置傻瓜手册V02

统一查询面板配置傻瓜手册

--戴明利

1概述

葵花宝典之引刀自宫，精简配置。

自定义查询，只需配置三项即可：

a.）、配置导航树b.）、配置新专题c.）、配置新面板。

2配置导航树

先配置monitor_menu的monitor_id，monitor_name，monitor_parent_id，state；后续添加面板的时候再修改monitor_url。

上述monitor_id，monitor_name，monitor_parent_id均可自行配置，只要每个新专题根节点的monitor_parent_id为空即可。

如下图：

3配置新专题

3.1在主页添加

1．）提单添加或修改首页链接图标

2.）修改work_link表链接地址

如：

把相应新专题的link_value设置成

javascript:

displayMaxWindow（'workshop/queryTemplate/main.html?

id=4','',true）

其中ID是monitor_menu对应该专题导航树根节点的monitor_id。

如下图，则monitor_id=4：

3.2在网管监控-稽核报告处添加（或其他地方添加）

网管监控-稽核报告，新增一个自定义查询，

如下图：

在高额分析下添加一个“统一面板查询配置测试“”专题。

1.）添加一个“统一面板查询配置测试”专题

2.）其配置SQL在自定义查询报表中没用，如下：

3.）修改链接地址

select*fromprivilegetwheret.privilege_name='统一面板查询配置测试'

把相应添加的专题链接地址改成新专题的链接地址，如：

SERVER_URL_NAME=’workshop/queryTemplate/main.html?

id=11’

SCRIPT_NAME=’doMenu_open（）’

4.）点击相应链接即可看到新专题了。

如下图：

4配置新面板

4.1单列表

4.1.1配置面板BASE_PANEL

BASE_PANEL配置面板ID和标题，ID值可以自行配置，标题可以不配置，如下图有两个面板。

注：

a.）此处的面板ID在monitor_menu配置标签页时用到，见下图（html?

panel=1）ID=1:

b.）标题见下图标红处：

4.1.2配置工具条信息PANEL_TOOLBAR,PANEL_TOOLBAR_CFG

1.）PANEL_TOOLBAR（存放所有面板的工具条配置信息，通过PANEL_TOOLBAR_CFG实现TYPE=param的工具条与BASE_PANEL的多对多关系。

）

2.）PANEL_TOOLBAR_CFG在PANEL_TOOLBAR中配置的工具条需要在这里配置一下归属于那个面板

4.1.3配置查询控件及默认值PARAM_COMPONENT

1.）PARAM_COMPONENT（存放所有面板的查询控件，也是SQL_PARAM_CFG的“已存在的控件（COMP_ID=13）”类型的数据来源，存放所有面板的查询控件，

，配置显示控件的名称）

注：

a.）PARAM_COMPONENT的COMP_ID为查询控件的类型:

普通文本框（comp_id=1），日期选择框（comp_id=2），SQL下拉（comp_id=4），树形控件（通过指定SQL）（comp_id=7）等；CMOP_DS是相应查询控件SQL的语句。

b.）PARAM_COMPONENT的PARAM_COMP_ID在SQL_PARAM_CFG的COMP_DS中相对应，且SQL_PARAM_CFG的COMP_ID=13.

c.）PARAM_COMPONENT的DEFAULT_VALUE该查询控件的默认值。

当DEFAULT_VALUE不是JS、SQL语句时，GET_TYPE=text

当DEFAULT_VALUE是一个JS语句时，GET_TYPE=js。

当DEFAULT_VALUE是一个SQL语句时，GET_TYPE=sql。

如：

i.）

DEFAULT_VALUE=’$TODAY’时，

GET_TYPE=text。

ii.）

DEFAULT_VALUE=’selectto_char（sysdate,’yyyy-mm-dd’）fromdual’时，

GET_TYPE=sql。

d.）PARAM_COMPONENT的PARAM_COMP_ID=33时

COMP_DS的内容如下：

2.）PANEL_TOOLBAR_BY_PARAM（存放TYPE=param的工具条的具体配置信息。

PARAM_COMPONENT中的那些查询控件需要在这里配置一下归属于那个工具条）

其中SORT_ID是查询控件在界面展示的顺序。

4.1.4配置报表SQL语句SQL_CFG

测试列表的主要配置如下：

SQL_ID=20401

SQL_TEXT=’

Selectto_char（t.create_time,'yyyy-mm-ddhh24:

mi:

ss'）create_time,

t.kpi_id,b.kpi_name,t.alarm_title

fromne_alarm_listt,kpi_code_listb

wheret.create_time>=to_date（:

begindate,'yyyy-mm-dd'）

andt.create_time

enddate,'yyyy-mm-dd'）+1

anddecode（:

p_oprt_state,-1,-1,t.oprt_state）=:

p_oprt_state

andt.kpi_id=b.kpi_id

orderbyt.create_time,kpi_id,alarm_title’

4.1.5配置参数表SQL_PARAM_CFG

1.）SQL_PARAM_CFG的SQL_ID与SQL_CFG的SQL_ID一致。

2.）SQL_PARAM_CFG的PARAM_NAME与SQL_CFG的SQL_TEXT中SQL语句的参数名称一致，

SQL_CFG的SQL_ID=20401中SQL_TEXT，其中参数:

begindate,:

enddate,:

p_oprt_state

3.）SQL_PARAM_CFG的COMP_ID=13,COMP_DS=PARAM_COMPONENT相应查询控件的ID。

如下：

4.1.6配置数据来源关联表GET_VALUE_CFG

1.）get_value_cfg当GET_VALUE_TYPE=’SQL’时GET_VALUE_ID与SQL_CFG的SQL_ID一致。

2.）GET_value_cfg的GET_VALUE_CFG_ID给MONITOR_MENU中MONITOR_URL提供数据来源，如：

MONIOTOR_URL=’tabtitle@TemplateFourChart.html?

panel=1&grid=30401’

其中30401即是get_value_cfg的GET_VALUE_CFG_ID。

如下：

4.1.7配置列表显示样式GET_VALUE_SHOW_CFG

1.）get_value_show_cfg中的get_value_cfg_id与GET_value_cfG的GET_VALUE_CFG_ID一致。

2.）get_value_show_cfg中的TITLE配置列表标题，见下图：

3.）get_value_show_cfg中的IS_PAGE和PAGE_SIZE配置分页及IS_FORCEFIT滚动条（每页100条记录，并显示滚动条，如下图：

）

4.）get_value_show_cfg中的TOOLBAR_MENU_ID的值设置为21,增加导出EXCEL功能

5.）.配置get_value_show_cfg中的CONFIG_SCRIPT，实现自动换行。

其值设置为：

{

isNewLine:

true

}

6.）配置get_value_show_cfg中的CONFIG_SCRIPT，实现自动刷新，interval刷新频率单位毫秒。

其值设置为：

{

interval:

3*1000

}

4.1.8配置列表显示字段GET_VALUE_CFG_FIELD

1.）GET_VALUE_CFG_FIELD中get_value_cfg_id与GET_value_cfG的GET_VALUE_CFG_ID一致。

2.）GET_VALUE_CFG_FIELD中NAME与SQL_CFG中的SQL_TEXT语句中的字段名称相对应。

4.1.9配置列表数据源归属哪个面板，并把相应面板配置到MONITOR_MENU的MONITOR_URL中。

4.1.10查看配置效果

4.2两个图表

4.2.1模仿单列表配置两个图表的查询SQL（4.1.1~4.1.6）

1.）图表1的SQL_CFG配置如下:

SQL_ID=20402

SQL_TEXT=’

Selectto_char（t.create_time,'yyyy-mm-dd'）create_time,

count（*）cnt

fromne_alarm_listt

wheret.create_time>=to_date（:

begindate,'yyyy-mm-dd'）

andt.create_time

enddate,'yyyy-mm-dd'）+1

anddecode（:

p_oprt_state,-1,-1,t.oprt_state）=:

p_oprt_state

groupbyto_char（t.create_time,'yyyy-mm-dd'）

orderbyto_char（t.create_time,'yyyy-mm-dd'）’

2.）图表2的SQL_CFG配置如下:

SQL_ID=20403

SQL_TEXT=’

Selectto_char（t.create_time,'yyyy-mm-dd'）create_time,

Sum（decode（t.oprt_state,10,1,0））cnt1,

Sum（decode（t.oprt_state,20,1,0））cnt2,

Sum（decode（t.oprt_state,30,1,0））cnt3

fromne_alarm_listt

wheret.create_time>=to_date（:

begindate,'yyyy-mm-dd'）

andt.create_time

enddate,'yyyy-mm-dd'）+1

groupbyto_char（t.create_time,'yyyy-mm-dd'）

orderbyto_char（t.create_time,'yyyy-mm-dd'）’

3.）

4.2.2配置图形标题，类型等GET_CHART_CFG

1.）GET_CHART_CFG中的GET_VALUE_CFG_ID与GET_VALUE_CFG中的GET_VALUE_CFG_ID一致

2.）GET_CHART_CFG中的CHART_TYPE为图表类型（line曲线，pie饼图，column柱状图）

3.）GET_CHART_CFG中的TITLE即为图表标题

4.）GET_CHART_CFG中的X_LABEL，X轴显示标签

5.）GET_CHART_CFG中的Y_LABEL，Y轴显示标签

4.2.3配置存放显示图形X轴和Y轴的信息CHART_COLUMN_CFG（插入配置信息（使用一个X轴多个Y轴的情况））

1.）CHART_COLUMN_CFG中的GET_VALUE_CFG_ID与GET_VALUE_CFG中的GET_VALUE_CFG_ID一致

2.）CHART_COLUMN_CFG中的TYPE=’METRIC’即X轴，TYPE=’attribute’即Y轴；COL_NAME与SQL_CFG的SQL_TEXT中X/Y轴对应字段名称相对应，COL_LABEL对应字段的显示名称。

4.2.4存放图中每条曲线（柱子）的个性化定义CHART_LINE_CFG（可不配置）

1.）CHART_LINE_CFG中的GET_VALUE_CFG_ID与GET_VALUE_CFG中的GET_VALUE_CFG_ID一致。

2.）CHART_LINE_CFG中的Line_name=Count（*）+100000（声明对那条线或柱进行定制，填入字段名）

3.）CHART_LINE_CFG中的Line_type=column（转换为线或柱，取值为line，column，放空为不改变）

4.）CHART_LINE_CFG中的Line_color=#FF0000（显示颜色，放空为不改变）

5.）CHART_LINE_CFG中的Style=（个性化定制接口，提供个性化需求，放空为不改变）

配置后刷新页面显示效果如下

4.2.5配置数据源到MONITOR_MENU相应的MONITOR_URL中。

MONITOR_URL='标签页1@TemplateFourChart.html?

panel=1&grid=30401/图表标签页@TemplateFourChart.html?

panel=1&chart=30402,-1,-1,30403&height=300,200&flex=1,1,1,1'

4.2.6查看配置效果

4.3配置列表+图表

四图表+列表的模板支持配置出最多四个图表和一个列表的面板配置模板，可配置出不定数（最多四个）图表+列表（列表也可不配置）的页面。

1.）一列表：