update code
parent
7236e42dcd
commit
19c0790a94
|
|
@ -72,7 +72,75 @@ const sumByDeptId=data=>{
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
const sumForBsEnginAuditing=data=>{
|
||||||
|
return new Promise(reslove=>{
|
||||||
|
request({
|
||||||
|
url:'/bgscreen/costOut/sumForBsEnginAuditing',
|
||||||
|
method: 'post',
|
||||||
|
data:data
|
||||||
|
}).then(d=>{
|
||||||
|
const getValue=(t)=>{
|
||||||
|
let tmps=(d.data||[]).filter(it=>it.costType==t);
|
||||||
|
return tmps.length>0?tmps[0].money/10000.0:0;
|
||||||
|
}
|
||||||
|
let obj={
|
||||||
|
data1:getValue(1),
|
||||||
|
data2:getValue(2),
|
||||||
|
data3:getValue(3),
|
||||||
|
data4:getValue(4),
|
||||||
|
data5:getValue(5),
|
||||||
|
data6:getValue(6),
|
||||||
|
};
|
||||||
|
obj.percent=obj.data1==0?0:obj.data3*100.0/obj.data1;
|
||||||
|
if(obj.percent>100){
|
||||||
|
obj.percent=100;
|
||||||
|
}
|
||||||
|
reslove(obj);
|
||||||
|
})
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const selectForBigEnginList=data=>{
|
||||||
|
return new Promise(reslove=>{
|
||||||
|
request({
|
||||||
|
url:'/bgscreen/costOut/selectForBigEnginList',
|
||||||
|
method: 'post',
|
||||||
|
data:data
|
||||||
|
}).then(d=>{
|
||||||
|
let data=d.data;
|
||||||
|
let names=[];
|
||||||
|
for(let k in data){
|
||||||
|
let v=data[k];
|
||||||
|
names.push(k);
|
||||||
|
let sum1=0;
|
||||||
|
let sum2=0;
|
||||||
|
let sum3=0;
|
||||||
|
v.forEach(it=>{
|
||||||
|
it.forEach(item=>{
|
||||||
|
item.money/=10000.0;
|
||||||
|
item.money2/=10000.0;
|
||||||
|
item.money3=item.money-item.money2;
|
||||||
|
sum1+=item.money;
|
||||||
|
sum2+=item.money2;
|
||||||
|
sum3+=item.money3;
|
||||||
|
})
|
||||||
|
});
|
||||||
|
v.push({
|
||||||
|
sum1:sum1,
|
||||||
|
sum2:sum2,
|
||||||
|
sum3:sum3
|
||||||
|
});
|
||||||
|
}
|
||||||
|
reslove({
|
||||||
|
data:data,
|
||||||
|
names:names
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
export default{
|
export default{
|
||||||
selectYearAndMonth,
|
selectYearAndMonth,
|
||||||
sumByDeptId
|
sumByDeptId,
|
||||||
|
sumForBsEnginAuditing,
|
||||||
|
selectForBigEnginList
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div style="display: flex;align-items: center">
|
<div style="display: flex;align-items: center" class="people-number">
|
||||||
<div class="people-number-con">
|
<div class="people-number-con">
|
||||||
<div v-for="item in people" v-html="item" :class="item==','?'is-split':''"></div>
|
<div v-for="item in people" v-html="item" :class="item==','?'is-split':''"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,47 +1,277 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="engin-auditing-page">
|
<div class="engin-auditing-page">
|
||||||
<div class="screen-content">
|
<div class="screen-content">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<module-one-1-1 :label="label1" style="position: relative;">
|
<module-one-1-1 :label="label1" style="position: relative;">
|
||||||
</module-one-1-1>
|
</module-one-1-1>
|
||||||
<module-one-2-1 label="项目审批排名" style="position: relative;">
|
<module-one-2-1 label="项目审批排名" style="position: relative;">
|
||||||
</module-one-2-1>
|
</module-one-2-1>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<module-one-1-1 label="付款金额" style="position: relative;">
|
<module-one-3-1 label="付款金额" style="position: relative;" class="cost-sum">
|
||||||
</module-one-1-1>
|
<el-row style="padding:0px 10px;">
|
||||||
<module-one-2-1 label="付款明细" style="position: relative;">
|
<el-col :span="12">
|
||||||
</module-one-2-1>
|
<div class="warning-info-title">
|
||||||
</el-col>
|
<div class="active">合同总金额(万元)</div>
|
||||||
<el-col :span="6">
|
</div>
|
||||||
<module-one-1-1 label="劳务单位资质审批" style="position: relative;">
|
|
||||||
</module-one-1-1>
|
<people-number :number="numberWithCommas((sumCost.data1 * 1.0 || 0).toFixed(2)) || '0.00'"
|
||||||
<module-one-2-1 label="劳务单位资质审批明细" style="position: relative;">
|
unit=""></people-number>
|
||||||
</module-one-2-1>
|
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
<el-col :span="12">
|
||||||
|
<div class="warning-info-title">
|
||||||
|
<div class="active">建安费总金额(万元)</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<people-number :number="numberWithCommas((sumCost.data2 * 1.0 || 0).toFixed(2)) || '0.00'"
|
||||||
|
unit=""></people-number>
|
||||||
|
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<div class="div-line"></div>
|
||||||
|
<el-row style="padding:0px 10px;">
|
||||||
|
<el-col :span="12">
|
||||||
|
<div class="warning-info-title">
|
||||||
|
<div class="active">总计付款(万元)</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<people-number :number="numberWithCommas((sumCost.data3 * 1.0 || 0).toFixed(2)) || '0.00'"
|
||||||
|
unit=""></people-number>
|
||||||
|
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div class="warning-info-title">
|
||||||
|
<div class="active">付款比例</div>
|
||||||
|
</div>
|
||||||
|
<div class="div-percent">
|
||||||
|
<div class="percent-content" :style="'width:'+sumCost.percent+'%'">
|
||||||
|
<span v-if="sumCost.percent>=20">{{ sumCost.percent.toFixed(2) }}%</span>
|
||||||
|
</div>
|
||||||
|
<span style="color: #00aaff;" v-if="sumCost.percent<20">{{ sumCost.percent.toFixed(2) }}%</span>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<div class="div-line"></div>
|
||||||
|
|
||||||
|
<el-row style="padding:0px 10px;">
|
||||||
|
<el-col :span="12">
|
||||||
|
<div class="warning-info-title">
|
||||||
|
<div class="active">进度款已支付(万元)</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<people-number :number="numberWithCommas((sumCost.data4 * 1.0 || 0).toFixed(2)) || '0.00'"
|
||||||
|
unit=""></people-number>
|
||||||
|
|
||||||
|
<div class="warning-info-title">
|
||||||
|
<div class="active">安措费已支付(万元)</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<people-number :number="numberWithCommas((sumCost.data5 * 1.0 || 0).toFixed(2)) || '0.00'"
|
||||||
|
unit=""></people-number>
|
||||||
|
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" style="margin-top:40px;">
|
||||||
|
<div class="warning-info-title">
|
||||||
|
<div class="active">挂账总金额(万元)</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<people-number :number="numberWithCommas((sumCost.data6 * 1.0 || 0).toFixed(2)) || '0.00'"
|
||||||
|
unit=""></people-number>
|
||||||
|
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<div style="padding:0px 10px;height: calc(100% - 440px);">
|
||||||
|
<div class="warning-info-title" style="border-bottom: dotted 1px #409effb8;">
|
||||||
|
<div class="active">付款明细</div>
|
||||||
|
</div>
|
||||||
|
<div class="scroll" v-if="sumList" style="max-height: calc(100% - 50px);overflow-y: auto;">
|
||||||
|
<template v-if="sumList.names.length>0">
|
||||||
|
<div v-for="(it,idx) in sumList.names" :key="idx">
|
||||||
|
<div>{{it}}</div>
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td>付款项</td>
|
||||||
|
<td>付款明细</td>
|
||||||
|
<td>申请时间</td>
|
||||||
|
<td>申请金额(万元)</td>
|
||||||
|
<td>已付款金额(万元)</td>
|
||||||
|
<td>挂账金额(万元)</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="3" align="center">合计</td>
|
||||||
|
<td>{{ (sumList.data[it][2].sum1*1.0).toFixed(2) }}</td>
|
||||||
|
<td>{{ (sumList.data[it][2].sum2*1.0).toFixed(2) }}</td>
|
||||||
|
<td>{{ (sumList.data[it][2].sum3*1.0).toFixed(2) }}</td>
|
||||||
|
</tr>
|
||||||
|
<template v-if="sumList.data[it][0].length>0">
|
||||||
|
<tr v-for="(row,index) in sumList.data[it][0]" :key="'a-'+idx+'b-'+index">
|
||||||
|
<td v-if="index==0" :rowspan="sumList.data[it][0].length">安措费</td>
|
||||||
|
<td>第{{index+1 }}期</td>
|
||||||
|
<td>{{ row.date1|formatDate}}</td>
|
||||||
|
<td>{{ (row.money*1.0).toFixed(2)}}</td>
|
||||||
|
<td>{{ (row.money2*1.0).toFixed(2)}}</td>
|
||||||
|
<td>{{ (row.money3*1.0).toFixed(2)}}</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<tr>
|
||||||
|
<td>安措费</td>
|
||||||
|
<td colspan="5">
|
||||||
|
<div style="text-align: center">暂无数据</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
<template v-if="sumList.data[it][1].length>0">
|
||||||
|
<tr v-for="(row,index) in sumList.data[it][1]" :key="'a-'+idx+'c-'+index">
|
||||||
|
<td v-if="index==0" :rowspan="sumList.data[it][1].length">进度款</td>
|
||||||
|
<td>第{{index+1 }}期</td>
|
||||||
|
<td>{{ row.date1|formatDate}}</td>
|
||||||
|
<td>{{ (row.money*1.0).toFixed(2)}}</td>
|
||||||
|
<td>{{ (row.money2*1.0).toFixed(2)}}</td>
|
||||||
|
<td>{{ (row.money3*1.0).toFixed(2)}}</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<tr>
|
||||||
|
<td>进度款</td>
|
||||||
|
<td colspan="5">
|
||||||
|
<div style="text-align: center">暂无数据</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
<div class="div-line"></div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<div>
|
||||||
|
暂无数据
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</module-one-3-1>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<module-one-1-1 label="劳务单位资质审批" style="position: relative;">
|
||||||
|
</module-one-1-1>
|
||||||
|
<module-one-2-1 label="劳务单位资质审批明细" style="position: relative;">
|
||||||
|
</module-one-2-1>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import '@/components/module/module-one-2-1'
|
import '@/components/module/module-one-2-1'
|
||||||
|
import '@/components/module/module-one-3-1'
|
||||||
|
import debounce from 'lodash.debounce'
|
||||||
export default {
|
export default {
|
||||||
name: 'JhbigscreenAuditingPage',
|
name: 'JhbigscreenAuditingPage',
|
||||||
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
label1:"审批进度(45)"
|
label1: "审批进度(45)",
|
||||||
|
prjs: [],
|
||||||
|
project: {},
|
||||||
|
dept: {},
|
||||||
|
sumCost: {},
|
||||||
|
sumList:null
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
|
this.$bus.$on("loadProjects", debounce(prjs => {
|
||||||
|
this.prjs = prjs;
|
||||||
|
}));
|
||||||
|
this.$bus.$on("projectChange", debounce(res => {
|
||||||
|
this.project = res;
|
||||||
|
this.loadData();
|
||||||
|
}));
|
||||||
|
this.$bus.$on("deptChange", debounce(dept => {
|
||||||
|
this.dept = dept;
|
||||||
|
this.loadData();
|
||||||
|
}));
|
||||||
|
if (this.$root.hasInitHeader) {
|
||||||
|
this.initMe();
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
numberWithCommas(x) {
|
||||||
|
x = x.toString();
|
||||||
|
var pattern = /(-?\d+)(\d{3})/;
|
||||||
|
while (pattern.test(x))
|
||||||
|
x = x.replace(pattern, "$1,$2");
|
||||||
|
return x;
|
||||||
|
},
|
||||||
|
initMe() {
|
||||||
|
this.project = this.$root.project || {};
|
||||||
|
this.dept = this.$root.dept || {};
|
||||||
|
this.prjs = this.$root.projects || [];
|
||||||
|
this.loadData();
|
||||||
|
},
|
||||||
|
loadData() {
|
||||||
|
this.loadSumCost();
|
||||||
|
this.loadCostList();
|
||||||
|
},
|
||||||
|
loadCostList(){
|
||||||
|
let postData = {};
|
||||||
|
if (this.project && this.project.id > 0) {
|
||||||
|
postData.projectId = this.project.id;
|
||||||
|
} else {
|
||||||
|
postData.id = this.dept.id;
|
||||||
|
}
|
||||||
|
this.$api.costOut.selectForBigEnginList(postData).then(d=>{
|
||||||
|
this.sumList=d;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
loadSumCost() {
|
||||||
|
let postData = {};
|
||||||
|
if (this.project && this.project.id > 0) {
|
||||||
|
postData.projectId = this.project.id;
|
||||||
|
} else {
|
||||||
|
postData.id = this.dept.id;
|
||||||
|
}
|
||||||
|
this.$api.costOut.sumForBsEnginAuditing(postData).then(d => {
|
||||||
|
this.sumCost = d;
|
||||||
|
});
|
||||||
|
}
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
<style lang="less">
|
||||||
|
.engin-auditing-page {
|
||||||
|
.cost-sum {
|
||||||
|
.people-number {
|
||||||
|
height: 40px;
|
||||||
|
transform: scale(.8);
|
||||||
|
position: relative;
|
||||||
|
left: -40px;
|
||||||
|
}
|
||||||
|
.div-line{
|
||||||
|
border-bottom: dotted 1px #eeeeee52;
|
||||||
|
margin: 16px 10px 0px;
|
||||||
|
}
|
||||||
|
.div-percent{
|
||||||
|
margin: 0px 20px;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
position: relative;
|
||||||
|
.percent-content{
|
||||||
|
background-color: #409eff;
|
||||||
|
border-radius: 10px;
|
||||||
|
text-align: right;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue