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

1.

Browse Source
This commit is contained in:
zw199166
2026-01-22 14:34:38 +08:00
parent 6ee8ce42ed
commit 1f3a3ca8bb
234 changed files with 5534 additions and 2395 deletions
Download Patch File Download Diff File Expand all files Collapse all files

187
components/cyl-view/cyl-view.vue Normal file
View File

@@ -0,0 +1,187 @@
<template>
<view class="cyl_view">
<view class="top">
<view class="child_1">产业链分析</view>
<view class="child_2">目标公司供应链图谱</view>
<view class="child_3">节点 18</view>
</view>
<view class="center">
<view class="child" :class="{action: center_index == 0}" @click="changeCenterIndex(0)">
层级视图
</view>
<view class="child" :class="{action: center_index == 1}" @click="changeCenterIndex(1)">
流向关系
</view>
</view>
<view class="bottom">
<view class="type">
<view v-for="(item,index) in types" :key="index" class="item">
<template v-if="item.title">
<view @click="typeIndex = index"
style="display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #FAFAFC; border-radius: 10rpx; width: 100%; padding: 26rpx 0; box-sizing: border-box;"
:style="{'background-color' : (typeIndex == index ? item.backColor : '#FAFAFC'), border : (typeIndex == index ? `1rpx solid ${item.color}` : 'none')}">
<view style="color: #2B2B2B; font-size: 24rpx; font-weight: bold;">
{{item.title}}
<text
style="min-width: 24rpx; text-align: center; margin-left: 6rpx; padding: 0 5rpx; border-radius: 5rpx; font-weight: 500;"
:style="{'background-color' : (typeIndex == index ? item.color : '#F2C369'), 'color' : (typeIndex == index ? '#ffffff' : '#070707')}">
{{item.count}}
</text>
</view>
<view style="color: #999999; font-size: 22rpx; font-weight: 500; margin-top: 10rpx;">
{{item.desc}}
</view>
</view>
</template>
<template v-else>
<image style="width: 100%; height: auto;" src="/pagesStock/static/icon/rightArrow.png"
mode="widthFix"></image>
</template>
</view>
</view>
<view class="list" @click="clickAction"
style="margin: 20rpx; background-color: #FAFAFC; border-radius: 10rpx; padding: 25rpx 20rpx; box-sizing: border-box;">
<view style="color: #2B2B2B; font-size: 28rpx; font-weight: bold;">央行/政策性银行</view>
<view style="color: #999999; font-size: 24rpx; font-weight: 500;">提供再贷款、再贴现、同业存放等基础货币与流动性支持</view>
<view style="display: flex; align-items: center; font-size: 20rpx; font-weight: 500; margin: 15rpx 0;">
<view style="border-radius: 5rpx; padding: 0 10rpx; margin-right: 10rpx;"
:style="{'background-color' : (types[typeIndex].backColor), 'color' : (types[typeIndex].color)}">
Supplier</view>
<view style="border-radius: 5rpx; padding: 0 10rpx;"
:style="{'color' : types[typeIndex].color, border : `1rpx solid ${types[typeIndex].color}`}">份额:
12.5%</view>
</view>
<view style="display: flex; align-items: center;">
<view style="color: #71675D; font-size: 22rpx; font-weight: 500;">影响度</view>
<view
style="flex: 1; height: 10rpx; background-color: #EFEFEF; border-radius: 5rpx; margin: 0 15rpx; overflow: hidden;">
<view style="height: 100%; border-radius: 5rpx;"
:style="{width: `${95}%`, background: `linear-gradient(to right, ${types[typeIndex].sColor}, ${types[typeIndex].color})`}">
</view>
</view>
<view style="color: #71675D; font-size: 24rpx; font-weight: 500;">95</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: "cyl-view",
data() {
return {
isShow: false,
center_index: 0,
types: [{
title: '上游供应链',
count: 5,
desc: '原材料与供应商',
sColor: '#FF8C53',
color: '#FF5501',
backColor: '#FFF4EF'
},
{},
{
title: '核心企业',
count: 1,
desc: '公司主体与产品',
sColor: '#518BFF',
color: '#175CE6',
backColor: '#F2F6FD'
},
{},
{
title: '下游客户',
count: 12,
desc: '原材料与供应商',
sColor: '#48D394',
color: '#1DB26F',
backColor: '#E7F5F0'
}
],
typeIndex: 0
};
},
methods: {
changeCenterIndex(index) {
this.center_index = index
},
clickAction() {
console.log(123);
this.$emit('detail')
}
}
}
</script>
<style lang="less">
.cyl_view {
padding: 20rpx;
box-sizing: border-box;
.top {
display: flex;
align-items: center;
font-weight: 500;
.child_1 {
color: #2B2B2B;
font-size: 28rpx;
font-weight: bold;
}
.child_2 {
color: #71675D;
font-size: 24rpx;
margin: 0 10rpx;
}
.child_3 {
border: 1rpx solid #F3C368;
border-radius: 5rpx;
padding: 0 5rpx;
color: #F2C369;
font-size: 24rpx;
}
}
.center {
margin: 20rpx 0;
display: flex;
align-items: center;
justify-content: space-evenly;
font-weight: 500;
.child {
background-color: #F5F5F5;
border-radius: 10rpx 10rpx 0 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 26rpx;
color: #939393;
padding: 10rpx 40rpx;
&.action {
background-color: #F2C369;
color: #070707;
}
}
}
.bottom {
.type {
display: grid;
grid-template-columns: 1fr 19rpx 1fr 19rpx 1fr;
gap: 6rpx;
.item {
display: flex;
align-items: center;
justify-content: center;
}
}
}
}
</style>

128
components/fzlc-view/fzlc-view.vue Normal file
View File

