<template>
|
<GlobalWindow :title="title" :visible.sync="visible" :confirm-working="isWorking">
|
<div class="title">支付明细</div>
|
<el-table :data="list" stripe border>
|
<el-table-column prop="id" label="订单编号" show-overflow-tooltip align="center"></el-table-column>
|
<el-table-column prop="onlineorderId" label="交易单号" show-overflow-tooltip align="center"></el-table-column>
|
<el-table-column prop="refundType" label="交易类型" width="100px" align="center">
|
<template slot-scope="{row}">
|
{{ typeToStr(row.refundType) }}
|
</template>
|
</el-table-column>
|
<el-table-column prop="money" label="交易金额(元)" width="100px" align="center"></el-table-column>
|
<el-table-column prop="payWay" label="渠道" width="100px" align="center">
|
<template slot-scope="{row}">
|
{{ row.payWay==0? '微信' : '支付宝' }}
|
</template>
|
</el-table-column>
|
<el-table-column prop="payDate" label="交易时间" width="150px" align="center"></el-table-column>
|
|
</el-table>
|
<div class="title">骑行记录</div>
|
<el-table
|
:data="memberRidesList"
|
stripe
|
border
|
>
|
<el-table-column prop="openid" label="用户" width="250px" show-overflow-tooltip align="center"></el-table-column>
|
<el-table-column prop="bikeCode" label="车辆编号" width="100px" align="center"></el-table-column>
|
<el-table-column prop="bikeType" label="车类型" width="200px" align="center"></el-table-column>
|
<el-table-column prop="rideTime" label="借出时长(分)" width="200px" align="center"></el-table-column>
|
<el-table-column prop="duration" label="计费时长(分)" width="200px" align="center"></el-table-column>
|
<el-table-column prop="bikeType" label="车类型" width="150px" align="center"></el-table-column>
|
<el-table-column prop="rentDate" label="借出时间" width="150px" align="center"></el-table-column>
|
<el-table-column prop="backDate" label="还车时间" width="150px" align="center"></el-table-column>
|
<el-table-column prop="closeStatus" fixed="right" label="结算状态" width="100px" align="center">
|
<template slot-scope="{row}">
|
{{ row.closeStatus == 0 ? '未结算' : '已结算' }}
|
</template>
|
</el-table-column>
|
</el-table>
|
<div slot="footer">
|
<el-button @click="visible=false">返回</el-button>
|
</div>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
// import GoodsOrderList from './goodsOrderList.vue'
|
export default {
|
name: 'OperaSitesWindow',
|
extends: BaseOpera,
|
components: { GlobalWindow },
|
data () {
|
return {
|
// 表单数据
|
form: {
|
goodsorderId: ''
|
},
|
list: [],
|
memberRidesList: [],
|
// 0结算退款 1强制结算退款 2结算后退款 [99: 虚拟type 支付押金]
|
type: [
|
{ label: '结算退款', id: 0 },
|
{ label: '平台自动结算退款', id: 1 },
|
{ label: '强制结算退款', id: 2 },
|
{ label: '结算后退款', id: 3 },
|
{ label: '支付押金', id: 99 },
|
],
|
}
|
},
|
created() {
|
},
|
methods: {
|
open(title, target) {
|
debugger
|
this.title = title
|
this.visible = true
|
// 新建
|
this.form = target
|
this.$nextTick(() => {
|
this.list = target.payOrderDTOList
|
this.memberRidesList = target.memberRidesList
|
// this.$refs.goodsOrderList.reload(target.model)
|
})
|
},
|
typeToStr(type) {
|
let temp = this.type.find(item => item.id == type )
|
return temp ? temp.label : '-'
|
}
|
},
|
|
}
|
</script>
|
|
<style scoped>
|
.title {
|
font-size: 18px;
|
font-weight: 600;
|
color: #333;
|
margin-bottom: 20px;
|
margin-top: 20px;
|
}
|
</style>
|
