43 lines
1.3 KiB
Vue
43 lines
1.3 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<el-table :data="pager.lists" border style="width: 100%">
|
||
|
|
<el-table-column prop="id" label="ID" width="120" />
|
||
|
|
<el-table-column label="单据编号" prop="number" show-overflow-tooltip />
|
||
|
|
<el-table-column label="单据金额" prop="total" show-overflow-tooltip />
|
||
|
|
<el-table-column
|
||
|
|
label="抵扣金额"
|
||
|
|
prop="deduction_price"
|
||
|
|
show-overflow-tooltip
|
||
|
|
/>
|
||
|
|
<el-table-column label="实际金额" prop="actual" show-overflow-tooltip />
|
||
|
|
<el-table-column label="实收金额" prop="money" show-overflow-tooltip />
|
||
|
|
<el-table-column
|
||
|
|
label="单据时间"
|
||
|
|
prop="create_time"
|
||
|
|
show-overflow-tooltip
|
||
|
|
/>
|
||
|
|
</el-table>
|
||
|
|
<div class="flex mt-4 justify-end">
|
||
|
|
<pagination v-model="pager" @change="getLists" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" setup name="subOrder">
|
||
|
|
import { usePaging } from "@/hooks/usePaging";
|
||
|
|
import { apiOpurchaseclassSubOrders } from "@/api/opurchaseclass";
|
||
|
|
import { useRoute } from "vue-router";
|
||
|
|
|
||
|
|
const route = useRoute();
|
||
|
|
|
||
|
|
const queryParams = reactive({
|
||
|
|
id: route.query.id,
|
||
|
|
});
|
||
|
|
// 分页相关
|
||
|
|
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||
|
|
fetchFun: apiOpurchaseclassSubOrders,
|
||
|
|
params: queryParams,
|
||
|
|
});
|
||
|
|
getLists();
|
||
|
|
</script>
|