zc_saas_h5/pages2/msg/detail.vue

<template>
	<view style="padding: 20rpx;">
		<view class="item">
			<view class="title">{{ listData.systemStatus === 2 ? listData.informVo.informName : listData.systemStatus === 1 ? listData.remind : '' }}</view>
			<view class="time">{{ $method.timestampToTime(listData.sendTime, false) }}</view>
			<view v-if="listData.systemStatus === 2" class="content" v-html="listData.informVo.affiche" style="width: 100%;"></view>
			<view v-if="listData.systemStatus === 1" class="content" style="width: 100%;">{{ listData.text }}</view>
			<view class="boxstistyle">
				<view class="lsow" style="border-bottom: 1rpx solid #eee;margin-top: 10rpx;" v-for="(item, index) in listData.informVo.informCourseVo" :key="index">
					<view class="h4">{{ item.goodsName }}</view>
					<view class="h33">
						{{ item.courseName }}{{ item.moduleName ? '/' + item.moduleName : '' }}{{ item.chapterName ? '/' + item.chapterName : '' }}{{ item.sectionName }}
					</view>
					<view style="display: flex;align-items: center;margin:28rpx 0rpx;" @click="jumpSection(item)">
						<image style="width: 35rpx;height: 35rpx;" src="@/static/courseIcon.png" mode=""></image>
						<text class="timeStys">第{{ item.topicNum }}分钟</text>
						<text class="aSty">点击可直接跳转</text>
					</view>
				</view>
				<view class="lsow" style="border-bottom: 1rpx solid #eee;margin-top: 10rpx;" v-for="(item, index) in listData.informVo.informExamVo" :key="index">
					<view class="h4">{{ item.goodsName }}</view>
					<view class="h33">{{ item.moduleName ? '/' + item.moduleName : '' }}{{ item.chapterName ? '/' + item.chapterName : '' }}{{ item.examName }}</view>
					<view style="display: flex;align-items: center;margin:28rpx 0rpx;" @click="jumpExam(item)">
						<image style="width: 35rpx;height: 35rpx;" src="@/static/examIcon.png" mode=""></image>
						<text class="timeStys">第{{ item.topicNum }}道题</text>
						<text class="aSty">点击可直接跳转</text>
					</view>
				</view>
			</view>
		</view>
		<view class="btn1" @click="isOk" v-if="listData.systemStatus === 2 && listData.receiptStatus === 0">我已阅读</view>
		<view class="btn1" v-if="statusGO && listData.systemStatus === 1 && getNames(listData.remindId) !== ''" @click="jumpFuns(goodsData,listData.remindId)">{{ getNames(listData.remindId) }}</view>
	</view>
</template>

