<template>
|
<div class="list_main">
|
<ProTable
|
:pageInfo="pageInfo"
|
@handleCurrentChange="handleCurrentChange"
|
@handleSizeChange="handleSizeChange"
|
:isAutoIndex="true"
|
:list="records"
|
:header="tableHeader"
|
:loading="loading"
|
/>
|
</div>
|
</template>
|
|
<script>
|
import { APPROVALLISTCOLUMN } from "../utils/columnConfig";
|
import { qryFlowCirculationRecord } from "../api/productManage.api";
|
import ProTable from "../components/ProTable.vue";
|
|
export default {
|
data() {
|
return {
|
tableHeader: [...APPROVALLISTCOLUMN],
|
records: [],
|
pageInfo: {
|
currentPage: 1,
|
pageSize: 10,
|
total: 0
|
},
|
isShowDetail: false, // 是否显示所有表单项
|
loading: false
|
};
|
},
|
components: {
|
ProTable
|
},
|
created() {},
|
mounted() {
|
this.getFlowCirculationRecord();
|
},
|
methods: {
|
// 获取列表
|
async getFlowCirculationRecord() {
|
const { serialno } = this.$parent._data;
|
const params = {
|
currentPage: 1,
|
pageSize: 100,
|
serialno
|
};
|
const listRes = await qryFlowCirculationRecord(params);
|
if (!listRes || listRes.code !== "00") {
|
return false;
|
}
|
this.$set(this.pageInfo, "total", listRes.result.total);
|
this.records = listRes.result;
|
},
|
// 修改翻页条数
|
handleSizeChange(val) {
|
this.pageInfo.pageSize = val;
|
this.getFlowCirculationRecord();
|
},
|
|
// 修改翻页数
|
handleCurrentChange(val) {
|
this.pageInfo.currentPage = val;
|
this.getFlowCirculationRecord();
|
}
|
}
|
};
|
</script>
|
|
<style lang="stylus" scoped>
|
.list_main {
|
padding: 10px 40px 0 30px;
|
}
|
</style>
|
