6-2、UI引擎指标及数据源配置说明.docx

1、UI引擎指标及数据源配置说明，磁贴值（万元）髭标提示磁祢值（7=i）帛标堤示*<JF6,、-、，同期（人）鼠标提示片磁liUi值（F）立生）同期（A）文字咯磁贴值（万）显示（1/0）山同期（人）显示（1/0）夕磁贴值（元）鼠标提示同即（人次）鼠标棉示0睇贴值（兀）.又于备问期（入次）文字Z照购且兀）SFU/UJ唠同期（人次）显不（1/0）夕磁贴值（人次）鼠标提示"同即（种）鼠标捍示磁贴值以次）文字1同期（种）文字1磁祢值（7=i）帛标堤示*<JF6,、-、，同期（人）鼠标提示片磁liUi值（F）立生）同期（A）文字咯磁贴值（万）显示（1/0）山同期（人）显示（1/0）夕磁

2、贴值（元）鼠标提示同即（人次）鼠标棉示0睇贴值（兀）.又于备问期（入次）文字Z照购且兀）SFU/UJ唠同期（人次）显不（1/0）夕磁贴值（人次）鼠标提示"同即（种）鼠标捍示磁贴值以次）文字1同期（种）文字1夕同期（例）鼠标提示力磁贴值（人次）显示（1/0，磁贴值（%）鼠标提示0磁贴值（%）文字山磁贴值（%）显示（1/0）W-111*A)«5?同期（元）文字/同期（例）显示（1/0）/同期（元）鼠标提示/同期（元）显示（1/0）/同苜日（成代7，1卦）用标提示Z磁贴值（人）显示（1/0）夕磁贴值（例）鼠标提示I2羸福（福）值（例）显示（1/0）夕磁贴值（种）鼠标提示，磁贴值（

3、种）文字。磁贴值（种）显示（1/0）夕磁贴值（两位小数）鼠标提示I目字塑立小哲啤习同期（两位小数）显示h/o）夕同期（万元）鼠标提示程同期（万元）显示（1/0）（万兀）文字磁贴值（两位小数）显示夕同期（万）鼠标提示1/同期（万）文字I夕同期（万）显示（1/0）磁贴名称录入指标名称；磁贴值、同期值、磁贴名称录入指标名称；磁贴值、同期值、同比值通过从对象列表区的数据源-系统分类-磁贴下，选择对应的指标值，！iK给对应的控件属性接受者，如下图：（添加首个数据源的列至提供数据区后，相同数据源的其他列通过选择数据源区的列进行添加。不可从对象列表区的数据源树上添加。）_-Mfttt/aMM控件:flffl

4、xaw（5）林所又字控件：通用K5（）gs值（%）又字拴作：通用大森&<AM2）»raw（%）文字控作：用大（«PG）同比（%）艾字控作：:a用大皿5（»Q）raiE&H»EBMUe»«8P：kig<ttfftanasw«ft：住院布占此数1E位:住垸弦（5比mwi眼（51匕上年同职KEJ9:住曲占比础5点奶占比_回3雯思R位:住密c5tg5*l略占比旧归权菱敬am添加完成后，需要设定数据源的参数，当主页面设定筛选条件后，可更新磁贴的值。如下所示，从对象列表区的控件树下，点击刚才新增磁贴控件的树节

5、点下如下图所示的控件属性，将其设置为数据源参数：（本例中该控件名称为“通用大磁贴（单位）"）-故据源-表：住院药占比磁贴务2.3）*配台描述.总记录数住猝占比上年同期住癖占比住猝占比一同比增长秦聚合表：聚合列:孙：年控件：通用大硬咕（单位）日期下函数拉框-年份选中值（年月日）二科室控件：通用大磁贴（单位）.标翌函数科室隐藏义字二医疗单元常量：砌的名称控件：通用大痛姑（单位）标签.函数医生-漩文字分贝对象函数主跳名称控件：通用大磁贴（单位）标签-函数主晚隐藏义字参数可能依据选择的数据源不同而不同，设置时，需要与主页面中的筛选条件进行比对。主页面中不存在的筛选条件，如果在参数中存在，可以

