longcai/JiaZhiQianYan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1.29 财务分析模块完善

Browse Source
This commit is contained in:
尚政杰
2026-01-29 15:48:33 +08:00
parent 4f211dcd5f
commit 38fc352096
19 changed files with 1154 additions and 301 deletions
Download Patch File Download Diff File Expand all files Collapse all files

322
unpackage/dist/dev/mp-weixin/components/cwfx-view/cwfx-view.js vendored
View File

@@ -1,10 +1,65 @@
"use strict";
const common_vendor = require("../../common/vendor.js");
const common_assets = require("../../common/assets.js");
const echarts = require("../../uni_modules/lime-echart/static/echarts.min.js");
const _sfc_main = {
name: "cwfx-view",
data() {
return {
profitabilityIndicatorList: [
{
title: "净资产收益率(ROE)%"
},
{
title: "净资产收益率(扣非)%"
},
{
title: "净资产收益率(加权)%"
},
{
title: "总资产报酬率(ROA)%"
},
{
title: "毛利率%"
},
{
title: "净利率%"
},
{
title: "营业利润率%"
},
{
title: "成本费用利润率%"
}
],
profitabilityIndicatorIndex: 0,
perShareIndicatorList: [
{
title: "每股收益(EPS)"
},
{
title: "基本每股收益"
},
{
title: "稀释每股收益"
},
{
title: "扣非每股收益"
},
{
title: "每股净资产"
},
{
title: "每股经营现金流"
},
{
title: "每股资本公积"
},
{
title: "每股未分配利润"
}
],
perShareIndicatorIndex: 0,
option1: {
legend: {
show: true,
@@ -20,7 +75,8 @@ const _sfc_main = {
type: "category",
data: [],
axisLabel: {
// interval:0
fontSize: 10,
rotate: 45
}
},
yAxis: [
@@ -49,13 +105,70 @@ const _sfc_main = {
series: [
{
type: "bar",
name: "营业收入",
name: "ROE",
data: [],
yAxisIndex: 0
},
{
type: "line",
name: "净利润",
name: "同比",
data: [],
yAxisIndex: 1
}
]
},
option2: {
legend: {
show: true,
data: ["ROE", "同比(右)"]
},
grid: {
left: "2%",
right: "2%",
top: "5%",
bottom: "30%"
},
xAxis: {
type: "category",
data: [],
axisLabel: {
rotate: 45,
fontSize: 10
}
},
yAxis: [
{
type: "value",
name: "(%)",
position: "left",
alignTicks: true,
axisLine: {
onZero: false
}
},
{
type: "value",
name: "(%)",
position: "right",
alignTicks: true,
axisLine: {
onZero: false
}
}
],
dataZoom: [{
type: "slider"
}],
series: [
{
type: "bar",
name: "ROE",
data: [],
yAxisIndex: 0
},
{
type: "line",
name: "同比",
data: [],
yAxisIndex: 1
}
@@ -64,15 +177,182 @@ const _sfc_main = {
};
},
props: {
barCategoryList1: Array,
barList1: Array,
lineList: Array,
//折线图数据
barCategoryList1: Array,
barList1: Array
dataList: Array
},
watch: {
dataList(newValue) {
let category = [];
let data1 = [];
let data2 = [];
for (let item of newValue) {
var type = item.report_type;
type = type.replace("年三季报", "Q3");
type = type.replace("年一季报", "Q1");
type = type.replace("年中报", "中报");
type = type.replace("年年报", "年报");
category.push(type);
if (item.profitability.roe) {
data1.push(item.profitability.roe.toFixed(2));
} else
data1.push(0);
if (item.per_share_metrics.eps) {
data2.push(item.per_share_metrics.eps.toFixed(2));
} else
data2.push(0);
}
this.option1.xAxis.data = category;
this.option1.series[0].data = data1;
this.profitabilityInit();
this.option2.series[0].data = data2;
this.perShareInit();
}
},
methods: {
clickProfitabilityIndicators(item) {
async profitabilityInit() {
const chart = await this.$refs.chartRef1.init(echarts);
chart.setOption(this.option1);
},
async perShareInit() {
const chart = await this.$refs.chartRef2.init(echarts);
chart.setOption(this.option2);
},
/**
* 切换盈利能力指标
* @param {Object} item
*/
clickProfitabilityIndicatorItem(index) {
if (this.profitabilityIndicatorIndex != index) {
this.profitabilityIndicatorIndex = index;
let data = [];
if (index == 0) {
for (let item of this.dataList) {
if (item.profitability.roe) {
data.push(item.profitability.roe.toFixed(2));
} else
data.push(0);
}
} else if (index == 1) {
for (let item of this.dataList) {
if (item.profitability.roe_deducted) {
data.push(item.profitability.roe_deducted.toFixed(2));
} else
data.push(0);
}
} else if (index == 2) {
for (let item of this.dataList) {
if (item.profitability.roe_deducted) {
data.push(item.profitability.roe_deducted.toFixed(2));
} else
data.push(0);
}
} else if (index == 3) {
for (let item of this.dataList) {
if (item.profitability.roa) {
data.push(item.profitability.roa.toFixed(2));
} else
data.push(0);
}
} else if (index == 4) {
for (let item of this.dataList) {
if (item.profitability.gross_margin) {
data.push(item.profitability.gross_margin.toFixed(2));
} else
data.push(0);
}
} else if (index == 5) {
for (let item of this.dataList) {
if (item.profitability.net_profit_margin) {
data.push(item.profitability.net_profit_margin.toFixed(2));
} else
data.push(0);
}
} else if (index == 6) {
for (let item of this.dataList) {
if (item.profitability.operating_profit_margin) {
data.push(item.profitability.operating_profit_margin.toFixed(2));
} else
data.push(0);
}
} else if (index == 7) {
for (let item of this.dataList) {
if (item.profitability.cost_profit_ratio) {
data.push(item.profitability.cost_profit_ratio.toFixed(2));
} else
data.push(0);
}
}
this.option1.series[0].data = data;
this.profitabilityInit();
}
},
/**
* 切换每股指标
* @param {Object} item
*/
clickPerShareIndicatorItem(index) {
if (this.perShareIndicatorIndex != index) {
this.perShareIndicatorIndex = index;
let data = [];
if (index == 0) {
for (let item of this.dataList) {
if (item.per_share_metrics.eps) {
data.push(item.per_share_metrics.eps.toFixed(2));
} else
data.push(0);
}
} else if (index == 1) {
for (let item of this.dataList) {
if (item.per_share_metrics.basic_eps) {
data.push(item.per_share_metrics.basic_eps.toFixed(2));
} else
data.push(0);
}
} else if (index == 2) {
for (let item of this.dataList) {
if (item.per_share_metrics.diluted_eps) {
data.push(item.per_share_metrics.diluted_eps.toFixed(2));
} else
data.push(0);
}
} else if (index == 3) {
for (let item of this.dataList) {
if (item.per_share_metrics.deducted_eps) {
data.push(item.per_share_metrics.deducted_eps.toFixed(2));
} else
data.push(0);
}
} else if (index == 4) {
for (let item of this.dataList) {
if (item.per_share_metrics.bvps) {
data.push(item.per_share_metrics.bvps.toFixed(2));
} else
data.push(0);
}
} else if (index == 5) {
for (let item of this.dataList) {
if (item.per_share_metrics.operating_cash_flow_ps) {
data.push(item.per_share_metrics.operating_cash_flow_ps.toFixed(2));
} else
data.push(0);
}
} else if (index == 6) {
for (let item of this.dataList) {
if (item.per_share_metrics.capital_reserve_ps) {
data.push(item.per_share_metrics.capital_reserve_ps.toFixed(2));
} else
data.push(0);
}
} else if (index == 7) {
for (let item of this.dataList) {
if (item.per_share_metrics.undistributed_profit_ps) {
data.push(item.per_share_metrics.undistributed_profit_ps.toFixed(2));
} else
data.push(0);
}
}
this.option2.series[0].data = data;
this.perShareInit();
}
}
}
};
@@ -88,13 +368,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return {
a: common_assets._imports_0$8,
b: common_assets._imports_1$2,
c: common_vendor.f(["净资产收益率(ROE)%", "净资产收益率(扣非)%", "净资产收益率(加权)%", "总资产报酬率(ROA)%", "毛利率%", "净利率%", "营业利润率%", "成本费用利润率%"], (item, index, i0) => {
c: common_vendor.f($data.profitabilityIndicatorList, (item, index, i0) => {
return {
a: common_vendor.t(item),
b: index == 0 ? "#BB8520" : "#999999",
c: `1rpx solid ${index == 0 ? "#F2C369" : "#D2D2D2"}`,
d: index == 0 ? "#FFFAF1" : "#FFFFFF",
e: index
a: common_vendor.t(item.title),
b: common_vendor.n("item flex " + ($data.profitabilityIndicatorIndex == index ? "select" : "")),
c: index,
d: common_vendor.o(($event) => $options.clickProfitabilityIndicatorItem(index), index)
};
}),
d: common_assets._imports_2$14,
@@ -102,13 +381,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
f: common_vendor.sr("chartRef1", "3746da36-0"),
g: common_assets._imports_4$12,
h: common_assets._imports_1$2,
i: common_vendor.f(["每股收益(EPS)", "基本每股收益", "稀释每股收益", "扣非每股收益", "每股净资产", "每股经营现金流", "每股资本公积", "每股未分配利润"], (item, index, i0) => {
i: common_vendor.f($data.perShareIndicatorList, (item, index, i0) => {
return {
a: common_vendor.t(item),
b: index == 0 ? "#BB8520" : "#999999",
c: `1rpx solid ${index == 0 ? "#F2C369" : "#D2D2D2"}`,
d: index == 0 ? "#FFFAF1" : "#FFFFFF",
e: index
a: common_vendor.t(item.title),
b: common_vendor.n("item flexCenter " + ($data.perShareIndicatorIndex == index ? "select" : "")),
c: index,
d: common_vendor.o(($event) => $options.clickPerShareIndicatorItem(index), index)
};
}),
j: common_assets._imports_2$14,

2
unpackage/dist/dev/mp-weixin/components/cwfx-view/cwfx-view.wxml vendored
View File

@@ -1 +1 @@
<view><view style="color:#2B2B2B;font-weight:500;font-size:24rpx"><view style="display:flex;align-items:center;padding:20rpx;box-sizing:border-box"><image src="{{a}}" mode="widthFix" style="width:40rpx;height:40rpx"></image><view class="flex1" style="margin:0 10rpx;font-size:28rpx">盈利能力</view><image src="{{b}}" mode="widthFix" style="width:13rpx;height:22rpx"></image></view><view style="display:grid;gap:20rpx;grid-template-columns:repeat(4, 1fr);margin:0 20rpx"><view wx:for="{{c}}" wx:for-item="item" wx:key="e" style="{{'display:flex;align-items:center;justify-content:center;text-align:center;font-size:20rpx;color:#999999;border:1rpx solid #D2D2D2;padding:3rpx 5rpx;box-sizing:border-box' + ';' + ('color:' + item.b + ';' + ('border:' + item.c) + ';' + ('background-color:' + item.d))}}">{{item.a}}</view></view><view class="flex" style="padding:20rpx;box-sizing:border-box"><view class="flex1" style="font-size:28rpx">查看详细数据</view><view style="color:#F2C369;font-size:22rpx;padding:2rpx 10rpx;border-radius:5rpx;border:1rpx solid #F2C369;text-align:center;margin:0 10rpx"> 单季度</view><view class="flex" style="padding:3rpx 10rpx;border:1rpx solid #D2D2D2"><image style="width:23rpx;height:23rpx" src="{{d}}" mode="widthFix"></image><view style="margin:0 10rpx;color:#999999;font-size:22rpx">全部</view><image style="width:11rpx;height:6rpx" src="{{e}}" mode="widthFix"></image></view></view><view style="height:500rpx"><l-echart class="r" u-r="chartRef1" u-i="3746da36-0" bind:__l="__l"></l-echart></view></view><view style="color:#2B2B2B;font-weight:500;font-size:24rpx"><view style="display:flex;align-items:center;padding:20rpx;box-sizing:border-box"><image src="{{g}}" mode="widthFix" style="width:40rpx;height:40rpx"></image><view class="flex1" style="margin:0 10rpx;font-size:28rpx">每股指标</view><image src="{{h}}" mode="widthFix" style="width:13rpx;height:22rpx"></image></view><view style="display:grid;gap:20rpx;grid-template-columns:repeat(4, 1fr);margin:0 20rpx"><view wx:for="{{i}}" wx:for-item="item" wx:key="e" style="{{'display:flex;align-items:center;justify-content:center;text-align:center;font-size:20rpx;color:#999999;border:1rpx solid #D2D2D2;padding:3rpx 5rpx;box-sizing:border-box' + ';' + ('color:' + item.b + ';' + ('border:' + item.c) + ';' + ('background-color:' + item.d))}}">{{item.a}}</view></view><view style="display:flex;align-items:center;padding:20rpx;box-sizing:border-box"><view class="flex1" style="font-size:28rpx">查看详细数据</view><view style="color:#F2C369;font-size:22rpx;padding:2rpx 10rpx;border-radius:5rpx;border:1rpx solid #F2C369;text-align:center;margin:0 10rpx"> 单季度</view><view style="display:flex;align-items:center;padding:3rpx 10rpx;box-sizing:border-box;border:1rpx solid #D2D2D2"><image style="width:23rpx;height:23rpx" src="{{j}}" mode="widthFix"></image><view style="margin:0 10rpx;color:#999999;font-size:22rpx">全部</view><image style="width:11rpx;height:6rpx" src="{{k}}" mode="widthFix"></image></view></view><view style="height:500rpx"><l-echart class="r" u-r="chartRef2" u-i="3746da36-1" bind:__l="__l"></l-echart></view></view></view>
<view><view style="color:#2B2B2B;font-weight:500;font-size:24rpx"><view class="flex" style="padding:20rpx"><image src="{{a}}" mode="widthFix" style="width:40rpx;height:40rpx"></image><view class="flex1" style="margin:0 10rpx;font-size:28rpx">盈利能力</view><image src="{{b}}" mode="widthFix" style="width:13rpx;height:22rpx"></image></view><view class="indicatorC" style="display:grid;gap:20rpx;grid-template-columns:repeat(4, 1fr);margin:0 20rpx"><view wx:for="{{c}}" wx:for-item="item" wx:key="c" class="{{item.b}}" style="justify-content:center;text-align:center;padding:3rpx 5rpx" bindtap="{{item.d}}">{{item.a}}</view></view><view class="flex" style="padding:20rpx"><view class="flex1" style="font-size:28rpx">查看详细数据</view><view style="color:#F2C369;font-size:22rpx;padding:2rpx 10rpx;border-radius:5rpx;border:1rpx solid #F2C369;text-align:center;margin:0 10rpx"> 单季度</view><view class="flex" style="padding:3rpx 10rpx;border:1rpx solid #D2D2D2"><image style="width:23rpx;height:23rpx" src="{{d}}" mode="widthFix"></image><view style="margin:0 10rpx;color:#999999;font-size:22rpx">全部</view><image style="width:11rpx;height:6rpx" src="{{e}}" mode="widthFix"></image></view></view><view style="height:500rpx"><l-echart class="r" u-r="chartRef1" u-i="3746da36-0" bind:__l="__l"></l-echart></view></view><view style="color:#2B2B2B;font-weight:500;font-size:24rpx"><view style="display:flex;align-items:center;padding:20rpx;box-sizing:border-box"><image src="{{g}}" mode="widthFix" style="width:40rpx;height:40rpx"></image><view class="flex1" style="margin:0 10rpx;font-size:28rpx">每股指标</view><image src="{{h}}" mode="widthFix" style="width:13rpx;height:22rpx"></image></view><view class="indicatorC" style="display:grid;gap:20rpx;grid-template-columns:repeat(4, 1fr);margin:0 20rpx"><view wx:for="{{i}}" wx:for-item="item" wx:key="c" class="{{item.b}}" bindtap="{{item.d}}">{{item.a}}</view></view><view style="display:flex;align-items:center;padding:20rpx;box-sizing:border-box"><view class="flex1" style="font-size:28rpx">查看详细数据</view><view style="color:#F2C369;font-size:22rpx;padding:2rpx 10rpx;border-radius:5rpx;border:1rpx solid #F2C369;text-align:center;margin:0 10rpx"> 单季度</view><view style="display:flex;align-items:center;padding:3rpx 10rpx;box-sizing:border-box;border:1rpx solid #D2D2D2"><image style="width:23rpx;height:23rpx" src="{{j}}" mode="widthFix"></image><view style="margin:0 10rpx;color:#999999;font-size:22rpx">全部</view><image style="width:11rpx;height:6rpx" src="{{k}}" mode="widthFix"></image></view></view><view style="height:500rpx"><l-echart class="r" u-r="chartRef2" u-i="3746da36-1" bind:__l="__l"></l-echart></view></view></view>

13
unpackage/dist/dev/mp-weixin/components/cwfx-view/cwfx-view.wxss vendored Normal file
View File

@@ -0,0 +1,13 @@
.indicatorC .item {
background-color: #FFFFFF;
padding: 3rpx 5rpx;
border: 1rpx solid #D2D2D2;
font-size: 20rpx;
color: #999;
text-align: center;
}
.indicatorC .item.select {
background-color: #FFFAF1;
border: 1rpx solid #F2C369;
color: #BB8520;
}