1.23 个股详情接口对接

This commit is contained in:
尚政杰
2026-01-23 17:47:11 +08:00
parent 30d2ec5823
commit b1956561cf
13 changed files with 538 additions and 137 deletions

View File

@@ -2,20 +2,20 @@
<view class="com_list">
<view class="item">
<view class="flex">
<view class="title">平安银行股份有限公司北京分行</view>
<view class="title">实际控制人</view>
</view>
<view class="com_info">
<view class="left">
<view class="l_top">中国平安保险(集团股份有限公司</view>
<view class="l_top">{{actualControlInfo.actual_controller_name}}</view>
<view class="l_bottom">
<view class="l_b_left">企业法人</view>
<view class="l_b_right">截至 2024-09-30</view>
<view class="l_b_right">截至 {{actualControlInfo.end_date}}</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 class="r_center">{{actualControlInfo.holding_ratio.toFixed(2)}}%</view>
<view class="r_bottom">{{getNumStr(actualControlInfo.holding_shares)}}</view>
</view>
</view>
@@ -72,14 +72,14 @@
<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 v-for="(item, index) in shareholdersList" :key="index" class="top" :class="{action: index % 2 == 1}">
<view class="child">{{item.shareholder_name}}</view>
<view class="child">{{item.shareholder_type}}</view>
<view class="child" style="text-align: center;">{{getNumStr(item.holding_shares)}}</view>
<view class="child" style="color: #3E87CF; font-weight: bold; text-align: center;">{{item.total_share_ratio}}%</view>
<view class="child"
style="background-color: #FFF7E9; color: #E0AC4A; border-radius: 5rpx; padding: 5rpx 10rpx; text-align: center;">
流通A股</view>
{{item.share_nature}}</view>
</view>
</view>
</view>
@@ -94,19 +94,17 @@
<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 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 v-for="(item, index) in circulatingShareholdersList" :key="index" class="top" :class="{action: index % 2 == 1}">
<view class="child">{{item.shareholder_name}}</view>
<view class="child">{{item.shareholder_type?item.shareholder_type:'-'}}</view>
<view class="child" style="text-align: center;">{{getNumStr(item.holding_shares)}}</view>
<view class="child" style="color: #893ECF; font-weight: bold; text-align: center;">{{item.total_share_ratio}}%</view>
<view class="child"
style="background-color: #FFF7E9; color: #E0AC4A; border-radius: 5rpx; padding: 5rpx 10rpx; text-align: center;">
流通A股</view>
{{item.share_nature}}</view>
</view>
</view>
</view>
@@ -114,13 +112,22 @@
</view>
</template>
<script>
<script>
import { getNumStr } from '@/utils/util';
export default {
name: "gqjg-view",
data() {
return {
getNumStr:getNumStr
};
},
props:{
actualControlInfo:Object, //实际控制人信息
shareholdersList:Array, //十大股东列表
circulatingShareholdersList:Array, //十大流通股东列表
competitivePositionInfo:Object, //竞争地位信息
}
}
</script>
@@ -277,11 +284,9 @@
.top {
width: 100%;
display: grid;
gap: 20rpx;
grid-template-columns: 130rpx repeat(4, 1fr);
grid-template-columns: 166rpx repeat(4, 1fr);
font-size: 22rpx;
background-color: white;
&.action {
background-color: #FAFAFC;
}
@@ -292,6 +297,9 @@
white-space: nowrap;
text-overflow: ellipsis;
margin: 10rpx 0;
}
.child:first-child {
margin-right: 20rpx;
}
}
}

View File

@@ -1,7 +1,7 @@
<template>
<view>
<template v-if="showType == 0">
<view style="padding: 20rpx;">
<view style="padding: 20rpx;" v-for="(item,index) in newsList" :key="index">
<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>
@@ -46,7 +46,7 @@
</template>
<template v-if="showType == 1">
<view style="padding: 20rpx;">
<view style="padding: 20rpx;" v-for="(item,index) in announcementList" :key="index">
<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>
@@ -59,7 +59,6 @@
<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>
@@ -76,7 +75,9 @@
};
},
props: {// 0 新闻动态 1 公司公告
type: Number
type: Number,
newsList:Array, //新闻动态数组
announcementList:Array, //公司公告数组
},
watch:{
type:{