从 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>
48 lines
1.7 KiB
JavaScript
48 lines
1.7 KiB
JavaScript
// 获取父组件的参数,因为支付宝小程序不支持provide/inject的写法
|
|
// this.$parent在非H5中,可以准确获取到父组件,但是在H5中,需要多次this.$parent.$parent.xxx
|
|
export default function getParent(name, keys) {
|
|
console.log(111);
|
|
let parent = this.$parent;
|
|
// 通过while历遍,这里主要是为了H5需要多层解析的问题
|
|
while (parent) {
|
|
// 父组件
|
|
if (parent.$options.name !== name) {
|
|
// 如果组件的name不相等,继续上一级寻找
|
|
parent = parent.$parent;
|
|
} else {
|
|
let data = {};
|
|
// 判断keys是否数组,如果传过来的是一个数组,那么直接使用数组元素值当做键值去父组件寻找
|
|
if(Array.isArray(keys)) {
|
|
keys.map(val => {
|
|
data[val] = parent[val] ? parent[val] : '';
|
|
})
|
|
} else {
|
|
// 历遍传过来的对象参数
|
|
for(let i in keys) {
|
|
// 如果子组件有此值则用,无此值则用父组件的值
|
|
// 判断是否空数组,如果是,则用父组件的值,否则用子组件的值
|
|
if(Array.isArray(keys[i])) {
|
|
if(keys[i].length) {
|
|
data[i] = keys[i];
|
|
} else {
|
|
data[i] = parent[i];
|
|
}
|
|
} else if(keys[i].constructor === Object) {
|
|
// 判断是否对象,如果是对象,且有属性,那么使用子组件的值,否则使用父组件的值
|
|
if(Object.keys(keys[i]).length) {
|
|
data[i] = keys[i];
|
|
} else {
|
|
data[i] = parent[i];
|
|
}
|
|
} else {
|
|
// 只要子组件有传值,即使是false值,也是“传值”了,也需要覆盖父组件的同名参数
|
|
data[i] = (keys[i] || keys[i] === false) ? keys[i] : parent[i];
|
|
}
|
|
}
|
|
}
|
|
return data;
|
|
}
|
|
}
|
|
|
|
return {};
|
|
} |