ybxf-security-uniapp/pagesA/fire/meeting_sign_in/meeting_details/meeting_details.vue

<template>
	<view class="container uni-container">
		<view class="padding-bottom flex direction-column align-center justify-center ">
			<uni-row class="padding-tb">
				<uni-col :span="24">
					<u--image :src="meetingEnd == '1' ? SignINExpired : siginIn != '1' ? signOne : signIned"
						width="234rpx" height="128px" @click="signInClick">
						<template v-slot:loading>
							<u-loading-icon color="red"></u-loading-icon>
						</template>
						<view slot="error" style="font-size: 24rpx;">加载失败</view>
					</u--image>
					<text v-if="meetingEnd == 1"
						style="font-weight:bold; padding-left: 51rpx;;color: #8d8d8d;font-size: 32rpx;">
						会议已结束
					</text>

					<text v-else-if="siginIn != '1'"
						style="font-weight:bold; padding-left: 51rpx;;color: #4cb2b6;font-size: 32rpx;">
						点击签到
					</text>
					<text v-else-if="siginIn == '1'"
						style="font-weight:bold; padding-left: 65rpx;;color: #f7c41e;font-size: 32rpx;">
						已签到
					</text>
				</uni-col>
			</uni-row>
			<uni-row class="padding-bottom">
				<uni-col :span="24">
					<text>{{ formData.name }}</text>
				</uni-col>
			</uni-row>
		</view>
		<view class="flex direction-column   justify-center">
			<uni-row class="demo-uni-row padding-tb-sm border-bottom border-top" :gutter="20" width="100%">
				<uni-col :span="12">
					<view class="flex direction-column border-right">
						<text class="padding-bottom">会议名称</text>
						<text style="font-weight: bold;font-size: 30upx;">{{ formData.meetingName }}</text>
					</view>
				</uni-col>
				<uni-col :span="12">
					<view class="flex direction-column align-center ">
						<text class="padding-bottom">会议主题</text>
						<text style="font-weight: bold;font-size: 30upx;">{{ formData.meetingSubject }}</text>
					</view>
				</uni-col>
			</uni-row>
			<uni-row class="demo-uni-row padding-tb-sm border-bottom" :gutter="20" width="100%">
				<uni-col :span="12">
					<view class="flex direction-column border-right">
						<text class="padding-bottom">会议时间</text>
						<text style="font-weight: bold;font-size: 30upx;">{{ formData.meetingStartTime }}</text>
						--
						<br />
						<text style="font-weight: bold;font-size: 30upx;">{{ formData.meetingEndTime }}</text>
					</view>
				</uni-col>
				<uni-col :span="12">
					<view class="flex direction-column align-center ">
						<text class="padding-bottom">会议类型</text>
						<text style="font-weight: bold;font-size: 30upx;">{{ formData.meetingType=='1'?"工作会议":"培训会议" }}</text>
					</view>
				</uni-col>
			</uni-row>
		</view>
	</view>
</template>
<script>
	import {
		getMeeting, // 查询会议列表
		getMeetingSign, //会议签到
		getMeet
	} from '@/api/meeting';
	let that = null;
	import config from '@/config'
	const baseUrlImg = config.baseUrlImg
	export default {
		data() {
			return {
				formData: {},
				formData2: {
					id: '',
					siginIn: '1',
					status: 0,
					userId: this.$store.state.user.id
					// "orgId":1
				},
				siginIn: '',
				status: '',
				signOne: `${baseUrlImg}/metting/sign.png`,
				signIned: `${baseUrlImg}/metting/Signed.png`,
				SignINExpired: `${baseUrlImg}/metting/SignINExpired.png`,
				IsSign: false,
				FinalTime: 0,
				meetingEnd: '',
				pageSize: 20,
				// 当前页
				pageNo: 1
			};
		},
		onshow() {},
		//目的页面接收
		//这里用onshow()也可以

		onLoad: function(options) {
			var data = options.id;
			// this.getData(data);
			that = this;

			const eventChannel = this.getOpenerEventChannel();
			// eventChannel.emit('acceptDataFromOpenedPage', {
			// 监听acceptDataFromOpenerPage事件，获取上一页面通过eventChannel传送到当前页面的数据
			eventChannel.on('acceptDataFromOpenerPage', function(val) {
				console.log('传送到当前页面的数据 ', val);
				that.formData = val;
				that.formData2.id = val.meetingDetailDOList[0].id;
				// 签到流程判断
				var Time = new Date(that.formData.meetingEndTime);
				that.FinalTime = Time.getTime();
				var currentTime = new Date().getTime();

				// 判断结束时间是否小于当前时间   小于则判断是否已经签到
				if (that.FinalTime < currentTime) {
					// 1 表示显示过期图片
					that.meetingEnd = '1';
				} else {
					const id = that.formData2.id;
					getMeet({
						id: id
					}).then(res => {
						that.siginIn = res.data.siginIn;
					})
				}
			});

			// this.getData();/
		},
		methods: {


			signInClick() {
				var SignJson = JSON.stringify(this.formData2);

				getMeetingSign(SignJson).then(res => {
					// console.log(res);
					// this.siginIn='1'
					if (res.code == 0) {
						this.siginIn = '1'
					}
				});
			}
		}
	};
</script>
<style>
	.sign-in {
		height: 400rpx;
	}

	.border-bottom {
		border-bottom: 1px solid #cbd5e1;
	}

	.border-top {
		border-top: 1px solid #cbd5e1;
	}

	.border-right {
		border-right: 1px solid #cbd5e1;
	}
</style>