| | |
|---|
| | | <el-descriptions-item label="交易流水号"> |
|---|
| | | {{ transactionNo }} |
|---|
| | | </el-descriptions-item> |
|---|
| | | <el-descriptions-item label="支付方式"> |
|---|
| | | {{ payType }} |
|---|
| | | </el-descriptions-item> |
|---|
| | | </el-descriptions> |
|---|
| | | </el-card> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | errorMessage: '', |
|---|
| | | payAmount: '', |
|---|
| | | orderNo: '', |
|---|
| | | transactionNo: '' |
|---|
| | | transactionNo: '', |
|---|
| | | payType: '' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | |
|---|
| | | initData() { |
|---|
| | | // 从URL参数中获取数据 |
|---|
| | | const query = this.$route.query; |
|---|
| | | if (!query.payAmount || !query.orderNo || !query.transactionNo) { |
|---|
| | | this.errorMessage = '缺少必要的参数信息'; |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 设置数据 |
|---|
| | | this.payAmount = query.payAmount; |
|---|
| | | this.orderNo = query.orderNo; |
|---|
| | | this.transactionNo = query.transactionNo; |
|---|
| | | |
|---|
| | | // 模拟加载延迟 |
|---|
| | | setTimeout(() => { |
|---|
| | | this.validated = true; |
|---|
| | | }, 500); |
|---|
| | | |
|---|
| | | // 设置数据，使用空字符串作为默认值 |
|---|
| | | this.payAmount = query.PayMoney || '0'; |
|---|
| | | this.orderNo = query.ServiceOrdID || '--'; |
|---|
| | | this.transactionNo = query.DispatchOrdID || '--'; |
|---|
| | | this.payType = query.payType === '微信' ? '微信' : |
|---|
| | | query.payType === '支付宝' ? '支付宝' : '--'; |
|---|
| | | |
|---|
| | | // 直接显示数据，不做必填校验 |
|---|
| | | this.validated = true; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
