qiube
57d9c03332
- 添加PingPong支付SDK动态加载逻辑 - 实现支付组件与SDK的初始化配置 - 配置支付容器自适应不同屏幕尺寸 - 添加支付token校验和错误提示 - 集成Element Plus消息组件显示支付状态 - 配置SDK基础样式和按钮样式参数 - 添加支付页面路由和基本布局结构 - 实现支付结果页面跳转逻辑 - 添加订单状态管理和响应码常量定义 - 集成工具函数支持金额格式化和日期处理 - 配置开发环境变量支持沙箱模式切换 - 添加防抖节流等常用工具函数实现 - 实现订单号生成和状态文本映射逻辑 - 添加表单验证函数支持邮箱和手机校验
43 lines
653 B
JavaScript
43 lines
653 B
JavaScript
import { reactive } from 'vue'
|
|
|
|
/**
|
|
* 简单的状态管理
|
|
* 如果需要更复杂的状态管理，可以使用 Pinia
|
|
*/
|
|
|
|
const state = reactive({
|
|
// 用户信息
|
|
user: null,
|
|
// 当前订单
|
|
currentOrder: null,
|
|
// 加载状态
|
|
loading: false
|
|
})
|
|
|
|
export default {
|
|
state,
|
|
|
|
// 设置用户信息
|
|
setUser(user) {
|
|
state.user = user
|
|
},
|
|
|
|
// 设置当前订单
|
|
setCurrentOrder(order) {
|
|
state.currentOrder = order
|
|
},
|
|
|
|
// 设置加载状态
|
|
setLoading(loading) {
|
|
state.loading = loading
|
|
},
|
|
|
|
// 清除状态
|
|
clear() {
|
|
state.user = null
|
|
state.currentOrder = null
|
|
state.loading = false
|
|
}
|
|
}
|
|
|