附件1-Cognos前台报表规范.docx

1、COGNOS前台报表规范、控件命名1、系统控件和自定义控件控件命名规则：页面控件命名一般为“Rs”+"控件参数控件属性”，HTML项目内控件命名一般为''控件属性”+“具体含义名”；提示页面控件命名一般为“Rst”+"控件参数控件属性”；参数命名规则：“V”+“具体含义名二前缀系统控件自定义控件参数示例备注RsTextEditRsBlockRsTableRsFieldSetRsQueryCalculatorRsLayOutCalculatorRsImageRsCrossTableAreaRsListRsCrossTableRsChartRsMapRsRepe

2、aterRsReptearTableRsSing1eRsConditionBlockRsHtmlTagRsXHtmlTagRsHyperlinkRsDatePickerWDatePickerRsTimeRsPaginationRsLineNumberRsTextEditBoxTEBKSSJRsPromptBoxOLCKSSJRsSearchRsDateTimePromptRsPromptButton2、不参与交互功能的的控件不命名，使用默认名称规范。二、报表命名规范报表命名以具体的指标含义命名。三、控件使用说明报表开发主要使用的是系统控件和自定义的html控件，以及一些JavaScript的辅

3、助。(1) 、TextEdit：文本项目。主要应用于文本显示，包括静态文本显示和数据项目显示以及自定义报表表达式。文本项目的主要属性如下：A、条件样式B、源类型C、文本D、数据格式E、最大字符数(2) 、Block：块。主要用于布局，可作为容器使用，和Htnd标签的Div比较类似；其主要属性如下：A、条件样式B、样式变量C、大小和溢出D、可见(3) Table：表格。表格控件大部分应用于布局。(4) 、QueryCalculator：查询计算。用于项目查询项目或者自定义的报表表达式。其主要属性如下：A、源类型B、数据项值C、数据格式D、数据项类型(5) 、Image：图像。用于页面上显示图片。

4、(6) 、List：列表。用于数据列表展示，可插入数据项和其他任何控件，也可插入自定义控件，常用于列表数据容器。(6)、Chart：图。图形展示工具，包括柱状图、折线图、饼图、条形图、面积图、点状图、组合图、散点图、仪表盘、排列图、Microchart图等。图形使用数据项目作为数据源。皿插入图表皿插入图表苇助X诲定取港四、界面设计（一）、布局设计页面整体布局大小为高度100%、宽度100%；左侧为页面主题和查询选项区域，宽度占用20%；右侧分为上下结构为数据展示区域，宽度占用80%,上侧为列表详细信息，下侧为指标分析区域，上下侧内容有联动效果。（二）、功能设计（1）、查询功能查询区域根据日期维

5、度拆分为年报、月报、日报快捷查询按钮。使用自定义控件DatePicker实现日历效果。查询模块控件信息模块查询模块控件类型控件名主要属性属性值说明功能值提示year查询统计年度使用【统计年度】查询年份查询下拉框使用值Year-CategoryCode使用时间维度的年份编码选择UI下拉列表参数OLCYEAR名称year控件名称html项目inRegionidinRegionhtml的input标签id月份文本多选框typetextinput类型为文本onclickshowElementById(Hregion”,"inRegion")月份多选框事件valuehtml项目htm

6、l项目的月份值提示按钮查询类型下步提交按钮执行查询(2) 列表功能列表展示机构和指标信息。命名规范为“locktable”+“列表number”，具有锁定表头和切换指标分析功能，点选表头指标名称可以切换到该指标的分析；列表具有钻取联动效果。列表模块控件信息模块列表模块控件类型控件名主要属性属性值说明功能文本项目列表标题源类型报表表达式或文本列表标题列表模块的标题文本字体粗体12pt列表locktable分组与排序指标值列表指标值排序列表展示，包括机构和指标值及其汇总信息，部分提供排序、明细功能查询列表使用【列表】查询抑制行抑制行的空值类列表大小和溢出?100%高度默认，宽度100%html项目固定表头html内容固定表头的css样式