1.9 个股中心模块搭建

pagesStock/stockCenterDetails/stockCenterDetails.vue

@@ -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;
+				}
 			}
 		}
 	}

unpackage/dist/dev/mp-weixin/common/assets.js

@@ -9,8 +9,8 @@ const _imports_12$3 = "/static/icon/home/like.png";
 const _imports_4$9 = "/static/icon/home/comment.png";
 const _imports_8$5 = "/static/icon/home/collect.png";
 const _imports_2$8 = "/static/icon/backBlack.png";
-const _imports_10$3 = "/static/icon/home/dateRange.png";
+const _imports_10$4 = "/static/icon/home/dateRange.png";
-const _imports_11$3 = "/static/icon/home/industrySearch.png";
+const _imports_11$4 = "/static/icon/home/industrySearch.png";
 const _imports_12$2 = "/static/icon/home/industry_s.png";
 const _imports_13$3 = "/static/icon/home/level_s.png";
 const _imports_2$7 = "/static/icon/invest/upArrow.png";
@@ -22,11 +22,11 @@ const _imports_2$6 = "/static/icon/home/conceptCenter/sortType.png";
 const _imports_4$7 = "/static/icon/home/conceptCenter/transactionDate.png";
 const _imports_1$8 = "/static/icon/home/conceptCenter/lock.png";
 const _imports_1$7 = "/static/icon/home/conceptCenter/timeAxis.png";
-const _imports_11$2 = "/static/icon/home/close.png";
+const _imports_11$3 = "/static/icon/home/close.png";
 const _imports_8$4 = "/static/icon/home/conceptCenter/statistics.png";
-const _imports_9$2 = "/static/icon/home/conceptCenter/rank1.png";
+const _imports_9$3 = "/static/icon/home/conceptCenter/rank1.png";
-const _imports_10$2 = "/static/icon/home/conceptCenter/rank2.png";
+const _imports_10$3 = "/static/icon/home/conceptCenter/rank2.png";
-const _imports_11$1 = "/static/icon/home/conceptCenter/rank3.png";
+const _imports_11$2 = "/static/icon/home/conceptCenter/rank3.png";
 const _imports_12$1 = "/static/icon/home/conceptCenter/rankChg.png";
 const _imports_13$2 = "/static/icon/home/conceptCenter/calendar.png";
 const _imports_14$2 = "/static/icon/home/conceptCenter/browse.png";
@@ -47,8 +47,8 @@ const _imports_3$5 = "/static/icon/home/expectScore.png";
 const _imports_4$4 = "/static/icon/home/expectScoreTips.png";
 const _imports_5$4 = "/static/icon/home/expectScoreDot.png";
 const _imports_8$3 = "/static/icon/home/eventDetails/like.png";
-const _imports_9$1 = "/static/icon/home/eventDetails/comment.png";
+const _imports_9$2 = "/static/icon/home/eventDetails/comment.png";
-const _imports_10$1 = "/static/icon/home/eventDetails/collect.png";
+const _imports_10$2 = "/static/icon/home/eventDetails/collect.png";
 const _imports_5$3 = "/static/icon/home/collect_s.png";
 const _imports_1$4 = "/static/icon/home/like_s.png";
 const _imports_0 = "/static/image/login/logo.png";
@@ -70,9 +70,9 @@ const _imports_5$1 = "/pagesMine/static/icon/vip/titleRight_v.png";
 const _imports_6$1 = "/pagesMine/static/icon/vip/titleRight.png";
 const _imports_7$2 = "/pagesMine/static/icon/vip/step1_v.png";
 const _imports_8$2 = "/pagesMine/static/icon/vip/step1.png";
