fix: 云闪付控件唤起路线B——发布脚本向构建产物index.html注入upsdk静态标签（HBuilderX不吃根模板，控件桥需静态加载）；白名单豁免下线，唤起失败统一弹指引模态

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

App.vue

@@ -23,4 +23,23 @@
 			Arial, Helvetica, sans-serif;
 		-webkit-font-smoothing: antialiased;
 	}
+
+	/* xuchao: 修复默认导航栏在微信 WebView 内顶部超宽空白（参加/使用指南、协议等页）——
+	   uni-app 内置 H5 导航栏高度为 calc(44px + env(safe-area-inset-top))，页面模板带
+	   viewport-fit=cover 时，部分 Android 微信 WebView 会误报状态栏高度（而 H5 视口本
+	   就位于微信原生标题栏下方、并未被遮挡），导致导航栏被垫高。强制回退固定 44px。
+	   标准浏览器/ iOS 中该 env 值为 0，此覆盖无副作用 */
+	uni-page-head .uni-page-head {
+		height: 44px !important;
+		padding-top: 7px !important;
+	}
+	uni-page-head .uni-page-head ~ .uni-placeholder {
+		height: 44px !important;
+	}
+	uni-page-head[uni-page-head-type='default'] ~ uni-page-wrapper {
+		height: calc(100% - 44px) !important;
+	}
+	.uni-app--showtabbar uni-page-head[uni-page-head-type='default'] ~ uni-page-wrapper {
+		height: calc(100% - 44px) !important;
+	}
 </style>

common/petrolVoucher.js

@@ -1,15 +1,12 @@
 // xuchao: 怀化石油汽油减免券——前端常量与工具（全写死，只服务这一个门店，决策 1/10/15）
-// 价格真相在后端常量（20000 分），此处 200.00 仅展示用，两处改价必须同步
+// 价格真相=后端配置 hh.voucher.price-fen 经 latest 下发；此处 200.00 仅为接口未返回时的展示兜底
 
 export const PETROL_SHOP_ID = '851219003520709'
 export const VOUCHER_PRICE_TEXT = '200.00'
-// xuchao: 非云闪付环境豁免拦截的联调手机号（决策 13）
-export const VOUCHER_PAY_WHITELIST_PHONE = '18684839400'
 
 export const VOUCHER_NAME = '怀化石油汽油电子券'
-export const VOUCHER_RULE = '加油满 200 元减 8 元'
 
