productListApi().then(response => {
                this.productList = response.data.productList
            })

//调用统一下单接口
                    wxNativePayApi(this.payOrder.productId).then(response => {
                        this.codeUrl = response.data.codeUrl
                        this.orderNo = response.data.orderNo
                        this.codeDialogVisible = true
                        // 启动定时器
                        this.timer = setInterval(() => {
                            this.queryOrderStatus()
                        }, 3000)
                    })

<!-- 微信支付二维码 -->
        <el-dialog :visible.sync="codeDialogVisible" :show-close="false" @close="closeDialog" width="350px" center>
            <qriously :value="codeUrl" :size="300" />
            使用微信扫码支付
        </el-dialog>

// 查询订单状态
            queryOrderStatus() {
                queryOrderStatusApi(this.orderNo).then(response => {
                    console.log('查询订单状态：' + response.code)
                    // 支付成功后的页面跳转
                    if (response.code === 0) {
                        console.log('清除定时器')
                        clearInterval(this.timer)
                        // 三秒后跳转到订单列表
                        setTimeout(() => {
                            this.$router.push({
                                path: '/orders'
                            })
                        }, 3000)
                    }
                })
            }

wxPayCancelApi(orderNo).then(response => {
        this.$message.success(response.message)
        // 取消成功可以做对应的 操作 比如 刷新订单列表
      })

wxPayRefundsApi(this.orderNo, this.reason).then(response => {
        console.log('response', response)
           //退款成功 可以刷新 订单列表
      })

downloadBillApi(this.billDate, type).then(response => {
        console.log(response)
        const element = document.createElement('a')
        element.setAttribute('href', 
        'data:application/vnd.ms-excel;charset=utf-8,' + 
        encodeURIComponent(response.data.result)  )
        element.setAttribute('download', this.billDate + '-' + type)
        element.style.display = 'none'
        element.click()
      })

<el-date-picker v-model="billDate" value-format="yyyy-MM-dd" placeholder="选择账单日期" />