horzi_rai_wxa/reportPages/industrialReport/industrialReport.vue

<template>
  		<!-- 季度策略 -->
	<view class="container industrial-container">
    <view class="collect-ul" v-if="haveData">
    			<view class="collect-ltem" v-for="(item,index) in collectList" :key="index" @click="goDetail(item,index)">
    				<view class="item-left">
    					<text class="title text_twoLine">{{item.Title}}
                        <text class="reg-text" v-if="item.IsRed"></text>
                        </text>
    					<!-- <view class="text_twoLine desc">{{item.PublishDate}} <text>1231231</text></vive> -->
    				<view class="desc">
    				    <text :class="item.IsResearch ? 'publishDate' : ''">{{item.PublishDate}}</text>
    				    <text v-if="item.IsResearch" class="text_oneLine text-name">{{item.IndustryName}}</text>
    				</view>
                    
                    </view>
    				<u-icon name="arrow-right" color="#BDBDBD" size="34"></u-icon>
    			</view>
    			<u-loadmore :status="status" icon-type="flower" :load-text="loadText" margin-top="20" v-if="totalPage>1"/>
    		</view>
		<view class="nodata" v-else>
			<image src="@/static/img/nodata.png" mode="" class="nodata_ico"></image>
			<text>暂时没有报告的内容</text>
		</view>
	</view>
</template>

<script>
  import { Reports } from '@/config/api.js' 
  import { Throttle } from '@/config/util.js' 
  let app = getApp()
	export default {
		data() {
			return {
          refresh: false,//正在下拉
          page_no:1,
          pageSize:10,
		  categoryId:null,
          collectList:[],
          haveData:true,
          status:'loadmore',
          loadText: {
          	loadmore: '上拉加载更多',
          	loading: '加载中',
          	nomore: '已经到底了'
          },
		  typeIsPost:'',//
		  genreIs:'',//作者还是文章
          totalPage:'',
		  titleReport:'',
          idGenre:'',
          articleId:''
			};
		},
    onLoad(option) {
		 this.$store.dispatch("checkHandle",{type:'load',val:option}).then(res=>{
			 this.categoryId=Number(option.id)||''
             this.idGenre=Number(option.idGenre) ||''
             this.articleId=Number(option.idArticle) ||''
			 this.typeIsPost=option.type || ''
			 this.genreIs=option.isGenre || ''
			 this.getCollectList()
		 })
		
    },
	onShow() {
	},
    methods:{
    /* 获取列表 */
  async  getCollectList() {
		if(this.typeIsPost =='研选'&& this.genreIs!=='标的') {
			Reports.industryReportList({
				PageSize: this.pageSize,
				CurrentIndex: this.page_no,
				DepartmentId:this.idGenre,
				IndustrialManagementId:this.categoryId,
                ArticleId:this.articleId
			}).then(res => {
    		if(res.Ret === 200) {
                if(!res.Data.HaveResearch){
                    this.$util.modalShow('','您暂无查看研选权限','',()=>{
                        uni.reLaunch({
                             url:'/pages/index/index'
                         })
                    })
                }   
				uni.setNavigationBarTitle({
				    title: this.genreIs=='作者' ? res.Data.NickName :res.Data.IndustryName
				});
                if(res.Data.List.length>0){
                    res.Data.List.forEach(item =>{
                        item.PublishDate=item.PublishDate.slice(0,10)
                    })
                }
				this.titleReport = this.genreIs=='作者' ? res.Data.NickName :res.Data.IndustryName
    			this.status = this.page_no < res.Data.Paging.Pages ? 'loadmore' : 'nomore';
    			this.totalPage = res.Data.Paging.Pages;//总页数
    			if(this.page_no === 1) {
    				this.collectList = res.Data.List || [];
    				this.haveData = this.collectList.length ? true : false
    				if(this.refresh) {
    					uni.stopPullDownRefresh();
    					this.refresh = false;
    				} 
    			}else {
    				this.collectList = this.collectList.concat(res.Data.List)
    			}
    		}
    	})	
			return
		}else {
            const res = this.genreIs==='标的' ? await Reports.reportListNew({
                	PageSize: this.pageSize,
                	CurrentIndex: this.page_no,
                	 ArticleId:this.articleId
                }) : await Reports.getTactics({
            	PageSize: this.pageSize,
            	CurrentIndex: this.page_no,
            	CategoryId:this.categoryId
            })
            if(res.Ret === 200) {
            	uni.setNavigationBarTitle({
            	    title:this.genreIs==='标的' ? res.Data.IndustryName : res.Data.MatchTypeName
            	});
            	this.titleReport=this.genreIs==='标的' ? res.Data.IndustryName : res.Data.MatchTypeName
            	this.status = this.page_no < res.Data.Paging.Pages ? 'loadmore' : 'nomore';
            	this.totalPage = res.Data.Paging.Pages;//总页数
            	if(this.page_no === 1) {
            		this.collectList = res.Data.List || [];
            		this.haveData = this.collectList.length ? true : false
            		if(this.refresh) {
            			uni.stopPullDownRefresh();
            			this.refresh = false;
            		} 
            	}else {
            		this.collectList = this.collectList.concat(res.Data.List)
            	}
            }
            
        }
    },
   goDetail(item,index) {
   	/* 无需授权且已绑定 检验是或否有权限 */
	this.collectList[index].IsRed=false
   	this.$store.dispatch('checkHandle').then(res => {
   		app.globalData.isAuth = res.IsAuth;
   		app.globalData.isBind = res.IsBind;
   		if((!res.IsAuth) && (!res.IsBind)) { // 已授权已绑定
   			uni.navigateTo({
   				url:'/pages/reportDetail/reportDetail?id=' + item.ArticleId,
   			});
   		}else if(res.IsAuth) { //未授权
   			uni.navigateTo({
   				url:'/pages/authGuide/authGuide'
   			})
   		}else if(res.IsBind && !res.IsAuth){ //已授权未绑定
   			uni.navigateTo({
   				url:'/pages/login/login'
   			})
   		}
   	})
   	
   },
    },
    /* 触底 */
    	onReachBottom: Throttle(function() {
    		if(this.status === 'nomore') return ;
    		this.status = 'loading';
    		this.page_no++;
    		this.getCollectList()
    	}),
    	/* 下拉刷新 */
    	onPullDownRefresh: Throttle(function() {
    		this.page_no = 1;
    		this.refresh = true;
    		this.getCollectList()
    	}),
    
   /**
   * 用户点击分享
   */
   onShareAppMessage: function (res) {
   	return {
   		title: this.titleReport,
   		path: '/reportPages/industrialReport/industrialReport?id='+this.categoryId+'&type='+this.typeIsPost+'&isGenre='+this.genreIs+'&idGenre='+this.idGenre+'&idArticle='+this.articleId,
   		success: (res)=> {
   		},
   		fail: (err)=> {
   		}
   	}
   },
	}
</script>

<style scoped lang="scss">
 @import '../index.scss';
.industrial-container {
  background-color: #f6f6f6;
  
}
</style>