-const _imports_9 = "/pagesMine/static/icon/vip/step2_v.png";
+const _imports_9$1 = "/pagesMine/static/icon/vip/step2_v.png";
-const _imports_10 = "/pagesMine/static/icon/vip/step2.png";
+const _imports_10$1 = "/pagesMine/static/icon/vip/step2.png";
-const _imports_11 = "/pagesMine/static/icon/vip/step3_v.png";
+const _imports_11$1 = "/pagesMine/static/icon/vip/step3_v.png";
 const _imports_12 = "/pagesMine/static/icon/vip/step3.png";
 const _imports_13 = "/pagesMine/static/icon/vip/step4_v.png";
 const _imports_14 = "/pagesMine/static/icon/vip/step4.png";
@@ -85,9 +85,12 @@ const _imports_2 = "/pagesStock/static/icon/establishedTime.png";
 const _imports_3 = "/pagesStock/static/icon/registeredCapital.png";
 const _imports_4 = "/pagesStock/static/icon/location.png";
 const _imports_5 = "/pagesStock/static/icon/visitWebsite.png";
-const _imports_6 = "/pagesStock/static/icon/contrast.png";
+const _imports_6 = "/pagesStock/static/icon/female.png";
-const _imports_7 = "/pagesStock/static/icon/optional.png";
+const _imports_7 = "/pagesStock/static/icon/lookMoreArrow.png";
-const _imports_8 = "/pagesStock/static/icon/share.png";
+const _imports_8 = "/pagesStock/static/icon/existStatus.png";
+const _imports_9 = "/pagesStock/static/icon/contrast.png";
+const _imports_10 = "/pagesStock/static/icon/optional.png";
+const _imports_11 = "/pagesStock/static/icon/share.png";
 const _imports_1 = "/static/icon/back.png";
 exports._imports_0 = _imports_0$1;
 exports._imports_0$1 = _imports_0;
@@ -102,14 +105,16 @@ exports._imports_1$6 = _imports_1$4;
 exports._imports_1$7 = _imports_1$3;
 exports._imports_1$8 = _imports_1$2;
 exports._imports_1$9 = _imports_1$1;
-exports._imports_10 = _imports_10$3;
+exports._imports_10 = _imports_10$4;
-exports._imports_10$1 = _imports_10$2;
+exports._imports_10$1 = _imports_10$3;
-exports._imports_10$2 = _imports_10$1;
+exports._imports_10$2 = _imports_10$2;
-exports._imports_10$3 = _imports_10;
+exports._imports_10$3 = _imports_10$1;
-exports._imports_11 = _imports_11$3;
+exports._imports_10$4 = _imports_10;
-exports._imports_11$1 = _imports_11$2;
+exports._imports_11 = _imports_11$4;
-exports._imports_11$2 = _imports_11$1;
+exports._imports_11$1 = _imports_11$3;
-exports._imports_11$3 = _imports_11;
+exports._imports_11$2 = _imports_11$2;
+exports._imports_11$3 = _imports_11$1;
+exports._imports_11$4 = _imports_11;
 exports._imports_12 = _imports_12$3;
 exports._imports_12$1 = _imports_12$2;
 exports._imports_12$2 = _imports_12$1;
@@ -176,7 +181,8 @@ exports._imports_8$2 = _imports_8$3;
 exports._imports_8$3 = _imports_8$2;
 exports._imports_8$4 = _imports_8$1;
 exports._imports_8$5 = _imports_8;
-exports._imports_9 = _imports_9$2;
+exports._imports_9 = _imports_9$3;
-exports._imports_9$1 = _imports_9$1;
+exports._imports_9$1 = _imports_9$2;
-exports._imports_9$2 = _imports_9;
+exports._imports_9$2 = _imports_9$1;
+exports._imports_9$3 = _imports_9;
 //# sourceMappingURL=../../.sourcemap/mp-weixin/common/assets.js.map

unpackage/dist/dev/mp-weixin/common/vendor.js