@@ -0,0 +1,128 @@
<template>
<view style="padding: 25rpx 20rpx; box-sizing: border-box;">
<view style="display: flex; align-items: center; font-size: 28rpx;"><text>关键因素</text><text
style="font-size: 24rpx; color: #070707; padding: 0rpx 10rpx; border-radius: 3rpx; background-color: #F2C369; margin-left: 10rpx;">19</text>
</view>
<view v-for="(item, index) in gj_list" :key="index" @click="item.show = !item.show"
style="margin: 20rpx 0; background-color: #FAFAFC; border-radius: 10rpx; padding: 25rpx 20rpx; color: #2B2B2B;">
<view style="display: flex; align-items: center; justify-content: space-between;">
<view style="flex: 1; font-size: 26rpx;"><text>{{item.title}}</text><text
style="font-size: 24rpx; color: #070707; padding: 0rpx 10rpx; border-radius: 3rpx; background-color: #F2C369; margin-left: 10rpx;">{{item.count}}</text>
</view>
<image v-if="item.show" style="width: 20rpx; height: 12rpx;"
src="/pagesStock/static/icon/shangJiantou.png" mode="widthFix"></image>
<image v-else style="width: 20rpx; height: 12rpx;" src="/pagesStock/static/icon/xiaJiantou.png"
mode="widthFix"></image>
</view>
<template v-if="item.show">
<view v-for="child in item.count"
style="margin: 20rpx 0; padding: 20rpx; box-sizing: border-box; background-color: white; border-radius: 10rpx; border: 1rpx solid #E7E7E7; color: #2B2B2B; font-weight: 500; font-size: 26rpx;">
<view style="display: flex; align-items: center; justify-content: space-between;">
<view>净息差</view>
<view
style="background-color: #345423; border-radius: 5rpx; color: white; padding: 0 10rpx; text-align: center; font-size: 20rpx;">
负面</view>
</view>
<view style="display: flex;align-items: center; margin-top: 10rpx;">
<view style="color: #345423; font-weight: bold; font-size: 30rpx; margin-right: 10rpx;">1.79亿元
</view>
<view
style="display: flex; align-items: center; border: 1rpx solid #345423; padding: 0 10rpx; text-align: center; font-size: 20rpx; color: #345423; border-radius: 5rpx;">
<image style="width: 11rpx; height: 15rpx; margin-right: 5rpx;"
src="/pagesStock/static/icon/upArrow.png" mode="widthFix"></image>0.51%
</view>
</view>
<view style="margin-top: 10rpx; color: #999999; font-size: 22rpx;">银行核心盈利能力指标，反映存贷利差水平</view>
<view style="margin-top: 10rpx; color: #999999; font-size: 22rpx;">影响权重: 90</view>
</view>
</template>
</view>
<view style="display: flex; align-items: center; font-size: 28rpx;"><text>发展时间线</text>
<text
style="font-size: 24rpx; color: white; padding: 0rpx 10rpx; border-radius: 3rpx; background-color: #EC3440; margin-left: 10rpx;">正面
19</text>
<text
style="font-size: 24rpx; color: white; padding: 0rpx 10rpx; border-radius: 3rpx; background-color: #345423; margin-left: 10rpx;">负面
1</text>
</view>
<view v-for="item in 3" @click="clickAction"
style="display: flex; margin: 20rpx 0; border-radius: 10rpx; box-sizing: border-box; color: #2B2B2B;">
<view style="display: flex; flex-direction: column; align-items: center;">
<image style="width: 30rpx; height: 30rpx; margin-top: 20rpx;"
src="/pagesStock/static/icon/yuan_shang.png" mode="widthFix"></image>
<view
style="flex: 1; width: 1rpx; border-left: 1rpx dashed #EC3440; margin-top: 10rpx; margin-bottom: -30rpx;">
</view>
</view>
<view
style="flex: 1; margin-left: 10rpx; background-color: #FAFAFC; padding: 24rpx 15rpx; border-radius: 10rpx; font-weight: 500;">
<view>
<text style="color: #2A2A2A; font-weight: bold; font-size: 24rpx; margin-right: 10rpx;">不良贷款率连续四年低于1.1%</text>
<text
style="background-color: #FFE7E9; color: #EC3440; padding: 5rpx 10rpx; border-radius: 5rpx; font-size: 20rpx; ">Achievement</text>
</view>
<view style="color: #999999; font-size: 20rpx; margin: 15rpx 0;">2025-06-30</view>
<view style="color: #71675D; font-size: 22rpx;">2025年中报不良率1.06%，拨备覆盖率290%，资产质量保持股份行领先。</view>
<view style="display: flex; align-items: center; margin-top: 30rpx;">
<view style="color: #71675D; font-size: 22rpx; font-weight: 500;">影响度</view>
<view
style="width: 200rpx; height: 10rpx; background-color: #EFEFEF; border-radius: 5rpx; margin: 0 15rpx; overflow: hidden;">
<view
style="height: 100%; border-radius: 5rpx; background:linear-gradient(to right, #FF525D, #EC3440)"
:style="{width: `${95}%`}">
</view>
</view>
<view style="color: #71675D; font-size: 24rpx; font-weight: 500;">95</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: "fzlc-view",
data() {
return {
gj_list: [{
title: '产量与销量指标',
count: 8,
show: false
},
{
title: '价格与成本驱动',
count: 3,
show: false
},
{
title: '市场与客户指标',
count: 2,
show: false
},
{
title: '行业特定指标',
count: 4,
show: false
},
{
title: '风险与异常指标',
count: 2,
show: false
}
]
};
},
methods: {
clickAction() {
this.$emit('detail')
}
}
}
</script>
<style lang="less">
</style>

