mirror of
https://gitlab.com/omair-personal/exchange.git
synced 2026-08-19 04:24:08 +00:00
Mouhamed Lamine
49 lines
1.8 KiB
Vue
49 lines
1.8 KiB
Vue
<template>
|
|
<div>
|
|
<div align="right">
|
|
<el-button icon="el-icon-refresh" type="primary" size="mini" @click="RefreshCompletedOrders()">Refresh</el-button>
|
|
</div>
|
|
<span align="center"><h2>Completed Orders</h2></span><br>
|
|
<!--<el-table :data="tableData" stripe style="width: 100%">
|
|
<el-table-column prop="order_no" label="Order No" sortable></el-table-column>
|
|
<el-table-column prop="cust_marking" label="Customer Marking" sortable></el-table-column>
|
|
<el-table-column prop="order_date" label="Order Date" sortable></el-table-column>
|
|
<el-table-column prop="transfer_amount" label="Transfer Amount (RMB)" sortable></el-table-column>
|
|
<el-table-column prop="status" label="Status"></el-table-column>
|
|
</el-table>-->
|
|
<br><br>
|
|
<el-table :data="tableData" stripe style="width: 100%">
|
|
<el-table-column label="Order No" prop="id"></el-table-column>
|
|
<el-table-column label="Company Name" prop="company_name"></el-table-column>
|
|
<el-table-column label="Order Date" prop="created_at"></el-table-column>
|
|
<el-table-column label="Transfer Amount (RMB)" prop="amount"></el-table-column>
|
|
<el-table-column label="Status" prop="admin_status"></el-table-column>
|
|
</el-table>
|
|
<div align="right">
|
|
<el-pagination background layout="prev, pager, next" :total="30"></el-pagination>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import axios from 'axios'
|
|
export default {
|
|
data() {
|
|
return {
|
|
tableData: [],
|
|
url: 'api/admin/complete-order',
|
|
}
|
|
},
|
|
mounted () {
|
|
this.RefreshCompletedOrders()
|
|
},
|
|
methods: {
|
|
RefreshCompletedOrders() {
|
|
let $this = this
|
|
axios.get(this.url).then(response => {
|
|
this.tableData = response.data
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script> |