6、不进行设置。分页对象不需要设置。2. 13设置磁贴吏新事件当主页面筛选条件变更时，更新磁贴值的操作，在下述步骤中设置。在编辑区选中新增磁贴控件，在控件属性区分别添加如下图中的事件:事件设置日期下拉框-年份值改变时移除标签医疗单元-隐适文字改变时移除标签_医生-隐点文字改变时移除标签科室-隐薮文字改变时移除事件中均设置该磁贴页面的加载事件:eisswt够信 值此何«又手改如住密占比泌后M执行条件:上述步骤完成后，点击“保存为元件”按钮，路径为元件-指标所属主题-指标所属主题.磁贴，本例为“元件-门诊主题-门诊主题.磁贴”02. 2新增指标图表目前该指标图表组由按年月分析图表、按科室分析

7、图表、按主诊组分析图表、按医生分析图表及按患者分析图表构成。按年月分析图表的默认筛选条件有年月、科室、主诊组、医生；按科室分析图表的默认筛选条件有年月；按主诊组分析图表的默认筛选条件有年月、科室；按医生分析图表的默认筛选条件有年月、科室、主诊组；按患者分析图表的默认筛选条件有年月、科室、主诊组、医生；2.21新增图表点击设计按钮，进入空白设计页面。新增图表前，需要先确定指标的分类（门诊、住院、门诊住院合计、物资、病案），然后从元素区的元件-通用图表中选取适合的图表，将其拖曳至编辑区。下述以新增按年月分析图表为例，其他图表步骤相同。亨街360捌AD北炬路;»At-用湘>®

8、;3R*ffi（25OOpx）>；透用部日报栏1<娜珈饵SOOpx）射刎"迎用陷哀莎4寄打遇用83寰如四7.无"颜陷袤！5巴生机皿B59妍月.通用*6尢08夜I.通用瀚-尤会K».遇用大皿u<.通用Il通用妙朔hit用65厦故逆哝珏旺迎附郎M区间日期时iB期年月曰）m<1晓天戳（国!a）通用BW-40W&心用#龄!fi-心ttc*W1M拔年月分新1S00wooS00Q00000%K1-C4(fix0U=存77,如I与存力金甲地201401值1100值2500XH佰330000%点击编辑区的空白处，使页面属性显示，设置页面名称为图表类

9、别+指标名称，主题设置为默认主题。控（犊型：页面表单名称按年月-住曜5占比权限标识e6eeaf3556783c52bl：允许所有人可见加入菜单Wk尾性主题般样式微调皤要添加的样式全局变量-URL球添加事件设置无在编辑区选中新增图表控件，新增加载及下钻事件：（下钻事件在设置主页面关联中使用，此处仅添加即可，不需要设置）州设置无通用图表-按年月.图表_1加载后移除通用图表-按年月.图表_1下钻移除2. 22设置图表加载事件在加载的事件设置画面中，从对象列表区的控件树下，点击刚才新增图表控件的树节点下如下图所示的控件属性，将其添加至对象献值区，用于设置图表标题名称、图表数据源、图表类型、平均值（可选

10、）及隐藏数据表格的数据源（便于问题调试用）。（本例中该控件名称为“通用图表”）控件:通用图表-按年月通用图表-按年月囹表囹云据源控件：通用囹表-按年月通用图表-按年月数据表格JL绑定数据（表）控件:通用图表-按年月通用图表-按年月囹表囹悬型控件：通用图表-按年月通用图表-按年月主标题文字图表名称设定为指标名称；图表数据源及数据表格的数据源从对象列表区的数据源-系统分类-指标所属分类-图表所属分类下，选择对应的指标值，赋给对应的控件属性接受者（本例为数据源-运营系统-住院主题-年月）；添加首个数据源的列至提供数据区后，相同数据源的其他列通过选择数据源区的列进行添加。不可从对象列表区的数据源树上添

