1.26 个股详情业务结构，发展历程模块完善

unpackage/dist/dev/mp-weixin/components/gqjg-view/gqjg-view.js

@@ -0,0 +1,70 @@
+"use strict";
+const utils_util = require("../../utils/util.js");
+const common_vendor = require("../../common/vendor.js");
+const _sfc_main = {
+  name: "gqjg-view",
+  data() {
+    return {
+      getNumStr: utils_util.getNumStr
+    };
+  },
+  props: {
+    actualControlInfo: Object,
+    //实际控制人信息
+    concentrationList: [],
+    //股权集中度列表
+    shareholdersList: Array,
+    //十大股东列表
+    circulatingShareholdersList: Array,
+    //十大流通股东列表
+    competitivePositionInfo: Object
+    //竞争地位信息
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
+    a: $props.actualControlInfo
+  }, $props.actualControlInfo ? common_vendor.e({
+    b: common_vendor.t($props.actualControlInfo.actual_controller_name),
+    c: common_vendor.t($props.actualControlInfo.end_date),
+    d: $props.actualControlInfo.holding_ratio
+  }, $props.actualControlInfo.holding_ratio ? {
+    e: common_vendor.t($props.actualControlInfo.holding_ratio.toFixed(2))
+  } : {}, {
+    f: common_vendor.t($data.getNumStr($props.actualControlInfo.holding_shares))
+  }) : {}, {
+    g: common_vendor.f($props.concentrationList, (item, index, i0) => {
+      return {
+        a: common_vendor.t(item.stat_item),
+        b: index % 2 == 0 ? "/pagesStock/static/icon/upArrow.png" : "/pagesStock/static/icon/downArrow.png",
+        c: index % 2 == 0 ? 1 : "",
+        d: index
+      };
+    }),
+    h: common_vendor.f($props.shareholdersList, (item, index, i0) => {
+      return {
+        a: common_vendor.t(item.shareholder_name),
+        b: common_vendor.t(item.shareholder_type),
+        c: common_vendor.t($data.getNumStr(item.holding_shares)),
+        d: common_vendor.t(item.total_share_ratio),
+        e: common_vendor.t(item.share_nature),
+        f: index,
+        g: index % 2 == 1 ? 1 : ""
+      };
+    }),
+    i: common_vendor.f($props.circulatingShareholdersList, (item, index, i0) => {
+      return {
+        a: common_vendor.t(item.shareholder_name),
+        b: common_vendor.t(item.shareholder_type ? item.shareholder_type : "-"),
+        c: common_vendor.t($data.getNumStr(item.holding_shares)),
+        d: common_vendor.t(item.total_share_ratio),
+        e: common_vendor.t(item.share_nature),
+        f: index,
+        g: index % 2 == 1 ? 1 : ""
+      };
+    })
+  });
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/gqjg-view/gqjg-view.js.map

unpackage/dist/dev/mp-weixin/components/gqjg-view/gqjg-view.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/components/gqjg-view/gqjg-view.wxml

@@ -0,0 +1 @@
+<view class="com_list"><view class="item"><view class="flex"><view class="title">实际控制人</view></view><view wx:if="{{a}}" class="com_info"><view class="left"><view class="l_top">{{b}}</view><view class="l_bottom"><view class="l_b_left">企业法人</view><view class="l_b_right">截至 {{c}}</view></view></view><view class="right"><view class="r_top">控制比例</view><view wx:if="{{d}}" class="r_center">{{e}}%</view><view class="r_bottom">{{f}}股</view></view></view><view class="flex"><view class="title">股权集中度</view></view><view class="guquan"><view class="top">2025-09-30 00:00:00</view><view class="bottom"><view class="b_item"><view wx:for="{{g}}" wx:for-item="item" wx:key="d" class="item_info flexWrap"><view class="left">{{item.a}}</view><view class="right"><view class="bili">49.56%</view><view class="{{['shengjiang', item.c && 'action']}}"><image src="{{item.b}}" 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"><view class="head">股东名称</view><view class="head">股东类型</view><view class="head" style="text-align:center">持股数量</view><view class="head" style="text-align:center">持股比例</view><view class="head" style="text-align:center">股份性质</view></view><view wx:for="{{h}}" wx:for-item="item" wx:key="f" class="{{['top', item.g && 'action']}}"><view class="child">{{item.a}}</view><view class="child">{{item.b}}</view><view class="child" style="text-align:center">{{item.c}}股</view><view class="child" style="color:#3E87CF;font-weight:bold;text-align:center">{{item.d}}%</view><view class="nature">{{item.e}}</view></view></view></view><view class="flex"><view class="title">十大流通股东 </view></view><view class="gudong"><view class="back"><view class="top action"><view class="head">股东名称</view><view class="head">股东类型</view><view class="head" style="text-align:center">持股数量</view><view class="head" style="text-align:center">流通股比例</view><view class="head" style="text-align:center">股份性质</view></view><view wx:for="{{i}}" wx:for-item="item" wx:key="f" class="{{['top', item.g && 'action']}}"><view class="child">{{item.a}}</view><view class="child">{{item.b}}</view><view class="child" style="text-align:center">{{item.c}}股</view><view class="child" style="color:#893ECF;font-weight:bold;text-align:center">{{item.d}}%</view><view class="nature">{{item.e}}</view></view></view></view></view></view>