-export const VOUCHER_GUIDE_TEXT = '请在「云闪付 App」里的「湖南社保卡」小程序首页进入「怀化市社保卡场景建设」活动中完成购买'
+export const VOUCHER_GUIDE_TEXT = '请在「云闪付 App」里的「湖南社保卡」小程序首页进入「怀化社保卡」活动中完成购买'
 
 // 券详情页「使用规则 / 使用流程 / 重要须知」文案，来自石油侧材料（决策 14）
 export const VOUCHER_USE_RULES = [
@@ -23,14 +20,20 @@ export const VOUCHER_USE_FLOW = [
 	'支付差额可选：油卡 / 现金等'
 ]
 
-// xuchao: 云闪付容器判定。UA 特征 + window.upsdk 双判，真机实测后定稿（方案文档 §8 挂账项）；
+// xuchao: 云闪付 SDK 前置预热注入。HBuilderX 的 H5 构建不吃项目根 index.html（静态标签会被丢），
-//         若实测 UA 关键字不符，只需调整下方正则。
+//         只能在 main.js 最早期（document-start、App 挂载前）动态注入，逼近 xghmall 的 head 静态加载时机，
-export function isUnionPayApp() {
+//         让云闪付原生控件桥在首屏就注册，避免到确认订单页才注入导致 upsdk.pay 唤不起。
-	if (typeof navigator === 'undefined' || !navigator.userAgent) return false
+//         与 orderConfirm 页的 loadUpSdk 共用同一 script[data-upsdk] 标记，全局只注入一次。
-	if (!/unionpay|upsdk|云闪付/i.test(navigator.userAgent)) return false
+export function injectUpSdk() {
-	return typeof window !== 'undefined' && !!window.upsdk
+	if (typeof document === 'undefined' || typeof window === 'undefined') return
+	if (window.upsdk || document.querySelector('script[data-upsdk]')) return
+	const s = document.createElement('script')
+	s.src = 'https://open.95516.com/s/open/js/upsdk.js'
+	s.setAttribute('data-upsdk', '1')
+	document.head.appendChild(s)
 }
 
+
 // xuchao: open-api/hhService/voucher/* 为双层壳：外层 errcode，内层 data.code 才是业务码
 //         （同 login.vue 的 isBizOk 判定，提到公共层复用）
 export function bizOk(res) {

h5-release.sh

@@ -0,0 +1,14 @@
+#!/bin/bash
+# xuchao: hhrs H5 发布脚本 —— HBuilderX 构建不吃项目根 index.html（静态标签会被丢），
+# 云闪付控件(upsdk)必须静态标签加载才能注册控件桥（路线B，2026-09-28 定），
+# 故构建后把标签注入产物 index.html 再打包上传。发布 = sh h5-release.sh
+set -e
+cd "$(dirname "$0")"
+rm -rf unpackage/dist/build/web
+/Applications/HBuilderX.app/Contents/MacOS/cli publish web --project hhrs
+BUILT=unpackage/dist/build/web/index.html
+# 注入云闪付 SDK 静态标签（幂等：已有则跳过）
+grep -q "open.95516.com" "$BUILT" || sed -i '' 's#<title>怀化人社</title>#<title>怀化人社</title><script src="https://open.95516.com/s/open/js/upsdk.js" data-upsdk="1"></script>#' "$BUILT"
+grep -q "open.95516.com" "$BUILT" && echo "[h5-release] upsdk 静态标签已在产物 index.html"
+tar czf /tmp/hh-voucher/web_release.tgz -C unpackage/dist/build/web .
+echo "[h5-release] 产物就绪：/tmp/hh-voucher/web_release.tgz —— 用 expect rsh.exp scp 上传后原子切换"

main.js

@@ -1,4 +1,9 @@
 import App from './App'
+import { injectUpSdk } from '@/common/petrolVoucher.js'
+
+// xuchao: 云闪付控件 SDK 预热——HBuilderX 构建不吃根 index.html，静态标签无效，
+//         在 App 挂载前（document-start 最早 JS 点）注入，逼近静态 head 加载时机（石油券支付修复）
+injectUpSdk()
 
 // #ifndef VUE3
 import Vue from 'vue'

pages/index/index.vue

@@ -19,14 +19,10 @@
 				<view class="title-line"></view>
 				<text class="title-text">活动指南</text>
 			</view>
+			<!-- xuchao: 图内已带标题/副标题/官方指南角标，不再叠加文字层，只保留图片 -->
 			<view class="guide-list">
 				<view class="guide-card" v-for="(item, index) in guideList" :key="index" @click="goPage(item.url)">
 					<image class="guide-bg" :src="item.bg" mode="scaleToFill"></image>
-					<view class="guide-info">
-						<text class="guide-title">{{ item.title }}</text>
-						<text class="guide-sub">{{ item.sub }}</text>
-						<view class="guide-tag">官方指南</view>
-					</view>
 				</view>
 			</view>
 		</view>
@@ -47,15 +43,12 @@
 				],
 				guideList: [
 					{
-						title: '“千万好礼促消费”活动指南',
+						// xuchao: ?v= 为图片版本参数，运营换图必须同步更新日期，否则各平台 WebView/CDN 会继续命中旧缓存
-						sub: '千元权益包、商户惠民福利',
+						bg: 'https://aliyunoss.hn12301.net/hhrs/hhrs_cjzn.png?v=20260928',
-						bg: 'https://aliyunoss.hn12301.net/hhrs/hhrs_cjzn.png',
 						url: '/pages/guide/join'
 					},
 					{
-						title: '社保卡领取及使用指南',
+						bg: 'https://aliyunoss.hn12301.net/hhrs/hhrs_syzn.png?v=20260928',
-						sub: '全流程办理及激活指引',
-						bg: 'https://aliyunoss.hn12301.net/hhrs/hhrs_syzn.png',
 						url: '/pages/guide/use'
 					}
 				],
@@ -266,7 +259,6 @@
 	}
 
 	.guide-card {
-		position: relative;
 		width: 100%;
 		height: 252rpx;
 		border-radius: 16rpx;
@@ -279,40 +271,5 @@
 		border-radius: 16rpx;
 	}
 
-	.guide-info {
-		position: absolute;
-		top: 0;
-		left: 0;
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		width: 100%;
-		height: 100%;
-		padding: 0 30rpx;
-	}
-
-	.guide-title {
-		font-size: 16px;
-		font-weight: 600;
-		color: #0088FF;
-		margin-bottom: 10rpx;
-	}
-
-	.guide-sub {
-		font-size: 12px;
-		color: #949AA0;
-		margin-bottom: 16rpx;
-	}
-
-	.guide-tag {
-		display: inline-block;
-		width: fit-content;
-		padding: 4px 10px;
-		background-color: #e6f2ff;
-		color: #0088FF;
-		font-size: 12px;
-		border-radius: 6rpx;
-	}
-
 
 </style>

pages/petrol/orderConfirm.vue

@@ -9,7 +9,7 @@
 
 		<!-- 券面 -->
 		<view class="ticket">
-			<view class="ticket-amt">满200减8 <text class="ticket-amt-sub">汽油电子券</text></view>
+			<view class="ticket-amt">200元 <text class="ticket-amt-sub">汽油电子券</text></view>
 			<view class="ticket-dsc">{{ voucherName }} ｜ 收银台扫码核销</view>
 			<text class="ticket-wm">90天</text>
 		</view>
@@ -17,7 +17,6 @@
 		<!-- 订单要素 -->
 		<view class="card">
 			<view class="kv"><text class="k">券名称</text><text class="v">{{ voucherName }}</text></view>
-			<view class="kv"><text class="k">使用规则</text><text class="v">{{ voucherRule }} ｜ 单日限用 1 张</text></view>
 			<view class="kv"><text class="k">有效期</text><text class="v">购买日起 90 天</text></view>
 			<view class="kv"><text class="k">购买数量</text><text class="v">1 张</text></view>
 			<view class="kv"><text class="k">售价</text><text class="v">¥{{ priceText }}</text></view>
@@ -53,8 +52,8 @@
 
 <script>
 import {
-	VOUCHER_NAME, VOUCHER_RULE, VOUCHER_PRICE_TEXT, VOUCHER_GUIDE_TEXT,
+	VOUCHER_NAME, VOUCHER_PRICE_TEXT, VOUCHER_GUIDE_TEXT,
-	VOUCHER_PAY_WHITELIST_PHONE, isUnionPayApp, bizOk, bizMsg, bizData
+	bizOk, bizMsg, bizData
 } from '@/common/petrolVoucher.js'
 
 export default {
@@ -66,7 +65,6 @@ export default {
 			guideModal: false,
 			guideText: VOUCHER_GUIDE_TEXT,
 			voucherName: VOUCHER_NAME,
-			voucherRule: VOUCHER_RULE,
 			priceText: VOUCHER_PRICE_TEXT
 		}
 	},
@@ -83,11 +81,42 @@ export default {
 			uni.redirectTo({ url: '/pages/index/login?redirect=' + encodeURIComponent('/pages/venue/detail?id=851219003520709&type=2') })
 			return
 		}
+		this.loadUpSdk() // xuchao: 运行时兜底注入（静态标签已在发布脚本注入产物 index.html，见 h5-release.sh）
 		if (options.orderNo) this.orderNo = options.orderNo
 		this.initFromServer()
 	},
 	methods: {
-		// xuchao: 价格展示以服务端 latest 为准（测试期 0.01）；已有待支付单自动续用；已发券直接跳券详情
+		// xuchao: upsdk 运行时注入并返回就绪 Promise（同一加载只发起一次；超时/失败 resolve(false)）。
+		//         不能依赖 index.html 静态标签——HBuilderX 命令行构建的 H5 模板不吃根 index.html（会丢标签）。
+		loadUpSdk(timeout = 9000) {
+			if (typeof window === 'undefined' || typeof document === 'undefined') return Promise.resolve(false)
+			if (window.upsdk) return Promise.resolve(true)
+			if (this._upSdkPromise) return this._upSdkPromise
+			const loading = new Promise(resolve => {
+				let done = false
+				const finish = v => { if (!done) { done = true; resolve(v) } }
+				const exists = document.querySelector('script[data-upsdk]')
+				if (exists) {
+					// main.js 已预热注入：轮询等 window.upsdk 出现（避免重复插标签）
+					const t0 = Date.now()
+					const timer = setInterval(() => {
+						if (window.upsdk) { clearInterval(timer); finish(true) }
+						else if (Date.now() - t0 > timeout) { clearInterval(timer); finish(false) }
+					}, 200)
+					return
+				}
+				const s = document.createElement('script')
+				s.src = 'https://open.95516.com/s/open/js/upsdk.js'
+				s.setAttribute('data-upsdk', '1')
+				s.onload = () => finish(!!window.upsdk)
+				s.onerror = () => finish(false)
+				document.head.appendChild(s)
+				setTimeout(() => finish(!!window.upsdk), timeout)
+			})
+			this._upSdkPromise = loading
+			return loading
+		},
+		// xuchao: 价格展示以服务端 latest 为准；已有待支付单自动续用；已发券直接跳券详情
 		initFromServer() {
 			this.$u.api.voucherLatest({ phone: this.phone }).then(res => {
 				if (!bizOk(res)) return
@@ -104,11 +133,8 @@ export default {
 		},
 		onConfirmPay() {
 			if (this.submitting) return
-			// xuchao: 容器拦截——非云闪付且非联调白名单号，弹窗不发起支付（决策 11/13）
+			// xuchao: 不做容器/白名单前置拦截，直接发起；云闪付控件在站外唤不起时
-			if (!isUnionPayApp() && this.phone !== VOUCHER_PAY_WHITELIST_PHONE) {
+			//         由 pay 的 fail 回调统一弹「去云闪付」指引模态（决策 11 修订：去白名单）
-				this.guideModal = true
-				return
-			}
 			this.submitting = true
 			this.doPay()
 		},
@@ -133,23 +159,26 @@ export default {
 				uni.showToast({ title: (err && err.message) || '操作失败，请稍后再试', icon: 'none' })
 			})
 		},
-		// xuchao: 云闪付控件唤起，交互与湘工惠商城一致（xghmall ordersure.vue:195-229 同型）
+		// xuchao: 云闪付控件唤起。先等 SDK 就绪（修复首点无反应：脚本异步加载未完成时
-		launchUnionPay(tn) {
+		//         旧逻辑只重试 4 秒且静默；就绪判定收敛到 loadUpSdk 的 Promise）。
-			if (typeof window === 'undefined' || !window.upsdk) {
+		async launchUnionPay(tn) {
+			const ready = await this.loadUpSdk()
+			if (!ready) {
 				this.submitting = false
-				uni.showToast({ title: '支付组件未就绪，请在云闪付内重进页面', icon: 'none' })
+				this.guideModal = true
 				return
 			}
-			const orderNo = this.orderNo
 			window.upsdk.pluginReady(() => {
 				window.upsdk.pay({
 					tn: tn,
 					success: () => {
-						uni.redirectTo({ url: '/pages/petrol/voucherDetail?orderNo=' + orderNo })
+						uni.redirectTo({ url: '/pages/petrol/voucherDetail?orderNo=' + this.orderNo })
 					},
 					fail: () => {
+						// xuchao: 唤起失败（多为不在云闪付内）→ 指引模态；云闪付内取消也会走这里，
+						//         订单仍保留可"继续支付"，统一用文案引导，不做环境猜测
 						this.submitting = false
-						uni.showToast({ title: '支付未完成，可在门店页继续支付', icon: 'none' })
+						this.guideModal = true
 					}
 				})
 			})

pages/petrol/voucherDetail.vue

@@ -18,7 +18,6 @@
 		<!-- 已发券（statusCode=2）：二维码 + 订单信息 -->
 		<block v-else-if="status === 2">
 			<view class="qrbox">
-				<view class="qr-badge">有效</view>
 				<!-- 核销码为图片URL时直接展示 -->
 				<image v-if="isQrImage" class="qr-img" :src="qrText" mode="widthFix" />
 				<!-- 核销码为字符串时前端渲染二维码（每60秒向服务端换取新码） -->
@@ -29,7 +28,6 @@
 			<view class="card">
 				<view class="card-title">订单信息</view>
 				<view class="kv"><text class="k">券名称</text><text class="v">{{ voucherName }}</text></view>
-				<view class="kv"><text class="k">券规则</text><text class="v rule-hl">{{ voucherRule }} ｜ 无门槛</text></view>
 				<view class="kv"><text class="k">有效期至</text><text class="v">{{ voucher.validUntil || '-' }}</text></view>
 				<view class="kv"><text class="k">实付金额</text><text class="v">¥{{ amountText }}</text></view>
 				<view class="kv"><text class="k">支付时间</text><text class="v">{{ fmtTime(voucher.payTime) }}</text></view>
@@ -82,7 +80,7 @@
 
 <script>
 import {
-	VOUCHER_NAME, VOUCHER_RULE, VOUCHER_USE_RULES, VOUCHER_USE_FLOW,
+	VOUCHER_NAME, VOUCHER_USE_RULES, VOUCHER_USE_FLOW,
 	bizOk, bizMsg, bizData
 } from '@/common/petrolVoucher.js'
 
@@ -98,7 +96,6 @@ export default {
 			pollLeft: 3,
 			checkTimer: null,
 			voucherName: VOUCHER_NAME,
-			voucherRule: VOUCHER_RULE,
 			useRules: VOUCHER_USE_RULES,
 			useFlow: VOUCHER_USE_FLOW
 		}
@@ -235,7 +232,6 @@ export default {
 .nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1818; padding: 0 56px; }
 
 .qrbox { position: relative; background-color: #ffffff; border-radius: 8px; margin: 12px; padding: 28px 20px 18px; text-align: center; }
-.qr-badge { position: absolute; top: 14px; left: 14px; font-size: 11px; color: #2BB879; border: 1px solid #b6e6cf; border-radius: 3px; padding: 2px 8px; background-color: #f2fbf7; }
 .qr-canvas { display: inline-block; }
 .qr-canvas img, .qr-canvas canvas { display: block; }
 .qr-img { width: 200px; }
@@ -247,7 +243,6 @@ export default {
 .kv:last-child { border-bottom: none; }
 .k { color: #999999; flex-shrink: 0; margin-right: 12px; }
 .v { color: #1a1818; text-align: right; word-break: break-all; }
-.rule-hl { color: #ff4d4f; font-weight: 600; }
 .ol-item { font-size: 13px; color: #666666; line-height: 1.8; }
 
 .issuing { background-color: #ffffff; border-radius: 8px; margin: 12px; padding: 46px 20px 26px; text-align: center; }

pages/venue/detail.vue

@@ -71,7 +71,7 @@
 				<text class="discount-title">汽油电子券</text>
 			</view>
 			<view class="voucher-ticket">
-				<view class="voucher-amt">满200减8 <text class="voucher-amt-sub">汽油电子券</text></view>
+				<view class="voucher-amt">200元 <text class="voucher-amt-sub">汽油电子券</text></view>
 				<view class="voucher-rule">无门槛 ｜ 90 天有效 ｜ 单日限用 1 张 ｜ 可叠加</view>
 				<text class="voucher-wm">90天</text>
 			</view>
@@ -113,7 +113,8 @@ export default {
 			return this.detailType !== '2'
 		},
 		isPetrol() {
-			return this.loaded && String(this.shopId) === PETROL_SHOP_ID && !this.isVenue
+			// xuchao: 后端券服务探活（latest 返回 price）后才展示购券模块——后端未部署期间整模块自动隐藏，无死入口
+			return this.loaded && String(this.shopId) === PETROL_SHOP_ID && !this.isVenue && !!(this.voucher && this.voucher.price)
 		},
 		voucherBtnText() {
 			const s = this.voucher ? this.voucher.statusCode : -1
@@ -170,10 +171,9 @@ export default {
 		if (String(this.shopId) === PETROL_SHOP_ID) this.loadVoucher()
 	},
 	methods: {
-		// xuchao: 拉取石油券最新订单状态（未登录不查，按钮保持“¥200 购买”，点击时再引导登录）
+		// xuchao: 拉取石油券最新订单状态（未登录也调用：作为后端服务探活，price 决定模块显隐）
 		loadVoucher() {
-			const phone = uni.getStorageSync('phone')
+			const phone = uni.getStorageSync('phone') || ''
-			if (!phone) { this.voucher = null; return }
 			this.$u.api.voucherLatest({ phone }).then(res => {
 				this.voucher = bizOk(res) ? bizData(res) : null
 			}).catch(() => { this.voucher = null })

pages/venue/venue.vue

@@ -17,7 +17,7 @@
 
 		<!-- 场馆列表 -->
 		<view class="list-area">
-			<view class="venue-card" v-for="item in list" :key="item.shopId" @click="goDetail(item)">
+			<view class="venue-card" v-for="item in list" :key="item.shopId">
 				<image class="card-img" :src="item.image" mode="aspectFill" />
 				<view class="card-info">
 					<text class="card-name">{{ item.name }}</text>
@@ -122,9 +122,6 @@ export default {
 				uni.reLaunch({ url: '/pages/index/index' })
 			}
 		},
-		goDetail(item) {
-			uni.navigateTo({ url: '/pages/venue/detail?id=' + item.shopId })
-		},
 		onSearch() {
 			this.pageNo = 1
 			this.list = []
@@ -207,7 +204,6 @@ export default {
 	background-color: #ffffff;
 	border: 1px solid #f2f2f7;
 	border-radius: 6px;
-	width: 702rpx;
 	padding: 24px 12px;
 	gap: 12px;
 	box-shadow: 0 2px 3px #f2f2f7;
@@ -223,6 +219,8 @@ export default {
 
 .card-info {
 	flex: 1;
+	/* xuchao: flex 项默认 min-width:auto，nowrap 地址会把列宽撑破卡片；置 0 后子元素在实宽内省略 */
+	min-width: 0;
 	display: flex;
 	flex-direction: column;
 	gap: 0;
@@ -250,7 +248,6 @@ export default {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
-	max-width: 200px;
 }
 
 .card-distance {

pages/winners/winners.vue

@@ -11,7 +11,7 @@
 				<image class="banner-icon" src="https://aliyunoss.hn12301.net/hhrs/hhrs_zjgs.png" mode="aspectFit"></image>
 				<text class="banner-title">中奖名单公示</text>
 			</view>
-			<text class="banner-subtitle">总计 10,000份权益包，分三期公证抽取</text>
+			<text class="banner-subtitle">总计 10,000份权益包，全程公证抽取</text>
 			<view class="stats-card">
 				<image class="stats-gift" src="https://aliyunoss.hn12301.net/hhrs/hhrs_xyckr.png" mode="aspectFit"></image>
 				<text class="stats-label">已产生</text>