11、加。-5M象斌值接技者提供的邮控件：通用图表-按年月通用图表-按年月.图表_1图繇挪数据源:住瘀占比控件:通用图表-按年月通用图表-按年月散据表隐1的叠据（表）数据源：住曲占比控件：通用囹表-按年月通用囹毁-按年月.囹驼1.囹瑟型常量：19拄件:通用图表按年月通用囹表-按年月主标题文字舄呈:住曲占比除上述控件属性外，可根据需要对图表筛选条件进行设定显示或隐藏：（0=隐藏，1二显示）控体：通用囹表-按年月下拉fl!-"科室下典索-二iR科主昱示（1/0）353:0控件：通用图表-按年月R珈-医生.昱示棠量：1控件:通用囹表-按年月下技据-主顺显示常量：1控作：通用囹表-凝年月下控框-二

12、AR科室（住浣）.显示常垦：1如下所示，从对象列表区的控件树下，点击刚才新增图表控件的树节点下如下图所示的控件属性，将其设置为数据源参数：（本例中该控件名称为“通用图表”）：住林任宓5t匕同比rs长吏贻表：点台列:蟠：控件：通用89*按年月通用囹矛按年月日期下拉框_2选中值（年）二»医疗单无ais»控件:魂用图费48年月.下就医生.下拉搜矣匡生选中项的值二am!:ifEmpty（睥:通用囹*按年月下宓A二SR科幻住疏）下E矣，料室下校列疝据.尊.睥:姓用10浇按年月下就-二SR科室（皿）下宓*奏二S明室逐中攻的值）控件:通用陷表藏月下拘S-王泌绍下成素-主泌饵选中项的值需要

13、注意的是，参数的设定对应与新增图表控件的筛选条件下拉框，需要区分指标类别（门诊、住院、门诊及住院、物资、病案）进行选择。上述步骤完成后，关闭加载事件页面，点击编辑区中“保存为元件”按钮，路径为元件指标所属主题-指标所属主题.图表，本例为“元件-住院主题-住院主题.图表”。添加其他分类图表步骤与按年月图表相同。2.3新增图表组2.31各图表组合为图表组。点击设计按钮，进入空白设计页面。从元素区中将新增的图表逐个拖曳至编辑区。编辑区中图表的位置将于展示时的位置相同。然后依据主页面上筛选条件，添加相同数量的标签至编辑区，用于接收主页面的筛选条件值。标签显示属性请设定为“隐藏”。添加完成后，编辑区的控

14、件构成显示类似如下图：控牛肉X权住_年月-漩）标笠_科室-漩绎漩,按年月冬定占k匕湖室书疤占比,按主诊组心殖占比,按医生玉猝占I：匕,按患、者书密占t匕2.32设置图表组更新事件图表组内容添加完成后，分别添加每个图表的下钻事件及每个标签的值改变事件。图表的下钻事件中，设置下钻后的焦点及传给下钻图表筛选条件。比照下钻目的图表的筛选条件，分别添加其需要传递的条件。类似下图（下钻图表仅需要接收年月的筛选条件）：sss<蜘的mf19件：图iwa住si%占比-网蜘申妍）理待:按即客<»部占比>1用图*呻宣.用23*邮富.宕55件：呻容盐猝占比攻用室侦用89魏*室日期下拉枪_2

15、选中伽年月日）1S伴：埃年月-<3炒&S#用图那JB年月蜘用图袤!S年月咨壬1透中K«B标签的值改变事件中，分别将该标签的值，赋给各图表对应的筛选条件，如下图：接交者控件：按年月-住瘀占t匕通用囹表击年月通用图表-按年月财恣_1§泌年月艾字控件:标冬年月-演a艾字龄:炒室注瘀占t匕通用囹表-按科室通用囹表-按科室eJSJR-年月又字控件：标冬年月陪磁况字酗:按医生住瞬占t匕通用囹系拘舞通用囹表-按医生屹妥障丽年月义字控件：标/年月-做又字龄:按主谶B-住眼占比通用囹表-按匡生通用囹长按匡生砒还陪®-年月又字曲牛:标生年月-做又字酗:技患石住瞬吊匕通用

