2.4 组件结构调整，调整会员权限判断
This commit is contained in:
尚政杰
88
unpackage/dist/dev/mp-weixin/pagesStock/components/gqjg-view/gqjg-view.js
vendored
Normal file
88
unpackage/dist/dev/mp-weixin/pagesStock/components/gqjg-view/gqjg-view.js
vendored
Normal file
@@ -0,0 +1,88 @@
|
||||
"use strict";
|
||||
const utils_util = require("../../../utils/util.js");
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const common_assets = require("../../../common/assets.js");
|
||||
const _sfc_main = {
|
||||
name: "gqjg-view",
|
||||
data() {
|
||||
return {
|
||||
getNumStr: utils_util.getNumStr,
|
||||
getRateUpOrDown: utils_util.getRateUpOrDown,
|
||||
getRateStr: utils_util.getRateStr
|
||||
};
|
||||
},
|
||||
props: {
|
||||
actualControlInfo: Object,
|
||||
//实际控制人信息
|
||||
concentrationList: Array,
|
||||
//股权集中度列表
|
||||
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.control_type),
|
||||
d: common_vendor.t($props.actualControlInfo.end_date),
|
||||
e: $props.actualControlInfo.holding_ratio
|
||||
}, $props.actualControlInfo.holding_ratio ? {
|
||||
f: common_vendor.t($props.actualControlInfo.holding_ratio.toFixed(2))
|
||||
} : {}, {
|
||||
g: common_vendor.t($data.getNumStr($props.actualControlInfo.holding_shares))
|
||||
}) : {}, {
|
||||
h: $props.concentrationList.length > 0
|
||||
}, $props.concentrationList.length > 0 ? {
|
||||
i: common_vendor.t($props.concentrationList[0].end_date)
|
||||
} : {}, {
|
||||
j: common_vendor.f($props.concentrationList, (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.t(item.stat_item),
|
||||
b: common_vendor.t(item.holding_ratio.toFixed(2)),
|
||||
c: item.ratio_change != 0
|
||||
}, item.ratio_change != 0 ? common_vendor.e({
|
||||
d: $data.getRateUpOrDown(item.ratio_change)
|
||||
}, $data.getRateUpOrDown(item.ratio_change) ? {
|
||||
e: common_assets._imports_0$7
|
||||
} : {
|
||||
f: common_assets._imports_1$14
|
||||
}, {
|
||||
g: common_vendor.t($data.getRateStr(item.ratio_change)),
|
||||
h: common_vendor.n("shengjiang flex " + ($data.getRateUpOrDown(item.ratio_change) ? "down" : "up"))
|
||||
}) : {}, {
|
||||
i: index
|
||||
});
|
||||
}),
|
||||
k: common_vendor.f($props.shareholdersList, (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 : ""
|
||||
};
|
||||
}),
|
||||
l: 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 MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pagesStock/components/gqjg-view/gqjg-view.js.map
|
||||
3
unpackage/dist/dev/mp-weixin/pagesStock/components/gqjg-view/gqjg-view.json
vendored
Normal file
3
unpackage/dist/dev/mp-weixin/pagesStock/components/gqjg-view/gqjg-view.json
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pagesStock/components/gqjg-view/gqjg-view.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pagesStock/components/gqjg-view/gqjg-view.wxml
vendored
Normal file
@@ -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">{{c}}</view><view class="l_b_right">截至 {{d}}</view></view></view><view class="right"><view class="r_top">控制比例</view><view wx:if="{{e}}" class="r_center">{{f}}%</view><view class="r_bottom">{{g}}股</view></view></view><view class="flex"><view class="title">股权集中度</view></view><view class="guquan"><view wx:if="{{h}}" class="top">{{i}}</view><view class="bottom"><view class="b_item flexWrap"><view wx:for="{{j}}" wx:for-item="item" wx:key="i" class="item_info flex"><view class="left flex1">{{item.a}}</view><view class="right flex"><view class="bili">{{item.b}}%</view><view wx:if="{{item.c}}" class="{{item.h}}"><image wx:if="{{item.d}}" class="icon" src="{{item.e}}" mode="widthFix"></image><image wx:else class="icon" src="{{item.f}}" mode="widthFix"></image><view>{{item.g}}%</view></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="{{k}}" 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="{{l}}" 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>
|
||||
154
unpackage/dist/dev/mp-weixin/pagesStock/components/gqjg-view/gqjg-view.wxss
vendored
Normal file
154
unpackage/dist/dev/mp-weixin/pagesStock/components/gqjg-view/gqjg-view.wxss
vendored
Normal file
@@ -0,0 +1,154 @@
|
||||
.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 .item_info {
|
||||
margin: 15rpx 0;
|
||||
margin-right: 15rpx;
|
||||
width: calc((100% - 15rpx)/2);
|
||||
}
|
||||
.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;
|
||||
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;
|
||||
padding: 0 5rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 5rpx;
|
||||
font-size: 18rpx;
|
||||
}
|
||||
.com_list .item .guquan .bottom .b_item .item_info .right .shengjiang .icon {
|
||||
width: 11rpx;
|
||||
height: 25rpx;
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
.com_list .item .guquan .bottom .b_item .item_info .right .shengjiang.up {
|
||||
background-color: #FFDFE1;
|
||||
color: #EC3440;
|
||||
}
|
||||
.com_list .item .guquan .bottom .b_item .item_info .right .shengjiang.down {
|
||||
background-color: #C6F6D5;
|
||||
color: #345423;
|
||||
}
|
||||
.com_list .item .guquan .bottom .b_item .item_info:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
Reference in New Issue
Block a user