unpackage/dist/dev/mp-weixin/components/gqjg-view/gqjg-view.wxss

@@ -0,0 +1,155 @@
+.com_list {
+  margin-top: 38rpx;
+  padding: 0 20rpx;
+  box-sizing: border-box;
+}
+.com_list .title {
+  color: #2B2B2B;
+  font-size: 28rpx;
+  font-weight: bold;
+}
+.com_list .item .com_info {
+  margin: 20rpx 0;
+  background-color: #FAFAFC;
+  border-radius: 10rpx;
+  padding: 25rpx 20rpx;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-weight: 500;
+}
+.com_list .item .com_info .left .l_top {
+  color: #666666;
+  font-size: 24rpx;
+}
+.com_list .item .com_info .left .l_bottom {
+  display: flex;
+  align-items: center;
+  margin-top: 10rpx;
+}
+.com_list .item .com_info .left .l_bottom .l_b_left {
+  background-color: #99AFEC;
+  border-radius: 10rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 20rpx;
+  padding: 5rpx;
+}
+.com_list .item .com_info .left .l_bottom .l_b_right {
+  margin-left: 10rpx;
+  color: #999999;
+  font-size: 22rpx;
+}
+.com_list .item .com_info .right {
+  color: #71675D;
+  font-size: 20rpx;
+  text-align: right;
+}
+.com_list .item .com_info .right .r_center {
+  color: #BB8520;
+  font-size: 28rpx;
+  font-weight: bold;
+  margin: 5rpx 0;
+}
+.com_list .item .guquan {
+  margin: 25rpx 0;
+  font-weight: 500;
+  background-color: #FAFAFC;
+  border-radius: 10rpx;
+  padding: 25rpx 13rpx;
+  box-sizing: border-box;
+}
+.com_list .item .guquan .top {
+  color: #999999;
+  font-size: 22rpx;
+}
+.com_list .item .guquan .bottom {
+  display: flex;
+}
+.com_list .item .guquan .bottom .b_item {
+  flex: 1;
+}
+.com_list .item .guquan .bottom .b_item .item_info {
+  margin: 15rpx 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.com_list .item .guquan .bottom .b_item .item_info .left {
+  color: #666666;
+  font-size: 20rpx;
+}
+.com_list .item .guquan .bottom .b_item .item_info .right {
+  height: 35rpx;
+  display: flex;
+  align-items: center;
+  font-size: 20rpx;
+}
+.com_list .item .guquan .bottom .b_item .item_info .right .bili {
+  color: #BB8520;
+  font-weight: bold;
+}
+.com_list .item .guquan .bottom .b_item .item_info .right .shengjiang {
+  margin-left: 10rpx;
+  box-sizing: border-box;
+  padding: 5rpx;
+  border-radius: 5rpx;
+  background-color: #C6F6D5;
+  color: #345423;
+  font-size: 18rpx;
+}
+.com_list .item .guquan .bottom .b_item .item_info .right .shengjiang image {
+  width: 11rpx;
+  height: 25rpx;
+  margin-right: 4rpx;
+}
+.com_list .item .guquan .bottom .b_item .item_info .right .shengjiang.action {
+  background-color: #FFDFE1;
+  color: #EC3440;
+}
+.com_list .item .gudong {
+  margin-top: 25rpx;
+}
+.com_list .item .gudong .back {
+  margin: 25rpx 0;
+  font-weight: 500;
+  border-radius: 10rpx;
+  color: #666666;
+}
+.com_list .item .gudong .back .top {
+  width: 100%;
+  display: grid;
+  align-items: center;
+  grid-template-columns: 166rpx repeat(4, 1fr);
+  background-color: white;
+  height: 60rpx;
+}
+.com_list .item .gudong .back .top.action {
+  background-color: #FAFAFC;
+}
+.com_list .item .gudong .back .top .head {
+  padding: 0 10rpx;
+  font-size: 22rpx;
+}
+.com_list .item .gudong .back .top .child {
+  padding: 0 10rpx;
+  font-size: 18rpx;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.com_list .item .gudong .back .top .nature {
+  background-color: #FFF7E9;
+  margin: 10rpx;
+  line-height: 36rpx;
+  border-radius: 5rpx;
+  font-size: 18rpx;
+  color: #E0AC4A;
+  text-align: center;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}