feat(payment): 新增创建支付订单功能

- 添加创建订单页面,支持完整的支付信息填写
- 实现商品信息展示与自动填充功能
- 集成风控信息、收货地址和账单地址表单
- 支持自动生成商户订单号
- 实现表单验证和提交逻辑
- 添加订单创建成功后的跳转逻辑
- 集成Element Plus组件库优化界面交互
- 添加路由配置支持商品ID或链接码访问
- 实现价格格式化和数据显示优化
- 添加基础的错误处理和用户提示机制
This commit is contained in:
2025-12-22 13:11:13 +08:00
parent ed745ee6a5
commit 0cfe1e6942
7 changed files with 2464 additions and 1 deletions

32
src/main.js Normal file
View File

@@ -0,0 +1,32 @@
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
const app = createApp(App)
// 注册所有图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component)
}
app.use(router)
app.use(ElementPlus)
// 添加错误处理
app.config.errorHandler = (err, instance, info) => {
console.error('Vue错误:', err)
console.error('错误信息:', info)
console.error('组件实例:', instance)
}
// 挂载应用
try {
app.mount('#app')
console.log('Vue应用已成功挂载')
} catch (error) {
console.error('应用挂载失败:', error)
}