@somecat/financial-report 0.1.10 → 0.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -2
- package/dist/financial-report.css +1 -1
- package/dist/financial-report.es.js +484 -474
- package/dist/financial-report.umd.js +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -21,7 +21,7 @@ h5-app/
|
|
|
21
21
|
│ │ ├── StatCard.vue # 指标卡片容器（头部指标 + 子标题行 + 图表插槽）
|
|
22
22
|
│ │ ├── SavingsSection.vue # Section 1 存款情况（变宽环形图 + 币种分布）
|
|
23
23
|
│ │ ├── SectionRepurchase.vue # Section 2 回购情况（34 省市横向条形图）
|
|
24
|
-
│ │ ├── SectionLiability.vue # Section 3 带息负债（6
|
|
24
|
+
│ │ ├── SectionLiability.vue # Section 3 带息负债（6 项条形图，红绿交替 + 双指标头部）
|
|
25
25
|
│ │ ├── SectionSupplyChain.vue # Section 4 供应链融资余额（分段柱状图）
|
|
26
26
|
│ │ ├── SectionSurplus.vue # Section 5 资金结余（5 项条形图 + 双指标头部）
|
|
27
27
|
│ │ └── StackedColumnChart.vue # 分段（堆叠）柱状图，纯 SVG 自封装
|
|
@@ -75,6 +75,14 @@ Section 4 供应链融资余额：仅分段柱状图，不展示卡片头部指
|
|
|
75
75
|
（左柱"供应链融资"按融资品种构成，右柱"到期"按到期时间分布）。
|
|
76
76
|
Props：`groups`（结构同 `StackedColumnChart` 的 `groups`）。
|
|
77
77
|
|
|
78
|
+
### SectionLiability.vue
|
|
79
|
+
Section 3 带息负债：双指标头部（指标 / 实际完成）+ 子标题「带息负债指标完成情况」+ 6 项条形图 + 备注。
|
|
80
|
+
条形图与 `SectionSurplus` 同构，区别是数值恒为正、不区分正负，条形颜色按行序号红绿交替。
|
|
81
|
+
|
|
82
|
+
Props：`stats`（头部指标数组，结构同 `StatCard`）、`unit`、`subtitle`、`unitLabel`、
|
|
83
|
+
`bars`（`[{ name, value, barWidth? }]`，条长按 value 等比换算，整组提供 `barWidth` 时沿用设计稿测量值）、
|
|
84
|
+
`note`（备注文案，为空时不渲染该行）。
|
|
85
|
+
|
|
78
86
|
## 运行方式
|
|
79
87
|
|
|
80
88
|
```bash
|
|
@@ -132,7 +140,15 @@ const reportData = {
|
|
|
132
140
|
currencies: [{ name: '人民币', nameEn: 'CNY', pct: 70, amount: '132.2' }]
|
|
133
141
|
},
|
|
134
142
|
repurchase: { headerValue: '205.2', provinces: [] },
|
|
135
|
-
liability: {
|
|
143
|
+
liability: {
|
|
144
|
+
stats: [
|
|
145
|
+
{ label: '指标', value: '800.0', color: 'var(--color-green)' },
|
|
146
|
+
{ label: '实际完成', value: '825.6' }
|
|
147
|
+
],
|
|
148
|
+
subtitle: '带息负债指标完成情况',
|
|
149
|
+
bars: [{ name: '1年以内', value: '321.2' }],
|
|
150
|
+
note: '备注：...'
|
|
151
|
+
},
|
|
136
152
|
supplyChain: {
|
|
137
153
|
groups: [
|
|
138
154
|
{
|