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

1.28 更换echarts文件

Browse Source
This commit is contained in:
尚政杰
2026-01-28 14:43:26 +08:00
parent 3c6e5392cc
commit da90511b86
421 changed files with 45838 additions and 570 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
components/gqjg-view/gqjg-view.vue
View File

@@ -23,44 +23,28 @@
<view class="title">股权集中度</view>
</view>
<view class="guquan">
<view class="top">2025-09-30 00:00:00</view>
<view v-if="concentrationList.length>0" class="top">{{concentrationList[0].end_date}}</view>
<view class="bottom">
<view class="b_item">
<view v-for="(item, index) in concentrationList" :key="index" class="item_info flexWrap">
<view class="left">{{item.stat_item}}</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 class="b_item flexWrap">
<view v-for="(item, index) in concentrationList" :key="index" class="item_info flex">
<view class="left flex1">{{item.stat_item}}</view>
<view class="right flex">
<view class="bili">{{item.holding_ratio.toFixed(2)}}%</view>
<view v-if="item.ratio_change!=0" :class="'shengjiang flex '+(getRateUpOrDown(item.ratio_change)?'down':'up')" >
<image v-if="getRateUpOrDown(item.ratio_change)" class="icon" src="/pagesStock/static/icon/downArrow.png"
mode="widthFix"></image>
<image v-else class="icon" src="/pagesStock/static/icon/upArrow.png" mode="widthFix"></image>
<view>{{getRateStr(item.ratio_change)}}%</view>
</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">
@@ -72,7 +56,7 @@
</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">{{item.shareholder_type?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="nature">{{item.share_nature}}</view>
@@ -83,7 +67,6 @@
<view class="flex">
<view class="title">十大流通股东 </view>
</view>
<view class="gudong">
<view class="back">
<view class="top action">
@@ -107,14 +90,15 @@
</template>
<script>
import { getNumStr } from '@/utils/util';
import { getNumStr, getRateStr, getRateUpOrDown } from '@/utils/util';
export default {
name: "gqjg-view",
data() {
return {
getNumStr:getNumStr
getNumStr:getNumStr,
getRateUpOrDown:getRateUpOrDown,
getRateStr:getRateStr
};
},
props:{
@@ -211,25 +195,17 @@
.bottom {
display: flex;
.b_item {
flex: 1;
.item_info {
margin: 15rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
margin: 15rpx 0;
margin-right: 15rpx;
width: calc((100% - 15rpx)/2);
.left {
color: #666666;
font-size: 20rpx;
}
.right {
height: 35rpx;
display: flex;
align-items: center;
font-size: 20rpx;
.bili {
@@ -239,25 +215,31 @@
.shengjiang {
margin-left: 10rpx;
box-sizing: border-box;
padding: 5rpx;
padding: 0 5rpx;
height: 30rpx;
border-radius: 5rpx;
background-color: #C6F6D5;
color: #345423;
font-size: 18rpx;
image {
.icon {
width: 11rpx;
height: 25rpx;
margin-right: 4rpx;
}
&.action {
background-color: #FFDFE1;
color: #EC3440;
}
}
.shengjiang.up
{
background-color: #FFDFE1;
color: #EC3440;
}
.shengjiang.down
{
background-color: #C6F6D5;
color: #345423;
}
}
}
.item_info:nth-child(2n)
{
margin-right: 0;
}
}