12.17 事件详情相关概念，概念中心增加下拉刷新，分页加载，增加新闻详情展示
This commit is contained in:
尚政杰
@@ -1,24 +0,0 @@
|
||||
<template>
|
||||
<view>
|
||||
<navBar leftText="历史时间轴" :hideNavBg="true"></navBar>
|
||||
<image class="topBg absolute" src="/static/image/index/conceptTopBg.png" mode="widthFix"></image>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script >
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
page
|
||||
{
|
||||
background-color: #070707;
|
||||
}
|
||||
.topBg
|
||||
{
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
</style>
|
||||
@@ -2,7 +2,7 @@
|
||||
<view>
|
||||
<navBar leftText="事件详情" :hideNavBg="true"></navBar>
|
||||
<image class="topBg absolute" src="/static/image/index/conceptTopBg.png" mode="widthFix"></image>
|
||||
<view v-if="eventDetails" class="eventDetailsC fixed" :style="'top:'+navH+'px;'">
|
||||
<scroll-view v-if="eventDetails" scroll-y class="eventDetailsC fixed" :style="'top:'+navH+'px;'" @scrolltolower="loadMoreData()">
|
||||
<view class="eventIntroC">
|
||||
<view class="categoryTitleC">
|
||||
<view class="category">{{eventDetails.event_type}}</view>
|
||||
@@ -14,7 +14,6 @@
|
||||
【风险提示：解析内容由价值前沿人工采集整理自新闻、公告、研报等公开信息，团队辛苦编写，未经许可严禁转载。本产品内容内容均不构成投资建议，请投资者注意风险，独立审慎决策。】
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<scroll-view scroll-x class="categoryList">
|
||||
<view :class="'item relative '+(selectCategory==index?'select':'')" v-for="(item,index) in categoryList" :key="index" @click="clickCategoryItem(index)">
|
||||
{{item}}
|
||||
@@ -116,7 +115,7 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view v-if="eventDetails" class="bottomC fixed flex">
|
||||
<view class="inputC flex1">
|
||||
<input type="text" v-model="eventComment" placeholder="我来说两句..." placeholder-style="color:#666" confirm-type="send" @confirm="sendEventComment()"/>
|
||||
@@ -309,6 +308,8 @@
|
||||
categoryList:['相关标的','相关概念','历史事件'],
|
||||
targetList:[], //相关标的
|
||||
conceptList:[], //相关概念
|
||||
page:1,
|
||||
loadAll:false, //是否加载完毕
|
||||
historyEventList:[], //历史事件
|
||||
historyEventRelatedStockList:[], //历史事件相关股票
|
||||
selectCategory:0,
|
||||
@@ -393,6 +394,7 @@
|
||||
this.getEventCommentListData()
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
async init() {
|
||||
// chart 图表实例不能存在data里
|
||||
@@ -437,6 +439,14 @@
|
||||
})
|
||||
}, 300);
|
||||
},
|
||||
loadMoreData() {
|
||||
if (this.selectCategory==1) {
|
||||
if (!this.loadAll) {
|
||||
this.page ++
|
||||
this.getEventRelatedConceptData()
|
||||
}
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 点击切换分类
|
||||
*/
|
||||
@@ -452,6 +462,8 @@
|
||||
}else if(index==1)
|
||||
{
|
||||
//相关概念
|
||||
this.page = 1
|
||||
this.loadAll = false
|
||||
this.getEventRelatedConceptData()
|
||||
}else if(index==2)
|
||||
{
|
||||
@@ -682,16 +694,16 @@
|
||||
getEventRelatedConceptData()
|
||||
{
|
||||
let eventDetails = this.eventDetails
|
||||
let param = {query:eventDetails.event_title,size:10,page:1,sort_by:"_score",isJson:1}
|
||||
let param = {query:eventDetails.event_title,size:10,page:this.page,sort_by:"_score",isJson:1}
|
||||
eventRelatedConcept(param).then(res=>{
|
||||
// if(res.code==200)
|
||||
// {
|
||||
if (res.page == 1) {
|
||||
this.conceptList = res.results
|
||||
// }else
|
||||
// uni.showToast({
|
||||
// title:res.message,
|
||||
// icon:'none'
|
||||
// })
|
||||
}else {
|
||||
this.conceptList = this.conceptList.concat(res.results)
|
||||
}
|
||||
if (res.page==res.total_pages) {
|
||||
this.loadAll = true
|
||||
}
|
||||
}).catch(error=>{
|
||||
|
||||
})
|
||||
@@ -928,6 +940,7 @@ page
|
||||
}
|
||||
.stockNum
|
||||
{
|
||||
flex-shrink: 0;
|
||||
padding: 0 16rpx;
|
||||
line-height: 36rpx;
|
||||
border-radius: 20rpx;
|
||||
@@ -1207,7 +1220,7 @@ page
|
||||
{
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
color: #bdbdbd;
|
||||
text-align: center;
|
||||
.icon
|
||||
{
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -10,8 +10,20 @@
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="type==1&&tradeData" class="volumeAmountC flex">
|
||||
<text class="volume">成交量：{{tradeData.volume}}</text>
|
||||
<text class="amount">成交金额：{{tradeData.amount}}</text>
|
||||
<block v-if="tradeData.volume>100000000">
|
||||
<text class="volume">成交量：{{(tradeData.volume/100000000).toFixed(2)}}亿</text>
|
||||
</block>
|
||||
<block v-else>
|
||||
<text v-if="tradeData.volume>10000" class="volume">成交量：{{(tradeData.volume/10000).toFixed(2)}}万</text>
|
||||
<text v-else class="volume">成交量：{{tradeData.volume}}</text>
|
||||
</block>
|
||||
<block v-if="tradeData.amount>100000000">
|
||||
<text class="amount">成交金额：{{(tradeData.amount/100000000).toFixed(2)}}亿元</text>
|
||||
</block>
|
||||
<block v-else>
|
||||
<text v-if="tradeData.amount>10000" class="amount">成交金额：{{(tradeData.amount/10000).toFixed(2)}}万元</text>
|
||||
<text v-else class="amount">成交金额：{{tradeData.amount}}元</text>
|
||||
</block>
|
||||
</view>
|
||||
<view v-if="type==1" style="width:700rpx; height:400rpx">
|
||||
<l-echart ref="chartRef"></l-echart>
|
||||
|
||||
Reference in New Issue
Block a user