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>

common/auth.js

@@ -0,0 +1,61 @@
+// xuchao: 登录层 —— 登录逻辑全部隔离在这里
+// 一期为假登录（开发模式），后端微信登录接口就绪后只改本文件：
+// - loginByMock   开发模式：输入测试手机号直接登录
+// - loginByWechat 正式流程：用微信网页授权凭证（code）换用户信息
+// - bindPhoneBySms 正式流程：短信验证码绑定手机号（微信授权拿不到手机号时用）
+import config from '@/common/config.js'
+
+// 是否已登录（本地缓存里有手机号即视为已登录）
+const isLogin = () => {
+	return !!uni.getStorageSync('phone')
+}
+
+// xuchao: 登录校验 —— 未登录则跳登录页，登录成功后回跳 redirect 指定的页面
+const requireLogin = (redirect) => {
+	if (isLogin()) return true
+	uni.navigateTo({
+		url: '/pages/index/authorization' + (redirect ? '?redirect=' + encodeURIComponent(redirect) : '')
+	})
+	return false
+}
+
+// xuchao: 开发模式假登录 —— 写入与真实登录相同的缓存数据，后续页面逻辑完全一致
+const loginByMock = (phone) => {
+	uni.setStorageSync('phone', phone)
+	uni.setStorageSync('openId', 'mock_openid_' + phone)
+	uni.setStorageSync('userId', '')
+}
+
+// xuchao: 正式流程占位 —— 后端接口就绪后实现（用 code 换 openId + 用户信息）
+const loginByWechat = (code) => {
+	return new Promise((resolve, reject) => {
+		// TODO 后端就绪后替换为：POST /auth/oauth2session {code} → {openId, mobile, token}
+		reject(new Error('微信登录接口未接入'))
+	})
+}
+
+// xuchao: 正式流程占位 —— 短信验证码绑定手机号
+const bindPhoneBySms = (phone, smsCode) => {
+	return new Promise((resolve, reject) => {
+		// TODO 后端就绪后替换为：短信验证码校验 + 手机号绑定 openId
+		reject(new Error('短信绑定接口未接入'))
+	})
+}
+
+// 退出登录
+const logout = () => {
+	uni.removeStorageSync('phone')
+	uni.removeStorageSync('openId')
+	uni.removeStorageSync('userId')
+	uni.removeStorageSync('token')
+}
+
+export default {
+	isLogin,
+	requireLogin,
+	loginByMock,
+	loginByWechat,
+	bindPhoneBySms,
+	logout,
+	devMode: config.devMode
+}

common/config.js

@@ -0,0 +1,13 @@
+// xuchao: 全局配置 —— 环境地址、开发模式开关
+export default {
+	// 后端测试环境地址
+	apiBaseUrl: 'https://dscp-uat.hn12301.net',
+	// 开发模式：true = 假登录 + 假支付（本地调试用）；后端微信接口就绪后改为 false 接真实流程
+	devMode: true,
+	// 产品名
+	appName: '质惠游',
+	// 测试手机号（测试环境已有数据的账号）
+	testPhones: ['17763797832', '18684839400', '18710146266', '15367920401'],
+	// 微信公众号网页授权 appid（公众号信息确定后填入）
+	wxAppid: ''
+}

common/http.api.js

@@ -0,0 +1,54 @@
+// xuchao: 接口定义 —— 一期仅门票模块 + 登录/支付预留
+let queryTicketsPageUrl = 'open-api/tickets/queryTicketsPage'
+let getTicketsTypesUrl = 'open-api/tickets/getTicketsTypes'
+let getTicketsCitiesUrl = 'open-api/tickets/getTicketsCities'
+let getTicketsDetailUrl = 'open-api/tickets/getTicketsDetail'
+let getSkuDetailUrl = 'open-api/tickets/getSkuDetail'
+let addTicketsMemberTouristUrl = 'open-api/tickets/addTicketsMemberTourist'
+let getMemberTouristUrl = 'open-api/tickets/getMemberTourist'
+let updateTicketsMemberTouristUrl = 'open-api/tickets/updateTicketsMemberTourist'
+let createTicketsOrderUrl = 'open-api/tickets/order/createTicketsOrder'
+let getTicketsOrderDetailUrl = 'open-api/tickets/order/getTicketsOrderDetail'
+let queryTicketsOrderPageUrl = 'open-api/tickets/order/queryTicketsOrderPage'
+let cancelTicketsOrderUrl = 'open-api/tickets/order/cancelTicketsOrder'
+let refundTicketsOrderXghUrl = 'open-api/tickets/order/refundTicketsOrderXgh'
+// xuchao: 微信预下单接口路径（后端接口就绪后确认，返回微信支付所需参数）
+let prepayWxUrl = 'open-api/tickets/order/prepayWx'
+
+const install = (Vue, vm) => {
+	let queryTicketsPage = (params = {}) => vm.$u.post(`${queryTicketsPageUrl}`, params);
+	let getTicketsTypes = (params = {}) => vm.$u.post(`${getTicketsTypesUrl}`, params);
+	let getTicketsCities = (params = {}) => vm.$u.post(`${getTicketsCitiesUrl}`, params);
+	let getTicketsDetail = (params = {}) => vm.$u.post(`${getTicketsDetailUrl}`, params);
+	let getSkuDetail = (params = {}) => vm.$u.post(`${getSkuDetailUrl}`, params);
+	let addTicketsMemberTourist = (params = {}) => vm.$u.post(`${addTicketsMemberTouristUrl}`, params);
+	let getMemberTourist = (params = {}) => vm.$u.post(`${getMemberTouristUrl}?mobile=${params.mobile}`, {});
+	let updateTicketsMemberTourist = (params = {}) => vm.$u.post(`${updateTicketsMemberTouristUrl}`, params);
+	let createTicketsOrder = (params = {}) => vm.$u.post(`${createTicketsOrderUrl}`, params);
+	let getTicketsOrderDetail = (params = {}) => vm.$u.post(`${getTicketsOrderDetailUrl}`, params);
+	let queryTicketsOrderPage = (params = {}) => vm.$u.post(`${queryTicketsOrderPageUrl}`, params);
+	let cancelTicketsOrder = (params = {}) => vm.$u.post(`${cancelTicketsOrderUrl}`, params);
+	let refundTicketsOrderXgh = (params = {}) => vm.$u.post(`${refundTicketsOrderXghUrl}`, params);
+	let prepayWx = (params = {}) => vm.$u.post(`${prepayWxUrl}`, params);
+
+	Vue.prototype.$u.api = {
+		queryTicketsPage,
+		getTicketsTypes,
+		getTicketsCities,
+		getTicketsDetail,
+		getSkuDetail,
+		addTicketsMemberTourist,
+		getMemberTourist,
+		updateTicketsMemberTourist,
+		createTicketsOrder,
+		getTicketsOrderDetail,
+		queryTicketsOrderPage,
+		cancelTicketsOrder,
+		refundTicketsOrderXgh,
+		prepayWx
+	}
+}
+
+export default {
+	install
+}