301
components/gqjg-view/gqjg-view.vue Normal file
View File

@@ -0,0 +1,301 @@
<template>
<view class="com_list">
<view class="item">
<view class="flex">
<view class="title">平安银行股份有限公司北京分行</view>
</view>
<view class="com_info">
<view class="left">
<view class="l_top">中国平安保险(集团）股份有限公司</view>
<view class="l_bottom">
<view class="l_b_left">企业法人</view>
<view class="l_b_right">截至 2024-09-30</view>
</view>
</view>
<view class="right">
<view class="r_top">控制比例</view>
<view class="r_center">52.38%</view>
<view class="r_bottom">101.69亿股</view>
</view>
</view>
<view class="flex">
<view class="title">股权集中度</view>
</view>
<view class="guquan">
<view class="top">2025-09-30 00:00:00</view>
<view class="bottom">
<view class="b_item">
<view v-for="(item, index) in 4" class="item_info">
<view class="left">
前1大股东
</view>
<view class="right">
<view class="bili">49.56%</view>
<view class="shengjiang" :class="{action : index % 2 == 0}">
<image
:src="index % 2 == 0 ? '/pagesStock/static/icon/upArrow.png' : '/pagesStock/static/icon/downArrow.png'"
mode="widthFix"></image>0.35%
</view>
</view>
</view>
</view>
<view style="width: 15rpx;"></view>
<view class="b_item">
<view v-for="(item, index) in 4" class="item_info">
<view class="left">
前1大流通股东
</view>
<view class="right">
<view class="bili">49.56%</view>
<view v-if="0" class="shengjiang" :class="{action : index % 2 == 0}">
<image
:src="index % 2 == 0 ? '/pagesStock/static/icon/upArrow.png' : '/pagesStock/static/icon/downArrow.png'"
mode="widthFix"></image>0.35%
</view>
</view>
</view>
</view>
</view>
</view>
<view class="flex">
<view class="title">十大股东</view>
</view>
<view class="gudong">
<view class="back">
<view class="top action" style="height: 54rpx;">
<view>股东名称</view>
<view>股东类型</view>
<view style="text-align: center;">持股数量</view>
<view style="text-align: center;">持股比例</view>
<view style="text-align: center;">股份性质</view>
</view>
<view v-for="(item, index) in 10" class="top" :class="{action: index % 2 == 1}">
<view class="child">中国平安保险（啊山东科技发啦设计费）</view>
<view class="child">保险公司</view>
<view class="child" style="text-align: center;">96.19亿</view>
<view class="child" style="color: #3E87CF; font-weight: bold; text-align: center;">49.57%</view>
<view class="child"
style="background-color: #FFF7E9; color: #E0AC4A; border-radius: 5rpx; padding: 5rpx 10rpx; text-align: center;">
流通A股</view>
</view>
</view>
</view>
<view class="flex">
<view class="title">十大流通股东 </view>
</view>
<view class="gudong">
<view class="back">
<view class="top action" style="height: 54rpx;">
<view>股东名称</view>
<view>股东类型</view>
<view style="text-align: center;">持股数量</view>
<view
style="text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
流通股比例</view>
<view style="text-align: center;">股份性质</view>
</view>
<view v-for="(item, index) in 10" class="top" :class="{action: index % 2 == 1}">
<view class="child">中国平安保险（啊山东科技发啦设计费）</view>
<view class="child">保险公司</view>
<view class="child" style="text-align: center;">96.19亿</view>
<view class="child" style="color: #893ECF; font-weight: bold; text-align: center;">49.57%</view>
<view class="child"
style="background-color: #FFF7E9; color: #E0AC4A; border-radius: 5rpx; padding: 5rpx 10rpx; text-align: center;">
流通A股</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: "gqjg-view",
data() {
return {
};
}
}
</script>
<style lang="less">
.com_list {
margin-top: 38rpx;
padding: 0 20rpx;
box-sizing: border-box;
.title {
color: #2B2B2B;
font-size: 28rpx;
font-weight: bold;
}
.item {
.com_info {
margin: 20rpx 0;
background-color: #FAFAFC;
border-radius: 10rpx;
padding: 25rpx 20rpx;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 500;
.left {
.l_top {
color: #666666;
font-size: 24rpx;
}
.l_bottom {
display: flex;
align-items: center;
margin-top: 10rpx;
.l_b_left {
background-color: #99AFEC;
border-radius: 10rpx;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 20rpx;
padding: 5rpx;
}
.l_b_right {
margin-left: 10rpx;
color: #999999;
font-size: 22rpx;
}
}
}
.right {
color: #71675D;
font-size: 20rpx;
text-align: right;
.r_center {
color: #BB8520;
font-size: 28rpx;
font-weight: bold;
margin: 5rpx 0;
}
}
}
.guquan {
margin: 25rpx 0;
font-weight: 500;
background-color: #FAFAFC;
border-radius: 10rpx;
padding: 25rpx 13rpx;
box-sizing: border-box;
.top {
color: #999999;
font-size: 22rpx;
}
.bottom {
display: flex;
.b_item {
flex: 1;
.item_info {
margin: 15rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
.left {
color: #666666;
font-size: 20rpx;
}
.right {
height: 35rpx;
display: flex;
align-items: center;
font-size: 20rpx;
.bili {
color: #BB8520;
font-weight: bold;
}
.shengjiang {
margin-left: 10rpx;
box-sizing: border-box;
padding: 5rpx;
border-radius: 5rpx;
background-color: #C6F6D5;
color: #345423;
font-size: 18rpx;
image {
width: 11rpx;
height: 25rpx;
margin-right: 4rpx;
}
&.action {
background-color: #FFDFE1;
color: #EC3440;
}
}
}
}
}
}
}
.gudong {
margin-top: 25rpx;
.back {
margin: 25rpx 0;
font-weight: 500;
background-color: #FAFAFC;
border-radius: 10rpx;
padding: 25rpx 13rpx;
box-sizing: border-box;
color: #666666;
.top {
width: 100%;
display: grid;
gap: 20rpx;
grid-template-columns: 130rpx repeat(4, 1fr);
font-size: 22rpx;
background-color: white;
&.action {
background-color: #FAFAFC;
}
.child {
font-size: 18rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 10rpx 0;
}
}
}
}
}
}
</style>

