8.28 修改事件详情相关概念模块样式,增加股票详情信息来源展示

This commit is contained in:
尚政杰
2025-08-28 17:42:22 +08:00
parent 58b3414bdd
commit bf2388c3ec
403 changed files with 19843 additions and 1602 deletions

View File

@@ -1 +1 @@
"use strict";const e=require("../../../common/vendor.js"),t=require("../../../common/assets.js"),o={data:()=>({navH:e.inject("navHeight"),contentTop:"",categoryList:["分钟线","分时图","日K线"],selectCategory:0}),onLoad(){this.contentTop=this.navH+70/750*e.inject("windowWidth")},methods:{clickCategoryItem(e){this.selectCategory!=e&&(this.selectCategory=e)}}};if(!Array){e.resolveComponent("navBar")()}Math;const c=e._export_sfc(o,[["render",function(o,c,r,s,a,n){return{a:e.p({leftText:"科锐国际(300662.SZ)"}),b:t._imports_0,c:e.f(a.categoryList,((t,o,c)=>e.e({a:e.t(t),b:a.selectCategory==o},(a.selectCategory,{}),{c:e.n("item relative "+(a.selectCategory==o?"select":"")),d:o,e:e.o((e=>n.clickCategoryItem(o)),o)}))),d:e.s("top:"+a.navH+"px;"),e:e.s("top:"+a.contentTop+"px;")}}]]);wx.createPage(c);
"use strict";const t=require("../../../common/vendor.js"),e=require("../../../request/api.js"),o=require("../../../common/assets.js"),i=require("../../../uni_modules/lime-echart/static/echarts.min.js"),a={data:()=>({navH:t.inject("navHeight"),contentTop:"",navTitle:"",type:"",eventId:"",stockCode:"",categoryList:["分时图","日K线"],selectCategory:0,option:{title:{show:!1},tooltip:{position:function(t,e,o,i,a){var s={top:"10%"};return s[["left","right"][+(t[0]<a.viewSize[0]/2)]]=5,s},trigger:"axis",axisPointer:{type:"cross"},formatter:function(t){console.log(t);let e="日期:"+t[0].name+"\n开盘价"+t[0].data[1]+"\n收盘价"+t[0].data[2]+"\n最低价"+t[0].data[3]+"\n最高价"+t[0].data[4];return console.log(e),e}},legend:{show:!1},grid:{left:"10%",right:"10%",bottom:"15%"},xAxis:{type:"category",data:[],boundaryGap:!1,axisLine:{onZero:!1},splitLine:{show:!1},min:"dataMin",max:"dataMax"},yAxis:{scale:!0,splitArea:{show:!0}},dataZoom:[{type:"inside",start:50,end:100},{show:!0,type:"slider",top:"90%",start:50,end:100}],series:[{name:"日K",type:"candlestick",data:[],itemStyle:{color:"#ec0000",color0:"#8A0000",borderColor:"#00da3c",borderColor0:"#008F28"}}]},option1:{title:{show:!1},tooltip:{trigger:"axis"},grid:{left:"10%",right:"12%",bottom:"10%"},xAxis:{type:"category"},yAxis:{scale:!0},dataZoom:[{type:"inside"}],series:{name:"分时图",type:"line",markLine:{silent:!0,symbol:["none","none"],lineStyle:{width:2,color:"#AAA"},data:[]}}},relatedDesc:""}),onLoad(e){e.code&&(this.type=e.type,1==e.type?(this.contentTop=this.navH+68/750*t.inject("windowWidth"),this.eventId=e.id,this.stockCode=e.code,this.getStockDetailsData()):(this.contentTop=this.navH,this.navTitle=e.name+"("+e.code+")",this.relatedDesc=e.des))},methods:{async init(){const t=await this.$refs.chartRef.init(i);0==this.selectCategory?t.setOption(this.option1):t.setOption(this.option)},clickCategoryItem(t){this.selectCategory!=t&&(this.selectCategory=t,1==t?this.getStockCandlestickChartData():this.init())},getStockDetailsData(){let o=this.stockCode,i=this.eventId;e.stockDetails(i,o).then((e=>{if(200==e.code){this.navTitle=e.data.basic_info.stock_name+"("+e.data.basic_info.stock_code+")";let t=e.data.minute_chart_data,o=[],i=[];for(let e of t)o.push(e.time),i.push(e.close);this.option1.xAxis.data=o,this.option1.series.data=i,this.option1.series.markLine.data=[{yAxis:t[0].open,label:{show:!0,position:"start",color:"#333"}},{yAxis:t[0].open,label:{show:!0,position:"end",formatter:"0.00%",color:"#333"}}],e.data.related_desc&&(this.relatedDesc=e.data.related_desc.relation_desc),this.init()}else t.index.showToast({title:e.message,icon:"none"})})).catch((t=>{}))},getStockCandlestickChartData(){let t=this.stockCode,o={chart_type:"minute"};1==this.selectCategory&&(o.chart_type="daily"),e.stockCandlestickChartData(t,o).then((t=>{let e=t.data,o=[],i=[];for(let a of e)o.push(a.time),i.push([a.open,a.close,a.low,a.high]);this.option.xAxis.data=o,this.option.series[0].data=i,this.init()})).catch((t=>{}))}}};if(!Array){(t.resolveComponent("navBar")+t.resolveComponent("l-echart"))()}Math||((()=>"../../../components/navBar/navBar.js")+(()=>"../../../uni_modules/lime-echart/components/l-echart/l-echart.js"))();const s=t._export_sfc(a,[["render",function(e,i,a,s,n,r){return t.e({a:t.p({leftText:n.navTitle}),b:o._imports_0,c:1==n.type},1==n.type?{d:t.f(n.categoryList,((e,o,i)=>t.e({a:t.t(e),b:n.selectCategory==o},(n.selectCategory,{}),{c:t.n("item relative "+(n.selectCategory==o?"select":"")),d:o,e:t.o((t=>r.clickCategoryItem(o)),o)}))),e:t.s("top:"+n.navH+"px;")}:{},{f:1==n.type},1==n.type?{g:t.sr("chartRef","42054871-1")}:{},{h:t.t(n.relatedDesc),i:t.n("contentC fixed "+(2==n.type?"radius":"")),j:t.s("top:"+n.contentTop+"px;")})}]]);wx.createPage(s);

