286 lines
7.7 KiB
JavaScript
286 lines
7.7 KiB
JavaScript
"use strict";
|
||
const common_vendor = require("../../common/vendor.js");
|
||
const request_api = require("../../request/api.js");
|
||
const common_assets = require("../../common/assets.js");
|
||
const echarts = require("../../uni_modules/lime-echart/static/echarts.min.js");
|
||
const _sfc_main = {
|
||
data() {
|
||
return {
|
||
navH: common_vendor.inject("navHeight"),
|
||
contentTop: "",
|
||
selectedYearMonth: "",
|
||
// 年-月（去掉日）
|
||
selectedFullDate: "",
|
||
// 年-月-日
|
||
selectedItem: null,
|
||
// 选中的item完整数据
|
||
tabTypes: [
|
||
{
|
||
data: "",
|
||
change: 0,
|
||
title: "当前日期"
|
||
},
|
||
{
|
||
data: "",
|
||
change: 3,
|
||
title: "涨停家数"
|
||
},
|
||
{
|
||
data: "22%",
|
||
change: 0,
|
||
title: "炸板率"
|
||
}
|
||
],
|
||
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: [
|
||
"板块关联图",
|
||
"板块分布",
|
||
"热门概念词云"
|
||
],
|
||
option2: {
|
||
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
|
||
}
|
||
}
|
||
]
|
||
}
|
||
};
|
||
},
|
||
onLoad(e) {
|
||
this.activeIndex = e.index;
|
||
this.contentTop = this.navH + 20 / 750 * common_vendor.inject("windowWidth");
|
||
this.analyseHighStocks();
|
||
},
|
||
// mounted() {
|
||
// // 初始化当天日期格式（防止日历组件事件未及时触发）
|
||
// const today = new Date();
|
||
// const month = today.getMonth() + 1;
|
||
// const day = today.getDate();
|
||
// this.tabTypes[0].data = `${month}月${day}日`;
|
||
// this.tabTypes[1].data = '0'; // 默认涨停家数为0，后续会被日历数据覆盖
|
||
// },
|
||
methods: {
|
||
handleDateChange(data) {
|
||
var _a, _b;
|
||
common_vendor.index.__f__("log", "at pages/ztfx/ztfx.vue:345", "从日历组件接收的参数：", (_a = data.item) == null ? void 0 : _a.zt_count);
|
||
this.selectedYearMonth = data.yearMonth;
|
||
this.selectedFullDate = data.fullDate;
|
||
this.selectedItem = data.item;
|
||
if (data.fullDate) {
|
||
const [year, month, day] = data.fullDate.split("-").map(Number);
|
||
this.tabTypes[0].data = `${month}月${day}日`;
|
||
}
|
||
const ztCount = ((_b = data.item) == null ? void 0 : _b.zt_count) ?? 0;
|
||
this.tabTypes[1].data = ztCount.toString();
|
||
},
|
||
analyseHighStocks() {
|
||
const formatDate = this.selectedFullDate.replace(/-/g, "");
|
||
let param = {
|
||
date: formatDate
|
||
};
|
||
request_api.analyseHighStocks(param).then((res) => {
|
||
}).catch((error) => {
|
||
});
|
||
},
|
||
async init() {
|
||
const chart = await this.$refs.chartRef.init(echarts);
|
||
chart.setOption(this.option2);
|
||
},
|
||
bkydAction(index) {
|
||
common_vendor.index.navigateTo({
|
||
url: `/pagesStock/stockCenterDetails/bkydmx?index=${index}`
|
||
});
|
||
}
|
||
}
|
||
};
|
||
if (!Array) {
|
||
const _easycom_navBar2 = common_vendor.resolveComponent("navBar");
|
||
const _easycom_LCCalendar2 = common_vendor.resolveComponent("LCCalendar");
|
||
const _easycom_l_echart2 = common_vendor.resolveComponent("l-echart");
|
||
(_easycom_navBar2 + _easycom_LCCalendar2 + _easycom_l_echart2)();
|
||
}
|
||
const _easycom_navBar = () => "../../components/navBar/navBar.js";
|
||
const _easycom_LCCalendar = () => "../../components/LCCalendar/LCCalendar.js";
|
||
const _easycom_l_echart = () => "../../uni_modules/lime-echart/components/l-echart/l-echart.js";
|
||
if (!Math) {
|
||
(_easycom_navBar + _easycom_LCCalendar + _easycom_l_echart)();
|
||
}
|
||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||
return {
|
||
a: common_vendor.p({
|
||
leftText: "涨停分析",
|
||
hideNavBg: true,
|
||
hideBack: true
|
||
}),
|
||
b: common_assets._imports_0,
|
||
c: common_assets._imports_1$10,
|
||
d: common_assets._imports_2$8,
|
||
e: common_vendor.f($data.tabTypes, (item, index, i0) => {
|
||
return common_vendor.e({
|
||
a: common_vendor.t(item.data),
|
||
b: item.change > 0
|
||
}, item.change > 0 ? {
|
||
c: common_vendor.t(item.change)
|
||
} : {}, {
|
||
d: common_vendor.t(item.title),
|
||
e: index
|
||
});
|
||
}),
|
||
f: common_vendor.o($options.handleDateChange),
|
||
g: common_assets._imports_3$8,
|
||
h: common_vendor.f($data.bkList, (item, index, i0) => {
|
||
return {
|
||
a: common_vendor.t(item.title),
|
||
b: common_vendor.t(item.count),
|
||
c: index,
|
||
d: common_vendor.o(($event) => $options.bkydAction(index), index)
|
||
};
|
||
}),
|
||
i: common_vendor.f($data.bkTypes, (item, index, i0) => {
|
||
return {
|
||
a: common_vendor.t(item),
|
||
b: index == 0 ? "#BB8520" : "#999999",
|
||
c: `1rpx solid ${index == 0 ? "#F2C369" : "#D2D2D2"}`,
|
||
d: index == 0 ? "#FFFAF1" : "#FFF"
|
||
};
|
||
}),
|
||
j: common_vendor.sr("chartRef", "06b829a4-2"),
|
||
k: common_assets._imports_3$8,
|
||
l: common_vendor.f(10, (item, index, i0) => {
|
||
return {
|
||
a: index
|
||
};
|
||
}),
|
||
m: common_assets._imports_1$11,
|
||
n: common_assets._imports_5$4,
|
||
o: common_assets._imports_5$4,
|
||
p: common_vendor.s("top:" + $data.contentTop + "px;")
|
||
};
|
||
}
|
||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||
wx.createPage(MiniProgramPage);
|
||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/ztfx/ztfx.js.map
|