oil-station/fuintCashierWeb/src/views/details/orderComponents/oilOrder.vue
2023-11-24 18:13:11 +08:00

60 lines
1.5 KiB
Vue

<template>
<div>
<el-table ref="tables" v-loading="loading" :data="list">
<el-table-column label="所属油站" prop="id" align="center"/>
<el-table-column label="订单时间" align="center"/>
<el-table-column label="交易终端" align="center" prop="userNo"/>
<el-table-column label="油品/油枪" align="center" prop="name" />
<el-table-column label="订单金额" align="center" prop="mobile"/>
<el-table-column label="优惠金额" align="center" prop="gradeId"/>
<el-table-column label="实付金额" align="center" prop="balance"/>
<el-table-column label="付款类型" align="center" prop="balance"/>
<el-table-column label="订单号" align="center" prop="balance"/>
<el-table-column label="订单类型" align="center" prop="point"/>
</el-table>
<pagination
:total="total"
:page.sync="queryParams.page"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
</template>
<script>
import {listOilOrder} from "@/api/cashier/oilorder";
export default {
props:["pid"],
data(){
return {
loading:false,
list:[],
total:0,
queryParams:{
page:1,
pageSize:10,
userId:"",
},
// 会员id
userId:"",
}
},
created() {
this.getList();
},
methods:{
getList(){
listOilOrder(this.queryParams).then(res => {
console.log(res)
})
},
}
}
</script>
<style lang="scss" scoped>
</style>