<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="postcss" scoped>
|
.list_main {
|
padding: 10px 40px 0 30px;
|
}
|
</style>
|