View File

@@ -1,6 +1,7 @@
{
"navigationBarTitleText": "",
"usingComponents": {
"nav-bar": "../../../components/navBar/navBar"
"nav-bar": "../../../components/navBar/navBar",
"l-echart": "../../../uni_modules/lime-echart/components/l-echart/l-echart"
}
}

View File

@@ -1 +1 @@
<view><nav-bar wx:if="{{a}}" u-i="42054871-0" bind:__l="__l" u-p="{{a}}"></nav-bar><image class="topBg absolute" src="{{b}}" mode="widthFix"></image><view class="tabC fixed" style="{{d}}"><view wx:for="{{c}}" wx:for-item="item" wx:key="d" class="{{item.c}}" bindtap="{{item.e}}">{{item.a}} <view wx:if="{{item.b}}" class="line absolute"></view></view></view><view class="contentC fixed" style="{{e}}"><view class="section">关联描述</view><view class="des">全球原油运输巨头VLCC运力规模全球第一直接受益于霍尔木兹海峡地缘风险带来的运价上涨及风险溢价。</view></view></view>
<view><nav-bar wx:if="{{a}}" u-i="42054871-0" bind:__l="__l" u-p="{{a}}"></nav-bar><image class="topBg absolute" src="{{b}}" mode="widthFix"></image><view wx:if="{{c}}" class="tabC fixed" style="{{e}}"><view wx:for="{{d}}" wx:for-item="item" wx:key="d" class="{{item.c}}" bindtap="{{item.e}}">{{item.a}} <view wx:if="{{item.b}}" class="line absolute"></view></view></view><view class="{{i}}" style="{{j}}"><view wx:if="{{f}}" style="width:750rpx;height:400rpx"><l-echart class="r" u-r="chartRef" u-i="42054871-1" bind:__l="__l"></l-echart></view><view class="section">关联描述</view><view class="des">{{h}}</view><view class="section">信息来源</view><view class="list"><view class="item"><view class="content">“团检业务占比从2022年的83%下降至2024年上半年的67%,呈现明显下降趋势”</view><view class="article">——《从全球价值链看中国制造业优劣势》</view><view class="authorDateC flex"><view class="author flex1">海通证券:荀玉根、吴信坤、杨锦</view><view class="date">2023-02-13</view></view></view></view></view></view>

View File

@@ -1 +1 @@
.topBg{top:0;left:0;width:100%;height:auto}.tabC{background-color:#fff;margin-top:10rpx;left:0;right:0;border-radius:20rpx 20rpx 0 0}.tabC .item{display:inline-block;padding:0 30rpx;line-height:60rpx;font-size:28rpx;font-weight:500;color:#42485b}.tabC .item.select{font-weight:700;color:#f97316}.tabC .item.select .line{background-color:#f97316;left:calc((100% - 50rpx)/2);bottom:0;width:50rpx;height:2rpx}.contentC{background-color:#fff;left:0;right:0;bottom:0}.contentC .section{padding:0 28rpx;line-height:80rpx;font-size:32rpx;font-weight:700;color:#222}.contentC .des{padding:0 30rpx;font-size:24rpx;font-weight:500;color:#666}
.topBg{top:0;left:0;width:100%;height:auto}.tabC{background-color:#fff;margin-top:10rpx;left:0;right:0;border-radius:20rpx 20rpx 0 0}.tabC .item{display:inline-block;padding:0 30rpx;line-height:60rpx;font-size:28rpx;font-weight:500;color:#42485b}.tabC .item.select{font-weight:700;color:#f97316}.tabC .item.select .line{background-color:#f97316;left:calc((100% - 50rpx)/2);bottom:0;width:50rpx;height:2rpx}.contentC{background-color:#fff;left:0;right:0;bottom:0;overflow-y:scroll}.contentC .section{padding:0 28rpx;line-height:80rpx;font-size:32rpx;font-weight:700;color:#222}.contentC .des{padding:0 0 30rpx;margin:0 25rpx;border-bottom:solid 1rpx #E4E4E4;line-height:1.4rem;font-size:24rpx;font-weight:500;color:#666}.contentC .list{padding:0 25rpx}.contentC .list .item{background-color:#f8f8f8;margin-bottom:20rpx;padding:30rpx 26rpx;border-radius:10rpx}.contentC .list .item .content{font-size:24rpx;font-weight:500;color:#222}.contentC .list .item .article{margin-top:10rpx;font-size:22rpx;font-weight:500;color:#666;text-align:right}.contentC .list .item .authorDateC{margin-top:30rpx;font-size:22rpx;font-weight:500;color:#aaa}.contentC .list .item .authorDateC .author{margin-right:10rpx}.contentC.radius{margin-top:10rpx;border-radius:20rpx 20rpx 0 0}