sz-kjsxy-wx-new/packages/apply/index.vue

<template>
	<view class="container">
		<image class="cbg" :src="base.imgHost('common_bg.png')"></image>
		<!-- <u-divider>个人信息</u-divider> -->
		<view class="wrap">
			<applyForm ref="applyForm" @backForm="backForm" :course_forms="course_forms"></applyForm>
		</view>

	</view>
</template>

<script>
	import applyForm from "@/components/applyForm/index.vue"
	export default {
		components: {
			applyForm
		},
		data() {
			return {
				course_id: '',

				is_fee: 0, //需不需要缴费这个课程
				form: {},
				apply_form: [],
				course_forms: [],
				sign_id:'', // 报名的id
				opType:'add', // edit 修改
			}
		},
		onReady() {
			// this.$refs.uForm.setRules(this.rules);
		},
		onLoad(options) {
			this.course_id = options.id
			if (options.type === 'edit') {
				this.opType =  'edit'
				this.getSignDetail(options.id)
			} else {
				this.getCourseDetail(options.id)
			}
			let user = uni.getStorageSync("stbc1_lifeData") ? uni.getStorageSync("stbc1_lifeData").vuex_user : {}
			this.form = user
			// this.getPosition()
		},
		methods: {
			async getCourseDetail(id) {
				const res = await this.$u.api.courseDetail({
					course_id: id
				})
				if (res.course_forms && res.course_forms.length > 0) {
					res.course_forms.map(item => {
						if (item.belong_user === 1) {
							item.value = this.form[item.field]
						}
						if (item.value === null) {
							item.value = ''
						}
					})
					this.course_forms = res.course_forms.sort((a, b) => (a.sort - b.sort))
				}
				this.is_fee = res.is_fee

			},
			// 修改
			async getSignDetail(id) {
				const res = await this.$u.api.courseGetSign({
					course_id: id
				})
				this.sign_id = res.detail.id
				if (res.detail.data && res.detail.data.length > 0) {
					res.detail.data.map(item => {
						if (item.value === null) {
							item.value = ''
						}
					})
					this.course_forms = res.detail.data.sort((a, b) => (a.sort - b.sort))
				}
			},
			backForm(e) {
				let _arr = []
				e.map(item => {
					// _arr.push({
					// 	name: item.name,
					// 	field: item.field,
					// 	value: item.value ? item.value : ''
					// })
					item.value = item.value ? item.value : ''
					_arr.push(item)
					// 更新扩展字段
					if (item.belong_user === 1 && !this.base.isNull(item.value)) {
						this.form[item.field] = item.value
					}
				})
				this.apply_form = _arr
				console.log("this.apply_form", this.apply_form, this.form)
				// return
				this.saveUser()
				if(this.opType == 'edit'){
					this.updateApplyCourse()
				}else{
					
					this.applyCourse()
				}
				// this.$refs.uForm.validate(valid => {
				// 	if (valid) {

				// 	} else {
				// 		console.log('验证失败');
				// 		// this.base.toast("验证失败")
				// 	}
				// });

			},
			async saveUser() {
				let that = this
				this.form.name = this.form.username
				await this.$u.api.saveUser(this.form).then(res => {
					console.log("user")
					// this.$u.api.user().then(res => {
					// 	this.$u.vuex('vuex_user', res.user)
					// })
				})
			},
			async applyCourse() {
				let that = this
				// let that = this
				await this.$u.api.courseSign({
					course_id: this.course_id,
					data: this.apply_form
				}).then(res => {
					if (this.is_fee) {
						this.newsSubscription()
					} else {
						that.base.toast("报名已提交", 1500, function() {
							setTimeout(function() {
								uni.redirectTo({
									url: '/packages/mycourse/index'
								})
							}, 1500)
						})
					}

				})
			},
			// 更新报名信息
			async updateApplyCourse() {
				let that = this
				this.$u.api.courseUpdateSign({
					id: this.sign_id,
					data:this.apply_form
				}).then(res => {
					that.base.toast("修改成功", 1500, function() {
						setTimeout(function() {
							uni.redirectTo({
								url: '/packages/mycourse/index'
							})
						}, 500)
					})
				})
			},
			// 订阅缴费

			newsSubscription() {
				let that = this
				uni.getSetting({
					withSubscriptions: true, //是否获取用户订阅消息的订阅状态，默认false不返回
					success(res) {
						console.log("resdfg", res)
						if (res.subscriptionsSetting.mainSwitch) {
							if (res.subscriptionsSetting.itemSettings && res.subscriptionsSetting.itemSettings[
									'6bkRNahvR88pG4Tpk0c2aY81kszvFpdaIV-CdC_ENTM'] === 'accept' &&
								res.subscriptionsSetting.itemSettings[
									'XsR1BJRdE8JtFUC1o3w7DDcscXkCEGu62J8_smMofZI'] === 'accept'
							) {
								console.log("accept")
								// 用户已经订阅该消息模板，执行相应操作
								that.base.toast("报名已提交", 1500, function() {
									setTimeout(function() {
										uni.redirectTo({
											url: '/packages/mycourse/index'
										})
									}, 1500)

								})
							} else {
								// 用户没有订阅该消息模板，显示订阅弹窗
								uni.showModal({
									title: '订阅消息',
									content: '是否需要订阅预约结果消息',
									success(res1) {
										if (res1.confirm) {
											uni.requestSubscribeMessage({
												tmplIds: [
													'6bkRNahvR88pG4Tpk0c2aY81kszvFpdaIV-CdC_ENTM',
													'XsR1BJRdE8JtFUC1o3w7DDcscXkCEGu62J8_smMofZI',
												],
												success(res) {
													that.base.toast("报名已提交", 1500, function() {
														setTimeout(function() {
															uni.redirectTo({
																url: '/packages/mycourse/index'
															})
														}, 1500)

													})
												},
												fail(err) {
													that.base.toast("报名已提交", 1500, function() {
														setTimeout(function() {
															uni.redirectTo({
																url: '/packages/mycourse/index'
															})
														}, 1500)

													})
												}
											})
										} else {
											that.base.toast("报名已提交", 1500, function() {
												setTimeout(function() {
													uni.redirectTo({
														url: '/packages/mycourse/index'
													})
												}, 1500)
											})
										}
									}
								})

							}
						} else {
							console.log("9999")
							that.base.toast("报名已提交", 1500, function() {
								setTimeout(function() {
									uni.redirectTo({
										url: '/packages/mycourse/index'
									})
								}, 1500)

							})
							// 用户尚未开启订阅消息总开关，建议提醒用户开启
						}
					}
				});
			},
		}
	}
</script>

<style scoped lang="scss">
	.container {
		padding: 30rpx;
		height: 100vh;

		.cbg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
		}

		.wrap {
			background-color: #fff;
			padding: 20rpx 50rpx;
			border-radius: 20rpx;
			position: relative;
			height: 100%;
			overflow: scroll;
		}

		.form-btn {
			width: 100%;
			position: fixed;
			left: 0;
			bottom: 0;
			padding: 20rpx 0;

			&>view {
				width: 70%;
				text-align: center;
				margin: 0 auto;
				color: #fff;
				background: linear-gradient(to right, #5e5fbc, #0d0398);
				border-radius: 30rpx;
				padding: 20rpx;
			}
		}
	}
</style>