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

1.9 个股中心模块搭建

Browse Source
This commit is contained in:
尚政杰
2026-01-09 17:43:20 +08:00
parent f6086bcf7d
commit 27dc03940b
19 changed files with 768 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
pagesStock/static/icon/existStatus.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
pagesStock/static/icon/female.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
pagesStock/static/icon/lookMoreArrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1004 B

BIN
pagesStock/static/icon/male.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 906 B

443
pagesStock/stockCenterDetails/stockCenterDetails.vue
View File

@@ -128,14 +128,151 @@
<view class="companyFilesList">
<view :class="'item '+(selectCompanyFiles==index?'select':'')" v-for="(item,index) in companyFilesList" :key="index" @click="clickCompanyFilesItem(index)">{{item.title}}</view>
</view>
<view v-if="selectCompanyFiles==2" class="">
<view v-if="selectCompanyFiles==0" class="branchList">
<view class="item">
<view class="flex">
<view class="title">平安银行股份有限公司北京分行</view>
</view>
</view>
</view>
<view v-if="selectCompanyFiles==1" class="managementTeamList">
<view class="positionNumC flex">
<view class="position">董事</view>
<view class="num director">15人</view>
</view>
<view class="item flex">
<view class="avatarC flexCenter relative director">
郭
<view class="sexC flexCenter absolute male">
<image class="icon" src="/pagesStock/static/icon/female.png" mode="widthFix"></image>
</view>
</view>
<view class="flex1">
<view class="flex">
<view class="name">郭晓涛</view>
<view class="position">非执行董事</view>
<view class="date flex1">任职日期：2024-10-08</view>
</view>
<view class="educationAgeC flex">
<view class="education label">博士研究生</view>
<view class="age label">59岁</view>
</view>
</view>
</view>
<view class="expandMoreC flexCenter">
<view>展开查看</view>
<image class="arrow" src="/pagesStock/static/icon/lookMoreArrow.png" mode="widthFix"></image>
</view>
</view>
<view v-if="selectCompanyFiles==2" class="branchList">
<view class="item">
<view class="titleStatusC flex">
<view class="title flex1">平安银行股份有限公司北京分行</view>
<view class="statusC exist flex">
<image class="icon" src="/pagesStock/static/icon/existStatus.png" mode="widthFix"></image>
<view>存续</view>
</view>
</view>
<view class="infoC topInfo flex">
<view class="infoItem leftInfo flex flex1">
<view class="title">注册资本</view>
<view class="content flex1">20亿元</view>
</view>
<view class="infoItem rightInfo flex flex1">
<view class="title">法人代表</view>
<view class="content flex1">张伟</view>
</view>
</view>
<view class="infoC flex">
<view class="infoItem leftInfo flex flex1">
<view class="title">成立日期</view>
<view class="content flex1">2007-03-15</view>
</view>
<view class="infoItem rightInfo flex flex1">
<view class="title">关联企业</view>
<view class="content flex1">156 家</view>
</view>
</view>
</view>
</view>
<view v-if="selectCompanyFiles==3" class="businessInfoList">
<view class="section">工商信息</view>
<view class="infoC">
<view class="infoItem flex">
<view class="title">统一信用代码</view>
<view class="content code flex1 rightAlign">914403001000010008</view>
</view>
<view class="infoItem flex">
<view class="title">公司规模</view>
<view class="content flex1 rightAlign">大型企业(员工超3万人)</view>
</view>
<view class="infoItem flex">
<view class="title">注册地址</view>
<view class="content flex1 rightAlign">深圳市罗湖区深南东路5047号</view>
</view>
<view class="infoItem flex">
<view class="title">办公地址</view>
<view class="content flex1 rightAlign">深圳市福田区益田路5023号平</view>
</view>
</view>
<view class="section">服务机构</view>
<view class="infoC">
<view class="title infoItem">会计师事务所</view>
<view class="content infoItem">普华永道中天会计师事务所(特殊普通合伙)</view>
<view class="title infoItem">会计师事务所</view>
<view class="content infoItem">普华永道中天会计师事务所(特殊普通合伙)</view>
</view>
<view class="section">主营业务</view>
<view class="infoC mainBussiness">
<text class="title">吸收公众存款、发放贷款、办理结算、票据贴现、资金拆借、银行卡业务代理收付款项、外汇业务等商业银行业务</text>
</view>
<view class="section">经营范围</view>
<view class="infoC">
<text class="title">吸收公众存款;发放短期、中期和长期贷款;办理国内外结算;办理票据兑与贴现;发行金融债券;代理发行、代理兑付、承销政府债券;买卖政府债买卖外汇;从事银行卡业务，提供信用证服务及担保，代理收付款项及代理保险业务;提供保管箱服务;经有关监管机构批准的其他业务。</text>
</view>
</view>
</block>
<block v-if="selectTab==1">
<view class="companyFilesList">
<view :class="'item '+(selectInDepthAnalysis==index?'select':'')" v-for="(item,index) in inDepthAnalysisList" :key="index" @click="clickInDepthAnalysisItem(index)">{{item.title}}</view>
</view>
<view v-if="selectInDepthAnalysis==0" class="strategicAnalysisList">
<view class="section">核心定位</view>
<view class="section">投资亮点</view>
<view class="section">商业模式</view>
<view class="infoC">
<view class="title">零售银行核心驱动</view>
<view class="content">以零售银行业务为核心驱动，依托平安集团综合金融平台，构建智能化、移动化、综合化三位一体发展模式。</view>
</view>
<view class="infoC">
<view class="title">科技赋能转型</view>
<view class="content">通过科技赋能实现业务流程数字化，降本增效的同时提升客户体验。</view>
</view>
<view class="infoC">
<view class="title">对公业务聚焦</view>
<view class="content">聚焦供应链金融和产业互联网，服务实体经济高质量发展。</view>
</view>
<view class="section">战略分析</view>
<view class="infoC">
<view class="title">战略方向</view>
<view class="content">以"零售做强、对公做精、同业做专"为主线，通过压降高风险资产、深耕科技绿色普惠强化集团协同，实现轻资本、弱周期、高股息的高质量增长。</view>
</view>
<view class="infoC">
<view class="title">战略举措</view>
<view class="content">2025年A1138个项目落地，构建智能风控、智能投顾与智能运营，目标3年降低单位成本10%以上;发行800亿元资本债，用于置换存量高成本次级债并支持科技绿色贷款扩张，目合金融优势技绿色贷款占比提升至15%。</view>
</view>
<view class="infoC">
<view class="title">竞争优势</view>
<view class="content">背靠平安集团综合金融生态，零售客户数超1.25亿、AUM近4.2万亿元，科技投入持续高位，数字化经营与风控模型行业领先，对公绿色、科创、普惠贷款增速均超10%，非息收入占比提升至36%以上，资本充足率高于监管底线且拨备覆盖率250%+，资产质量稳健。</view>
</view>
<view class="infoC">
<view class="title">竞争劣势</view>
<view class="content">净息差仅1.87%且同比收窄51bps，营收与净利润双降，个人贷款规模下滑10.6%，规模增速（3.3%）低于行业平均，ROE跌破11%，成本收入比27.7%仍高于股份行头部标杆；对公与同业业务市场份额仍小，存款成本刚性，利率下行周期盈利弹性受限。</view>
</view>
</view>
<view v-if="selectInDepthAnalysis==1" class="">
<view class="section">业务结构分析</view>
<view class="section">业务板块详情</view>
</view>
</block>
</view>
@@ -159,6 +296,9 @@
</view>
</view>
</view>
<uni-popup ref="industryRank" type="bottom">
</uni-popup>
</view>
</template>
@@ -198,8 +338,21 @@
},
{
title:'工商信息'
}],
selectCompanyFiles:0
}], //公司档案分类
selectCompanyFiles:0,
inDepthAnalysisList:[{
title:'战略分析'
},
{
title:'业务结构'
},
{
title:'产业链'
},
{
title:'发展历程'
}],//深度分析分类
selectInDepthAnalysis:0,
}
},
onLoad() {
@@ -224,6 +377,15 @@
if(this.selectCompanyFiles!=index) {
this.selectCompanyFiles = index
}
},
/**
* @param {Object} index
*/
clickInDepthAnalysisItem(index)
{
if(this.selectInDepthAnalysis!=index) {
this.selectInDepthAnalysis = index
}
}
}
}
@@ -459,6 +621,7 @@ page
margin-right: 20rpx;
padding: 0 12rpx;
line-height: 46rpx;
border-radius: 5rpx;
font-size: 24rpx;
font-weight: 500;
color: #939393;
@@ -470,11 +633,216 @@ page
color: #070707;
}
}
.managementTeamList {
padding: 0 20rpx;
.positionNumC
{
height: 70rpx;
.position
{
margin-right: 11rpx;
font-size: 28rpx;
font-weight: bold;
}
.num
{
padding: 0 14rpx;
line-height: 30rpx;
border-radius: 5rpx;
font-size: 20rpx;
font-weight: bold;
color: white;
}
.num.director
{
background-color: #99AFEC;
}
.num.supervisor
{
background-color: #B499EC;
}
.num.other
{
background-color: #B5B5C9;
}
}
.item
{
background-color: #FAFAFC;
margin-bottom: 20rpx;
padding: 20rpx 25rpx 20rpx 20rpx;
border-radius: 10rpx;
.avatarC
{
margin-right: 18rpx;
width: 80rpx;
height: 80rpx;
border-radius: 50%;
font-size: 30rpx;
font-weight: bold;
color: white;
.sexC
{
right: 0;
bottom: 0;
width: 30rpx;
height: 30rpx;
border-radius: 50%;
border: solid 2rpx white;
.icon
{
width: 16rpx;
height: auto;
}
}
.sexC.female
{
background-color: #FA5A93;
}
.sexC.male
{
background-color: #3E6CFC;
}
}
.avatarC.director
{
background-color: #99AFEC;
}
.avatarC.supervisor
{
background-color: #B499EC;
}
.avatarC.other
{
background-color: #B5B5C9;
}
.name
{
margin-right: 13rpx;
font-size: 24rpx;
font-weight: bold;
color: #666;
}
.position
{
font-size: 22rpx;
font-weight: 500;
color: #999;
}
.date
{
font-size: 20rpx;
font-weight: 500;
color: #999;
text-align: right;
}
.educationAgeC
{
margin-top: 8rpx;
.label
{
margin-right: 10rpx;
background-color: #F1F1F1;
line-height: 30rpx;
padding: 0 16rpx;
font-size: 20rpx;
font-weight: 500;
color: #999;
}
}
}
.expandMoreC
{
height: 80rpx;
border-bottom: solid 1rpx #E7E7E7;
font-size: 24rpx;
font-weight: 500;
color: #C9C9C9;
.arrow
{
margin-left: 18rpx;
width: 11rpx;
height: auto;
}
}
}
.branchList
{
margin-top: 38rpx;
padding: 0 20rpx;
.item
{
background-color: #FAFAFC;
margin-bottom: 20rpx;
padding: 20rpx;
border-radius: 10rpx;
.titleStatusC
{
font-size: 28rpx;
font-weight: bold;
color: #2B2B2B;
.statusC
{
padding: 0 10rpx;
line-height: 28rpx;
border-radius: 15rpx;
font-size: 20rpx;
font-weight: 500;
}
.statusC.exist
{
background-color: #FFF7E9;
border: solid 1rpx #F2C369;
color: #F2C369;
.icon
{
margin-right: 3rpx;
width: 16rpx;
height: auto;
}
}
}
.infoC
{
height: 50rpx;
.infoItem
{
.title
{
margin-right: 16rpx;
font-size: 22rpx;
font-weight: 500;
color: #999;
}
.content
{
font-size: 24rpx;
font-weight: bold;
color: #2A2A2A;
text-align: right;
}
}
.infoItem.leftInfo
{
margin-right: 20rpx;
}
.infoItem.rightInfo
{
margin-left: 20rpx;
}
}
.infoC.topInfo
{
margin-top: 10rpx;
}
}
}
.businessInfoList
{
padding: 0 20rpx;
.section
{
line-height: 72rpx;
font-size: 28rpx;
font-weight: bold;
color: #2B2B2B;
@@ -483,13 +851,78 @@ page
{
background-color: #FAFAFC;
border-radius: 10rpx;
padding: 20rpx;
padding: 12rpx 20rpx;
.infoItem
{
line-height: 40rpx;
}
.title
{
font-size: 22rpx;
font-weight: 500;
color: #999;
}
.content
{
font-size: 24rpx;
font-weight: 500;
color: #2A2A2A;
}
.content.code
{
color: #BB8520;
}
.content.rightAlign
{
text-align: right;
}
}
.infoC.mainBussiness
{
padding: 20rpx;
}
}
.strategicAnalysisList
{
padding: 0 20rpx;
.section
{
line-height: 72rpx;
font-size: 28rpx;
font-weight: bold;
color: #2B2B2B;
}
.infoC
{
background-color: #FAFAFC;
border-radius: 10rpx;
padding: 12rpx 20rpx;
margin-bottom: 20rpx;
.infoItem
{
line-height: 40rpx;
}
.title
{
font-size: 22rpx;
font-weight: 500;
color: #2A2A2A;
}
.content
{
margin-top: 10rpx;
font-size: 20rpx;
font-weight: 500;
color: #999;
}
.content.code
{
color: #BB8520;
}
.content.rightAlign
{
text-align: right;
}
}
}
}