@@ -7053,7 +7053,7 @@ function isConsoleWritable() {
 function initRuntimeSocketService() {
   const hosts = "127.0.0.1,192.168.2.28";
   const port = "8090";
-  const id = "mp-weixin_GZv04u";
+  const id = "mp-weixin_4B1aCX";
   const lazy = typeof swan !== "undefined";
   let restoreError = lazy ? () => {
   } : initOnError();

unpackage/dist/dev/mp-weixin/pagesStock/stockCenterDetails/stockCenterDetails.js

@@ -39,7 +39,24 @@ const _sfc_main = {
           title: "工商信息"
         }
       ],
-      selectCompanyFiles: 0
+      //公司档案分类
+      selectCompanyFiles: 0,
+      inDepthAnalysisList: [
+        {
+          title: "战略分析"
+        },
+        {
+          title: "业务结构"
+        },
+        {
+          title: "产业链"
+        },
+        {
+          title: "发展历程"
+        }
+      ],
+      //深度分析分类
+      selectInDepthAnalysis: 0
     };
   },
   onLoad() {
@@ -62,16 +79,26 @@ const _sfc_main = {
       if (this.selectCompanyFiles != index) {
         this.selectCompanyFiles = index;
       }
+    },
+    /**
+     * @param {Object} index
+     */
+    clickInDepthAnalysisItem(index) {
+      if (this.selectInDepthAnalysis != index) {
+        this.selectInDepthAnalysis = index;
+      }
     }
   }
 };
 if (!Array) {
   const _easycom_navBar2 = common_vendor.resolveComponent("navBar");
-  _easycom_navBar2();
+  const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
+  (_easycom_navBar2 + _easycom_uni_popup2)();
 }
 const _easycom_navBar = () => "../../components/navBar/navBar.js";
+const _easycom_uni_popup = () => "../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
 if (!Math) {
-  _easycom_navBar();
+  (_easycom_navBar + _easycom_uni_popup)();
 }
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return common_vendor.e({
@@ -107,19 +134,46 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         d: common_vendor.o(($event) => $options.clickCompanyFilesItem(index), index)
       };
     }),
-    o: $data.selectCompanyFiles == 2
+    o: $data.selectCompanyFiles == 0
-  }, $data.selectCompanyFiles == 2 ? {} : {}, {
+  }, $data.selectCompanyFiles == 0 ? {} : {}, {
-    p: $data.selectCompanyFiles == 3
+    p: $data.selectCompanyFiles == 1
+  }, $data.selectCompanyFiles == 1 ? {
+    q: common_assets._imports_6$2,
+    r: common_assets._imports_7$2
+  } : {}, {
+    s: $data.selectCompanyFiles == 2
+  }, $data.selectCompanyFiles == 2 ? {
+    t: common_assets._imports_8$5
+  } : {}, {
+    v: $data.selectCompanyFiles == 3
   }, $data.selectCompanyFiles == 3 ? {} : {}) : {}, {
-    q: common_vendor.s("top:" + $data.contentTop + "px;"),
+    w: $data.selectTab == 1
-    r: common_vendor.o(($event) => _ctx.sendEventComment()),
+  }, $data.selectTab == 1 ? common_vendor.e({
-    s: _ctx.eventComment,
+    x: common_vendor.f($data.inDepthAnalysisList, (item, index, i0) => {
-    t: common_vendor.o(($event) => _ctx.eventComment = $event.detail.value),
+      return {
-    v: common_assets._imports_6$2,
+        a: common_vendor.t(item.title),
-    w: common_assets._imports_7$2,
+        b: common_vendor.n("item " + ($data.selectInDepthAnalysis == index ? "select" : "")),
-    x: common_vendor.o(($event) => _ctx.clickComment()),
+        c: index,
-    y: common_assets._imports_8$5,
+        d: common_vendor.o(($event) => $options.clickInDepthAnalysisItem(index), index)
-    z: common_vendor.o(($event) => _ctx.clickFollow())
+      };
+    }),
+    y: $data.selectInDepthAnalysis == 0
+  }, $data.selectInDepthAnalysis == 0 ? {} : {}, {
+    z: $data.selectInDepthAnalysis == 1
+  }, $data.selectInDepthAnalysis == 1 ? {} : {}) : {}, {
+    A: common_vendor.s("top:" + $data.contentTop + "px;"),
+    B: common_vendor.o(($event) => _ctx.sendEventComment()),
+    C: _ctx.eventComment,
+    D: common_vendor.o(($event) => _ctx.eventComment = $event.detail.value),
+    E: common_assets._imports_9$3,
+    F: common_assets._imports_10$4,
+    G: common_vendor.o(($event) => _ctx.clickComment()),
+    H: common_assets._imports_11$4,
+    I: common_vendor.o(($event) => _ctx.clickFollow()),
+    J: common_vendor.sr("industryRank", "817d6950-1"),
+    K: common_vendor.p({
+      type: "bottom"
+    })
   });
 }
 const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);

