wuye / webui

Blame view

src/components/car/carDetailCouponOrder.vue 3.12 KB
Edit Raw Normal View History Permalink
b25b036d   wuxw   v1.9 优化日期 
1
 
  <template>
6d21390a   wuxw   开发车辆详情页面 
2
3
4
5
6
7
8
9
 
    <div>
      <div class="margin-top">
        <el-table :data="carDetailCouponOrderInfo.orders" border style="width: 100%">
          <el-table-column prop="orderId" :label="$t('carDetailCouponOrder.orderId')" align="center"></el-table-column>
          <el-table-column prop="carNum" :label="$t('carDetailCouponOrder.carNum')" align="center"></el-table-column>
          <el-table-column prop="couponName" :label="$t('carDetailCouponOrder.coupon')" align="center"></el-table-column>
          <el-table-column prop="shopName" :label="$t('carDetailCouponOrder.shop')" align="center"></el-table-column>
          <el-table-column prop="paName" :label="$t('carDetailCouponOrder.parkingLot')" align="center"></el-table-column>
1d33ddab   wuxw   开发完成车辆详情页面 
10
11
12
13
 
          <el-table-column prop="machineName" :label="$t('carDetailCouponOrder.machine')"
            align="center"></el-table-column>
          <el-table-column prop="createTime" :label="$t('carDetailCouponOrder.verifyTime')"
            align="center"></el-table-column>
6d21390a   wuxw   开发车辆详情页面 
14
15
16
17
18
 
          <el-table-column prop="remark" :label="$t('carDetailCouponOrder.remark')" align="center"></el-table-column>
        </el-table>
  
        <el-row>
          <el-col :span="16" :offset="8">
1d33ddab   wuxw   开发完成车辆详情页面 
19
20
 
            <el-pagination @current-change="handleCurrentChange" :current-page="currentPage" :page-size="pageSize"
              layout="total, prev, pager, next, jumper" :total="total">
6d21390a   wuxw   开发车辆详情页面 
21
22
23
24
25
26
27
28
29
 
            </el-pagination>
          </el-col>
        </el-row>
      </div>
    </div>
  </template>
  
  <script>
  import { listParkingCouponCarOrder } from '@/api/car/carDetailCouponOrderApi'
1d33ddab   wuxw   开发完成车辆详情页面 
30
 
  import { getCommunityId } from '@/api/community/communityApi'
6d21390a   wuxw   开发车辆详情页面 
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
  
  export default {
    name: 'CarDetailCouponOrder',
    data() {
      return {
        carDetailCouponOrderInfo: {
          orders: [],
          carId: '',
          memberId: '',
          carNum: '',
          paId: ''
        },
        currentPage: 1,
        pageSize: 10,
        total: 0
      }
    },
    methods: {
1d33ddab   wuxw   开发完成车辆详情页面 
49
50
51
52
53
54
55
 
      open(data) {
        this.carDetailCouponOrderInfo.carId = data.carId
        this.carDetailCouponOrderInfo.carNum = data.carNum
        this.carDetailCouponOrderInfo.paId = data.paId
        this.carDetailCouponOrderInfo.memberId = data.memberId
        this._loadCarDetailCouponOrderData(this.currentPage, this.pageSize)
      },
6d21390a   wuxw   开发车辆详情页面 
56
57
58
59
60
61
62
63
64
 
      switch(data) {
        this.carDetailCouponOrderInfo.carId = data.carId
        this.carDetailCouponOrderInfo.carNum = data.carNum
        this.carDetailCouponOrderInfo.paId = data.paId
        this.carDetailCouponOrderInfo.memberId = data.memberId
        this._loadCarDetailCouponOrderData(this.currentPage, this.pageSize)
      },
      _loadCarDetailCouponOrderData(page, row) {
        const params = {
1d33ddab   wuxw   开发完成车辆详情页面 
65
 
          communityId: getCommunityId(),
6d21390a   wuxw   开发车辆详情页面 
66
67
68
69
70
71
72
 
          carNum: this.carDetailCouponOrderInfo.carNum,
          iotApiCode: 'listParkingCouponCarOrderBmoImpl',
          page,
          row
        }
  
        listParkingCouponCarOrder(params).then(response => {
1d33ddab   wuxw   开发完成车辆详情页面 
73
74
 
          this.carDetailCouponOrderInfo.orders = response.data
          this.total = response.total
6d21390a   wuxw   开发车辆详情页面 
75
76
77
78
79
80
81
82
83
84
85
 
        }).catch(error => {
          console.error('请求失败:', error)
        })
      },
      handleCurrentChange(val) {
        this.currentPage = val
        this._loadCarDetailCouponOrderData(val, this.pageSize)
      }
    }
  }
  </script>