97
components/news-view/news-view.vue Normal file
View File

@@ -0,0 +1,97 @@
<template>
<view>
<template v-if="showType == 0">
<view style="padding: 20rpx;">
<view style="background-color: #F3F3F3; display: flex; align-items: center; height: 70rpx; border-radius: 30rpx; overflow: hidden;">
<view style="display: flex; align-items: center; justify-content: center; width: 62rpx;">
<image style="width: 25rpx; height: 24rpx;" src="/pagesStock/static/icon/news-search.png" mode="widthFix"></image>
</view>
<input style="flex: 1; height: 100%; font-size: 22rpx; color: #999; margin-right: 20rpx;" type="text" placeholder="搜索相关新闻..." />
</view>
<view style="border: 1rpx solid #E7E7E7; border-radius: 10rpx; padding: 0 27rpx; margin: 20rpx 0;">
<view style="color: #2B2B2B; font-size: 26rpx; font-weight: bold; margin-top: 20rpx;">中央财办明确2026年继续实施适度宽松货币政策...</view>
<view style="display: flex; align-items: center; color: #999999; font-size: 22rpx; font-weight: 400;">
<image style="width: 20rpx; height: 20rpx; margin-right: 5rpx;" src="/pagesStock/static/icon/newsTime.png" mode="widthFix"></image>
<text>2025/12/16</text>
<text style="margin: 10rpx;">|</text>
<image style="width: 18rpx; height: 13rpx; margin-right: 5rpx;" src="/pagesStock/static/icon/newsEyes.png" mode="widthFix"></image>
<text>9</text>
<text style="margin: 10rpx;">|</text>
<image style="width: 16rpx; height: 19rpx; margin-right: 5rpx;" src="/pagesStock/static/icon/newsFire.png" mode="widthFix"></image>
<text>3.1</text>
</view>
<view style="display: flex; flex-wrap: wrap;">
<view v-for="(item, index) in ['C级', '行业政策', '投资分72', '金融监管', '资管行业', '自律管理']" style="background-color: #FFFAF0; border-radius: 3rpx; padding: 2rpx 10rpx; overflow: hidden; font-size: 18rpx; color: #E9AE3E; font-weight: 400; margin-right: 10rpx; margin-top: 10rpx;">{{item}}</view>
</view>
<view style="margin: 20rpx 0; font-size: 22rpx; color: #71675D; font-weight: 500;">中央财办有关负责同志表示，2026年继续实施适度宽松的货币政策，把促进经济稳定增长、物价合理回升作为重要考量。</view>
<view style="height: 1rpx; background-color: #E7E7E7;"></view>
<view style="display: flex; align-items: center; color: #71675D; font-size: 22rpx; font-weight: 500; margin: 20rpx 0;">
<text style="font-weight: bold; color: #2B2B2B;">相关涨跌：</text>
<text>平均 </text>
<text style="color: #EC3440; font-weight: bold;">+2.39%</text>
<text style="margin: 0 20rpx;">|</text>
<text>最大 </text>
<text style="color: #EC3440; font-weight: bold;">+9.28%</text>
<text style="margin: 0 20rpx;">|</text>
<text>周 </text>
<text style="color: #EC3440; font-weight: bold;">+3.22%</text>
</view>
</view>
</view>
</template>
<template v-if="showType == 1">
<view style="padding: 20rpx;">
<view style="border: 1rpx solid #E7E7E7; border-radius: 10rpx; padding: 0 27rpx; margin: 20rpx 0; display: flex; align-items: center;">
<view style="flex: 1;">
<view style="color: #2B2B2B; font-size: 26rpx; font-weight: bold; margin-top: 20rpx;">中央财办明确2026年继续实施适度宽松货币政策...</view>
<view style="display: flex; align-items: center; color: #71675D; font-size: 22rpx; font-weight: 500; margin: 20rpx 0;">
<text style="color: #E9AE3E; font-size: 18rpx; background-color: #FFFAF0; border-radius: 3rpx; padding: 2rpx 10rpx; margin-right: 14rpx;">定期报告</text>
<text>2024-10-28</text>
<text style="margin: 0 20rpx;">|</text>
<text>PDF</text>
<text style="margin: 0 20rpx;">|</text>
<text>132 KB</text>
</view>
</view>
<view style="padding: 4rpx 10rpx; background-color: #F2C369; border-radius: 10rpx; color: #2B2B2B; font-size: 22rpx; margin-left: 10rpx;">查看</view>
</view>
</view>
</template>
</view>
</template>
<script>
export default {
name:"news-view",
data() {
return {
showType: 0,
};
},
props: {// 0 新闻动态 1 公司公告
type: Number
},
watch:{
type:{
handler(newVal, oldVal)
{
this.showType = newVal
}
}
},
methods: {
}
}
</script>
<style lang="less">
</style>

181
components/ywjg-view/ywjg-view.vue Normal file
View File

