965 lines
23 KiB
Vue
965 lines
23 KiB
Vue
<template>
|
||
<view>
|
||
<navBar leftText="涨停分析" hideNavBg hideBack></navBar>
|
||
<image class="topBg absolute" src="/static/image/index/conceptTopBg.png" mode="widthFix"></image>
|
||
|
||
<scroll-view scroll-y class="stockDetailsC fixed" :style="'top:'+contentTop+'px;'">
|
||
<view style="color: white; font-weight: 500; display: flex; align-items: center; margin: 35rpx 25rpx;">
|
||
<image style="width: 40rpx; height: 40rpx;" src="/pagesStock/static/icon/ai-icon.png" mode="widthFix">
|
||
</image>
|
||
<text style="font-size: 36rpx; margin-left: 10rpx; margin-right: 20rpx;">AI总结</text>
|
||
<text style="font-size: 28rpx;">市场情绪温和，主线题材：存储芯片</text>
|
||
</view>
|
||
|
||
<view style="background-color: white; border-radius: 10rpx; overflow: hidden; margin: 25rpx;">
|
||
<view
|
||
style="color: #2B2B2B; font-weight: 500; display: flex; align-items: center; margin: 25rpx 20rpx;">
|
||
<image style="width: 40rpx; height: 40rpx;" src="/pagesStock/static/icon/ai-icon-1.png"
|
||
mode="widthFix"></image>
|
||
<text
|
||
style="font-size: 30rpx; font-weight: bold; margin-left: 10rpx; margin-right: 20rpx;">核心指标</text>
|
||
</view>
|
||
|
||
<view style="display: grid; gap: 15rpx; grid-template-columns: repeat(3, 1fr); margin: 20rpx;">
|
||
<view v-for="(item,index) in tabTypes" :key="index"
|
||
style="display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #FFF8F0; border: 1rpx solid #F59B38; border-radius: 5rpx; padding: 20rpx; box-sizing: border-box;">
|
||
<view style="display: flex;align-items: center;justify-content: center;">
|
||
<view style="color: #F59B38; font-size: 30rpx;">{{item.data}}</view>
|
||
<view v-if="item.change > 0"
|
||
style="margin-left: 10rpx; background-color: #F59B38; border-radius: 5rpx; color: white; padding: 0 5rpx; font-size: 24rpx; font-weight: bold;">
|
||
+{{item.change}}</view>
|
||
</view>
|
||
<view style="color: #555555; font-size: 20rpx; margin-top: 5rpx;">{{item.title}}</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<view style="margin: 25rpx;">
|
||
<LCCalendar @date-change="handleDateChange"></LCCalendar>
|
||
</view>
|
||
|
||
|
||
<view style="color: #2B2B2B; font-weight: 500; display: flex; margin: 25rpx 20rpx;">
|
||
<image style="width: 40rpx; height: 42rpx;" src="/pagesStock/static/icon/all-icon-3.png"
|
||
mode="widthFix"></image>
|
||
<view style="margin-left: 10rpx;">
|
||
<view style="font-size: 30rpx; font-weight: bold;">市场全景</view>
|
||
<view style="font-size: 24rpx; font-weight: 500; margin-top: 10rpx;">
|
||
<text
|
||
style="color: #F3C368; border: 1rpx solid #F3C368; border-radius: 5rpx; text-align: center; padding: 0 10rpx;">35个板块</text>
|
||
<text
|
||
style="color: #EC3440; border: 1rpx solid #EC3440; border-radius: 5rpx; text-align: center; padding: 0 10rpx; margin: 0 10rpx;">102只涨停</text>
|
||
<text
|
||
style="color: #F59B38; border: 1rpx solid #F59B38; border-radius: 5rpx; text-align: center; padding: 0 10rpx;">高位股风险:
|
||
低</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view
|
||
style="background-color: #FAFAFC; border-radius: 10rpx; padding: 30rpx 20rpx; box-sizing: border-box; margin: 25rpx;">
|
||
<view style="display: flex; align-items: center; font-size: 22rpx; font-weight: 500;">
|
||
<view style="flex: 1; color: #2B2B2B; font-weight: bold; font-size: 28rpx;">板块热力图</view>
|
||
<view style="color: #EF4444; display: flex;align-items: center;">
|
||
<view
|
||
style="margin: 0 10rpx; box-sizing: border-box; border-radius: 15rpx; background-color: #EF4444; overflow: hidden; width: 15rpx; height: 15rpx;">
|
||
</view>高热度
|
||
</view>
|
||
<view style="color: #F97316; display: flex;align-items: center;">
|
||
<view
|
||
style="margin: 0 10rpx; box-sizing: border-box; border-radius: 15rpx; background-color: #F97316; overflow: hidden; width: 15rpx; height: 15rpx;">
|
||
</view>中热度
|
||
</view>
|
||
<view style="color: #F3B800; display: flex;align-items: center;">
|
||
<view
|
||
style="margin: 0 10rpx; box-sizing: border-box; border-radius: 15rpx; background-color: #F3B800; overflow: hidden; width: 15rpx; height: 15rpx;">
|
||
</view>低热度
|
||
</view>
|
||
<view style="color: #01AB5D; display: flex;align-items: center;">
|
||
<view
|
||
style="margin: 0 10rpx; box-sizing: border-box; border-radius: 15rpx; background-color: #01AB5D; overflow: hidden; width: 15rpx; height: 15rpx;">
|
||
</view>冷门
|
||
</view>
|
||
</view>
|
||
|
||
<view style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 7rpx; margin-top: 25rpx;">
|
||
<view v-for="(item, index) in bkList" :key="index" @click="bkydAction(index)"
|
||
style="background-color: #EF4444; border-radius: 5rpx; padding: 15rpx; color: white; font-size: 24rpx; font-weight: 500;">
|
||
<view>{{item.title}}</view>
|
||
<view style="font-size: 22rpx;">{{item.count}}只</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<view
|
||
style="margin: 25rpx; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20rpx; color: #999999; font-size: 22rpx; font-weight: 500;">
|
||
<!-- <view v-for="(item, index) in bkTypes"
|
||
style="display: flex; align-items: center; justify-content: center; padding: 10rpx 20rpx;"
|
||
:style="{color: (index == 0 ? '#BB8520' : '#999999'), border: `1rpx solid ${index == 0 ? '#F2C369' : '#D2D2D2'}`, 'background-color' : (index == 0 ? '#FFFAF1' : '#FFF')}">
|
||
{{item}}
|
||
</view> -->
|
||
<view v-for="(item, index) in bkTypes" @click="switchTab(index)"
|
||
style="display: flex; align-items: center; justify-content: center; padding: 10rpx 20rpx; border-radius: 8rpx;"
|
||
:style="{
|
||
color: (activeType == index ? '#BB8520' : '#999999'),
|
||
border: `1rpx solid ${activeType == index ? '#F2C369' : '#D2D2D2'}`,
|
||
'background-color' : (activeType == index ? '#FFFAF1' : '#FFF'),
|
||
'cursor': 'pointer'
|
||
}">
|
||
{{item}}
|
||
</view>
|
||
</view>
|
||
|
||
<view style=" display: flex; align-items: center; justify-content: center;padding: 0 25rpx; ">
|
||
<!-- <view v-if="activeType === 0"
|
||
style="width: 100%; height: 500rpx; display: flex; align-items: center; justify-content: center; color: #999;">
|
||
板块关联图内容区域
|
||
</view> -->
|
||
<view v-show="activeType === 0" style="width: 100%; height: 500rpx;">
|
||
<l-echart ref="graphChartRef"></l-echart>
|
||
</view>
|
||
<view v-show="activeType === 1" style="width: 100%; height: 500rpx;">
|
||
<l-echart ref="chartRef"></l-echart>
|
||
</view>
|
||
<WordCloud v-show="activeType === 2" :wordData="wordData" :width="330" :height="330" />
|
||
</view>
|
||
|
||
|
||
<view style="color: #2B2B2B; font-weight: 500; display: flex; margin: 25rpx 20rpx;">
|
||
<image style="width: 40rpx; height: 42rpx;" src="/pagesStock/static/icon/all-icon-3.png"
|
||
mode="widthFix"></image>
|
||
<view style="margin-left: 10rpx;">
|
||
<view style="font-size: 30rpx; font-weight: bold;">高位股统计</view>
|
||
<view style="font-size: 24rpx; font-weight: 500; margin-top: 10rpx;">
|
||
<text
|
||
style="color: #F3C368; border: 1rpx solid #F3C368; border-radius: 5rpx; text-align: center; padding: 0 10rpx;">高位股10只</text>
|
||
<text
|
||
style="color: #EC3440; border: 1rpx solid #EC3440; border-radius: 5rpx; text-align: center; padding: 0 10rpx; margin: 0 10rpx;">平均3.7</text>
|
||
<text
|
||
style="color: #F59B38; border: 1rpx solid #F59B38; border-radius: 5rpx; text-align: center; padding: 0 10rpx;">最高9版</text>
|
||
<text
|
||
style="color: #FFF; background-color: #F59B38; border-radius: 5rpx; text-align: center; padding: 0 10rpx; margin-left: 10rpx;">中风险</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<view v-for="(item,index) in 10" :key="index"
|
||
style="background-color: #FAFAFC; border-radius: 10rpx; padding: 15rpx 20rpx; display: flex; align-items: center; margin: 10rpx 25rpx;">
|
||
<view style="flex: 1;">
|
||
<view style="color: #2B2B2B; font-weight: bold; font-size: 26rpx;">博菲电气</view>
|
||
<view style="color: #999999; font-weight: 500; font-size: 24rpx; margin-top: 5rpx;">(销量一字,高风险)
|
||
</view>
|
||
</view>
|
||
|
||
<view
|
||
style="display: flex; align-items: center; justify-content: center; padding: 4rpx 10rpx; background-color: #FFECEC; border-radius: 5rpx; border: 1rpx solid #EF4444; color: #EF4444; font-size: 20rpx; font-weight: 400; margin: 0 10rpx;">
|
||
<image style="width: 15rpx; height: 17rpx; margin-right: 10rpx;"
|
||
src="/pagesStock/static/icon/all-icon-4.png" mode="widthFix"></image>
|
||
<view>9连板</view>
|
||
</view>
|
||
|
||
<image style="width: 27rpx; height: 25rpx;" src="/pagesStock/static/icon/all-icon-5.png"
|
||
mode="widthFix"></image>
|
||
</view>
|
||
|
||
|
||
<view
|
||
style="margin: 20rpx 30rpx; color: #EF4444; font-size: 24rpx; font-weight: 500; display: flex; align-items: center;">
|
||
<image style="width: 27rpx; height: 25rpx; margin-right: 10rpx;"
|
||
src="/pagesStock/static/icon/all-icon-5.png" mode="widthFix"></image>
|
||
<text>高位股风险较高，追涨需谨慎</text>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
inject
|
||
} from 'vue'
|
||
import {
|
||
calendarCombinedData,
|
||
analyseHighStocks
|
||
} from '@/request/api'
|
||
const echarts = require('../../uni_modules/lime-echart/static/echarts.min.js');
|
||
import WordCloud from '@/components/WordCloud/WordCloud.vue';
|
||
|
||
|
||
// 模拟关系图数据（替代接口请求的les-miserables.json）
|
||
const mockGraphData = {
|
||
categories: [{
|
||
name: '板块'
|
||
},
|
||
{
|
||
name: '概念'
|
||
},
|
||
{
|
||
name: '个股'
|
||
}
|
||
],
|
||
nodes: [{
|
||
name: '科技板块',
|
||
symbolSize: 50,
|
||
category: 0
|
||
},
|
||
{
|
||
name: '人工智能',
|
||
symbolSize: 30,
|
||
category: 1
|
||
},
|
||
{
|
||
name: '大数据',
|
||
symbolSize: 25,
|
||
category: 1
|
||
},
|
||
{
|
||
name: '科大讯飞',
|
||
symbolSize: 20,
|
||
category: 2
|
||
},
|
||
{
|
||
name: '百度',
|
||
symbolSize: 20,
|
||
category: 2
|
||
},
|
||
{
|
||
name: '金融板块',
|
||
symbolSize: 50,
|
||
category: 0
|
||
},
|
||
{
|
||
name: '数字货币',
|
||
symbolSize: 30,
|
||
category: 1
|
||
},
|
||
{
|
||
name: '招商银行',
|
||
symbolSize: 20,
|
||
category: 2
|
||
},
|
||
{
|
||
name: '平安银行',
|
||
symbolSize: 20,
|
||
category: 2
|
||
}
|
||
],
|
||
links: [{
|
||
source: '科技板块',
|
||
target: '人工智能',
|
||
value: 10
|
||
},
|
||
{
|
||
source: '科技板块',
|
||
target: '大数据',
|
||
value: 8
|
||
},
|
||
{
|
||
source: '人工智能',
|
||
target: '科大讯飞',
|
||
value: 6
|
||
},
|
||
{
|
||
source: '人工智能',
|
||
target: '百度',
|
||
value: 6
|
||
},
|
||
{
|
||
source: '金融板块',
|
||
target: '数字货币',
|
||
value: 9
|
||
},
|
||
{
|
||
source: '数字货币',
|
||
target: '招商银行',
|
||
value: 5
|
||
},
|
||
{
|
||
source: '数字货币',
|
||
target: '平安银行',
|
||
value: 5
|
||
}
|
||
]
|
||
};
|
||
|
||
export default {
|
||
components: {
|
||
WordCloud
|
||
},
|
||
data() {
|
||
return {
|
||
navH: inject('navHeight'),
|
||
contentTop: '',
|
||
selectedYearMonth: '', // 年-月（去掉日）
|
||
selectedFullDate: '', // 年-月-日
|
||
selectedItem: null, // 选中的item完整数据
|
||
tabTypes: [{
|
||
data: '',
|
||
change: 0,
|
||
title: '当前日期'
|
||
},
|
||
{
|
||
data: '',
|
||
change: 3,
|
||
title: '涨停家数'
|
||
},
|
||
{
|
||
data: '22%',
|
||
change: 0,
|
||
title: '炸板率'
|
||
}
|
||
],
|
||
wordData: [],
|
||
bkList: [{
|
||
title: '存储芯片',
|
||
count: 8
|
||
}, {
|
||
title: '存储芯片',
|
||
count: 8
|
||
},
|
||
{
|
||
title: '存储芯片',
|
||
count: 8
|
||
},
|
||
{
|
||
title: '存储芯片',
|
||
count: 8
|
||
},
|
||
{
|
||
title: '存储芯片',
|
||
count: 8
|
||
},
|
||
{
|
||
title: '存储芯片',
|
||
count: 8
|
||
},
|
||
{
|
||
title: '存储芯片',
|
||
count: 8
|
||
},
|
||
{
|
||
title: '存储芯片',
|
||
count: 8
|
||
},
|
||
{
|
||
title: '存储芯片',
|
||
count: 8
|
||
},
|
||
{
|
||
title: '存储芯片',
|
||
count: 8
|
||
},
|
||
{
|
||
title: '存储芯片',
|
||
count: 8
|
||
},
|
||
{
|
||
title: '存储芯片',
|
||
count: 8
|
||
},
|
||
{
|
||
title: '存储芯片',
|
||
count: 8
|
||
},
|
||
{
|
||
title: '存储芯片',
|
||
count: 8
|
||
},
|
||
{
|
||
title: '存储芯片',
|
||
count: 8
|
||
},
|
||
{
|
||
title: '存储芯片',
|
||
count: 8
|
||
}
|
||
],
|
||
bkTypes: [
|
||
'板块关联图',
|
||
'板块分布',
|
||
'热门概念词云'
|
||
],
|
||
activeType: 0, // 默认选中第一个标签
|
||
// 饼图配置项
|
||
pieOption: {
|
||
tooltip: {
|
||
trigger: 'item'
|
||
},
|
||
animation:false,
|
||
legend: {
|
||
top: '5%',
|
||
left: 'center',
|
||
show:false
|
||
},
|
||
|
||
series: [{
|
||
name: 'Access From',
|
||
type: 'pie',
|
||
radius: ['40%', '70%'],
|
||
avoidLabelOverlap: false,
|
||
padAngle: 2,
|
||
itemStyle: {
|
||
borderRadius: 8
|
||
},
|
||
// label: {
|
||
// show: false,
|
||
// position: 'center'
|
||
// },
|
||
emphasis: {
|
||
label: {
|
||
show: true,
|
||
fontSize: 10,
|
||
|
||
}
|
||
},
|
||
labelLine: {
|
||
length:1,
|
||
length2:5,
|
||
|
||
},
|
||
data: [{
|
||
value: 10,
|
||
name: '科技板块'
|
||
},
|
||
{
|
||
value: 8,
|
||
name: '人脑工程'
|
||
},
|
||
{
|
||
value: 9,
|
||
name: '商业航天'
|
||
},
|
||
{
|
||
value: 10,
|
||
name: '人工智能'
|
||
},
|
||
{
|
||
value: 9,
|
||
name: '芯片'
|
||
},
|
||
{
|
||
value: 7,
|
||
name: '算力网'
|
||
},
|
||
{
|
||
value: 6,
|
||
name: '智能机器'
|
||
},
|
||
{
|
||
value: 6,
|
||
name: '资产注入'
|
||
},
|
||
{
|
||
value: 5,
|
||
name: '智能医疗'
|
||
},
|
||
{
|
||
value: 5,
|
||
name: '国防军工'
|
||
},
|
||
{
|
||
value: 5,
|
||
name: '康复医疗'
|
||
},
|
||
{
|
||
value: 20,
|
||
name: '创新药'
|
||
},
|
||
]
|
||
}]
|
||
},
|
||
// 关系图配置项
|
||
graphOption: {
|
||
tooltip: {},
|
||
legend: [],
|
||
series: [{
|
||
name: '板块关联',
|
||
type: 'graph',
|
||
layout: 'none',
|
||
data: [],
|
||
links: [],
|
||
categories: [],
|
||
roam: true, // 允许拖拽和缩放
|
||
label: {
|
||
show: true,
|
||
position: 'right',
|
||
formatter: '{b}'
|
||
},
|
||
labelLayout: {
|
||
hideOverlap: true
|
||
},
|
||
scaleLimit: {
|
||
min: 0.4,
|
||
max: 2
|
||
},
|
||
lineStyle: {
|
||
color: 'source',
|
||
curveness: 0.3
|
||
}
|
||
}]
|
||
},
|
||
|
||
|
||
|
||
}
|
||
},
|
||
onLoad(e) {
|
||
this.activeIndex = e.index
|
||
this.contentTop = this.navH + 20 / 750 * inject('windowWidth')
|
||
|
||
this.analyseHighStocks()
|
||
|
||
|
||
},
|
||
|
||
onReady() {
|
||
// 页面就绪后，若默认选中的是板块分布，初始化饼图
|
||
//if (this.activeType === 0) {
|
||
this.initGraphChart(); // 初始化关系图
|
||
//} else if (this.activeType === 1) {
|
||
this.initPieChart(); // 初始化饼图
|
||
//}
|
||
},
|
||
methods: {
|
||
// 切换标签
|
||
async switchTab(index) {
|
||
this.activeType = index;
|
||
|
||
|
||
switch (index) {
|
||
case 0:
|
||
this.$refs.graphChartRef && this.initGraphChart(); // 增加存在性判断
|
||
break;
|
||
case 1:
|
||
this.$refs.chartRef && this.initPieChart(); // 增加存在性判断
|
||
break;
|
||
case 2:
|
||
this.initWordCloud();
|
||
break;
|
||
}
|
||
},
|
||
// 初始化关系图（增加容错）
|
||
async initGraphChart() {
|
||
|
||
const chart = await this.$refs.graphChartRef.init(echarts);
|
||
this.graphOption.legend = [{
|
||
data: mockGraphData.categories.map(a => a.name)
|
||
}];
|
||
this.graphOption.series[0].data = mockGraphData.nodes;
|
||
this.graphOption.series[0].links = mockGraphData.links;
|
||
this.graphOption.series[0].categories = mockGraphData.categories;
|
||
chart.setOption(this.graphOption);
|
||
|
||
},
|
||
// 初始化饼图（核心修复）
|
||
async initPieChart() {
|
||
|
||
const Piechart = await this.$refs.chartRef.init(echarts);
|
||
console.log("Piechart", Piechart);
|
||
Piechart.setOption(this.pieOption);
|
||
|
||
},
|
||
// 初始化词云
|
||
initWordCloud() {
|
||
this.wordData = [{
|
||
name: "脑机",
|
||
value: 10000
|
||
},
|
||
{
|
||
name: "航天",
|
||
value: 3428
|
||
},
|
||
{
|
||
name: "商业",
|
||
value: 1747
|
||
},
|
||
{
|
||
name: "智能",
|
||
value: 1692
|
||
},
|
||
{
|
||
name: "量产",
|
||
value: 1589
|
||
},
|
||
{
|
||
name: "落地",
|
||
value: 1555
|
||
},
|
||
{
|
||
name: "存储芯片",
|
||
value: 1487
|
||
},
|
||
{
|
||
name: "医疗",
|
||
value: 1348
|
||
},
|
||
{
|
||
name: "马斯克",
|
||
value: 1346
|
||
},
|
||
{
|
||
name: "业绩",
|
||
value: 1234
|
||
},
|
||
{
|
||
name: "康复",
|
||
value: 1143
|
||
},
|
||
{
|
||
name: "机器人",
|
||
value: 1127
|
||
},
|
||
{
|
||
name: "洁净室",
|
||
value: 1078
|
||
},
|
||
{
|
||
name: "标的",
|
||
value: 1072
|
||
},
|
||
{
|
||
name: "设备",
|
||
value: 1071
|
||
},
|
||
{
|
||
name: "算力",
|
||
value: 1015
|
||
},
|
||
{
|
||
name: "材料",
|
||
value: 983
|
||
},
|
||
{
|
||
name: "卫星",
|
||
value: 970
|
||
},
|
||
{
|
||
name: "科技",
|
||
value: 947
|
||
},
|
||
{
|
||
name: "资产",
|
||
value: 828
|
||
},
|
||
{
|
||
name: "半导体",
|
||
value: 774
|
||
},
|
||
{
|
||
name: "重估",
|
||
value: 750
|
||
},
|
||
{
|
||
name: "人脑",
|
||
value: 747
|
||
},
|
||
{
|
||
name: "平台",
|
||
value: 737
|
||
},
|
||
{
|
||
name: "产业链",
|
||
value: 726
|
||
},
|
||
{
|
||
name: "赛道",
|
||
value: 715
|
||
},
|
||
{
|
||
name: "电池",
|
||
value: 694
|
||
},
|
||
{
|
||
name: "估值",
|
||
value: 689
|
||
},
|
||
{
|
||
name: "景气",
|
||
value: 682
|
||
},
|
||
{
|
||
name: "A股",
|
||
value: 662
|
||
},
|
||
{
|
||
name: "商业化",
|
||
value: 643
|
||
},
|
||
{
|
||
name: "固态",
|
||
value: 642
|
||
},
|
||
{
|
||
name: "工程",
|
||
value: 642
|
||
},
|
||
{
|
||
name: "军工",
|
||
value: 642
|
||
},
|
||
{
|
||
name: "芯片",
|
||
value: 615
|
||
},
|
||
{
|
||
name: "医疗器械",
|
||
value: 606
|
||
},
|
||
{
|
||
name: "供应链",
|
||
value: 585
|
||
},
|
||
{
|
||
name: "弹性",
|
||
value: 573
|
||
},
|
||
{
|
||
name: "蓝箭",
|
||
value: 551
|
||
},
|
||
{
|
||
name: "市值",
|
||
value: 541
|
||
},
|
||
{
|
||
name: "高端",
|
||
value: 527
|
||
},
|
||
{
|
||
name: "植入",
|
||
value: 523
|
||
},
|
||
{
|
||
name: "耗材",
|
||
value: 523
|
||
},
|
||
{
|
||
name: "逻辑",
|
||
value: 519
|
||
},
|
||
{
|
||
name: "数据",
|
||
value: 512
|
||
},
|
||
{
|
||
name: "服务器",
|
||
value: 504
|
||
},
|
||
{
|
||
name: "供应商",
|
||
value: 503
|
||
},
|
||
{
|
||
name: "电子",
|
||
value: 483
|
||
},
|
||
{
|
||
name: "芳纶",
|
||
value: 458
|
||
},
|
||
{
|
||
name: "传闻",
|
||
value: 454
|
||
},
|
||
{
|
||
name: "国产化",
|
||
value: 453
|
||
},
|
||
{
|
||
name: "营销",
|
||
value: 452
|
||
},
|
||
{
|
||
name: "涨价",
|
||
value: 450
|
||
},
|
||
{
|
||
name: "临床",
|
||
value: 449
|
||
},
|
||
{
|
||
name: "转型",
|
||
value: 444
|
||
},
|
||
{
|
||
name: "强脑",
|
||
value: 441
|
||
},
|
||
{
|
||
name: "储能",
|
||
value: 441
|
||
},
|
||
{
|
||
name: "智能家居",
|
||
value: 438
|
||
},
|
||
{
|
||
name: "场景",
|
||
value: 435
|
||
},
|
||
{
|
||
name: "港股",
|
||
value: 423
|
||
},
|
||
{
|
||
name: "柔性",
|
||
value: 422
|
||
},
|
||
{
|
||
name: "人形",
|
||
value: 414
|
||
},
|
||
{
|
||
name: "国产",
|
||
value: 411
|
||
},
|
||
{
|
||
name: "接口技术",
|
||
value: 401
|
||
},
|
||
{
|
||
name: "消费",
|
||
value: 399
|
||
},
|
||
{
|
||
name: "创板",
|
||
value: 397
|
||
},
|
||
{
|
||
name: "全球",
|
||
value: 389
|
||
},
|
||
{
|
||
name: "替代",
|
||
value: 389
|
||
},
|
||
{
|
||
name: "融资",
|
||
value: 388
|
||
},
|
||
{
|
||
name: "补贴",
|
||
value: 369
|
||
},
|
||
{
|
||
name: "管线",
|
||
value: 368
|
||
},
|
||
{
|
||
name: "电极",
|
||
value: 367
|
||
},
|
||
{
|
||
name: "模态",
|
||
value: 364
|
||
},
|
||
{
|
||
name: "国家",
|
||
value: 361
|
||
},
|
||
{
|
||
name: "盈利",
|
||
value: 359
|
||
},
|
||
{
|
||
name: "测试",
|
||
value: 356
|
||
},
|
||
{
|
||
name: "子公司",
|
||
value: 354
|
||
},
|
||
{
|
||
name: "实控",
|
||
value: 353
|
||
},
|
||
{
|
||
name: "八院",
|
||
value: 353
|
||
},
|
||
{
|
||
name: "价格",
|
||
value: 352
|
||
},
|
||
{
|
||
name: "旗下",
|
||
value: 351
|
||
},
|
||
{
|
||
name: "组件",
|
||
value: 346
|
||
},
|
||
{
|
||
name: "电解液",
|
||
value: 342
|
||
},
|
||
{
|
||
name: "中标",
|
||
value: 340
|
||
}
|
||
];
|
||
|
||
//console.log('父页面设置词云数据:', JSON.stringify(this.wordData));
|
||
},
|
||
handleDateChange(data) {
|
||
console.log('从日历组件接收的参数：', data.item?.zt_count);
|
||
// 赋值到父页面的变量中
|
||
this.selectedYearMonth = data.yearMonth;
|
||
this.selectedFullDate = data.fullDate;
|
||
this.selectedItem = data.item;
|
||
// 2. 格式化日期：年-月-日 → 月日（如 2026-01-14 → 1月14日）
|
||
if (data.fullDate) {
|
||
const [year, month, day] = data.fullDate.split('-').map(Number);
|
||
this.tabTypes[0].data = `${month}月${day}日`;
|
||
}
|
||
|
||
// 3. 赋值涨停家数（优先取item中的zt_count，无数据则显示0）
|
||
const ztCount = data.item?.zt_count ?? 0;
|
||
this.tabTypes[1].data = ztCount.toString(); // 转为字符串保证格式统一
|
||
|
||
// this.analyseHighStocks()
|
||
},
|
||
analyseHighStocks() {
|
||
const formatDate = this.selectedFullDate.replace(/-/g, '');
|
||
let param = {
|
||
date: formatDate
|
||
}
|
||
analyseHighStocks(param).then(res => {
|
||
|
||
}).catch(error => {
|
||
|
||
})
|
||
},
|
||
|
||
|
||
|
||
bkydAction(index) {
|
||
uni.navigateTo({
|
||
url: `/pagesStock/stockCenterDetails/bkydmx?index=${index}`
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="less">
|
||
page {
|
||
background-color: #070707;
|
||
}
|
||
|
||
.topBg {
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: auto;
|
||
}
|
||
|
||
.stockDetailsC {
|
||
left: 0;
|
||
right: 0;
|
||
bottom: calc(55px + env(safe-area-inset-bottom));
|
||
}
|
||
</style> |