|
@@ -20,7 +20,7 @@
|
|
|
>
|
|
|
<div class="record-content">
|
|
|
<div class="record-number">奖品{{ getChineseNumber(index + 1) }}</div>
|
|
|
- <div class="record-name">{{ record.productName }}</div>
|
|
|
+ <div class="record-name">{{ record.prize_name }}</div>
|
|
|
<div class="record-price">价值{{ record.value }}元</div>
|
|
|
<div class="record-count">{{ record.count }}份</div>
|
|
|
</div>
|
|
@@ -36,7 +36,7 @@
|
|
|
|
|
|
<script>
|
|
|
import Toast from '@/components/Toast.vue';
|
|
|
-
|
|
|
+import { getLotteryRecord } from '@/api/profile';
|
|
|
export default {
|
|
|
name: 'DhjiluPage',
|
|
|
components: {
|
|
@@ -44,53 +44,7 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- exchangeRecords: [
|
|
|
- {
|
|
|
- id: 1,
|
|
|
- productName: '小米手机',
|
|
|
- value: 5999,
|
|
|
- count: 0,
|
|
|
- points: 100,
|
|
|
- exchangeTime: '2024-01-15 14:30:00',
|
|
|
- status: 'completed'
|
|
|
- },
|
|
|
- {
|
|
|
- id: 2,
|
|
|
- productName: '片仔癀',
|
|
|
- value: 18000,
|
|
|
- count: 0,
|
|
|
- points: 200,
|
|
|
- exchangeTime: '2024-01-14 16:20:00',
|
|
|
- status: 'pending'
|
|
|
- },
|
|
|
- {
|
|
|
- id: 3,
|
|
|
- productName: '野山参',
|
|
|
- value: 38888,
|
|
|
- count: 1,
|
|
|
- points: 300,
|
|
|
- exchangeTime: '2024-01-13 09:15:00',
|
|
|
- status: 'completed'
|
|
|
- },
|
|
|
- {
|
|
|
- id: 4,
|
|
|
- productName: '纪念金条',
|
|
|
- value: 78000,
|
|
|
- count: 0,
|
|
|
- points: 400,
|
|
|
- exchangeTime: '2024-01-12 11:45:00',
|
|
|
- status: 'pending'
|
|
|
- },
|
|
|
- {
|
|
|
- id: 5,
|
|
|
- productName: '劳力士金表',
|
|
|
- value: 88000,
|
|
|
- count: 0,
|
|
|
- points: 500,
|
|
|
- exchangeTime: '2024-01-11 15:30:00',
|
|
|
- status: 'pending'
|
|
|
- }
|
|
|
- ]
|
|
|
+ exchangeRecords: []
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
@@ -100,12 +54,10 @@ export default {
|
|
|
// 加载兑换记录
|
|
|
async loadExchangeRecords() {
|
|
|
try {
|
|
|
- // 这里应该调用真实的API
|
|
|
- // const response = await getExchangeRecords();
|
|
|
- // this.exchangeRecords = response.data;
|
|
|
|
|
|
- // 当前使用模拟数据,实际开发时替换为API调用
|
|
|
- console.log('兑换记录加载完成');
|
|
|
+ const res = await getLotteryRecord();
|
|
|
+ console.log(res);
|
|
|
+ this.exchangeRecords = res.data;
|
|
|
} catch (error) {
|
|
|
console.error('加载兑换记录失败:', error);
|
|
|
this.$refs.toast.show('加载记录失败', 'error');
|