1.30 财务分析部分模块完善,发展历程弹窗完善
This commit is contained in:
@@ -1,10 +1,216 @@
|
||||
"use strict";
|
||||
const utils_util = require("../../utils/util.js");
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const _sfc_main = {
|
||||
name: "cwsj-view",
|
||||
data() {
|
||||
return {};
|
||||
return {
|
||||
profitabilityIndicatorIndex: 0,
|
||||
profitIndicatorIndex: 0,
|
||||
cashFlowIndicatorIndex: 0,
|
||||
option1: {
|
||||
legend: {
|
||||
show: true,
|
||||
data: ["期间费用", "同比(右)"]
|
||||
},
|
||||
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
|
||||
}
|
||||
]
|
||||
},
|
||||
option2: {
|
||||
legend: {
|
||||
show: true,
|
||||
data: ["经营现金流", "同比(右)"]
|
||||
},
|
||||
grid: {
|
||||
left: "2%",
|
||||
right: "2%",
|
||||
top: "5%",
|
||||
bottom: "30%"
|
||||
},
|
||||
xAxis: {
|
||||
type: "category",
|
||||
data: [],
|
||||
axisLabel: {
|
||||
fontSize: 10,
|
||||
rotate: 45
|
||||
}
|
||||
},
|
||||
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
|
||||
}
|
||||
]
|
||||
},
|
||||
option3: {
|
||||
legend: {
|
||||
show: true,
|
||||
data: ["期间费用", "同比(右)"]
|
||||
},
|
||||
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
|
||||
}
|
||||
]
|
||||
},
|
||||
getNumStr: utils_util.getNumStr
|
||||
};
|
||||
},
|
||||
props: {
|
||||
financialBalanceList: Array,
|
||||
//资产负债表
|
||||
cashFlowList: Array,
|
||||
//现金流量表
|
||||
incomeStatementList: Array
|
||||
//利润表
|
||||
},
|
||||
watch: {},
|
||||
methods: {
|
||||
/**
|
||||
* 点击切换现金流量表指标
|
||||
* @param {Object} index
|
||||
*/
|
||||
clickCashFlowIndicatorItem(index) {
|
||||
if (this.cashFlowIndicatorIndex != index) {
|
||||
this.cashFlowIndicatorIndex = index;
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 点击切换利润表指标
|
||||
* @param {Object} index
|
||||
*/
|
||||
clickProfitIndicatorItem(index) {
|
||||
if (this.profitIndicatorIndex != index) {
|
||||
this.profitIndicatorIndex = index;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
@@ -16,53 +222,59 @@ if (!Math) {
|
||||
_easycom_l_echart();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
return common_vendor.e({
|
||||
a: common_assets._imports_0$8,
|
||||
b: common_assets._imports_1$2,
|
||||
c: common_vendor.f(["货币资金", "所有者权益", "关键指标"], (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
|
||||
b: common_vendor.n("item flexCenter " + ($data.cashFlowIndicatorIndex == index ? "select" : "")),
|
||||
c: index
|
||||
};
|
||||
}),
|
||||
d: common_assets._imports_2$14,
|
||||
e: common_assets._imports_3$13,
|
||||
f: common_vendor.o(($event) => _ctx.itemClick(0)),
|
||||
g: common_assets._imports_0$8,
|
||||
h: common_assets._imports_1$2,
|
||||
i: common_vendor.f(["经营现金流", "筹资现金流", "投资现金流"], (item, index, i0) => {
|
||||
f: common_vendor.sr("chartRef1", "63ca7cac-0"),
|
||||
g: $props.financialBalanceList.length > 0
|
||||
}, $props.financialBalanceList.length > 0 ? {
|
||||
h: common_vendor.t($data.getNumStr($props.financialBalanceList[0].assets.total)),
|
||||
i: common_vendor.t($data.getNumStr($props.financialBalanceList[0].liabilities.total)),
|
||||
j: common_vendor.t($data.getNumStr($props.financialBalanceList[0].equity.total)),
|
||||
k: common_vendor.t($data.getNumStr($props.financialBalanceList[0].assets.current_assets.cash)),
|
||||
l: common_vendor.t($data.getNumStr($props.financialBalanceList[0].equity.capital_reserve)),
|
||||
m: common_vendor.t($data.getNumStr($props.financialBalanceList[0].equity.surplus_reserve)),
|
||||
n: common_vendor.t($data.getNumStr($props.financialBalanceList[0].equity.undistributed_profit))
|
||||
} : {}, {
|
||||
o: common_vendor.o(($event) => _ctx.itemClick(0)),
|
||||
p: common_assets._imports_0$8,
|
||||
q: common_assets._imports_1$2,
|
||||
r: common_vendor.f(["经营现金流", "筹资现金流", "投资现金流"], (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
|
||||
b: common_vendor.n("item flexCenter " + ($data.cashFlowIndicatorIndex == index ? "select" : "")),
|
||||
c: index,
|
||||
d: common_vendor.o(($event) => $options.clickCashFlowIndicatorItem(index), index)
|
||||
};
|
||||
}),
|
||||
j: common_assets._imports_2$14,
|
||||
k: common_assets._imports_3$13,
|
||||
l: common_vendor.o(($event) => _ctx.itemClick(1)),
|
||||
m: common_assets._imports_0$8,
|
||||
n: common_assets._imports_1$2,
|
||||
o: common_vendor.f(["净利润", "营业收入", "期间费用"], (item, index, i0) => {
|
||||
s: common_assets._imports_2$14,
|
||||
t: common_assets._imports_3$13,
|
||||
v: common_vendor.sr("chartRef2", "63ca7cac-1"),
|
||||
w: common_assets._imports_0$8,
|
||||
x: common_assets._imports_1$2,
|
||||
y: common_vendor.f(["净利润", "营业收入", "期间费用"], (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
|
||||
b: common_vendor.n("item flexCenter " + ($data.profitIndicatorIndex == index ? "select" : "")),
|
||||
c: index,
|
||||
d: common_vendor.o(($event) => $options.clickProfitIndicatorItem(index), index)
|
||||
};
|
||||
}),
|
||||
p: common_assets._imports_2$14,
|
||||
q: common_assets._imports_3$13,
|
||||
r: common_assets._imports_2$14,
|
||||
s: common_assets._imports_3$13,
|
||||
t: common_vendor.sr("chartRef1", "63ca7cac-0"),
|
||||
v: common_vendor.o(($event) => _ctx.itemClick(2))
|
||||
};
|
||||
z: common_assets._imports_2$14,
|
||||
A: common_assets._imports_3$13,
|
||||
B: common_assets._imports_2$14,
|
||||
C: common_assets._imports_3$13,
|
||||
D: common_vendor.sr("chartRef3", "63ca7cac-2")
|
||||
});
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createComponent(Component);
|
||||
|
||||
File diff suppressed because one or more lines are too long
12
unpackage/dist/dev/mp-weixin/components/cwsj-view/cwsj-view.wxss
vendored
Normal file
12
unpackage/dist/dev/mp-weixin/components/cwsj-view/cwsj-view.wxss
vendored
Normal file
@@ -0,0 +1,12 @@
|
||||
.indicatorC .item {
|
||||
padding: 10rpx;
|
||||
border: 1rpx solid #D2D2D2;
|
||||
font-size: 20rpx;
|
||||
color: #999999;
|
||||
text-align: center;
|
||||
}
|
||||
.indicatorC .item.select {
|
||||
background-color: #FFFAF1;
|
||||
color: #BB8520;
|
||||
border: 1rpx solid #F2C369;
|
||||
}
|
||||
Reference in New Issue
Block a user