@@ -0,0 +1,181 @@
<template>
<view class="ywjg_list">
<view v-for="(item,index) in ywjg" :key="index">
<view style="margin: 25rpx 20rpx; color: #2B2B2B; font-size: 28rpx; font-weight: bold;">
{{item.title}}
</view>
<view v-if="index == 0" v-for="(child, row) in item.list" :key="row" class="ywjg_item_1">
<view style="display: flex; align-items: center;">
<view style="font-size: 28rpx; font-weight: bold; margin-right: 10rpx;">
{{child.title}}
</view>
<view v-if="child.is_hexin"
style="background-color: #F2C369; border-radius: 5rpx; font-size: 20rpx; padding: 0 5rpx;">
核心业务</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-weight: 500;">
<view style="display: flex; align-items: center; color: #F2C369; font-size: 20rpx;">
<view style="border: 1rpx solid #F2C369; border-radius: 5rpx; padding: 0 5rpx;">
营收占比:{{child.yszb}}%</view>
<view
style="border: 1rpx solid #F2C369; border-radius: 5rpx; padding: 0 5rpx; margin-left: 10rpx;">
毛利率:{{child.mlv}}%</view>
</view>
<view>
<view style="color: #999999; font-size: 24rpx;">营业收入</view>
<view style="font-weight: bold; font-size: 30rpx; color: #BB8520; margin-top: 10rpx;">
{{child.yysr > 10000 ? child.yysr / 10000 + '亿' : child.yysr + '万'}}元
</view>
</view>
</view>
<view style="display: flex;">
<view
style="color: white; display: flex; align-items: center; justify-content: center; padding: 5rpx 10rpx;font-size: 20rpx; border-radius: 5rpx;"
:style="{backgroundColor: child.zz > 0 ? '#EC3440' : '#345423'}">增长:
{{child.zz > 0 ? '+' + child.zz : child.zz}}%
</view>
</view>
</view>
<view v-else style="font-weight: 500;">
<view v-for="(child,row) in item.list" :key="row"
style="background-color: #FAFAFC; color: #2B2B2B; font-size: 22rpx; margin: 20rpx; background-color: #FAFAFC; border-radius: 10rpx; padding: 25rpx 20rpx;">
<view style="font-size: 24rpx;">{{child.title}}</view>
<view v-for="(model, j) in child.list" :key="j">
<view style="color: #BB8520; font-weight: bold; margin: 10rpx 0;">{{model.title}}</view>
<view style="color: #71675D;">{{model.info}}</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: "ywjg-view",
data() {
return {
ywjg: [{
title: '业务结构分析',
list: [{
title: '零售业务',
is_hexin: 1,
yszb: 55.16,
mlv: 78.21,
yysr: 17900,
zz: -8.20
}, {
title: '科技金融',
is_hexin: 1,
yszb: 41.121,
mlv: 89.11,
yysr: 13400,
zz: 24.60
}, {
title: '绿色金融',
is_hexin: 0,
yszb: 2.37,
mlv: 9.11,
yysr: 771,
zz: 36.90
}, {
title: '零售业务',
is_hexin: 0,
yszb: 2.37,
mlv: 9.11,
yysr: 396,
zz: -16.90
}]
},
{
title: '业务板块详情',
list: [{
title: '零售银行业务',
list: [{
title: '业务描述',
info: '平安银行对公业务践行'
},
{
title: '竞争地位',
info: '平安银行零售业务在同行业中保持较强竞争力，凭借其数字化创新优势和综合金融背景，构建了差异化竞争优势。'
},
{
title: '未来潜力',
info: '平安银行零售业务未来发展潜力巨大，随着中国财富管理市场的快速扩张和中产阶级规模的持续增长，零售银行...展开查看'
}
]
}, {
title: '对公业务',
list: [{
title: '业务描述',
info: '平安银行对公业务践行'
},
{
title: '竞争地位',
info: '平安银行对公业务在市场中保持较强竞争力，贷款规模实现两位数增长，远高于行业平均水平。通过差异化战略...展开查看'
},
{
title: '未来潜力',
info: '随着国家对科创、绿色经济的持续支持，以及对普惠金融的政策倾斜，平安银行对公业务面临广阔发展空间...展开查看'
}
]
},
{
title: '同业业务',
list: [{
title: '业务描述',
info: '平安银行同业业务主要包括债券交易、同业拆借、票据业务等。'
},
{
title: '竞争地位',
info: '平安银行同业业务在股份制银行中位居前列，债券交易市场份额达4.4%，显示出较强的市场竞争力。'
},
{
title: '未来潜力',
info: '随着金融市场深化改革和利率市场化推进，同业业务面临新的发展机遇。平安银行同业业务凭借其债券...展开查看'
}
]
},
{
title: '普惠金融',
list: [{
title: '业务描述',
info: '普惠金融是平安银行'
},
{
title: '竞争地位',
info: '平安银行普惠金融业务在行业内保持领先地位，小微企业贷款规模较大且客户基础广泛。通过优化产品体系、提...展开查看'
},
{
title: '未来潜力',
info: '随着国家持续推动普惠金融发展战略，平安银行该业务具有广阔发展空间。通过数字化转型深化、客户体验...展开查看'
}
]
}
]
}
]
};
}
}
</script>
<style lang="less">
.ywjg_list {
color: #2B2B2B;
.title {
font-size: 28rpx;
font-weight: bold;
}
.ywjg_item_1 {
font-weight: 500;
margin: 20rpx;
background-color: #FAFAFC;
border-radius: 10rpx;
padding: 25rpx 20rpx;
box-sizing: border-box;
}
}
</style>

445
components/zysj-view/zysj-view.vue Normal file
View File

