eslint; 收入合同
This commit is contained in:
zhaoxiao
@@ -1,16 +1,231 @@
|
||||
<template>
|
||||
<div>
|
||||
<page-header-title :is-level-one="false" :img-for-icon="IconImg" :level-two-title="contractNum"></page-header-title>
|
||||
<a-card :bordered="false">
|
||||
<!-- 主体信息-->
|
||||
<div>
|
||||
<div class="part-title">
|
||||
<div class="part-title-text">主体信息</div>
|
||||
</div>
|
||||
<a-row class="detail">
|
||||
<template v-for="(item, index) in mainInfoList" :key="index">
|
||||
<a-col :xxl="6" :xl="8" :sm="12" class="detail-item" v-if="detailData[item.fieldName] && detailData[item.fieldName] !== ''">
|
||||
<a-row>
|
||||
<a-col :sm="10" :xs="24">{{ item.title }}:</a-col>
|
||||
<a-col :sm="14" :xs="24">{{ detailData[item.fieldName] }}</a-col>
|
||||
</a-row>
|
||||
</a-col>
|
||||
</template>
|
||||
</a-row>
|
||||
</div>
|
||||
<a-divider></a-divider>
|
||||
|
||||
<!-- 日期节点-->
|
||||
<div>
|
||||
<div class="part-title">
|
||||
<div class="part-title-text">日期节点</div>
|
||||
</div>
|
||||
<a-row class="detail">
|
||||
<template v-for="item in mainInfoList">
|
||||
<a-col :xxl="6" :xl="8" :sm="12" class="detail-item" v-if="detailData[item.fieldName] && detailData[item.fieldName] !== ''">
|
||||
<a-row>
|
||||
<a-col :sm="10" :xs="24">{{ item.title }}:</a-col>
|
||||
<a-col :sm="14" :xs="24">{{ detailData[item.fieldName] }}</a-col>
|
||||
</a-row>
|
||||
</a-col>
|
||||
</template>
|
||||
</a-row>
|
||||
</div>
|
||||
<a-divider></a-divider>
|
||||
|
||||
<!-- 账款信息-->
|
||||
<div>
|
||||
<div class="part-title">
|
||||
<div class="part-title-text">账款信息</div>
|
||||
</div>
|
||||
<a-row class="detail">
|
||||
<template v-for="item in mainInfoList">
|
||||
<a-col :xxl="6" :xl="8" :sm="12" class="detail-item" v-if="detailData[item.fieldName] && detailData[item.fieldName] !== ''">
|
||||
<a-row>
|
||||
<a-col :sm="10" :xs="24">{{ item.title }}:</a-col>
|
||||
<a-col :sm="14" :xs="24">{{ detailData[item.fieldName] }}</a-col>
|
||||
</a-row>
|
||||
</a-col>
|
||||
</template>
|
||||
</a-row>
|
||||
</div>
|
||||
<a-divider></a-divider>
|
||||
|
||||
<!-- 其他信息-->
|
||||
<div>
|
||||
<div class="part-title">
|
||||
<div class="part-title-text">其他信息</div>
|
||||
</div>
|
||||
<a-row class="detail">
|
||||
<template v-for="(item, index) in mainInfoList">
|
||||
<a-col :xxl="6" :xl="8" :sm="12" class="detail-item" v-if="detailData[item.fieldName] && detailData[item.fieldName] !== ''">
|
||||
<a-row>
|
||||
<a-col :sm="10" :xs="24">{{ item.title }}:</a-col>
|
||||
<a-col :sm="14" :xs="24">{{ detailData[item.fieldName] }}</a-col>
|
||||
</a-row>
|
||||
</a-col>
|
||||
</template>
|
||||
</a-row>
|
||||
</div>
|
||||
<a-divider></a-divider>
|
||||
|
||||
<!-- 分期信息-->
|
||||
<div>
|
||||
<div class="part-title">
|
||||
<div class="part-title-text">分期信息</div>
|
||||
</div>
|
||||
<a-row class="detail">
|
||||
<template v-for="(item, index) in mainInfoList">
|
||||
<a-col :xxl="4" :xl="8" :sm="12" class="detail-item" v-if="detailData[item.fieldName] && detailData[item.fieldName] !== ''">
|
||||
<a-row>
|
||||
<a-col :sm="10" :xs="24">{{ item.title }}:</a-col>
|
||||
<a-col :sm="14" :xs="24">{{ detailData[item.fieldName] }}</a-col>
|
||||
</a-row>
|
||||
</a-col>
|
||||
</template>
|
||||
</a-row>
|
||||
</div>
|
||||
<a-divider></a-divider>
|
||||
|
||||
<!-- 关联项目-->
|
||||
<div>
|
||||
<div class="part-title">
|
||||
<div class="part-title-text">关联项目</div>
|
||||
</div>
|
||||
</div>
|
||||
<a-divider></a-divider>
|
||||
|
||||
<!-- 存档信息-->
|
||||
<div>
|
||||
<div class="part-title">
|
||||
<div class="part-title-text">存档信息</div>
|
||||
</div>
|
||||
</div>
|
||||
<a-divider></a-divider>
|
||||
|
||||
<!-- 审核记录-->
|
||||
<div>
|
||||
<div class="part-title">
|
||||
<div class="part-title-text">审核记录</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import IconImg from '@/assets/imgs/icon/icon_revenue_contract.png'
|
||||
import PageHeaderTitle from '../../../../components/layouts/PageHeaderTitle'
|
||||
|
||||
export default {
|
||||
name: 'RevenueContractDetail',
|
||||
components: { PageHeaderTitle },
|
||||
data() {
|
||||
return {
|
||||
IconImg,
|
||||
contractNum: '',
|
||||
detailData: {},
|
||||
// 主体信息
|
||||
mainInfoList: [
|
||||
{
|
||||
fieldName: 'contractNum',
|
||||
title: '合同编号'
|
||||
}, {
|
||||
fieldName: 'contractName',
|
||||
title: '合同名称'
|
||||
}, {
|
||||
fieldName: 'signedCompanyTemporaryName',
|
||||
title: '签订单位'
|
||||
}, {
|
||||
fieldName: 'signedContactsTemporaryName',
|
||||
title: '签订联系人'
|
||||
}, {
|
||||
fieldName: 'opening_dictText',
|
||||
title: '是否开口'
|
||||
}, {
|
||||
fieldName: 'principalName',
|
||||
title: '负责人'
|
||||
}, {
|
||||
fieldName: 'departmentName',
|
||||
title: '部门名称'
|
||||
}, {
|
||||
fieldName: 'contractAmount',
|
||||
title: '签订合同总金额'
|
||||
}, {
|
||||
fieldName: 'rate',
|
||||
title: '税率'
|
||||
}, {
|
||||
fieldName: 'noTaxAmount',
|
||||
title: '未税金额'
|
||||
}
|
||||
],
|
||||
dateNodeList: [
|
||||
{
|
||||
fieldName: 'contractDate',
|
||||
title: '合同签订日期'
|
||||
}, {
|
||||
fieldName: 'terminationDate',
|
||||
title: '合同终止日期'
|
||||
}, {
|
||||
fieldName: 'contractTimePoints',
|
||||
title: '合同约定主要时点'
|
||||
}
|
||||
],
|
||||
accountInfoList: [
|
||||
{
|
||||
fieldName: 'accountsReceivableAmount',
|
||||
title: '应收金额'
|
||||
}, {
|
||||
fieldName: 'amountReceived',
|
||||
title: '已收金额'
|
||||
}, {
|
||||
fieldName: 'amountReceived',
|
||||
title: '未收金额'
|
||||
}, {
|
||||
fieldName: 'accountStatus',
|
||||
title: '赊账状态'
|
||||
}
|
||||
],
|
||||
otherInfoList: [
|
||||
{
|
||||
fieldName: 'contractPaymentTimes',
|
||||
title: '合同约定付款次数'
|
||||
}, {
|
||||
fieldName: 'package_dictText',
|
||||
title: '是否打包'
|
||||
}, {
|
||||
fieldName: 'packageYear',
|
||||
title: '打包年份'
|
||||
}
|
||||
],
|
||||
// 接口获取后处理加入title，fieldName字段
|
||||
installmentList: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
console.log(this.$route.query)
|
||||
console.log(this.$route.query.revenueId)
|
||||
this.contractNum = this.$route.query.contractNum
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
<style scoped lang="less">
|
||||
@import '~@assets/less/common.less';
|
||||
|
||||
.detail {
|
||||
padding: 0 20px;
|
||||
|
||||
&-item {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-divider-horizontal {
|
||||
margin: 20px 0;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user