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

1.23 个股详情接口对接

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

58
components/gqjg-view/gqjg-view.vue
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;
}
}
}