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() {
				const res = this.typeIsPost == '研选' && this.genreIs !== '标的' ? await Reports.industryReportList({
					PageSize: this.pageSize,
					CurrentIndex: this.page_no,
					DepartmentId: this.idGenre,
					IndustrialManagementId: this.categoryId,
					ArticleId: this.articleId
				}) : 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) {
					if (!res.Data.HaveResearch && this.typeIsPost == '研选') {
						this.$util.modalShow('', '您暂无查看研选权限', '', () => {
							uni.reLaunch({
								url: '/pages/index/index'
							})
						})
					}
					uni.setNavigationBarTitle({
						title: this.genreIs == '作者' ? res.Data.NickName : this.genreIs === '标的' ?
					res.Data.IndustryName :res.Data.IndustryName ?res.Data.IndustryName: res.Data.MatchTypeName
					});
					this.titleReport =  this.genreIs=='作者' ? res.Data.NickName : this.genreIs === '标的' ? res.Data.IndustryName : 
					res.Data.IndustryName ? res.Data.IndustryName: res.Data.MatchTypeName
					this.status = this.page_no < res.Data.Paging.Pages ? 'loadmore' : 'nomore';
					this.totalPage = res.Data.Paging.Pages; //总页数
					if (res.Data.List.length > 0) {
						res.Data.List.forEach(item => {
							if (item.IsResearch) {
								item.PublishDate = item.PublishDate.slice(0, 10)
							}

						})
					}
					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)
					}
				}

				// 	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(res.Data.List.length>0){
				// 			    res.Data.List.forEach(item =>{
				// 					if(item.IsResearch){
				// 						item.PublishDate=item.PublishDate.slice(0,10)
				// 					}

				// 			    })
				// 			}
				//            	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>