由 liuqing01 于 2025/06/18 10:08 最后修改
摘要
细节
- 页面属性
-
- 标题
-
... ... @@ -1,1 +1,1 @@ 1 -5.8.2.5 Indicator Card1 +5.8.2.5 指标卡 - 父
-
... ... @@ -1,1 +1,1 @@ 1 - Egret Cloud Operationmanual.5\. 设计应用.5\.8 报表设计.5\.8\.2 报表设计器.WebHome1 +Main.5\. 设计应用.5\.8 报表设计.5\.8\.2 报表设计器.WebHome - 文档作者
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. maym1 +XWiki.yinshi - 内容
-
... ... @@ -1,12 +1,12 @@ 1 -==== **【使用场景】**====1 +==== 【使用场景】 ==== 2 2 3 3 适用于需要直接显示重点数据的场景。例如可以使用指标卡展示商品的销售总额、发货数量、仓库库存数量等 4 4 5 5 如下图所示,使用指标卡直接显示销售总金额,方便以卡片形式突出显示 6 6 7 -[[image:17 42287452034-168.png]]7 +[[image:1729839523741-806.png||height="380" width="1091"]] 8 8 9 -==== **【基本要求】**====9 +==== 【基本要求】 ==== 10 10 11 11 (% style="width:650.222px" %) 12 12 |(% style="width:290px" %)指标|(% style="width:356px" %)指标字段类型 ... ... @@ -16,7 +16,7 @@ 16 16 17 17 18 18 19 - ====**【配置步骤】**====19 +**【配置步骤】** 20 20 21 21 ①在图形选择区选择“指标卡”图形:首页点击指标卡后,显示demo假数据,效果如下图 22 22 ... ... @@ -25,7 +25,7 @@ 25 25 26 26 ②为指标卡图形添加指标,即: 拖入表单字段作为数据源: 27 27 28 -[[image:17 37529303936-797.png]]28 +[[image:1729843773872-432.png||height="462" width="1355"]] 29 29 30 30 31 31 3、【样式配置】 ... ... @@ -35,7 +35,7 @@ 35 35 36 36 37 37 38 - ====**【样式配置说明】**====38 +**【样式配置说明】** 39 39 40 40 |(% colspan="1" rowspan="1" %)((( 41 41 ... ... @@ -46,11 +46,11 @@ 46 46 )))|(% colspan="1" rowspan="1" %)((( 47 47 用途 48 48 ))) 49 -|(% colspan="1" rowspan=" 8" %)(((49 +|(% colspan="1" rowspan="9" %)((( 50 50 **指标卡** 51 51 52 52 53 -)))|(% colspan="1" rowspan=" 5" %)(((53 +)))|(% colspan="1" rowspan="6" %)((( 54 54 基础 55 55 56 56 ... ... @@ -57,36 +57,33 @@ 57 57 )))|(% colspan="1" rowspan="1" %)((( 58 58 显示标题 59 59 )))|(% colspan="1" rowspan="1" %)((( 60 -默认 关闭,开启后会在画布左上角显示指标卡的标题60 +默认开启 61 61 ))) 62 62 |(% colspan="1" rowspan="1" %)((( 63 63 标题名称 64 64 )))|(% colspan="1" rowspan="1" %)((( 65 - 支持用户自定义标题名称65 +默认输入:指标卡 66 66 ))) 67 67 |(% colspan="1" rowspan="1" %)((( 68 68 帮助文字 69 69 )))|(% colspan="1" rowspan="1" %)((( 70 -开启后,标题右侧出现小问号,鼠标悬浮时,出现帮助文字具体内容 71 - 72 -[[image:1729844522588-836.png]] 70 +默认关闭 73 73 ))) 74 74 |(% colspan="1" rowspan="1" %)((( 75 75 帮助文字内容 76 -)))|(% colspan="1" rowspan="1" %)支持用户自定义帮助文字的文案,例如“本月销售总额统计” 74 +)))|(% colspan="1" rowspan="1" %)((( 75 +占位提示:请输入 76 +))) 77 77 |(% colspan="1" rowspan="1" %)((( 78 +启用导出 79 +)))|(% colspan="1" rowspan="1" %)((( 80 +默认打开。**导出的是报表数据源表单的Excel源数据** 81 +))) 82 +|(% colspan="1" rowspan="1" %)((( 78 78 每行列数 79 79 )))|(% colspan="1" rowspan="1" %)((( 80 -((( 81 81 默认:4, 可选值:4,3,2 82 - 83 -[[image:1729844573944-101.png||height="365" width="1150"]] 84 84 ))) 85 - 86 -((( 87 - 88 -))) 89 -))) 90 90 |(% colspan="1" rowspan="3" %)((( 91 91 指标卡样式 92 92 ... ... @@ -94,17 +94,26 @@ 94 94 )))|(% colspan="1" rowspan="1" %)((( 95 95 指标卡风格 96 96 )))|(% colspan="1" rowspan="1" %)((( 97 - 支持用户切换:纯色填充,带侧边条,这2种展示风格94 +默认:纯色填充,可选值:纯色填充,带侧边条 (以UI为准) 98 98 ))) 99 99 |(% colspan="1" rowspan="1" %)((( 100 100 背景色值 101 101 )))|(% colspan="1" rowspan="1" %)((( 102 - 支持用户自定义指标卡的背景色99 +默认颜色:待UI确定(以UI为准) 103 103 ))) 104 104 |(% colspan="1" rowspan="1" %)((( 105 105 指标字号 106 106 )))|(% colspan="1" rowspan="1" %)((( 107 - 支持用户改变指标卡中数字的字号粗细,颜色104 +默认:大,可选值:大,中,小(以UI为准)。只改变指标卡中数字的字号粗细,不改变指标名称的字体字号(原型中有效果展示)。 108 108 ))) 106 +|(% colspan="1" rowspan="1" %)((( 107 + 108 +)))|(% colspan="1" rowspan="1" %)((( 109 + 110 +)))|(% colspan="1" rowspan="1" %)((( 111 + 112 +)))|(% colspan="1" rowspan="1" %)((( 113 + 114 +))) 109 109 110 110 (% contenteditable="false" style="background-image:url(http://192.168.102.35:8080/webjars/wiki%3Axwiki/xwiki-platform-ckeditor-webjar/16.8.0/plugins/widget/images/handle.png); background:rgba(220,220,220,0.5); display:none" tabindex="-1" %)[[image:data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==||draggable="true" height="15" role="presentation" title="拖曳以移動" width="15"]]
- 1729844522588-836.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.YufeiLi - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -20.9 KB - 内容
- 1729844573944-101.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.YufeiLi - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -52.9 KB - 内容
- 1737529303936-797.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.YufeiLi - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -63.3 KB - 内容
- 1742287452034-168.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.maym - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -5.2 KB - 内容