16、图表-技年月通用囹斐按年月屹竺_隆曲-年月文字控件：标曳年月-国又字上述步骤完成后，点击编辑区中“保存为元件”按钮，路径为元件-指标所属主题，本例为“元件-住院主题”。3.表单配置完成了磁贴及图表组的新增操作后,将其分别放置到主页面中，设置主页面的筛选条件与磁贴及图表组的筛选条件关联,新增指标操作就完成了。3.1配置表单点击设计按钮，打开空白设计页面,拖进通用页眉；拖拽菜单，宽度设置16%。大屏幕大颠(|16%(>1200px)拖进通用导航，赋予通用导航样式，设置向右浮动，宽度设置为83%。目录概述1指标数据源的配置21.1磁贴数据源配置21.2图表数据源配置4磁贴图表及图表组配置62.

17、1新增指标磁贴62.11新增磁贴元件62.12设置磁贴加载事件72.13设置磁贴更新事件92. 2新增指标图表112.21新增图表112.22设置图表加载事件123. 3新增图表组152.1图表合为图表组152.1设置图表组更新事件15表单配置173. 1配置表单173.2添加磁贴及设置关联203.3添加图表组及设置关联21灰色磁贴*壬式列表磁贴通用导航猝要添加的样式浮动靠左.靠右不浮动效果如下:效果如下:另存力元#另存方害里组权阳基于三大数据中心的医院运营管理系统欢迎咨，湖）"5夺.全月住龄室-主联-强-添加容器，取名为容器-磁贴，添加内边距10px,向右浮动，宽度设置83%,移除

18、浮动。靠左靠右不净动起小静WlQg(<768px)L8小屏幕平板83%(>768px)辑辟瓢显、器83%(>992px)大屏幕大（21200px）Jaak最小高度设置400px,添加内边距0lOpx,向添加另一容器，取名为容器-图表组,右浮动，宽度设置83%,最小高度400px移除I2理旺OlOpx移除右下左）浮动o靠左,靠右o不浮动起小静钊（768px）g跳显、器83%(>992px)大屏慕大艇显示器83%(21200px)rl/MA/C3.2添加磁贴及设置美联在元件中将住院药占比拖入磁贴容器中（达标）上年同期：同比：设置该元件的样式属性及显示百分比属性如下图:默认辰

19、1仪表盘双色磁贴3样式微调透择要添加的柱式在事件属性中，添加该元件页面的单击事件，用于设置点击该磁贴时，显示磁贴关联的图标组：接技者<提供的SS据控件：图表仔住£胡占比显示常量:13. 3添加图表组及设置关联将之前新增的图标组，拖曳至编辑区的容器-图表组中:将之前新增的图标组，拖曳至编辑区的容器-图表组中:选中编辑区的通用导航控件:2017年全年，住破室-主翊.医生二（达标）上年同期：同比：导出也按年月御在其事件列表中事件，为主页面各筛选条件更新时的操作:日期下拉框一导航值改变时移除通用导航加载后移除下拉框-二科室（住院）下拉搜索-二科室值改变时移除下拉框-主诊组下拉搜索-主诊

20、组.值改变时移除下拉框-医生下拉搜索-医生值改变时移除将之前在图表组中添加的用于接收主页面筛选条件的标签控件，分别添加到对应的值改变事件中:控件：住宓占比通用大硼（单位）日期下垃框-年份透中值（年月B）控件:通用瞬日期下垃框一全局透中值（年月日）控件：囹表垣住S商占Eb标芟_年月-漩艾字控您：通用别日期下就一全局透中佰（年月日）控付：住瞬占比通用大磁贴（基位）惊五料宓陶a艾字控件：通用瓢下就-二四室（住院）.下拉搜索二料室选中项的值控件：be澎a住眼瓦科室做文字控件：通用即抗下技框二®科室（任院）.下就索科室速中攻的义字控件：住鬼5at通用大砂（单位）标签主蛔陶文字授件：通用&

21、;航下技框-BB下拉搜索主狙选中攻的值15件：囹裂&住炳占切标笠主翊-蹦又字控件：通用导航下拉梅-主渺组下技推套主凋a透中项的又字投件：住蜘占比通用大舔"钵）标签_医生漩5又字控件：通用导航下技框-医生下校被套医生选中项的值控件:囹曲书占比医生-瞬交字控件:通用导航下拉梅-医生下葵医生选中项的又字上述步骤完成后，指标新增过程己完成，该指标能够在页面中正常显示:29.67住院药占比（）上年同期：30.95增减值：-1.28#点击磁贴后，对应的图表组能够正常显示:出住尽药占比按月分析住砌京主g甚生S3表导室10000%$000%000%点住豚占比技打空分析201眸全任，6E衰$塞

22、ToplS20005000%2S00%000%HFIIHBHHHtfriiim£表单最终效果:I(prWttHRARRR基于三大瞄中心的医院运营管理系统veenawtr®(!)A<*»ftCl2018*全牛tureeng伯-主格-酢-ft今H5芸29.671的#企AKTffMW±«n«:3OJ5g:vafJitXMBnw圈岫Wk<22018*-王c细.&主.Topis概述目前系统对指标的展示主要通过磁贴及图表组进行。磁贴显示汇总信息，各图表显示分类统计信息。有新的指标追加需求时（以住院药占比为案例），如何将其加入至

23、既存系统的过程。该过程分为数据源的配置，指标对应磁贴追加、对应图表组追加，主页面与新增磁贴及图表的关联追加。1.指标数据源的配置1.1磁贴数据源配置在浏览器中打开54:6001/dscdev/,展示如下页面:C(D：1/dscdev/敬据提供中心管11Cubettffi»RHCube安若明SQL效捉疝Zi0事St际*教魂址ilM句侈个明沮与分开：0)11.22>点击菜单Cube数据源配置，进入cube数据源配置页面:数据提供中心管ISCube敬据源姬Cube安装gSQL敬行源配J5Cube数据查询列表°&

24、gt;<!/«：m«|ate|0E3HDSBWftU*分*1怜5616R2<-E生2018092616:1$riseS611下岫岫虹2018091920:08F12O骸曲SS982018090511:0423AI4.SS9?搭元出珍队盼g2016090509:11二琉区疗咀5S96挖年月出<$岳盼力®2018090509:09S£ft£»5S952018090509:075594腐*AMA：2018090317:31HU，5593掐午口入MUS2018090317:25年口椎片陈点击Cube数据查询列表右侧的绿色+号

25、，进入数据源配置页面:在左侧下拉框选择运营，度量选择住院药占比，拖到右侧分析指标（限度量），添加数据源名称和数据源分类如下:dtnBrainH»t»n:(Ri*)H»t»n:(Ri*)副-GflKWZjnwist-田畦收匿罪也部占比分析皤诉Mfws）,点击住院药占比度量选择同比，勾选过滤空数据，如图:，宣任Hft&t，K喧岫n-2h程珥仅讶昂t心！：之后添加维度，在维度搜索年，然后拖到过滤条件（限维度），如图:CltnBrain-ituawRaua.<1KIV.<RHD住*«!tt-a*成Kt»GWli5TtaBQXtt<BOT*8-8g«*MMJ«B7S二级科室，主诊名称，员工名称类似，点击保存，配置好的磁贴数据源如下:CUnRraina»t»n:（阳,成）分析明，AMSB）田aM住哄<tttaURV.n2hF/ZW0RMfiPicfitg_«»iwr9曲miRIW分析“（AP9JM）1.2图表数据源配置按年月分析图表，科室分析图表，主诊组分析图表，医生分析图表数据源配置类似磁贴数据源配置，只是需要在左侧维度搜索相关维度拖到分析维度中。按年月分析图表数据源配置：CltnBrainK*C«-口住*拒m_心