附件1-Cognos前臺(tái)報(bào)表規(guī)范.docx

1、COGNOS前臺(tái)報(bào)表規(guī)范、控件命名1、系統(tǒng)控件和自定義控件控件命名規(guī)則：頁面控件命名一般為“Rs”+"控件參數(shù)控件屬性”，HTML項(xiàng)目?jī)?nèi)控件命名一般為''控件屬性”+“具體含義名”；提示頁面控件命名一般為“Rst”+"控件參數(shù)控件屬性”；參數(shù)命名規(guī)則：“V”+“具體含義名二前綴系統(tǒng)控件自定義控件參數(shù)示例備注RsTextEditRsBlockRsTableRsFieldSetRsQueryCalculatorRsLayOutCalculatorRsImageRsCrossTableAreaRsListRsCrossTableRsChartRsMapRsRepe

2、aterRsReptearTableRsSing1eRsConditionBlockRsHtmlTagRsXHtmlTagRsHyperlinkRsDatePickerWDatePickerRsTimeRsPaginationRsLineNumberRsTextEditBoxTEBKSSJRsPromptBoxOLCKSSJRsSearchRsDateTimePromptRsPromptButton2、不參與交互功能的的控件不命名，使用默認(rèn)名稱規(guī)范。二、報(bào)表命名規(guī)范報(bào)表命名以具體的指標(biāo)含義命名。三、控件使用說明報(bào)表開發(fā)主要使用的是系統(tǒng)控件和自定義的html控件，以及一些JavaScript的輔

3、助。(1) 、TextEdit：文本項(xiàng)目。主要應(yīng)用于文本顯示，包括靜態(tài)文本顯示和數(shù)據(jù)項(xiàng)目顯示以及自定義報(bào)表表達(dá)式。文本項(xiàng)目的主要屬性如下：A、條件樣式B、源類型C、文本D、數(shù)據(jù)格式E、最大字符數(shù)(2) 、Block：塊。主要用于布局，可作為容器使用，和Htnd標(biāo)簽的Div比較類似；其主要屬性如下：A、條件樣式B、樣式變量C、大小和溢出D、可見(3) Table：表格。表格控件大部分應(yīng)用于布局。(4) 、QueryCalculator：查詢計(jì)算。用于項(xiàng)目查詢項(xiàng)目或者自定義的報(bào)表表達(dá)式。其主要屬性如下：A、源類型B、數(shù)據(jù)項(xiàng)值C、數(shù)據(jù)格式D、數(shù)據(jù)項(xiàng)類型(5) 、Image：圖像。用于頁面上顯示圖片。

4、(6) 、List：列表。用于數(shù)據(jù)列表展示，可插入數(shù)據(jù)項(xiàng)和其他任何控件，也可插入自定義控件，常用于列表數(shù)據(jù)容器。(6)、Chart：圖。圖形展示工具，包括柱狀圖、折線圖、餅圖、條形圖、面積圖、點(diǎn)狀圖、組合圖、散點(diǎn)圖、儀表盤、排列圖、Microchart圖等。圖形使用數(shù)據(jù)項(xiàng)目作為數(shù)據(jù)源。皿插入圖表皿插入圖表葦助X誨定取港四、界面設(shè)計(jì)（一）、布局設(shè)計(jì)頁面整體布局大小為高度100%、寬度100%；左側(cè)為頁面主題和查詢選項(xiàng)區(qū)域，寬度占用20%；右側(cè)分為上下結(jié)構(gòu)為數(shù)據(jù)展示區(qū)域，寬度占用80%,上側(cè)為列表詳細(xì)信息，下側(cè)為指標(biāo)分析區(qū)域，上下側(cè)內(nèi)容有聯(lián)動(dòng)效果。（二）、功能設(shè)計(jì)（1）、查詢功能查詢區(qū)域根據(jù)日期維

5、度拆分為年報(bào)、月報(bào)、日?qǐng)?bào)快捷查詢按鈕。使用自定義控件DatePicker實(shí)現(xiàn)日歷效果。查詢模塊控件信息模塊查詢模塊控件類型控件名主要屬性屬性值說明功能值提示year查詢統(tǒng)計(jì)年度使用【統(tǒng)計(jì)年度】查詢年份查詢下拉框使用值Year-CategoryCode使用時(shí)間維度的年份編碼選擇UI下拉列表參數(shù)OLCYEAR名稱year控件名稱html項(xiàng)目inRegionidinRegionhtml的input標(biāo)簽id月份文本多選框typetextinput類型為文本onclickshowElementById(Hregion”,"inRegion")月份多選框事件valuehtml項(xiàng)目htm

6、l項(xiàng)目的月份值提示按鈕查詢類型下步提交按鈕執(zhí)行查詢(2) 列表功能列表展示機(jī)構(gòu)和指標(biāo)信息。命名規(guī)范為“l(fā)ocktable”+“列表number”，具有鎖定表頭和切換指標(biāo)分析功能，點(diǎn)選表頭指標(biāo)名稱可以切換到該指標(biāo)的分析；列表具有鉆取聯(lián)動(dòng)效果。列表模塊控件信息模塊列表模塊控件類型控件名主要屬性屬性值說明功能文本項(xiàng)目列表標(biāo)題源類型報(bào)表表達(dá)式或文本列表標(biāo)題列表模塊的標(biāo)題文本字體粗體12pt列表locktable分組與排序指標(biāo)值列表指標(biāo)值排序列表展示，包括機(jī)構(gòu)和指標(biāo)值及其匯總信息，部分提供排序、明細(xì)功能查詢列表使用【列表】查詢抑制行抑制行的空值類列表大小和溢出?100%高度默認(rèn)，寬度100%html項(xiàng)目固定表頭html內(nèi)容固定表頭的css樣式