unpackage/dist/dev/mp-weixin/pagesStock/stockCenterDetails/stockCenterDetails.json

@@ -1,6 +1,7 @@
 {
   "navigationBarTitleText": "",
   "usingComponents": {
-    "nav-bar": "../../components/navBar/navBar"
+    "nav-bar": "../../components/navBar/navBar",
+    "uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup"
   }
 }

unpackage/dist/dev/mp-weixin/pagesStock/stockCenterDetails/stockCenterDetails.wxss

@@ -192,6 +192,7 @@ page {
   margin-right: 20rpx;
   padding: 0 12rpx;
   line-height: 46rpx;
+  border-radius: 5rpx;
   font-size: 24rpx;
   font-weight: 500;
   color: #939393;
@@ -201,10 +202,178 @@ page {
   font-weight: bold;
   color: #070707;
 }
+.stockDetailsC .otherInfoC .managementTeamList {
+  padding: 0 20rpx;
+}
+.stockDetailsC .otherInfoC .managementTeamList .positionNumC {
+  height: 70rpx;
+}
+.stockDetailsC .otherInfoC .managementTeamList .positionNumC .position {
+  margin-right: 11rpx;
+  font-size: 28rpx;
+  font-weight: bold;
+}
+.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num {
+  padding: 0 14rpx;
+  line-height: 30rpx;
+  border-radius: 5rpx;
+  font-size: 20rpx;
+  font-weight: bold;
+  color: white;
+}
+.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num.director {
+  background-color: #99AFEC;
+}
+.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num.supervisor {
+  background-color: #B499EC;
+}
+.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num.other {
+  background-color: #B5B5C9;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item {
+  background-color: #FAFAFC;
+  margin-bottom: 20rpx;
+  padding: 20rpx 25rpx 20rpx 20rpx;
+  border-radius: 10rpx;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC {
+  margin-right: 18rpx;
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50%;
+  font-size: 30rpx;
+  font-weight: bold;
+  color: white;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC {
+  right: 0;
+  bottom: 0;
+  width: 30rpx;
+  height: 30rpx;
+  border-radius: 50%;
+  border: solid 2rpx white;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC .icon {
+  width: 16rpx;
+  height: auto;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC.female {
+  background-color: #FA5A93;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC.male {
+  background-color: #3E6CFC;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC.director {
+  background-color: #99AFEC;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC.supervisor {
+  background-color: #B499EC;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC.other {
+  background-color: #B5B5C9;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .name {
+  margin-right: 13rpx;
+  font-size: 24rpx;
+  font-weight: bold;
+  color: #666;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .position {
+  font-size: 22rpx;
+  font-weight: 500;
+  color: #999;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .date {
+  font-size: 20rpx;
+  font-weight: 500;
+  color: #999;
+  text-align: right;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .educationAgeC {
+  margin-top: 8rpx;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .educationAgeC .label {
+  margin-right: 10rpx;
+  background-color: #F1F1F1;
+  line-height: 30rpx;
+  padding: 0 16rpx;
+  font-size: 20rpx;
+  font-weight: 500;
+  color: #999;
+}
+.stockDetailsC .otherInfoC .managementTeamList .expandMoreC {
+  height: 80rpx;
+  border-bottom: solid 1rpx #E7E7E7;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #C9C9C9;
+}
+.stockDetailsC .otherInfoC .managementTeamList .expandMoreC .arrow {
+  margin-left: 18rpx;
+  width: 11rpx;
+  height: auto;
+}
+.stockDetailsC .otherInfoC .branchList {
+  margin-top: 38rpx;
+  padding: 0 20rpx;
+}
+.stockDetailsC .otherInfoC .branchList .item {
+  background-color: #FAFAFC;
+  margin-bottom: 20rpx;
+  padding: 20rpx;
+  border-radius: 10rpx;
+}
+.stockDetailsC .otherInfoC .branchList .item .titleStatusC {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #2B2B2B;
+}
+.stockDetailsC .otherInfoC .branchList .item .titleStatusC .statusC {
+  padding: 0 10rpx;
+  line-height: 28rpx;
+  border-radius: 15rpx;
+  font-size: 20rpx;
+  font-weight: 500;
+}
+.stockDetailsC .otherInfoC .branchList .item .titleStatusC .statusC.exist {
+  background-color: #FFF7E9;
+  border: solid 1rpx #F2C369;
+  color: #F2C369;
+}
+.stockDetailsC .otherInfoC .branchList .item .titleStatusC .statusC.exist .icon {
+  margin-right: 3rpx;
+  width: 16rpx;
+  height: auto;
+}
+.stockDetailsC .otherInfoC .branchList .item .infoC {
+  height: 50rpx;
+}
+.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem .title {
+  margin-right: 16rpx;
+  font-size: 22rpx;
+  font-weight: 500;
+  color: #999;
+}
+.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem .content {
+  font-size: 24rpx;
+  font-weight: bold;
+  color: #2A2A2A;
+  text-align: right;
+}
+.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem.leftInfo {
+  margin-right: 20rpx;
+}
+.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem.rightInfo {
+  margin-left: 20rpx;
+}
+.stockDetailsC .otherInfoC .branchList .item .infoC.topInfo {
+  margin-top: 10rpx;
+}
 .stockDetailsC .otherInfoC .businessInfoList {
   padding: 0 20rpx;
 }
 .stockDetailsC .otherInfoC .businessInfoList .section {
+  line-height: 72rpx;
   font-size: 28rpx;
   font-weight: bold;
   color: #2B2B2B;
@@ -212,13 +381,65 @@ page {
 .stockDetailsC .otherInfoC .businessInfoList .infoC {
   background-color: #FAFAFC;
   border-radius: 10rpx;
-  padding: 20rpx;
+  padding: 12rpx 20rpx;
+}
+.stockDetailsC .otherInfoC .businessInfoList .infoC .infoItem {
+  line-height: 40rpx;
 }
 .stockDetailsC .otherInfoC .businessInfoList .infoC .title {
   font-size: 22rpx;
   font-weight: 500;
   color: #999;
 }
+.stockDetailsC .otherInfoC .businessInfoList .infoC .content {
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #2A2A2A;
+}
+.stockDetailsC .otherInfoC .businessInfoList .infoC .content.code {
+  color: #BB8520;
+}
+.stockDetailsC .otherInfoC .businessInfoList .infoC .content.rightAlign {
+  text-align: right;
+}
+.stockDetailsC .otherInfoC .businessInfoList .infoC.mainBussiness {
+  padding: 20rpx;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList {
+  padding: 0 20rpx;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList .section {
+  line-height: 72rpx;
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #2B2B2B;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList .infoC {
+  background-color: #FAFAFC;
+  border-radius: 10rpx;
+  padding: 12rpx 20rpx;
+  margin-bottom: 20rpx;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .infoItem {
+  line-height: 40rpx;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .title {
+  font-size: 22rpx;
+  font-weight: 500;
+  color: #2A2A2A;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .content {
+  margin-top: 10rpx;
+  font-size: 20rpx;
+  font-weight: 500;
+  color: #999;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .content.code {
+  color: #BB8520;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .content.rightAlign {
+  text-align: right;
+}
 .bottomC {
   background-color: black;
   padding: 20rpx 25rpx calc(20rpx + env(safe-area-inset-bottom));