feat(payment): 集成PingPong支付SDK并实现支付功能

- 添加PingPong支付SDK动态加载逻辑
- 实现支付组件与SDK的初始化配置
- 配置支付容器自适应不同屏幕尺寸
- 添加支付token校验和错误提示
- 集成Element Plus消息组件显示支付状态
- 配置SDK基础样式和按钮样式参数
- 添加支付页面路由和基本布局结构
- 实现支付结果页面跳转逻辑
- 添加订单状态管理和响应码常量定义
- 集成工具函数支持金额格式化和日期处理
- 配置开发环境变量支持沙箱模式切换
- 添加防抖节流等常用工具函数实现
- 实现订单号生成和状态文本映射逻辑
- 添加表单验证函数支持邮箱和手机校验

src/store/index.js

@@ -0,0 +1,42 @@
+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
+  }
+}
+