<script>
import { mapGetters } from 'vuex';
export default {
	components: {},
	data() {
		return {
			listData: {},
			goodsData:{},
			id: null,
			img1: '/static/icon/msg_icon1.png',
			img2: '/static/icon/msg_icon2.png',
			statusGO: true
		};
	},
	onPullDownRefresh() {},
	onLoad(option) {
		this.id = Number(option.id);
	},
	onShow() {
		this.getInfo();
		/* if(this.current === 2 && this.$method.isLogin()){
			this.$refs.refMy.init();
		} */
	},
	onShareAppMessage(res) {
		var self = this;
		return {
			title: '中正',
			path: `/pages/index/index?inviteCode=` + userInfo == null ? '' : userInfo.userAccount
		};
	},
	methods: {
		//跳转页面
		async jumpFuns(item,remindId) {
			switch (remindId) {
				case 1:
				case 3:
				case 5:
				case 6:
				case 7:
				case 19:
				case 21:
				case 22:
				case 23:
				case 10:
				case 12:
				case 18:
					
					let currentTime = this.$method.getZeroTime();
					console.log(currentTime)
					console.log(item)
					console.log(item.studyStartTime)
					console.log(item.studyEndTime)
					console.log(currentTime < item.studyStartTime || currentTime > item.studyEndTime)
					if(currentTime < item.studyStartTime || currentTime > item.studyEndTime) {
						uni.showToast({
							title:'不在学习有效期，不可以学习了哦',
							icon:'none'
						})
						return;
					}
					
					if( (item.classStartTime && currentTime <= item.classStartTime) || (item.classEndTime && currentTime >= item.classEndTime) ) {
						uni.showToast({
							title:'不在班级有效期，不能进入学习',
							icon:'none'
						})
						return;
					}
					
					if(item.learningStatus == 2) {
						uni.showToast({
							title:'开放学习时间待定，不能进入学习',
							icon:'none'
						})
						return;
					}
					
					if(item.classStatus == 0 ) {
						uni.showToast({
							title:'尚未开班，不能进入学习',
							icon:'none'
						})
						return;
					}
					
					if(item.learningStatus == 3 && (currentTime < item.learningTimeStart) ) {
						uni.showToast({
							title:'不在开放学习时间,不能进入学习',
							icon:'none'
						})
						return;
					}
					
					if(item.gradeStatus == 1 && item.status == 1 && (item.studyEndTime > currentTime) &&  (item.classEndTime && (item.classEndTime < currentTime)) && (item.periodStatus == 0 || item.periodStatus == -1) && item.studyCount > 0) {
						
						uni.showModal({
							title:'提示',
							content:'班级已过期，需要重新选班',
							showCancel:false,
							success:() => {
								uni.navigateTo({
									url:"/pages2/wd/class"
								})
							}
						})
						return;
					}
					
					let rebuildStatus = await this.courseGoodsRebuildStatus(item.goodsId,item.gradeId);
					
					if(rebuildStatus == 0) {
						this.$navTo.togo('/pages2/learn/details', {
							gradeId:item.gradeId,
							goodsId: item.goodsId
						})
						return;
					}
					
					if(item.courseNum == 1 ) {
						
						this.$api.courseCourseList({
							pageNum:1,
							pageSize:1,
							goodsId:item.goodsId,
							gradeId:item.gradeId
						}).then(res => {
							if(res.data.code == 200) {
								uni.navigateTo({
									url:`/pages3/polyv/detail?id=${res.data.rows[0].courseId}&goodsId=${item.goodsId}`
								})
							}
						});
						return;
					}
					
					this.$navTo.togo('/pages2/wd/course', {
						id: item.goodsId,
						gid: item.gradeId
					});
					// arsty = '立刻学习';
					break;
				case 2:
				case 4:
					this.$navTo.togo('/pages2/verify/input', {
						id: item.goodsId
					});
					break;
				case 24:
					this.$navTo.togo('/pages2/verify/input2', {
						id: item.goodsId
					});
					break;
				case 11:
				case 13:
					var data = {
						goodsId: item.goodsId,
						gradeId: item.gradeId
					};
					this.$api.getApplysubscribe(data).then(res => {
						if (res.data.code === 500) {
							uni.showModal({
								showCancel: false,
								content: res.data.msg
							});
						}
						if (res.data.code === 200) {
							this.$navTo.togo('/pages2/appointment/index', {
								goodsId: item.goodsId,
								gradeId: item.gradeId
							});
						}
					});
					break;
				case 20:
					this.$navTo.togo('/pages3/course/detail', {
						id: item.goodsId
					});
					break;
				default:
					break;
			}
		},
		/**
		 * @param {Object} goodsId 商品id
		 * 查询商品重修状态
		 */
		courseGoodsRebuildStatus(goodsId,gradeId) {
			return new Promise(resolve => {
				this.$api.courseGoodsRebuildStatus({
					goodsId:goodsId,
					gradeId:gradeId
				}).then(res => {
					resolve(res.data.data)
				})
			})
		},
		//跳转节视频
		jumpSection(item) {
			item.noteSecond = Number(item.topicNum) * 60; //转秒数
			this.$navTo.togo('/pages3/polyv/detail', {
				id: item.courseId,
				goodsId: item.goodsId,
				noteSecond: item.noteSecond,
				sectionId: item.sectionId,
				recordingUrl: item.recordingUrl
			});
		},
		//跳转题库题目
		jumpExam(item) {
			console.log(item);
			uni.navigateTo({
				url:
					'/pages2/bank/questionBank?current=' +
					(item.topicNum - 1) +
					'&id=' +
					item.examId +
					'&goodsid=' +
					item.goodsId +
					'&chapterId=' +
					item.moduleId +
					'&moduleId=' +
					item.moduleId
			});
		},
		isOk() {
			this.$api.courseappinformUser({ id: this.listData.id, receiptStatus: 1 }).then(res => {
				if (res.data.code === 200) {
					uni.navigateBack({
						delta: 1
					});
				}
			});
		},
		backPage() {
			uni.navigateBack({
				delta: 1
			});
		},
		getInfo() {
			this.$api.getappinformUserId(this.id).then(res => {
				if (res.data.code === 200) {
					if (res.data.data.receiptStatus === 1 && (res.data.data.remindId === 2 || res.data.data.remindId === 4 || res.data.data.remindId === 24)) {
						this.$api.getbaseprofiletpgetInfo({ goodsId: res.data.data.goodsId }).then(k => {
							if ((k.data.data.status === 3 && k.data.data.changeStatus === 2) || k.data.data.status === 2 || k.data.data.status === 1) {
								this.statusGO = false;
							}
						});
					}
					if (!res.data.data.receiptStatus) {
						this.$api.courseappinformUser({ id: res.data.data.id, receiptStatus: 1 }).then(res => {
							if (res.data.code === 200) {
							}
						});
					}
					if (res.data.data.informVo && res.data.data.informVo.affiche) {
						res.data.data.informVo.affiche = res.data.data.informVo.affiche.replace(/<img/gi, '<img style="max-width:100%;"');
					}
					this.listData = res.data.data;
					this.$api.goodsDetail(res.data.data.goodsId).then(rs => {
						this.goodsData = rs.data.data
						if (
							rs.data.data.goodsType === 3 &&
							(res.data.data.remindId === 1 ||
								res.data.data.remindId === 3 ||
								res.data.data.remindId === 5 ||
								res.data.data.remindId === 6 ||
								res.data.data.remindId === 7 ||
								res.data.data.remindId === 19 ||
								res.data.data.remindId === 21 ||
								res.data.data.remindId === 22)
						) {
							this.statusGO = false;
						}
					});
				}
			});
		},
		change(index) {
			this.current = index;
		},
		getNames(int) {
			var arsty = '';
			switch (int) {
				case 1:
				case 3:
				case 5:
				case 6:
				case 7:
				case 19:
				case 21:
				case 22:
				case 23:
					arsty = '立刻学习';
					break;
				case 2:
				case 4:
				case 24:
					arsty = '马上填写';
					break;
				case 10:
				case 12:
				case 18:
					arsty = '立即重学';
					break;
				case 11:
					arsty = '立即预约';
					break;
				case 13:
					arsty = '预约考试';
					break;
				case 20:
					arsty = '重新购买';
					break;
				default:
					break;
			}
			return arsty;
		}
	},
	onReachBottom() {},
	computed: { ...mapGetters(['userInfo']) },
	onUnload() {
		var pages = getCurrentPages();
		var currPage = pages[pages.length - 1]; //当前页面
		var prePage = pages[pages.length - 2]; //上一个页面
		//调用上一页拉取数据的方法
		if (prePage.route == 'pages2/msg/index') {
			prePage.$vm.getChangeData(this.id);
		}
	}
};
</script>
<style>
page {
	background: #eaeef1;
}
</style>
<style scoped>
.lsow:last-child {
	border-bottom: none !important;
}
.timeStys {
	margin: 0rpx 6rpx;
	color: #007aff;
	font-size: 28rpx;
	font-weight: bold;
	border-bottom: 1rpx solid #007aff;
}
.h4 {
	color: #333;
	font-size: 28rpx;
	font-weight: bold;
}
.aSty {
	color: #999;
	font-size: 24rpx;
	margin-left: 8rpx;
}
.h33 {
	font-size: 28rpx;
	color: #666;
}
.content {
	font-size: 28rpx;
	color: #666666;
	line-height: 36rpx;
}
.time {
	font-size: 24rpx;
	color: #999999;
	margin: 15rpx 0;
}
.btn1 {
	width: 526rpx;
	height: 80rpx;
	background: #007aff;
	border-radius: 40rpx;
	color: #ffffff;
	font-size: 30rpx;
	font-weight: bold;
	text-align: center;
	line-height: 80rpx;
	margin: 30rpx auto;
}
.item {
	width: 100%;
	background: #ffffff;
	border-radius: 16rpx;
	padding: 15rpx;
}
.title {
	font-size: 30rpx;
	font-weight: bold;
	color: #333333;
}
</style>