common/http.interceptor.js

@@ -0,0 +1,34 @@
+// xuchao: 请求/响应拦截器 —— baseUrl 统一走 config.js
+import config from '@/common/config.js'
+
+const install = (Vue, vm) => {
+	Vue.prototype.$u.http.setConfig({
+		baseUrl: config.apiBaseUrl
+	});
+	// 请求拦截：带上登录凭证
+	Vue.prototype.$u.http.interceptor.request = (config) => {
+		config.header.Authorization = uni.getStorageSync('token');
+		return config;
+	}
+	// 响应拦截：errcode==0 才算成功；status==600 视为登录失效，跳登录页
+	Vue.prototype.$u.http.interceptor.response = (res) => {
+		if (res.errcode == 0) {
+			return res;
+		} else if (res.status == 600) {
+			uni.removeStorageSync('phone')
+			uni.reLaunch({
+				url: '/pages/index/authorization'
+			})
+		} else {
+			uni.showToast({
+				icon: 'none',
+				title: res.errmsg,
+				duration: 5000
+			})
+		};
+	}
+}
+
+export default {
+	install
+}

common/pay.js

@@ -0,0 +1,62 @@
+// xuchao: 支付层 —— 支付逻辑全部隔离在这里
+// 一期为模拟支付（开发模式），后端微信预下单接口就绪后只改本文件：
+// - devMode=true  模拟支付成功（订单在测试环境真实生成为"待支付"状态）
+// - devMode=false 调后端微信预下单接口，再用微信内置桥接唤起微信支付
+import config from '@/common/config.js'
+
+// xuchao: 判断是否在微信浏览器内（正式支付只能在微信里唤起）
+const isWechatBrowser = () => {
+	// #ifdef H5
+	return /micromessenger/i.test(navigator.userAgent)
+	// #endif
+}
+
+// xuchao: 发起支付
+// vm: 页面的 this（用于调接口）
+// orderId: 订单号（createTicketsOrder 返回值）
+// onSuccess / onFail: 支付结果回调
+const pay = (vm, { orderId, onSuccess, onFail }) => {
+	if (config.devMode) {
+		// 开发模式：模拟支付成功
+		uni.showLoading({ title: '支付中...' })
+		setTimeout(() => {
+			uni.hideLoading()
+			onSuccess && onSuccess({ mock: true })
+		}, 800)
+		return
+	}
+
+	// 正式流程：微信 JSAPI 支付
+	if (!isWechatBrowser()) {
+		uni.showToast({ icon: 'none', title: '请在微信中打开完成支付' })
+		onFail && onFail({ errMsg: 'not wechat browser' })
+		return
+	}
+	const openId = uni.getStorageSync('openId')
+	vm.$u.api.prepayWx({ orderId, openId }).then(res => {
+		if (!res) return
+		const p = res.data || {}
+		// 后端返回微信支付所需参数后，用此桥接唤起支付（微信浏览器内置，无需额外引入）
+		WeixinJSBridge.invoke('getBrandWCPayRequest', {
+			appId: p.appId,
+			timeStamp: String(p.timeStamp),
+			nonceStr: p.nonceStr,
+			package: p.pack || p.packageValue,
+			signType: p.signType || 'RSA',
+			paySign: p.paySign
+		}, bridgeRes => {
+			if (bridgeRes.err_msg === 'get_brand_wcpay_request:ok') {
+				onSuccess && onSuccess(bridgeRes)
+			} else {
+				onFail && onFail(bridgeRes)
+			}
+		})
+	}).catch(() => {
+		onFail && onFail({ errMsg: 'prepay error' })
+	})
+}
+
+export default {
+	pay,
+	isWechatBrowser
+}