This commit is contained in:
chenjianan
2018-12-12 18:03:05 +08:00
parent cf28234900
commit 6751cde827
8 changed files with 600 additions and 87 deletions

View File

@@ -24,57 +24,67 @@
<el-card>
<el-table v-loading="" :data="tableData1" stripe border style="width: 100%;max-height: 500px;" height="500px" size="mini">
<el-table-column label="采购合同号" align="center" min-width="100">
<el-table-column label="采购合同号" align="center" min-width="100">
<template slot-scope="scope">
{{ scope.row.采购合同编号 }}
</template>
</el-table-column>
<el-table-column label="采购合同名称" align="center" min-width="120">
<el-table-column label="采购合同名称" align="center" min-width="100">
<template slot-scope="scope">
{{ scope.row.采购合同名称 }}
</template>
</el-table-column>
<el-table-column label="规定到货时间" align="center" min-width="100">
<template slot-scope="scope">
{{ scope.row.规定到货时间.split(' ')[0] }}
</template>
</el-table-column>
<el-table-column label="供应商" align="center" min-width="250">
<el-table-column label="供应商" align="center" min-width="150">
<template slot-scope="scope">
{{ scope.row.供应商名称 }}
</template>
</el-table-column>
<el-table-column label="付款方式" align="center" min-width="100">
<template slot-scope="scope">
{{ scope.row.付款方式内容 }}
</template>
</el-table-column>
<el-table-column label="采购员" align="center" min-width="70">
<el-table-column label="采购员" align="center" min-width="60">
<template slot-scope="scope">
{{ scope.row.姓名 }}
</template>
</el-table-column>
<el-table-column label="总金额" align="center" min-width="70">
<el-table-column label="交货日期" align="center" min-width="100">
<template slot-scope="scope">
{{ Number(scope.row.总金额).toFixed(2) }}
{{ scope.row.交货日期 }}
</template>
</el-table-column>
<el-table-column label="欠款金额" align="center" min-width="70">
<el-table-column label="支付日期" align="center" min-width="150">
<template slot-scope="scope">
{{ Number(scope.row.欠款金额).toFixed(2) }}
{{ scope.row.支付日期 }}
</template>
</el-table-column>
<el-table-column label="已付金额" align="center" min-width="70">
<el-table-column label="支付方式" align="center" min-width="150">
<template slot-scope="scope">
{{ Number(scope.row.总金额 - scope.row.欠款金额).toFixed(2) }}
{{ scope.row.支付方式 }}
</template>
</el-table-column>
<el-table-column label="付款情况" align="center" min-width="150">
<el-table-column label="其他说明" align="center" min-width="150">
<template slot-scope="scope">
{{ scope.row.其他说明 }}
</template>
</el-table-column>
<el-table-column label="合同总额" align="center" min-width="70" fixed="right">
<template slot-scope="scope">
{{ scope.row.合同总额 }}
</template>
</el-table-column>
<el-table-column label="欠款金额" align="center" min-width="70" fixed="right">
<template slot-scope="scope">
{{ (Number(scope.row.合同总额)-Number(scope.row.已付金额)).toFixed(2) }}
</template>
</el-table-column>
<el-table-column label="已付金额" align="center" min-width="70" fixed="right">
<template slot-scope="scope">
{{ Number(scope.row.已付金额).toFixed(2) }}
</template>
</el-table-column>
<el-table-column label="付款进度" align="center" min-width="150" fixed="right">
<template slot-scope="scope">
<el-progress
:text-inside="true"
:stroke-width="18"
:percentage="parseFloat((100*(scope.row.总金额 - scope.row.欠款金额)/scope.row.总金额).toFixed(2))"
:percentage="100*(Number(scope.row.已付金额))/scope.row.合同总额"
status="success"/>
</template>
</el-table-column>
@@ -124,6 +134,7 @@ export default {
},
created() {
this.fetchData()
this.searchTable1()
},
methods: {
fetchData() {
@@ -142,6 +153,7 @@ export default {
this.supplierName ? this.check2 = 1 : this.check2 = 0
searchPayState(this.pageCurrent1, this.pageSize1, this.check1, this.contractNumValue, this.check2, this.supplierName).then(response => {
this.tableData1 = response.data.rows
console.log(response.data.rows)
this.total1 = response.data.total
})
},