<template>
|
<div class="product">
|
<div class="borrower">
|
<p class="title">
|
<span></span>
|
项目基本信息
|
</p>
|
<el-form
|
:model="projectInfo"
|
ref="projectInfo"
|
size="small"
|
inline
|
label-width="165px"
|
>
|
<div class="form">
|
<el-form-item label="项目id" prop="serialno">
|
<el-input v-model="projectInfo.serialno" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="项目名称" prop="projname">
|
<el-input v-model="projectInfo.projname" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="项目类型" prop="projtype">
|
<el-input v-model="projectInfo.projtype" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="项目状态" prop="projstatus">
|
<el-input v-model="projectInfo.projstatus" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="开工日期" prop="projstarttime">
|
<el-input v-model="projectInfo.projstarttime" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="竣工日期" prop="projendtime">
|
<el-input v-model="projectInfo.projendtime" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="建筑总面积" prop="constructionarea">
|
<el-input
|
v-model="projectInfo.constructionarea"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item label="项目地址" prop="projaddr" style="width: 65%">
|
<el-input v-model="projectInfo.projaddr" disabled></el-input>
|
</el-form-item>
|
</div>
|
</el-form>
|
<p class="title">
|
<span></span>
|
建设单位信息
|
</p>
|
<el-form
|
:model="buildCompanyInfoResp"
|
ref="buildCompanyInfoResp"
|
size="small"
|
inline
|
label-width="165px"
|
>
|
<el-form-item label="公司名称" prop="customername">
|
<el-input
|
v-model="buildCompanyInfoResp.customername"
|
disabled
|
></el-input>
|
</el-form-item>
|
<!-- <el-form-item label="公司类型" prop="enterprisecategory">
|
<el-input
|
v-model="buildCompanyInfoResp.enterprisecategory"
|
disabled
|
></el-input>
|
</el-form-item> -->
|
<el-form-item label="统一社会信用代码" prop="reditcode">
|
<el-input
|
v-model="buildCompanyInfoResp.reditcode"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item label="成立日期" prop="registerdate">
|
<el-input
|
v-model="buildCompanyInfoResp.registerdate"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item label="公司地址" prop="companyaddress" style="width: 65%">
|
<el-input
|
v-model="buildCompanyInfoResp.companyaddress"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item label="法人姓名" prop="corporatename">
|
<el-input
|
v-model="buildCompanyInfoResp.corporatename"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item label="法人身份证号" prop="corporatecertid">
|
<el-input
|
v-model="buildCompanyInfoResp.corporatecertid"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item label="法人手机号" prop="corporatephone">
|
<el-input
|
v-model="buildCompanyInfoResp.corporatephone"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item
|
label="法人联系地址"
|
prop="corporateaddress"
|
style="width: 65%"
|
>
|
<el-input
|
v-model="buildCompanyInfoResp.corporateaddress"
|
disabled
|
></el-input>
|
</el-form-item>
|
</el-form>
|
<p class="title">
|
<span></span>
|
劳务单位信息
|
</p>
|
<el-form
|
:model="companyInfoResp"
|
ref="companyInfoResp"
|
size="small"
|
inline
|
label-width="165px"
|
>
|
<el-form-item label="公司名称" prop="customername">
|
<el-input v-model="companyInfoResp.customername" disabled></el-input>
|
</el-form-item>
|
<!-- <el-form-item label="公司类型" prop="enterprisecategory">
|
<el-input
|
v-model="companyInfoResp.enterprisecategory"
|
disabled
|
></el-input>
|
</el-form-item> -->
|
<el-form-item label="统一社会信用代码" prop="reditcode">
|
<el-input v-model="companyInfoResp.reditcode" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="成立日期" prop="registerdate">
|
<el-input v-model="companyInfoResp.registerdate" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="公司地址" prop="companyaddress" style="width: 65%">
|
<el-input
|
v-model="companyInfoResp.companyaddress"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item label="法人姓名" prop="corporatename">
|
<el-input v-model="companyInfoResp.corporatename" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="法人身份证号" prop="corporatecertid">
|
<el-input
|
v-model="companyInfoResp.corporatecertid"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item label="法人手机号" prop="corporatephone">
|
<el-input
|
v-model="companyInfoResp.corporatephone"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item
|
label="法人联系地址"
|
prop="corporateaddress"
|
style="width: 65%"
|
>
|
<el-input
|
v-model="companyInfoResp.corporateaddress"
|
disabled
|
></el-input>
|
</el-form-item>
|
</el-form>
|
<p class="title">
|
<span></span>
|
劳务单位股东信息
|
</p>
|
<el-table
|
stripe
|
:data="shareholderInfoList"
|
style="margin-top: 30px; margin-bottom: 50px"
|
highlight-current-row
|
|
:header-cell-style="{ background: '#f5f5f5', color: '#222222' }"
|
>
|
<el-table-column min-width="100">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">股东名称</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.shareholdername }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column min-width="100">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">股东类型</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.shareholdertypeCn }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column min-width="100">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">证件号码</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.certid }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column min-width="100">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">手机号码</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.phone }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column min-width="100">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">联系人</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.contactsName }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column min-width="100">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">联系人证件号</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.contactsIdNum }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column min-width="100">
|
<template slot="header">
|
<span>
|
<span style="padding-left: 8px">联系号码</span>
|
</span>
|
</template>
|
<template slot-scope="{ row }">
|
<span style="padding-left: 15px">{{ row.contactsPhone }}</span>
|
</template>
|
</el-table-column>
|
</el-table>
|
<p class="title">
|
<span></span>
|
项目保证金信息
|
</p>
|
<el-form
|
:model="projectDepositQueryRsp"
|
ref="projectDepositQueryRsp"
|
size="small"
|
inline
|
label-width="165px"
|
>
|
<el-form-item label="已收保证金" prop="amount">
|
<el-input v-model="projectDepositQueryRsp.amount" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="已占用保证金" prop="occupiedAmount">
|
<el-input
|
v-model="projectDepositQueryRsp.occupiedAmount"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item label="已退还保证金" prop="refundedAmount">
|
<el-input
|
v-model="projectDepositQueryRsp.refundedAmount"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item label="已使用保证金" prop="usedAmount">
|
<el-input
|
v-model="projectDepositQueryRsp.usedAmount"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item label="剩余保证金" prop="remainAmount">
|
<el-input
|
v-model="projectDepositQueryRsp.remainAmount"
|
disabled
|
></el-input>
|
</el-form-item>
|
</el-form>
|
<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 { qryProjectAllInfo } from "@/api/product";
|
import common from "@/utils/common";
|
|
export default {
|
data() {
|
return {
|
projectCompany: this.$store.state.product.projectCompany,
|
applyMenu: this.$store.state.product.applyMenu,
|
initialArr: [], //初始化数据
|
// borrowerForm: [],
|
borrowerArr: {},
|
projectInfo: {}, //项目信息
|
buildCompanyInfoResp: {}, //建设公司信息
|
companyInfoResp: {}, //施工公司信息
|
projectDepositQueryRsp: {}, //项目保证金
|
shareholderInfoList: [], //施工公司股东信息
|
rules: {},
|
};
|
},
|
computed: {},
|
components: {},
|
async created() {
|
let result = await this.requestQryProjectAllInfo();
|
this.getBorrowerData(result);
|
},
|
methods: {
|
requestQryProjectAllInfo() {
|
return new Promise((resolve) => {
|
qryProjectAllInfo({
|
projectSerialNo: this.projectCompany.serialno,
|
}).then((res) => {
|
resolve(res.result);
|
});
|
});
|
},
|
getBorrowerData(result) {
|
this.borrowerArr = result;
|
this.projectInfo = result.projectInfo;
|
this.buildCompanyInfoResp = result.buildCompanyInfoResp;
|
this.companyInfoResp = result.companyInfoResp;
|
this.shareholderInfoList = result.companyInfoResp.shareholderInfoList;
|
result.projectDepositQueryRsp.amount = this.getMoney(result.projectDepositQueryRsp.amount)
|
result.projectDepositQueryRsp.occupiedAmount = this.getMoney(result.projectDepositQueryRsp.occupiedAmount)
|
result.projectDepositQueryRsp.refundedAmount = this.getMoney(result.projectDepositQueryRsp.refundedAmount)
|
result.projectDepositQueryRsp.usedAmount = this.getMoney(result.projectDepositQueryRsp.usedAmount)
|
result.projectDepositQueryRsp.remainAmount = this.getMoney(result.projectDepositQueryRsp.remainAmount)
|
|
this.projectDepositQueryRsp = result.projectDepositQueryRsp;
|
},
|
// 格式化金额
|
getMoney(money) {
|
if (money && money != null) {
|
money = String(money)
|
let left = money.split('.')[0]
|
let right = money.split('.')[1]
|
right = right
|
? right.length >= 2
|
? '.' + right.substr(0, 2)
|
: '.' + right + '0'
|
: '.00'
|
var temp = left
|
.split('')
|
.reverse()
|
.join('')
|
.match(/(\d{1,3})/g)
|
return (
|
(Number(money) < 0 ? '-' : '') +
|
temp
|
.join(',')
|
.split('')
|
.reverse()
|
.join('') +
|
right
|
)
|
} else if (Number(money) === 0) {
|
// 注意===在这里的使用，如果传入的money为0,if中会将其判定为boolean类型，故而要另外做===判断
|
return '0.00'
|
} else {
|
return ''
|
}
|
},
|
prevPage() {
|
},
|
nextPage() {
|
this.$parent.updateApplyTabTree('项目基本信息');
|
},
|
},
|
beforeRouteLeave(to, from, next) {
|
next();
|
},
|
};
|
</script>
|
