<template>
  <view class="page">
	<view class="page-info">
	  	<view class="banner">
	  		<view class="title">{{tableData.activityName}}</view>
			<view class="banner-info-top">
				<view>{{tableData.startTime}}</view>
				<view><u-icon name="eye"></u-icon>{{tableData.viewsNumber}}人</view>
			</view>
	  		<view class="banner-info-item">
	  			<text>
					{{tableData.content}}
				</text>
				<!-- <image :src="tableData.coverImage" style="width: 100%; height: 100vw; border-radius: 10rpx; margin-top: 30rpx;"></image> -->
				<u-image  width="100%" :src="imgurl+tableData.coverImage" border-radius="10" mode="widthFix" style="margin-top:8px;margin-right:8px;" ></u-image>
	  		</view>
	  	</view>
		<view class="info-box">
			<view class="title">活动信息</view>
			<view class="info-item">举办区域：{{tableData.region}}</view>
			<view class="info-item">起止时间：{{tableData.startTime}} 至 {{tableData.endTime}}</view>
			<view class="info-item">活动类型：{{tableData.activityType}}</view>
		</view>
	</view>
	<!-- 底部 -->
	<!-- <view style="height: 125rpx;"></view> -->
	<view class="page-footer" v-if="tableData.auditStatus == 3">
		<view class="footer-btn">
			<u-button type="success" @click="baoShow">报名参加</u-button>
		</view>
	</view>
	<u-popup class="userForm" v-model="joinShow" mode="center" border-radius="20" :closeable="true" width="90%" >
		<view style="padding: 30rpx;">
			<u-form class="form-box" :model="form" ref="uForm" :label-width="120" >
				<view style="padding: 10rpx;">
					<view class="title">请填写您的报名信息</view>
					<u-form-item label="*姓名"><u-input v-model="form.signUpName" /></u-form-item>
					<u-form-item label="*电话"><u-input v-model="form.signUpPhone" /></u-form-item>
					<u-button type="success" @click="submit">提交</u-button>
				</view>
			</u-form>
		</view>
	</u-popup>
  </view>
</template>

<script>

export default {
  data() {
    return {
		tableData:{},
		swiperList: [
			{
				id: 0,
				type: 'image',
				url: this.$imgUrl('/img/1.jpg')
			}
		],
		joinShow: false,
		form: {
			signUpName: '',
			signUpPhone: '',
			activityApplicationId:'',
		},
		pagesize: {
			id:'',
		},
		imgurl:''
    };
  },
  onLoad(option){
	    this.imgurl = this.$img
	  		let str = unescape(option.scene);
	  
	  if(option.scene){
	  		let str = unescape(option.scene)
	  		// 使用 split() 方法按等号分割字符串，并获取第二个元素（索引为1），即带单引号的值
	  		let valueWithQuotes = str.split('=')[1];
	  		
	  		// 使用 slice() 或 substring() 去除两端的单引号
	  		let value = valueWithQuotes.slice(1, -1); 
	  		this.pagesize.id = value
	  	  console.log('olo',value)
	  }else{
	  	this.pagesize.id = option.item
	  	
	  }
	  
	  this.$http.sendRequest('/cereActivityApplication/queryById', 'POST',this.pagesize,1).then(res => {
	  	this.tableData = res.data.data
		if(!option.flow){
				   	let obj ={
				   		id:option.item,
				   		viewsNumber:Number(this.tableData.viewsNumber)+1
				   	}
				   	this.$http.sendRequest('/cereActivityApplication/edit', 'POST',obj,1).then(res => {})
		}
		 	})
			

	
	  
	
	  
  },
  mounted() {
      
  },
  methods: {
	  baoShow(){
	  		  this.joinShow = true
	  		  this.form.signUpName = ''
	  		  this.form.signUpPhone = ''
	  },
	  submit() {
	  	if (!this.form.signUpName) {
	  		uni.showToast({
	  			icon: 'none',
	  			title: '请输入姓名'
	  		});
	  		return
	  	}
	  	
	  	
	  	if (!this.form.signUpPhone) {
	  		uni.showToast({
	  			icon: 'none',
	  			title: '请输入联系电话'
	  		});
	  		return 
	  	}
		this.form.activityApplicationId = this.tableData.id
	  	this.form.signUpTime = this.getCurrentDateTime()
	  	this.$http.sendRequest('/cereActivityApplicationSignUp/insert', 'POST',this.form,3).then(res => {
			console.log('res',res.data)
			if(res.data.code == '200'){
			setTimeout(()=>{
				uni.switchTab({
					url: '/pages/home/home'
				})
			},1000)
			}else{
				
			}
	  		// uni.showToast({
	  		// 	title: res.data.data,
	  		// 	duration: 2000,
	  			
	  		// })
	  		// this.$refs.uToast.show({
	  		// 					title: res.data.data,
	  		// 					url: '/pages/home/home'
	  		// 				})
	  	     // uni.switchTab({
	  	     // 	url: '/pages/home/home'
	  	     // })
	  	})
	  	this.joinShow = false
	  	
	  
	  },

		leaseAdd(){
			uni.navigateTo({
				url: '/pages/leaseAdd/leaseAdd'
			})
		},
		getCurrentDateTime() {
		  const now = new Date();
		  const year = now.getFullYear();
		  const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份是从0开始的，所以需要+1
		  const day = String(now.getDate()).padStart(2, '0');
		  const hours = String(now.getHours()).padStart(2, '0');
		  const minutes = String(now.getMinutes()).padStart(2, '0');
		  const seconds = String(now.getSeconds()).padStart(2, '0');
		
		  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
		},
  }
};
</script>

<style scoped lang="scss">
@import 'activityDetail.scss';
</style>
