|
|
|
|
@ -6,7 +6,7 @@ |
|
|
|
|
<div> |
|
|
|
|
<el-radio-group v-model="formData.result"> |
|
|
|
|
<el-radio label="1">通过</el-radio> |
|
|
|
|
<el-radio label="0">不通过</el-radio> |
|
|
|
|
<el-radio label="2">不通过</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -20,26 +20,26 @@ |
|
|
|
|
</div> |
|
|
|
|
<div class="tip_box"> |
|
|
|
|
<div style="margin-left:10px;margin-right:30px;">结算总批数:{{totalCount}}</div> |
|
|
|
|
<div style="margin-right:30px;">结算总面积(dm²):{{totalArea}}</div> |
|
|
|
|
<div style="margin-right:30px;" v-if="checkBtn == 2">结算总面积(dm²):{{totalArea}}</div> |
|
|
|
|
<div>结算总金额(元):{{totalMoney}}</div> |
|
|
|
|
</div> |
|
|
|
|
<el-table :data="factoryData" v-if="checkBtn == '1'"> |
|
|
|
|
<el-table :data="factoryData" v-if="checkBtn == '1'" v-loading="loading"> |
|
|
|
|
<el-table-column label="#" type="index" width="55px" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="厂家代码" prop="ocCode" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="厂家名称" prop="ocName" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="结算批数" prop="ocName" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="结算金额(元)" prop="money" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="结算批数" prop="batchCount" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="结算金额(元)" prop="monthAmount" align="center"></el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
<el-table :data="factoryTypeData" v-if="checkBtn == '2'"> |
|
|
|
|
<el-table-column label="#" type="index" width="55px" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="厂家代码" prop="ocCode" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="厂家名称" prop="ocName" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="结算批数" prop="ocName" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="结算金额(元)" prop="money" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="总面积(dm²)" prop="area" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="面积月占比(%)" prop="area" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="月结算金额(元)" prop="area" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="金额月占比(%)" prop="area" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="结算大类" prop="statementCategory" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="结算批数" prop="batchCount" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="总面积(dm²)" prop="totalArea" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="面积月占比(%)" prop="areaMonthRatio" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="月结算金额(元)" prop="monthAmount" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="金额月占比(%)" prop="amountMonthRatio" align="center"></el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
<template #footer> |
|
|
|
|
<span class="dialog-footer"> |
|
|
|
|
@ -51,11 +51,20 @@ |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import {approvalDetailList,approvalSubmit} from '@/api/outsourcingManagement/oemOrderSettlement' |
|
|
|
|
export default { |
|
|
|
|
props:{ |
|
|
|
|
showDialog:{ |
|
|
|
|
type: Boolean, |
|
|
|
|
default: false |
|
|
|
|
}, |
|
|
|
|
checkId:{ |
|
|
|
|
type: String, |
|
|
|
|
default: '' |
|
|
|
|
}, |
|
|
|
|
approvalType:{ |
|
|
|
|
type: Number, |
|
|
|
|
default: 1 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
data(){ |
|
|
|
|
@ -64,16 +73,20 @@ export default { |
|
|
|
|
formData:{ |
|
|
|
|
result:'1' |
|
|
|
|
}, |
|
|
|
|
loading:false, |
|
|
|
|
checkBtn:'1', |
|
|
|
|
totalCount:90, |
|
|
|
|
totalArea:90.111, |
|
|
|
|
totalMoney:352, |
|
|
|
|
totalCount:0, |
|
|
|
|
totalArea:0, |
|
|
|
|
totalMoney:0, |
|
|
|
|
factoryData:[], |
|
|
|
|
factoryTypeData:[], |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
mounted(){ |
|
|
|
|
this.openShow = this.showDialog |
|
|
|
|
if(this.checkId){ |
|
|
|
|
this.getDetailList() |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods:{ |
|
|
|
|
closeDialog(val){ |
|
|
|
|
@ -82,9 +95,50 @@ export default { |
|
|
|
|
}, |
|
|
|
|
changeView(val){ |
|
|
|
|
this.checkBtn = val |
|
|
|
|
this.getDetailList() |
|
|
|
|
}, |
|
|
|
|
getDetailList(){ |
|
|
|
|
this.loading = true |
|
|
|
|
let params = { |
|
|
|
|
approvalId:this.checkId, |
|
|
|
|
groupByOc:this.checkBtn == 1 ? true : false |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
approvalDetailList(params).then(res =>{ |
|
|
|
|
console.log('res--------------',res) |
|
|
|
|
if(this.checkBtn == 1){ |
|
|
|
|
this.factoryData = res.data.data |
|
|
|
|
this.totalCount = res.data.data.reduce((total, item) => { |
|
|
|
|
// 使用一元加号(+)或 Number() 将 value 转为数字,防止字符串拼接 |
|
|
|
|
return total + +item.batchCount; |
|
|
|
|
}, 0); |
|
|
|
|
this.totalArea = res.data.data.reduce((total, item) => { |
|
|
|
|
// 使用一元加号(+)或 Number() 将 value 转为数字,防止字符串拼接 |
|
|
|
|
return total + +item.totalArea; |
|
|
|
|
}, 0); |
|
|
|
|
this.totalMoney = res.data.data.reduce((total, item) => { |
|
|
|
|
// 使用一元加号(+)或 Number() 将 value 转为数字,防止字符串拼接 |
|
|
|
|
return total + +item.monthAmount; |
|
|
|
|
}, 0); |
|
|
|
|
this.loading = false |
|
|
|
|
}else{ |
|
|
|
|
this.factoryTypeData = res.data.data |
|
|
|
|
this.loading = false |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
submit(){ |
|
|
|
|
this.closeDialog() |
|
|
|
|
let params = { |
|
|
|
|
approvalType:this.approvalType, |
|
|
|
|
approvalId:this.checkId, |
|
|
|
|
approvalResult:this.formData.result, |
|
|
|
|
} |
|
|
|
|
approvalSubmit(params).then(res =>{ |
|
|
|
|
if(res.data.code == 200){ |
|
|
|
|
this.$message.success(this.approvalType == 1 ? '校对成功' : '审核成功'); |
|
|
|
|
this.closeDialog(true) |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|