@@ -0,0 +1,445 @@
<template>
<view>
<!-- 主营数据 -->
<template v-if="showType == 0">
<view>
<view
style="display: flex; align-items: center; font-size: 22rpx; color: #999999; font-weight: 500; margin: 20rpx; padding: 20rpx; box-sizing: border-box ;border: 1rpx solid #F5F5F5; border-radius: 10rpx;">
<view style="width: 195rpx;">
<view style="font-weight: bold; color: #1DB26F; font-size: 30rpx;">+12.50%</view>
<view style="margin-top: 10rpx;">利润增长</view>
</view>
<view>
<view style="display: flex; align-items: center;">
<text
style="font-weight: bold; color: #070707; font-size: 26rpx; margin-right: 10rpx;">成长能力</text>
<text
style="color: #A97F53; font-size: 20rpx; padding: 2rpx 5rpx; background-color: #F8F4ED; border: 1rpx solid #F1E7D8; border-radius: 3rpx;">增长动力</text>
</view>
<view style="margin-top: 10rpx;">
<text>营收增长</text>
<text style="color: #1DB26F; margin: 0 10rpx;">+8.20%</text>
<text style="color: #F59B38;">（稳健增长）</text>
</view>
</view>
</view>
<view
style="display: flex; align-items: center; font-size: 22rpx; color: #999999; font-weight: 500; margin: 20rpx; padding: 20rpx; box-sizing: border-box ;border: 1rpx solid #F5F5F5; border-radius: 10rpx;">
<view style="width: 195rpx;">
<view style="font-weight: bold; color: #F59B38; font-size: 30rpx;">16.23%</view>
<view style="margin-top: 10rpx;">ROE</view>
</view>
<view>
<view style="display: flex; align-items: center;">
<text
style="font-weight: bold; color: #070707; font-size: 26rpx; margin-right: 10rpx;">盈利与回报</text>
<text
style="color: #A97F53; font-size: 20rpx; padding: 2rpx 5rpx; background-color: #F8F4ED; border: 1rpx solid #F1E7D8; border-radius: 3rpx;">赚钱能力</text>
</view>
<view style="margin-top: 10rpx;">
<text style="color: #F59B38;">良好</text>
<text style="margin-left: 10rpx;">净利率 32.56%|毛利率 71.92%</text>
</view>
</view>
</view>
<view
style="display: flex; align-items: center; font-size: 22rpx; color: #999999; font-weight: 500; margin: 20rpx; padding: 20rpx; box-sizing: border-box ;border: 1rpx solid #F5F5F5; border-radius: 10rpx;">
<view style="width: 195rpx;">
<view style="font-weight: bold; color: #EC3440; font-size: 30rpx;">93.52%</view>
<view style="margin-top: 10rpx;">资产负债率</view>
</view>
<view>
<view style="display: flex; align-items: center;">
<text
style="font-weight: bold; color: #070707; font-size: 26rpx; margin-right: 10rpx;">风险与运营</text>
<text
style="color: #A97F53; font-size: 20rpx; padding: 2rpx 5rpx; background-color: #F8F4ED; border: 1rpx solid #F1E7D8; border-radius: 3rpx;">安全边际</text>
</view>
<view style="margin-top: 10rpx;">
<text style="color: #EC3440;">风险</text>
<text style="margin-left: 10rpx;">流动比率 0.73|研发费用率 5.48%</text>
</view>
</view>
</view>
<view style="text-align: center; font-size: 26rpx; color: #2B2B2B; font-weight: bold; margin: 20rpx;">
营收与利润趋势</view>
<view
style="height: 400rpx; display: flex; align-items: center; justify-content: center; background-color: red;">
柱状图占位 </view>
<view style="text-align: left; font-size: 26rpx; color: #2B2B2B; font-weight: bold; margin: 20rpx;">主营业务
</view>
<view
style="height: 400rpx; display: flex; align-items: center; justify-content: center; background-color: blue;">
饼状图占位 </view>
<view style="text-align: left; font-size: 26rpx; color: #2B2B2B; font-weight: bold; margin: 20rpx;">
主营业务明细与历史对比</view>
<view
style="display: grid; grid-template-columns: 130rpx repeat(4, 1fr); color: #666666; font-size: 20rpx; font-weight: 500; background-color: #FAFAFC; margin: 20rpx; margin-bottom: 0; padding: 10rpx; box-sizing: border-box;">
<view v-for="(item, index) in ['业务', '毛利率', '利润', '营收', '营收']"
style="display: flex;align-items: center;justify-content: center; flex-direction: column;"
:style="{'text-align': index == 0 ? 'left' : 'center', 'align-items': index == 0 ? 'flex-start' : 'center'}">
<view>{{item}}</view>
<view v-if="['', '(2025年中报)', '(2025年中报)', '(2025年中报)', '(2024年年报)'][index].length > 0"
style="font-size: 18rpx;" :style="{'text-align': index == 0 ? 'left' : 'center'}">
{{['', '(2025年中报)', '(2025年中报)', '(2025年中报)', '(2024年年报)'][index]}}
</view>
</view>
</view>
<view v-for="(item, index) in ['零售金融业务', '批发金融业务', '其他业务']"
style="display: grid; grid-template-columns: 130rpx repeat(4, 1fr); color: #666666; font-size: 20rpx; font-weight: 500; margin: 0 20rpx; padding: 10rpx; box-sizing: border-box;"
:style="{'background-color': (index % 2 == 0 ? '#FFFFFF' : '#FAFAFC')}">
<view v-for="(item, index) in [item, '64.53%', '200.57亿', '310.81亿', '712.55亿']"
:style="{'text-align': index == 0 ? 'left' : 'center'}">{{item}}</view>
</view>
<view style="height: 80rpx;"></view>
</view>
</template>
<!-- 财务分析 -->
<template v-if="showType == 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="/pagesStock/static/icon/cwfx-1.png" mode="widthFix"
style="width: 40rpx; height: 40rpx;"></image>
<view class="flex1" style="margin: 0 10rpx; font-size: 28rpx;">盈利能力</view>
<image src="/static/icon/home/conceptCenter/next.png" 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
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;"
:style="{color: index == 0 ? '#BB8520' : '#999999', border: `1rpx solid ${index == 0 ? '#F2C369' : '#D2D2D2'}`, 'background-color': (index == 0 ? '#FFFAF1' : '#FFFFFF')}"
v-for="(item,index) in ['净资产收益率(ROE)%', '净资产收益率(扣非)%', '净资产收益率(加权)%', '总资产报酬率(ROA)%', '毛利率%', '净利率%', '营业利润率%', '成本费用利润率%']"
:key="index">
{{item}}
</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="/pagesStock/static/icon/all-icon.png"
mode="widthFix"></image>
<view style="margin: 0 10rpx; color: #999999; font-size: 22rpx;">全部</view>
<image style="width: 11rpx; height: 6rpx;" src="/pagesStock/static/icon/all-down.png"
mode="widthFix"></image>
</view>
</view>
<view
style="height: 400rpx; display: flex; align-items: center; justify-content: center; background-color: red;">
柱状图占位 </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="/pagesStock/static/icon/cwfx-2.png" mode="widthFix"
style="width: 40rpx; height: 40rpx;"></image>
<view class="flex1" style="margin: 0 10rpx; font-size: 28rpx;">每股指标</view>
<image src="/static/icon/home/conceptCenter/next.png" 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
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;"
:style="{color: index == 0 ? '#BB8520' : '#999999', border: `1rpx solid ${index == 0 ? '#F2C369' : '#D2D2D2'}`, 'background-color': (index == 0 ? '#FFFAF1' : '#FFFFFF')}"
v-for="(item,index) in ['每股收益(EPS)', '基本每股收益', '稀释每股收益', '扣非每股收益', '每股净资产', '每股经营现金流', '每股资本公积', '每股未分配利润']"
:key="index">
{{item}}
</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="/pagesStock/static/icon/all-icon.png"
mode="widthFix"></image>
<view style="margin: 0 10rpx; color: #999999; font-size: 22rpx;">全部</view>
<image style="width: 11rpx; height: 6rpx;" src="/pagesStock/static/icon/all-down.png"
mode="widthFix"></image>
</view>
</view>
<view
style="height: 400rpx; display: flex; align-items: center; justify-content: center; background-color: blue;">
柱状图占位 </view>
</view>
</view>
</template>
<!-- 财务数据 -->
<template v-if="showType == 2">
<view>
<!-- 资产负债表 -->
<view @click="itemClick(0)" style="color: #2B2B2B; font-weight: 500; font-size: 24rpx;">
<view style="display: flex;align-items: center; padding: 20rpx; box-sizing: border-box;">
<image src="/pagesStock/static/icon/cwfx-1.png" mode="widthFix"
style="width: 40rpx; height: 40rpx;"></image>
<view class="flex1" style="margin: 0 10rpx; font-size: 28rpx;">资产负债表</view>
<image src="/static/icon/home/conceptCenter/next.png" mode="widthFix"
style="width: 13rpx; height: 22rpx;"></image>
</view>
<view style="display: grid; gap: 20rpx; grid-template-columns: repeat(3, 1fr); margin: 0 20rpx;">
<view
style="display: flex; align-items: center; justify-content: center; text-align: center; font-size: 20rpx; color: #999999; border: 1rpx solid #D2D2D2; padding: 10rpx 10rpx; box-sizing: border-box;"
:style="{color: index == 0 ? '#BB8520' : '#999999', border: `1rpx solid ${index == 0 ? '#F2C369' : '#D2D2D2'}`, 'background-color': (index == 0 ? '#FFFAF1' : '#FFFFFF')}"
v-for="(item,index) in ['货币资金', '所有者权益', '关键指标']" :key="index">
{{item}}
</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="/pagesStock/static/icon/all-icon.png"
mode="widthFix"></image>
<view style="margin: 0 10rpx; color: #999999; font-size: 22rpx;">全部</view>
<image style="width: 11rpx; height: 6rpx;" src="/pagesStock/static/icon/all-down.png"
mode="widthFix"></image>
</view>
</view>
<view
style="height: 400rpx; display: flex; align-items: center; justify-content: center; background-color: red;">
折线图占位
</view>
<view style="background-color: #FAFAFC; border-radius: 10rpx; margin: 0 20rpx; padding: 20rpx 0;">
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">资产总计</view>
<view style="text-align: right; color: #2A2A2A;">29.21亿</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">负债合计</view>
<view style="text-align: right; color: #2A2A2A;">17.94亿</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">所有者权益</view>
<view style="text-align: right; color: #2A2A2A;">11.27亿</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">货币资金</view>
<view style="text-align: right; color: #2A2A2A;">5.45亿</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">资本公积金</view>
<view style="text-align: right; color: #2A2A2A;">4.61亿</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">盈余公积金</view>
<view style="text-align: right; color: #2A2A2A;">1.02亿</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">未分配利润</view>
<view style="text-align: right; color: #2A2A2A;">1.61亿</view>
</view>
</view>
</view>
<!-- 现金流量表 -->
<view @click="itemClick(1)" style="color: #2B2B2B; font-weight: 500; font-size: 24rpx;">
<view style="display: flex;align-items: center; padding: 20rpx; box-sizing: border-box;">
<image src="/pagesStock/static/icon/cwfx-1.png" mode="widthFix"
style="width: 40rpx; height: 40rpx;"></image>
<view class="flex1" style="margin: 0 10rpx; font-size: 28rpx;">现金流量表</view>
<image src="/static/icon/home/conceptCenter/next.png" mode="widthFix"
style="width: 13rpx; height: 22rpx;"></image>
</view>
<view style="display: grid; gap: 20rpx; grid-template-columns: repeat(3, 1fr); margin: 0 20rpx;">
<view
style="display: flex; align-items: center; justify-content: center; text-align: center; font-size: 20rpx; color: #999999; border: 1rpx solid #D2D2D2; padding: 10rpx 10rpx; box-sizing: border-box;"
:style="{color: index == 0 ? '#BB8520' : '#999999', border: `1rpx solid ${index == 0 ? '#F2C369' : '#D2D2D2'}`, 'background-color': (index == 0 ? '#FFFAF1' : '#FFFFFF')}"
v-for="(item,index) in ['经营现金流', '筹资现金流', '投资现金流']" :key="index">
{{item}}
</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="/pagesStock/static/icon/all-icon.png"
mode="widthFix"></image>
<view style="margin: 0 10rpx; color: #999999; font-size: 22rpx;">全部</view>
<image style="width: 11rpx; height: 6rpx;" src="/pagesStock/static/icon/all-down.png"
mode="widthFix"></image>
</view>
</view>
<view
style="height: 400rpx; display: flex; align-items: center; justify-content: center; background-color: red;">
柱状折线图占位
</view>
<view style="background-color: #FAFAFC; border-radius: 10rpx; margin: 0 20rpx; padding: 20rpx 0;">
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">经营性现金流</view>
<view style="text-align: right; color: #2A2A2A;">3.50亿</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">经营性现金流增长率</view>
<view style="text-align: right; color: #2A2A2A;">16.94%</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">投资性现金流</view>
<view style="text-align: right; color: #2A2A2A;">-5544.90万</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">筹资性现金流</view>
<view style="text-align: right; color: #2A2A2A;">-1.16亿</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">合计现金流</view>
<view style="text-align: right; color: #2A2A2A;">1.79亿</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">合计现金流增长率</view>
<view style="text-align: right; color: #2A2A2A;">935.58%</view>
</view>
</view>
</view>
<!-- 利润表 -->
<view @click="itemClick(2)" style="color: #2B2B2B; font-weight: 500; font-size: 24rpx;">
<view style="display: flex;align-items: center; padding: 20rpx; box-sizing: border-box;">
<image src="/pagesStock/static/icon/cwfx-1.png" mode="widthFix"
style="width: 40rpx; height: 40rpx;"></image>
<view class="flex1" style="margin: 0 10rpx; font-size: 28rpx;">利润表</view>
<image src="/static/icon/home/conceptCenter/next.png" mode="widthFix"
style="width: 13rpx; height: 22rpx;"></image>
</view>
<view style="display: grid; gap: 20rpx; grid-template-columns: repeat(3, 1fr); margin: 0 20rpx;">
<view
style="display: flex; align-items: center; justify-content: center; text-align: center; font-size: 20rpx; color: #999999; border: 1rpx solid #D2D2D2; padding: 10rpx 10rpx; box-sizing: border-box;"
:style="{color: index == 0 ? '#BB8520' : '#999999', border: `1rpx solid ${index == 0 ? '#F2C369' : '#D2D2D2'}`, 'background-color': (index == 0 ? '#FFFAF1' : '#FFFFFF')}"
v-for="(item,index) in ['净利润', '营业收入', '期间费用']" :key="index">
{{item}}
</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; margin-right: 10rpx;">
<image style="width: 23rpx; height: 23rpx;" src="/pagesStock/static/icon/all-icon.png"
mode="widthFix"></image>
<view style="margin: 0 10rpx; color: #999999; font-size: 22rpx;">全部</view>
<image style="width: 11rpx; height: 6rpx;" src="/pagesStock/static/icon/all-down.png"
mode="widthFix"></image>
</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="/pagesStock/static/icon/all-icon.png"
mode="widthFix"></image>
<view style="margin: 0 10rpx; color: #999999; font-size: 22rpx;">汇总</view>
<image style="width: 11rpx; height: 6rpx;" src="/pagesStock/static/icon/all-down.png"
mode="widthFix"></image>
</view>
</view>
<view
style="height: 400rpx; display: flex; align-items: center; justify-content: center; background-color: red;">
柱状折线图占位
</view>
<view style="background-color: #FAFAFC; border-radius: 10rpx; margin: 0 20rpx; padding: 20rpx 0;">
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">净利润</view>
<view style="text-align: right; color: #2A2A2A;">-6525.56万</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">净利润增长率</view>
<view style="text-align: right; color: #2A2A2A;">-1600.69%</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">营业总收入</view>
<view style="text-align: right; color: #2A2A2A;">3.64亿</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">营业总收入增长率</view>
<view style="text-align: right; color: #2A2A2A;">-26.28%</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">营业利润</view>
<view style="text-align: right; color: #2A2A2A;">-7539.55万</view>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; font-weight: 500; margin: 20rpx;">
<view style="flex: 1; color: #999999; margin-right: 20rpx;">营业利润增长率</view>
<view style="text-align: right; color: #2A2A2A;">-201.00%</view>
</view>
</view>
</view>
</view>
</template>
</view>
</template>
<script>
export default {
name: "zysj-view",
data() {
return {
showType: 0
};
},
props: { // 0 主营数据 1 财务分析 2 财务数据
type: Number
},
watch: {
type: {
handler(newVal, oldVal) {
this.showType = newVal
}
}
},
methods: {
itemClick(index) {
uni.navigateTo({
url: `/pagesStock/stockCenterDetails/cwDetails?index=${index}`
})
}
}
}
</script>
<style lang="less">
</style>