2.4 组件结构调整,调整会员权限判断
This commit is contained in:
165
unpackage/dist/dev/mp-weixin/pagesStock/components/zlfx-view/zlfx-view.js
vendored
Normal file
165
unpackage/dist/dev/mp-weixin/pagesStock/components/zlfx-view/zlfx-view.js
vendored
Normal file
@@ -0,0 +1,165 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const common_assets = require("../../../common/assets.js");
|
||||
const echarts = require("../../../uni_modules/lime-echart/static/echarts.min.js");
|
||||
const _sfc_main = {
|
||||
name: "zlfx-view",
|
||||
data() {
|
||||
return {
|
||||
option: {
|
||||
title: {
|
||||
show: false
|
||||
},
|
||||
legend: {
|
||||
show: false
|
||||
},
|
||||
tooltip: {
|
||||
show: true,
|
||||
triggerOn: "mousemove"
|
||||
},
|
||||
radar: {
|
||||
indicator: [
|
||||
{ name: "市场地位", max: 100 },
|
||||
{ name: "技术实力", max: 100 },
|
||||
{ name: "品牌价值", max: 100 },
|
||||
{ name: "运营效率", max: 100 },
|
||||
{ name: "财务健康", max: 100 },
|
||||
{ name: "创新能力", max: 100 },
|
||||
{ name: "风险控制", max: 100 },
|
||||
{ name: "成长潜力", max: 100 }
|
||||
],
|
||||
shape: "polygon",
|
||||
splitNumber: 5,
|
||||
axisName: {
|
||||
color: "#54555A"
|
||||
},
|
||||
splitLine: {
|
||||
lineStyle: {
|
||||
color: ["#CFD2D7"]
|
||||
}
|
||||
},
|
||||
splitArea: {
|
||||
areaStyle: {
|
||||
color: ["#F4F6FA", "white"]
|
||||
}
|
||||
},
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
color: "#CFD2D7"
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "Beijing",
|
||||
type: "radar",
|
||||
lineStyle: {
|
||||
width: 1
|
||||
},
|
||||
data: [],
|
||||
symbol: "circle",
|
||||
symbolSize: 4,
|
||||
label: {
|
||||
show: true
|
||||
},
|
||||
itemStyle: {
|
||||
color: "#5070DD"
|
||||
},
|
||||
areaStyle: {
|
||||
opacity: 0.1
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
props: {
|
||||
qualitativeAnalysisInfo: Object,
|
||||
//定性分析
|
||||
competitivePositionInfo: Object,
|
||||
//竞争地位信息
|
||||
mainCompetitorsList: Array,
|
||||
//主要竞争对手
|
||||
industryRankInfo: Object,
|
||||
//行业排名数据
|
||||
scoreList: Array,
|
||||
//
|
||||
data: Array
|
||||
},
|
||||
watch: {
|
||||
data(newValue) {
|
||||
this.option.series[0].data = newValue;
|
||||
this.init();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async init() {
|
||||
const chart = await this.$refs.chartRef.init(echarts);
|
||||
common_vendor.index.__f__("log", "at pagesStock/components/zlfx-view/zlfx-view.vue:183", chart);
|
||||
chart.setOption(this.option);
|
||||
},
|
||||
clickIndustryRank() {
|
||||
this.$emit("rank");
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_l_echart2 = common_vendor.resolveComponent("l-echart");
|
||||
_easycom_l_echart2();
|
||||
}
|
||||
const _easycom_l_echart = () => "../../../uni_modules/lime-echart/components/l-echart/l-echart.js";
|
||||
if (!Math) {
|
||||
_easycom_l_echart();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: $props.qualitativeAnalysisInfo
|
||||
}, $props.qualitativeAnalysisInfo ? {
|
||||
b: common_vendor.t($props.qualitativeAnalysisInfo.core_positioning.one_line_intro)
|
||||
} : {}, {
|
||||
c: $props.qualitativeAnalysisInfo
|
||||
}, $props.qualitativeAnalysisInfo ? {
|
||||
d: common_vendor.t($props.qualitativeAnalysisInfo.core_positioning.investment_highlights)
|
||||
} : {}, {
|
||||
e: $props.qualitativeAnalysisInfo
|
||||
}, $props.qualitativeAnalysisInfo ? {
|
||||
f: common_vendor.t($props.qualitativeAnalysisInfo.core_positioning.business_model_desc)
|
||||
} : {}, {
|
||||
g: common_assets._imports_0$10,
|
||||
h: $props.industryRankInfo
|
||||
}, $props.industryRankInfo ? {
|
||||
i: common_vendor.t($props.industryRankInfo.industry_rank),
|
||||
j: common_vendor.t($props.industryRankInfo.total_companies)
|
||||
} : {}, {
|
||||
k: common_vendor.o(($event) => $options.clickIndustryRank()),
|
||||
l: common_vendor.f($props.mainCompetitorsList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item),
|
||||
b: index
|
||||
};
|
||||
}),
|
||||
m: common_assets._imports_1$11,
|
||||
n: common_vendor.f($props.scoreList, (item, index, i0) => {
|
||||
return {
|
||||
a: item.icon,
|
||||
b: common_vendor.t(item.title),
|
||||
c: common_vendor.n("progress absolute " + item.color),
|
||||
d: common_vendor.s("width: " + item.score + "%;"),
|
||||
e: common_vendor.t(item.score),
|
||||
f: common_vendor.n("item flex " + item.color),
|
||||
g: index
|
||||
};
|
||||
}),
|
||||
o: common_vendor.sr("chartRef", "30f547db-0"),
|
||||
p: $props.competitivePositionInfo
|
||||
}, $props.competitivePositionInfo ? {
|
||||
q: common_vendor.t($props.competitivePositionInfo.analysis.competitive_advantages)
|
||||
} : {}, {
|
||||
r: $props.competitivePositionInfo
|
||||
}, $props.competitivePositionInfo ? {
|
||||
s: common_vendor.t($props.competitivePositionInfo.analysis.competitive_disadvantages)
|
||||
} : {});
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pagesStock/components/zlfx-view/zlfx-view.js.map
|
||||
5
unpackage/dist/dev/mp-weixin/pagesStock/components/zlfx-view/zlfx-view.json
vendored
Normal file
5
unpackage/dist/dev/mp-weixin/pagesStock/components/zlfx-view/zlfx-view.json
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"l-echart": "../../../uni_modules/lime-echart/components/l-echart/l-echart"
|
||||
}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pagesStock/components/zlfx-view/zlfx-view.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pagesStock/components/zlfx-view/zlfx-view.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="strategicAnalysisList"><view class="section">核心定位</view><view wx:if="{{a}}" class="corePositionC">{{b}}</view><view class="section">投资亮点</view><view wx:if="{{c}}" class="corePositionC">{{d}}</view><view class="section">商业模式</view><view wx:if="{{e}}" class="corePositionC">{{f}}</view><view class="section flex"><view>竞争地位分析</view><view class="industryRankC flex" bindtap="{{k}}"><image class="icon" src="{{g}}" mode="widthFix"></image><view wx:if="{{h}}">行业排名 {{i}}/{{j}}</view></view></view><view class="subSection">主要竞争对手</view><view class="mainCompetitorList flexWrap"><view wx:for="{{l}}" wx:for-item="item" wx:key="b" class="item flex"><image class="icon" src="{{m}}" mode="widthFix"></image><view>{{item.a}}</view></view></view><view class="scoreList"><view wx:for="{{n}}" wx:for-item="item" wx:key="g" class="{{item.f}}"><image class="icon" src="{{item.a}}" mode="widthFix"></image><view class="title">{{item.b}}</view><view class="progressBgC relative flex1"><view class="{{item.c}}" style="{{item.d}}"></view></view><view class="score">{{item.e}}</view></view></view><view style="width:660rpx;height:500rpx"><l-echart class="r" u-r="chartRef" u-i="30f547db-0" bind:__l="__l"></l-echart></view><view wx:if="{{p}}" class="infoC"><view class="title">竞争优势</view><view class="content">{{q}}</view></view><view wx:if="{{r}}" class="infoC"><view class="title">竞争劣势</view><view class="content">{{s}}</view></view></view>
|
||||
155
unpackage/dist/dev/mp-weixin/pagesStock/components/zlfx-view/zlfx-view.wxss
vendored
Normal file
155
unpackage/dist/dev/mp-weixin/pagesStock/components/zlfx-view/zlfx-view.wxss
vendored
Normal file
@@ -0,0 +1,155 @@
|
||||
.strategicAnalysisList {
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
.strategicAnalysisList .section {
|
||||
line-height: 72rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #2B2B2B;
|
||||
}
|
||||
.strategicAnalysisList .section .industryRankC {
|
||||
margin-left: 10rpx;
|
||||
padding: 0 12rpx;
|
||||
line-height: 38rpx;
|
||||
border: solid 1rpx #F2C369;
|
||||
border-radius: 19rpx;
|
||||
font-size: 20rpx;
|
||||
font-weight: 500;
|
||||
color: #F3C368;
|
||||
}
|
||||
.strategicAnalysisList .section .industryRankC .icon {
|
||||
margin-right: 5rpx;
|
||||
width: 17rpx;
|
||||
height: auto;
|
||||
}
|
||||
.strategicAnalysisList .corePositionC {
|
||||
background-color: #FAFAFC;
|
||||
padding: 20rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #2A2A2A;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.strategicAnalysisList .highlightsList .item {
|
||||
background-color: #FAFAFC;
|
||||
margin-bottom: 20rpx;
|
||||
padding: 20rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.strategicAnalysisList .highlightsList .item .icon {
|
||||
width: 81rpx;
|
||||
height: auto;
|
||||
}
|
||||
.strategicAnalysisList .highlightsList .item .title {
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
color: #999;
|
||||
}
|
||||
.strategicAnalysisList .highlightsList .item .content {
|
||||
font-size: 20rpx;
|
||||
font-weight: 500;
|
||||
color: #2A2A2A;
|
||||
}
|
||||
.strategicAnalysisList .infoC {
|
||||
background-color: #FAFAFC;
|
||||
border-radius: 10rpx;
|
||||
padding: 12rpx 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.strategicAnalysisList .infoC .infoItem {
|
||||
line-height: 40rpx;
|
||||
}
|
||||
.strategicAnalysisList .infoC .title {
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
color: #2A2A2A;
|
||||
}
|
||||
.strategicAnalysisList .infoC .content {
|
||||
margin-top: 10rpx;
|
||||
font-size: 20rpx;
|
||||
font-weight: 500;
|
||||
color: #999;
|
||||
}
|
||||
.strategicAnalysisList .infoC .content.code {
|
||||
color: #BB8520;
|
||||
}
|
||||
.strategicAnalysisList .infoC .content.rightAlign {
|
||||
text-align: right;
|
||||
}
|
||||
.strategicAnalysisList .infoC .labelList {
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.strategicAnalysisList .infoC .labelList .labelC {
|
||||
background-color: #FFF7E9;
|
||||
margin: 0 12rpx 12rpx 0;
|
||||
padding: 0 10rpx;
|
||||
line-height: 38rpx;
|
||||
border: solid 1rpx #F2C369;
|
||||
border-radius: 20rpx;
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
color: #F3C368;
|
||||
}
|
||||
.strategicAnalysisList .infoC .labelList .labelC .icon {
|
||||
margin-right: 3rpx;
|
||||
width: 16rpx;
|
||||
height: auto;
|
||||
}
|
||||
.strategicAnalysisList .subSection {
|
||||
line-height: 60rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: bold;
|
||||
color: #2A2A2A;
|
||||
}
|
||||
.strategicAnalysisList .mainCompetitorList .item {
|
||||
background-color: #FFF7E9;
|
||||
margin: 0 20rpx 20rpx 0;
|
||||
padding: 0 16rpx;
|
||||
line-height: 38rpx;
|
||||
border-radius: 20rpx;
|
||||
border: solid 1rpx #F2C369;
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
color: #F3C368;
|
||||
}
|
||||
.strategicAnalysisList .mainCompetitorList .item .icon {
|
||||
margin-right: 3rpx;
|
||||
width: 16rpx;
|
||||
height: auto;
|
||||
}
|
||||
.strategicAnalysisList .scoreList .item {
|
||||
margin-bottom: 40rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.strategicAnalysisList .scoreList .item .icon {
|
||||
margin-right: 10rpx;
|
||||
width: 24rpx;
|
||||
height: auto;
|
||||
}
|
||||
.strategicAnalysisList .scoreList .item .title {
|
||||
margin-right: 15rpx;
|
||||
font-weight: 500;
|
||||
color: #232323;
|
||||
}
|
||||
.strategicAnalysisList .scoreList .item .progressBgC {
|
||||
background-color: #EFEFEF;
|
||||
margin-right: 15rpx;
|
||||
height: 10rpx;
|
||||
border-radius: 5rpx;
|
||||
}
|
||||
.strategicAnalysisList .scoreList .item .progressBgC .progress {
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 10rpx;
|
||||
border-radius: 5rpx;
|
||||
}
|
||||
.strategicAnalysisList .scoreList .item .progressBgC .progress.blue {
|
||||
background: linear-gradient(90deg, #4AAFFF 0%, #1F83FD 100%);
|
||||
}
|
||||
.strategicAnalysisList .scoreList .item .progressBgC .progress.purple {
|
||||
background: linear-gradient(90deg, #DD96FC 0%, #C061FD 100%);
|
||||
}
|
||||
.strategicAnalysisList .scoreList .item .score {
|
||||
font-weight: 800;
|
||||
color: #070707;
|
||||
}
|
||||
Reference in New Issue
Block a user