feat: 质惠游 H5 一期 —— 门票模块全链路（微信公众号版）

从 xghmall（云闪付版湘工游）迁移民票模块，改造为微信公众号 H5： - 技术栈沿用 uni-app + Vue2 + uView（含定制版日历组件） - 登录/支付独立成层（common/auth.js、common/pay.js）：一期假登录（测试手机号）+ 模拟支付，后端微信接口就绪后只换这两处 - 登录页重写：短信验证码 + 公众号网页授权（code 换用户信息）预留 - 门票列表页为入口页（进页必须登录），加订单悬浮按钮 - 支付成功页接通：查看订单/继续逛逛 + 订单状态轮询 - 详情页定位导航改用 uni.openLocation + 高德网页兜底 - 出行人页：身份证 18 位格式校验，删除死的删除按钮，修正证件类型回显笔误 - 清理云闪付 SDK、支付宝授权、死页面引用等残留 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-21 00:43:59 +08:00
commit 4190565eb7
192 changed files with 35664 additions and 0 deletions
@@ -0,0 +1,215 @@
+<template>
+	<view>
+		<u-form :model="form" :rules="rules" ref="uForm">
+			<view style="background-color: #fff;padding-left: 30rpx;padding-right: 30rpx;">
+				<u-form-item label-width="200" :label-position="labelPosition" label="出行人姓名" prop="name">
+					<u-input placeholder="请输入出行人姓名" v-model="form.name" type="text"></u-input>
+				</u-form-item>
+			</view>
+			<view style="background-color: #fff;padding-left: 30rpx;padding-right: 30rpx;margin-top: 20rpx;">
+				<u-form-item label-width="200" :label-position="labelPosition" label="联系号码" prop="phone">
+					<u-input placeholder="请输入联系号码" v-model="form.phone" type="text"></u-input>
+				</u-form-item>
+			</view>
+			<view style="background-color: #fff;padding-left: 30rpx;padding-right: 30rpx;margin-top: 20rpx;">
+				<u-form-item label="证件类型" prop="idType" label-width="200" :label-position="labelPosition">
+					<u-input v-model="idTypeName" placeholder='请选择证件类型' type="select" @click="idTypeShow()" />
+				</u-form-item>
+			</view>
+			<view style="background-color: #fff;padding-left: 30rpx;padding-right: 30rpx;margin-top: 20rpx;">
+				<u-form-item label-width="200" :label-position="labelPosition" label="证件号码" prop="identityNo">
+					<u-input placeholder="请输入证件号码" v-model="form.identityNo" type="text"></u-input>
+				</u-form-item>
+			</view>
+		</u-form>
+		<view class="pp_hh" @click="submit()">完成</view>
+		<u-action-sheet :list="actionSheetList" v-model="show" @click="actionSheetCallback"></u-action-sheet>
+	</view>
+</template>
+
+<script>
+	var that = ''
+	export default {
+		data() {
+			return {
+				show: false,
+				action: 'https://api.xhmyjq.com/web/upload/single',
+				fileList: [],
+				header: {
+					'token': '',
+					'Content-Type': 'multipart/form-data' // 设置请求头为multipart/form-data
+				},
+				labelPosition: 'left',
+				actionSheetList: [{
+						value: 'IDCARD',
+						text: '身份证'
+					},
+					{
+						value: 'PASSPORT',
+						text: '护照'
+					},
+					{
+						value: 'HONGKONG',
+						text: '港澳居民来往内地通行证'
+					},
+					{
+						value: 'TAIWAN',
+						text: '台湾居民来往大陆通行证'
+					}
+				],
+				form: {
+					"mobile": "",
+					"name": "",
+					"idType": "IDCARD",
+					"phone": "",
+					"identityNo": "",
+					"isDefault": true
+				},
+				idTypeName: '身份证',
+				rules: {
+					name: [{
+						required: true,
+						message: '请填写真实姓名',
+						// 可以单个或者同时写两个触发验证方式 
+						trigger: ['change', 'blur'],
+					}],
+					phone: [{
+						required: true,
+						message: '请填写手机号码',
+						// 可以单个或者同时写两个触发验证方式 
+						trigger: ['change', 'blur'],
+					}],
+					identityNo: [{
+						required: true,
+						message: '请填写证件号码',
+						// 可以单个或者同时写两个触发验证方式 
+						trigger: ['change', 'blur'],
+					}],
+				},
+				userId: '',
+				fullName: '',
+				identityNo: '',
+				id: '',
+				mobile: '',
+				code: '',
+				errorMessage: '',
+				errorMessage1: '',
+				isOpen: false,
+
+			}
+		},
+		watch: {
+
+		},
+		onReady() {
+			console.log(11);
+			this.$refs.uForm.setRules(this.rules);
+		},
+		onLoad(e) {
+			that = this
+			this.form.mobile=uni.getStorageSync('phone')
+			if (e.info) {
+				this.id = JSON.parse(e.info).id
+				this.form.name = JSON.parse(e.info).name
+				this.form.identityNo = JSON.parse(e.info).identityNo
+                this.form.idType=JSON.parse(e.info).idType
+				this.form.phone=JSON.parse(e.info).phone
+				this.actionSheetList.forEach(item=>{
+					// xuchao: 修正旧版笔误 —— 原来误拿 phone 和 value 比较，证件类型回显不对
+					if(item.value==this.form.idType){
+						this.idTypeName=item.text
+					}
+				})
+			}
+			// this.getMiniProgramMethod()
+		},
+		methods: {
+			actionSheetCallback(index) {
+				this.form.idType = this.actionSheetList[index].value
+				this.idTypeName = this.actionSheetList[index].text
+			},
+			getMiniProgramMethod() {
+				that.$u.mapApi.getMiniProgram().then(res => {
+					if (res) {
+						that.isOpen = res.isOpen
+					}
+				})
+			},
+			idTypeShow() {
+				this.show = !this.show
+			},
+			onSuccess(e) {
+				console.log(e);
+				if (e.code == 600) {
+					uni.removeStorageSync('phone')
+					uni.navigateTo({
+						url: '/pages/index/authorization'
+					})
+				} else {
+					this.form.facePhoto = e.data.url
+				}
+
+
+			},
+			submit() {
+
+				this.$refs.uForm.validate(valid => {
+					if (valid) {
+						// xuchao: 身份证类型增加 18 位格式校验，避免填错到景区门口才发现
+						if (this.form.idType == 'IDCARD' && !/^\d{17}[\dXx]$/.test(this.form.identityNo)) {
+							uni.showToast({
+								icon: 'none',
+								title: '请输入正确的18位身份证号'
+							})
+							return
+						}
+						if (that.id == '' || that.id == undefined) {
+							this.addTicketsMemberTouristMethod()
+
+						} else {
+							this.updateTicketsMemberTouristMethod()
+						}
+
+					} else {
+						console.log('验证失败');
+					}
+				});
+			},
+			updateTicketsMemberTouristMethod() {
+					
+				this.$set(this.form,'id',this.id)
+				console.log(this.form);
+				that.$u.api.updateTicketsMemberTourist(this.form).then(res => {
+					if (res) {
+						uni.navigateBack()
+					}
+
+				})
+			},
+			addTicketsMemberTouristMethod() {
+				that.$u.api.addTicketsMemberTourist(this.form).then(res => {
+					if (res) {
+						uni.navigateBack()
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped lang="less">
+	.pp_hh {
+		width: 702rpx;
+		height: 88rpx;
+		border-radius: 48rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: #fff;
+		font-size: 28rpx;
+		background: linear-gradient(180deg, #FF9E49 0%, #ED3B1A 100%);
+		margin-left: 30rpx;
+		position: fixed;
+		bottom: 25rpx;
+	}
+</style>