<template>
|
<div class="product">
|
<div class="borrower">
|
<p class="title">
|
<span></span>
|
项目进度信息
|
</p>
|
<el-table
|
stripe
|
:data="projectProgressData"
|
style="margin-top: 30px"
|
highlight-current-row
|
:header-cell-style="{ background: '#f5f5f5', color: '#222222' }"
|
>
|
<el-table-column min-width="60">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">项目名称</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.projName }}</span></template
|
>
|
</el-table-column>
|
<el-table-column min-width="60">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">合同名称</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.contractName }}</span></template
|
>
|
</el-table-column>
|
<el-table-column min-width="60">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">楼栋名称</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.buildingUnitName }}</span></template
|
>
|
</el-table-column>
|
<el-table-column min-width="60">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">楼层名称</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.floorName }}</span></template
|
>
|
</el-table-column>
|
<el-table-column min-width="60">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">工序名称</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.process }}</span></template
|
>
|
</el-table-column>
|
<el-table-column min-width="60">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">工序开始日期</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.processStartDate }}</span></template
|
>
|
</el-table-column>
|
<el-table-column min-width="60">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">工序结束日期</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.processEndDate }}</span></template
|
>
|
</el-table-column>
|
<el-table-column min-width="40">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">工序百分比</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.processPercent + '%' }}</span></template
|
>
|
</el-table-column>
|
<el-table-column min-width="60">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">备注</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.remark }}</span></template
|
>
|
</el-table-column>
|
<el-table-column min-width="80">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">更新日期</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.thirdUpdateTime }}</span></template
|
>
|
</el-table-column>
|
</el-table>
|
<div class="btn">
|
<el-button size="medium" plain @click="prevPage()">上一页</el-button>
|
<el-button size="medium" type="primary" @click="nextPage()"
|
>下一页</el-button
|
>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
import { qryProjProgressInfo } from "@api/product";
|
import common from "@/utils/common";
|
export default {
|
data() {
|
return {
|
projectProgressData: [],
|
projectCompany: this.$store.state.product.projectCompany,
|
applyMenu: this.$store.state.product.applyMenu,
|
};
|
},
|
computed: {},
|
components: {},
|
async created() {
|
this.requestQryProjProgressInfo();
|
},
|
methods: {
|
async requestQryProjProgressInfo() {
|
const resp = await qryProjProgressInfo({
|
projectSerialNo: this.projectCompany.serialno,
|
});
|
if (resp.result) {
|
this.projectProgressData = resp.result;
|
}
|
},
|
prevPage() {
|
this.applyMenu.forEach((val, index) => {
|
if (val.tabname == "项目进度信息") {
|
common.workerTabInfo(
|
this.applyMenu[index - 1].tabname,
|
'CreditFlowPublic',
|
this
|
);
|
}
|
});
|
},
|
nextPage() {
|
this.$parent.updateApplyTabTree('项目进度信息');
|
}
|
},
|
beforeRouteLeave(to, from, next) {
|
next();
|
},
|
};
|
</script>
|
